aziascreations/Web-NibblePoker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleaning up trash, Changing from pure CSS to SCSS

Browse Source 
Update .dockerignore, .gitignore, and 20 more files...
This commit is contained in:
Herwin Bozet (NibblePoker)
2022-09-21 16:54:03 +02:00
parent 4188ed4767
commit 2df6476a2f
22 changed files with 344 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
.dockerignore
View File

@@ -1,11 +0,0 @@
# IDE-related folders
.idea/
# Git
.git/
.gitignore
# Others
.dockerignore
*.md
*.lnk

2
.gitignore vendored
View File

@@ -11,3 +11,5 @@ resources/FontAwesomePro/
*.min.json
*.lnk
tmp/
resources/Azias/css/*.css
resources/Azias/css/*.map

2
commons/headers.php
View File

@@ -18,4 +18,4 @@ if(basename(__FILE__) == basename($_SERVER["SCRIPT_FILENAME"])) {
<link rel="alternate icon" href="/favicon.ico">
<link href="/resources/HalfMoon/1.1.1/css/halfmoon-variables.min.css" rel="stylesheet" />
<link rel="stylesheet" href="/resources/FontAwesomePro/5.15.3/css/all.min.css">
<link rel="stylesheet" href="/resources/Azias/css/nibblepoker.lu.css">
<link rel="stylesheet" href="/resources/Azias/css/nibblepoker.lu.min.css">

262
resources/Azias/css/nibblepoker.lu.css
View File

@@ -1,262 +0,0 @@
/* Fonts */
@font-face {
font-family: 'Quantum';
src: url("/resources/Quantum/Quantum.otf") format('opentype');
}
/* Background for the main container and its cards */
div#body-overlay {
position: absolute;
width: 100%;
height: 100%;
background-image: url("/resources/Azias/imgs/3px-tile.png");
opacity: 0.3;
margin: 0;
padding: 0;
}
.dark-mode .card.card-bkgd {
background: var(--dm-card-bg-color) url("/resources/Azias/imgs/3px-tile-0.2.png") repeat fixed center center;
}
.bg-very-dark.title-bkgd {
background: repeat center center fixed;
background-color: var(--dark-color-dark)!important;
background-image: url("/resources/Azias/imgs/3px-tile-0.1.png");
}
/* Utilities, helpers & misc */
img.no-save {
pointer-events: none;
}
.no-select {
user-select: none;
}
.quantum {
font-family: 'Quantum', sans-serif;
}
.ucase {
text-transform: uppercase;
}
.font-size-8 {
font-size: 0.8rem!important;
}
.font-size-10 {
font-size: 1.0rem!important;
}
.font-size-26 {
font-size: 2.6rem!important;
}
.font-size-28 {
font-size: 2.8rem!important;
}
.font-size-30 {
font-size: 3.0rem!important;
}
.font-size-30 {
font-size: 3.0rem!important;
}
.font-size-35 {
font-size: 3.5rem!important;
}
.font-size-40 {
font-size: 4.0rem!important;
}
.text-super-muted {
color: #89898A;
}
.square-corners {
border-radius: 0!important;
}
.stretch-align-items {
align-items: stretch;
}
.py-01 {
padding-top: 0.01rem!important;
padding-bottom: 0.01rem!important;
}
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
.hide-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}
.cursor-pointer {
cursor: pointer;
}
/* Unique rules */
#copyright-text {
opacity: 0.3;
}
#privacy-footer-link {
opacity: 0.3;
text-decoration: none;
}
#privacy-footer-link:hover {
opacity: 0.75;
}
#logo-sidebar {
filter: grayscale(100%);
width: 100%;
height: auto;
}
#logo-footer {
filter: grayscale(100%);
}
#page-title-bar {
min-height: 64px;
height: 64px;
}
#header-lang-menu {
margin-right: calc(var(--content-and-card-spacing) * ( 2 / 3 ) );
}
#contact-tox-qrcode > img {
height: calc( 256px * 0.75);
-webkit-filter: invert(100%);
filter: invert(100%);
image-rendering: pixelated;
}
hr, hr.dark-mde, hr.subtle {
background-color: rgba(0, 0, 0, 0) !important;
background: rgb(93,95,97);
background: radial-gradient(circle, rgba(83,85,87,0.8) 0%, rgba(65,67,69,0.65) 75%, rgba(17,20,23,0) 100%);
opacity: 0.1;
margin-top: 5px;
margin-bottom: 5px;
}
/* Glider rules */
.glider {
border: var(--card-border-width) solid var(--dm-card-border-color);
box-shadow: inset 1px 0 25px 5px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.glider-nav {
cursor: pointer;
height: 100%;
}
div.glider-slide > * {
border: var(--card-border-width) solid var(--dm-card-border-color);
box-shadow: inset 1px 0 25px 5px rgba(0, 0, 0, 0.1);
}
img.fill-height {
height: 100%;
object-fit: cover;
object-position: 0 0;
}
/* Content */
/* Content > Search */
@media (max-width: 992px) {
:root {
--content-search-image-size: 96px;
}
}
@media (min-width: 993px) {
:root {
--content-search-image-size: 128px;
}
}
div.content-presentation-container {
margin-bottom: 10px;
min-height: var(--content-search-image-size);
display: flex;
}
div.content-presentation-container > a {
width: 100%;
min-height: var(--content-search-image-size);
text-align: justify;
color: var(--dm-card-text-color);
}
div.content-presentation-container > a:hover {
color: var(--dm-card-text-color);
text-decoration: none;
}
div.content-search-image-container {
background: var(--dm-card-bg-color) url("/resources/Azias/imgs/3px-tile-0.2.png") repeat fixed center center;
box-shadow: inset 0 0 25px 1px rgba(255,255,255,0.05);
border-radius: 8px;
width: var(--content-search-image-size);
height: var(--content-search-image-size);
margin-right: 10px;
float: left;
}
img.content-search-image {
max-width: var(--content-search-image-size);
max-height: var(--content-search-image-size);
border-radius: 8px;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
}
h3.content-search-title {
float: none;
margin: 0;
text-align: left;
}
div.content-tag-container a:not(:first-child) {
margin-left: 10px;
}
div.content-tag-container a, div.content-tag-container i {
/* Doesn't fix the line return issue ! */
display: inline-block;
}
/* Adding a margin to buttons present right after another one */
button + button, .button-link + .button-link > button {
margin-left: 1.5rem !important;
}
/* Gradient used on home page's applications card */
@media (min-width: 993px) {
.l-lab-web {
background: linear-gradient(90deg, rgba(101,144,134,0.3) 0%, rgba(101,144,134,0.2) 1.5px, rgba(101,144,134,0.0) 7px);
border-radius: 5px 0 0 5px;
}
.l-lab-office {
background: linear-gradient(90deg, rgba(64,84,59,0.5) 0%, rgba(64,84,59,0.3) 2px, rgba(64,84,59,0.0) 7px);
border-radius: 5px 0 0 5px;
}
.l-lab-app {
background: linear-gradient(90deg, rgba(156,23,34,0.4) 0%, rgba(156,23,34,0.3) 1.5px, rgba(156,23,34,0.0) 7px);
border-radius: 5px 0 0 5px;
}
}
/* Custom dynamic sizing for main containers in primary ".content-wrapper" */
.w-lg-p90 {
width: 95% !important;
}
@media (max-width: 992px) {
.w-95 {
width: 95% !important;
}
}
@media (min-width: 993px) {
.w-lg-p90 {
width: 90% !important;
}
}
/* Fixes */
/* No idea where this is used */
div.last-inner-collapse-border-fix {
/* TODO: Fix it when it is closed */
border: var(--collapse-content-border-width) solid var(--dm-collapse-content-border-color) !important;
border-top: 0 !important;
border-bottom-left-radius: var(--collapse-content-border-radius) !important;
border-bottom-right-radius: var(--collapse-content-border-radius) !important;
}
/* Fix for ".content-wrapper" on mobile which can be too large due to the main title */
.content-wrapper {
max-width: 100vw;
}
code.w-full {
white-space: pre;
}
video {
/* https://css-tricks.com/fluid-width-video/ */
width: 100% !important;
height: auto !important;
}

21
resources/Azias/scss/halfmoon/background.scss Normal file
View File

@@ -0,0 +1,21 @@
/* Halfmoon > Background */
div#body-overlay {
position: absolute;
width: 100%;
height: 100%;
background-image: url("/resources/Azias/imgs/3px-tile.png");
opacity: 0.3;
margin: 0;
padding: 0;
}
.dark-mode .card.card-bkgd {
background: var(--dm-card-bg-color) url("/resources/Azias/imgs/3px-tile-0.2.png") repeat fixed center center;
}
.bg-very-dark.title-bkgd {
background: repeat center center fixed;
background-color: var(--dark-color-dark) !important;
background-image: url("/resources/Azias/imgs/3px-tile-0.1.png");
}

