MattTheTekie/extras
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update

Browse source
This commit is contained in:
inonehp 2023-08-01 11:30:56 +03:00
commit 30511999e9
63 changed files with 134 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

3
css/d-blue.css
View file

@ -34,7 +34,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/d-green.css
View file

@ -34,7 +34,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/d-orange.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/d-pink.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/d-plum.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/d-purple.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/d-red.css
View file

@ -34,7 +34,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/d-sea.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/d-violet.css
View file

@ -35,7 +35,8 @@
--violet2: #D7A7D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/d-yellow.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/dark.css
View file

@ -34,7 +34,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-blue.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-brown.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-forest.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-gray.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-green.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-olive.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-pink.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-plum.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-purple.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-red.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-sea.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-slate.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-violet.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
css/od-yellow.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

4
css/style-main.css
View file

@ -1,4 +1,4 @@
/* v.12.31.1 */
/* v.12.31.2 */
* { color-scheme: light dark; } /* view-source:about:blank */ /* fixed #fff blink */
@ -205,7 +205,7 @@ align-items: center;
text-align: center;
box-sizing: border-box;
}
.tag, .tag2 { font-size: calc(100% - 10%); padding: 3px 5px; min-width: 35px; }
.tag, .tag2 { font-size: calc(100% - 10%); padding: 3px 5px; min-width: 27px; }
.button { padding: 9px; max-width: 100%; }
.button, .tag, .tag2 { border-radius: 5px; }
.tag2 { padding: 3px 7px; }

1
css/style.css
View file

@ -170,3 +170,4 @@ to { transform: rotate(360deg); }

30
img/header-banner.svg
View file

@ -23,9 +23,9 @@
inkscape:pagecheckerboard="0"
inkscape:document-units="px"
showgrid="false"
inkscape:zoom="0.38833504"
inkscape:cx="570.38376"
inkscape:cy="888.40811"
inkscape:zoom="0.4048027"
inkscape:cx="549.65048"
inkscape:cy="952.31578"
inkscape:window-width="1347"
inkscape:window-height="926"
inkscape:window-x="0"
@ -65,16 +65,16 @@
inkscape:label="Layer 2">
<path
id="path858"
style="opacity:1;fill:none;fill-opacity:0.900392;stroke:#96918c;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.823529"
style="opacity:1;fill:#000000;fill-opacity:0;stroke:#474747;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.82352901"
d="m 183.21778,347.34713 -153.709055,0.33028 c -36.391537,53.62535 -17.976167,115.1777 10.17367,135.90807 H 176.52086 c 0,0 18.36449,3.93258 24.38138,-32.71195 43.90193,-3.8308 65.20492,-90.65006 0,-75.15963 -1.13985,-11.55257 -6.35072,-25.9976 -17.68446,-28.36677 z m 30.7465,40.81842 c 6.66083,0.0642 13.1272,2.19464 13.54716,11.76604 1.08888,22.2948 -15.4774,35.04864 -25.59037,35.07106 0.96448,-13.17336 1.73252,-33.63753 -0.0264,-45.78876 2.8655,-0.16932 7.51312,-1.09223 12.06978,-1.04834 z"
sodipodi:nodetypes="ccccccccccccc" />
<path
style="opacity:1;fill:none;fill-opacity:0.900392;stroke:#96918c;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.823529"
style="opacity:1;fill:#000000;fill-opacity:0;stroke:#474747;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.82352901"
d="M 133.02847,204.5384 C 226.1649,314.9483 109.51826,291.02788 110.86118,338.7981 99.334921,285.01986 197.7744,309.22011 133.02847,204.5384 Z"
id="path3702"
sodipodi:nodetypes="ccc" />
<path
style="opacity:1;fill:none;fill-opacity:0.900392;stroke:#96918c;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.823529"
style="opacity:1;fill:#000000;fill-opacity:0;stroke:#474747;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.82352901"
d="m 134.65704,285.44513 c -61.030479,-70.20128 -29.50837,-97.6611 4.31222,-122.56733 -25.9414,4.36072 -105.717605,49.91085 -4.31222,122.56733 z"
id="path3817"
sodipodi:nodetypes="ccc" />
@ -92,7 +92,7 @@
style="font-style:normal;font-weight:normal;font-size:40px;line-height:1.25;font-family:sans-serif;white-space:pre;shape-inside:url(#rect15640);fill:#000000;fill-opacity:1;stroke:none" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;line-height:1.25;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#97918c;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;line-height:1.25;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#2e3436;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
x="254.40486"
y="87.390587"
id="text38290"><tspan
@ -100,42 +100,42 @@
x="254.40486"
y="87.390587"
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#97918c;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">.headerBannerImg {</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#2e3436;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">.headerBannerImg {</tspan><tspan
x="254.40486"
y="140.17319"
id="tspan38292"
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#97918c;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">height: 120px;</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#2e3436;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">height: 120px;</tspan><tspan
x="254.40486"
y="192.95576"
id="tspan38294"
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#97918c;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">background-image: url('/img/header-banner.svg');</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#2e3436;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">background-image: url('/img/header-banner.svg');</tspan><tspan
x="254.40486"
y="245.73836"
id="tspan38296"
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#97918c;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">background-size: contain;</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#2e3436;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">background-size: contain;</tspan><tspan
x="254.40486"
y="298.52097"
id="tspan38298"
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#97918c;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">background-position: center;</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#2e3436;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">background-position: center;</tspan><tspan
x="254.40486"
y="351.30353"
id="tspan38300"
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#97918c;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">background-repeat: no-repeat;</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#2e3436;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">background-repeat: no-repeat;</tspan><tspan
x="254.40486"
y="404.08612"
id="tspan38302"
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#97918c;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">margin-bottom: calc(-30px - 2px);</tspan><tspan
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#2e3436;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">margin-bottom: calc(-30px - 2px);</tspan><tspan
x="254.40486"
y="456.86871"
id="tspan38304"
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#97918c;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">}</tspan></text>
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:42.2261px;font-family:'Roboto Mono';-inkscape-font-specification:'Roboto Mono, Normal';font-variant-ligatures:none;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;fill:#2e3436;fill-opacity:0.823529;stroke:none;stroke-width:2.34563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">}</tspan></text>
</g>
<g
inkscape:label="Layer 1"

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

Before After
Before After

2
index.html
View file

@ -190,7 +190,7 @@
<div class="wrapper">
<header id="topHeader" style="text-align: center; margin-top: -10px; position: relative;">
<div class="headerBannerImg"></div>
<div class="headerBannerImg headerBannerImgInvert"></div>
<a href="/"><img class="logo" src="/img/logo.png" alt="logo"></a>
<div class="block padding">

2
projects/game-typing-speed/style.css
View file