5
resources/Azias/scss/halfmoon/element/code.scss Normal file
View File

@@ -0,0 +1,5 @@
/* Halfmoon > Elements > Code */
code.w-full {
white-space: pre;
}

17
resources/Azias/scss/halfmoon/element/containers.scss Normal file
View File

@@ -0,0 +1,17 @@
/* Halfmoon > Elements > Containers */
.w-lg-p90 {
width: 95% !important;
}
@media (max-width: 992px) {
.w-95 {
width: 95% !important;
}
}
@media (min-width: 993px) {
.w-lg-p90 {
width: 90% !important;
}
}

17
resources/Azias/scss/halfmoon/element/glider.scss Normal file
View File

@@ -0,0 +1,17 @@
/* Halfmoon > Elements > Glider */
.glider {
border: var(--card-border-width) solid var(--dm-card-border-color);
box-shadow: inset 1px 0 25px 5px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.glider-nav {
cursor: pointer;
height: 100%;
}
div.glider-slide > * {
border: var(--card-border-width) solid var(--dm-card-border-color);
box-shadow: inset 1px 0 25px 5px rgba(0, 0, 0, 0.1);
}

10
resources/Azias/scss/halfmoon/element/hr.scss Normal file
View File

@@ -0,0 +1,10 @@
/* Halfmoon > Elements > HR */
hr, hr.dark-mde, hr.subtle {
background-color: rgba(0, 0, 0, 0) !important;
background: rgb(93,95,97);
background: radial-gradient(circle, rgba(83,85,87,0.8) 0%, rgba(65,67,69,0.65) 75%, rgba(17,20,23,0) 100%);
opacity: 0.1;
margin-top: 5px;
margin-bottom: 5px;
}

7
resources/Azias/scss/halfmoon/element/image.scss Normal file
View File

@@ -0,0 +1,7 @@
/* Halfmoon > Elements > Images */
img.fill-height {
height: 100%;
object-fit: cover;
object-position: 0 0;
}

7
resources/Azias/scss/halfmoon/element/video.scss Normal file
View File

@@ -0,0 +1,7 @@
/* Halfmoon > Elements > Videos */
video {
// https://css-tricks.com/fluid-width-video/
width: 100% !important;
height: auto !important;
}

27
resources/Azias/scss/halfmoon/fixes.scss Normal file
View File

@@ -0,0 +1,27 @@
/* Halfmoon > Fixes */
.py-01 {
// Helps in some specific area where a padding of 0 causes alignment issues.
// This is mostly used in cards and collapse elements.
padding-top: 0.01rem!important;
padding-bottom: 0.01rem!important;
}
// Adding a margin to buttons present right after another one.
button + button, .button-link + .button-link > button {
margin-left: 1.5rem !important;
}
// No idea where this is used.
div.last-inner-collapse-border-fix {
// TODO: Fix it when it is closed.
border: var(--collapse-content-border-width) solid var(--dm-collapse-content-border-color) !important;
border-top: 0 !important;
border-bottom-left-radius: var(--collapse-content-border-radius) !important;
border-bottom-right-radius: var(--collapse-content-border-radius) !important;
}
// Fix for ".content-wrapper" on mobile which can be too large due to the main title.
.content-wrapper {
max-width: 100vw;
}

34
resources/Azias/scss/halfmoon/fonts.scss Normal file
View File

@@ -0,0 +1,34 @@
/* Halfmoon > Fonts & Text */
// Mostly consist of stuff that's missing in Halfmoon.
.font-size-8 {
font-size: 0.8rem!important;
}
.font-size-10 {
font-size: 1.0rem!important;
}
.font-size-26 {
font-size: 2.6rem!important;
}
.font-size-28 {
font-size: 2.8rem!important;
}
.font-size-30 {
font-size: 3.0rem!important;
}
.font-size-35 {
font-size: 3.5rem!important;
}
.font-size-40 {
font-size: 4.0rem!important;
}
.text-super-muted {
color: #89898A;
}

9
resources/Azias/scss/halfmoon/page/contact.scss Normal file
View File

@@ -0,0 +1,9 @@
/* Halfmoon > Page > Contact */
// No longer used since the QR codes have been removed !
//#contact-tox-qrcode > img {
// height: calc( 256px * 0.75);
// -webkit-filter: invert(100%);
// filter: invert(100%);
// image-rendering: pixelated;
//}

63
resources/Azias/scss/halfmoon/page/content.scss Normal file
View File

@@ -0,0 +1,63 @@
/* Halfmoon > Page > Content */
@media (max-width: 992px) {
:root {
--content-search-image-size: 96px;
}
}
@media (min-width: 993px) {
:root {
--content-search-image-size: 128px;
}
}
div.content-presentation-container {
margin-bottom: 10px;
min-height: var(--content-search-image-size);
display: flex;
}
div.content-presentation-container > a {
width: 100%;
min-height: var(--content-search-image-size);
text-align: justify;
color: var(--dm-card-text-color);
}
div.content-presentation-container > a:hover {
color: var(--dm-card-text-color);
text-decoration: none;
}
div.content-search-image-container {
background: var(--dm-card-bg-color) url("/resources/Azias/imgs/3px-tile-0.2.png") repeat fixed center center;
box-shadow: inset 0 0 25px 1px rgba(255,255,255,0.05);
border-radius: 8px;
width: var(--content-search-image-size);
height: var(--content-search-image-size);
margin-right: 10px;
float: left;
}
img.content-search-image {
max-width: var(--content-search-image-size);
max-height: var(--content-search-image-size);
border-radius: 8px;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
}
h3.content-search-title {
float: none;
margin: 0;
text-align: left;
}
div.content-tag-container a:not(:first-child) {
margin-left: 10px;
}
div.content-tag-container a, div.content-tag-container i {
/* Doesn't fix the line return issue ! */
display: inline-block;
}

17
resources/Azias/scss/halfmoon/page/home.scss Normal file
View File

@@ -0,0 +1,17 @@
/* Halfmoon > Page > Home */
// Gradient used on home page's applications card
@media (min-width: 993px) {
.l-lab-web {
background: linear-gradient(90deg, rgba(101,144,134,0.3) 0%, rgba(101,144,134,0.2) 1.5px, rgba(101,144,134,0.0) 7px);
border-radius: 5px 0 0 5px;
}
.l-lab-office {
background: linear-gradient(90deg, rgba(64,84,59,0.5) 0%, rgba(64,84,59,0.3) 2px, rgba(64,84,59,0.0) 7px);
border-radius: 5px 0 0 5px;
}
.l-lab-app {
background: linear-gradient(90deg, rgba(156,23,34,0.4) 0%, rgba(156,23,34,0.3) 1.5px, rgba(156,23,34,0.0) 7px);
border-radius: 5px 0 0 5px;
}
}

18
resources/Azias/scss/halfmoon/section/footer.scss Normal file
View File

@@ -0,0 +1,18 @@
/* Halfmoon > Section > Footer */
#copyright-text {
opacity: 0.3;
}
#privacy-footer-link {
opacity: 0.3;
text-decoration: none;
}
#privacy-footer-link:hover {
opacity: 0.75;
}
#logo-footer {
filter: grayscale(100%);
}