@ -5,7 +5,7 @@ margin: 0 auto;
font-size: 120%; font-size: 1.3em; font-size: medium;
padding: 15px;
}
.win { font-size: 120% !important; }
.win { font-size: 120%; }
.stat, .win { font-size: calc(var(--fontSize) + 10%); font-weight: bold; }
.scroll {

4
projects/movie/script.js
View file

@ -1,4 +1,4 @@
// v.1.0.4
// v.1.0.5
// copy paste cp from Music
@ -562,7 +562,7 @@ hlClassList3 += `
});
tagList += `
<div class="block padding tCenter">
<div class="block padding tCenter taglist">
<div class="block tCenter">
<div class="tagList padding">${hlClassList}</div>
<div class="tagList padding">${hlClassList3}</div>

4
projects/music/script.js
View file

@ -1,4 +1,4 @@
// v.1.0.4
// v.1.0.5
@ -562,7 +562,7 @@ hlClassList3 += `
});
tagList += `
<div class="block padding tCenter">
<div class="block padding tCenter tagList">
<div class="block tCenter">
<div class="tagList padding">${hlClassList}</div>
<div class="tagList padding">${hlClassList3}</div>

4
projects/radio/script.js
View file

@ -1,4 +1,4 @@
// v.1.2.101
// v.1.2.102
function randomRadio(printId, jsonVar){
@ -534,7 +534,7 @@ hlClassList3 += `
});
tagList += `
<div class="block padding tCenter">
<div class="block padding tCenter tagList">
<div class="block tCenter">
<div class="tagList padding">${hlClassList}</div>
<div class="tagList padding">${hlClassList3}</div>

4
projects/tv/script.js
View file

@ -1,4 +1,4 @@
// v.1.2.12
// v.1.2.14
function randomRadio(printId, jsonVar){
@ -564,7 +564,7 @@ hlClassList3 += `
});
tagList += `
<div class="block tCenter">
<div class="block tCenter tagList">
<div class="tagList padding">${hlClassList}</div>
<div class="tagList padding">${hlClassList3}</div>
</div>

4
templates.html
View file

@ -164,14 +164,14 @@ var blogJsonVar = [
"text": "Homepage many auto colors themes i abc ",
"url": "templates\/10-homepage-many-auto-colors-themes-i-abc\/index.html",
"tag": " #homepage #many #auto #colors #themes #i #abc",
"time": "1690838554"
"time": "1690878518"
},
{
"id": "9",
"text": "Homepage auto light dark i abc ",
"url": "templates\/9-homepage-auto-light-dark-i-abc\/index.html",
"tag": " #homepage #auto #light #dark #i #abc",
"time": "1690838605"
"time": "1690878537"
},
{
"id": "8",

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/d-blue.css
View file

@ -34,7 +34,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/d-green.css
View file

@ -34,7 +34,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/d-orange.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/d-pink.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/d-plum.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/d-purple.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/d-red.css
View file

@ -34,7 +34,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/d-sea.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/d-violet.css
View file

@ -35,7 +35,8 @@
--violet2: #D7A7D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/d-yellow.css
View file

@ -35,7 +35,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/dark.css
View file

@ -34,7 +34,8 @@
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-blue.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-brown.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-forest.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-gray.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-green.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-olive.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-pink.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-plum.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-purple.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-red.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-sea.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-slate.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-violet.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

3
templates/10-homepage-many-auto-colors-themes-i-abc/css/od-yellow.css
View file

@ -34,7 +34,8 @@
--violet2: #F1CDF2;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

2
templates/10-homepage-many-auto-colors-themes-i-abc/index.html
View file

@ -42,7 +42,7 @@
<div class="wrapper">
<header class="wrapperL" style="text-align: center; padding-top: 0; margin-top: -10px; position: relative;">
<div class="headerBannerImg"></div>
<div class="headerBannerImg headerBannerImgInvert"></div>
<img class="logo" src="/img/tpl/logo-x-4.svg" alt="logo">
<b class="op block padding">Template Website Name</b>
</header>

3
templates/9-homepage-auto-light-dark-i-abc/css/style.css
View file

@ -80,7 +80,8 @@ html{ scrollbar-color: var(--d4) var(--l2); }
--violet2: #D8B8D9;
}
html::before, .dd, .logo, .logo2 { /*filter: invert(70%); */ filter: brightness(70%); }
.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }
input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

2
templates/9-homepage-auto-light-dark-i-abc/index.html
View file

@ -36,7 +36,7 @@
<header class="wrapperL" style="text-align: center; padding-top: 0; margin-top: -10px; position: relative;">
<div class="headerBannerImg"></div>
<div class="headerBannerImg headerBannerImgInvert"></div>
<img class="logo" src="/img/tpl/logo-x-4.svg" alt="logo">
<b class="op block padding">Template Website Name</b>
</header>