7
resources/Azias/scss/halfmoon/section/sidebar.scss Normal file
View File

@@ -0,0 +1,7 @@
/* Halfmoon > Section > Sidebar */
#logo-sidebar {
filter: grayscale(100%);
width: 100%;
height: auto;
}

10
resources/Azias/scss/halfmoon/section/titlebar.scss Normal file
View File

@@ -0,0 +1,10 @@
/* Halfmoon > Section > Title bar */
#page-title-bar {
min-height: 64px;
height: 64px;
}
#header-lang-menu {
margin-right: calc(var(--content-and-card-spacing) * ( 2 / 3 ) );
}

26
resources/Azias/scss/nibblepoker.lu.scss Normal file
View File

@@ -0,0 +1,26 @@
/* Standalone */
@import 'standalone/fonts';
@import 'standalone/utils';
/* Halfmoon */
@import 'halfmoon/fixes';
@import 'halfmoon/fonts';
@import 'halfmoon/background';
/* Halfmoon > Sections */
@import 'halfmoon/section/footer';
@import 'halfmoon/section/sidebar';
@import 'halfmoon/section/titlebar';
/* Halfmoon > Pages */
@import 'halfmoon/page/home';
@import 'halfmoon/page/content';
@import 'halfmoon/page/contact';
/* Halfmoon > Elements */
@import 'halfmoon/element/code';
@import 'halfmoon/element/containers';
@import 'halfmoon/element/glider';
@import 'halfmoon/element/hr';
@import 'halfmoon/element/image';
@import 'halfmoon/element/video';

16
resources/Azias/scss/standalone/fonts.scss Normal file
View File

@@ -0,0 +1,16 @@
/* Standalone > Fonts & Text */
@font-face {
font-family: 'Quantum';
src: url("/resources/Quantum/Quantum.otf") format('opentype');
}
.quantum {
// Only really used for the logo title in the sidebar.
font-family: 'Quantum', sans-serif;
}
.ucase {
// Same as above.
text-transform: uppercase;
}

30
resources/Azias/scss/standalone/utils.scss Normal file
View File

@@ -0,0 +1,30 @@
/* Standalone > Utils */
img.no-save {
pointer-events: none;
}
.no-select {
user-select: none;
}
.hide-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
::-webkit-scrollbar {
display: none;
}
}
.cursor-pointer {
cursor: pointer;
}
.square-corners {
border-radius: 0!important;
}
.stretch-align-items {
align-items: stretch;
}