From: rick Date: Thu, 1 Jan 2026 18:10:34 +0000 (+0100) Subject: redo all the website in ccc theme X-Git-Url: http://git.gyiwr.tf/?a=commitdiff_plain;h=37281982e375a064d3ac93cee22a4b782067057e;p=gyiwr.git redo all the website in ccc theme --- diff --git a/css/ccc.css b/css/ccc.css new file mode 100644 index 0000000..a79efb1 --- /dev/null +++ b/css/ccc.css @@ -0,0 +1,220 @@ +@font-face { + font-family: 'KarioDuplexVar'; + src: URL('fonts/Kario39C3VarWEB-Roman.woff') format('woff'); + src: URL('fonts/Kario39C3VarWEB-Roman.woff2') format('woff2'); +} + +@font-face { + font-family: 'OfficerSansCond'; + src: URL('fonts/OfficerSansCondWeb-Regular.woff') format('woff'); + src: URL('fonts/OfficerSansCondWeb-Regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'OfficerSansCond'; + font-weight: bold; + font-style: italic; + src: URL('fonts/OfficerSansCondWeb-BoldItalic.woff') format('woff'); + src: URL('fonts/OfficerSansCondWeb-BoldItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'OfficerSansCond'; + font-weight: bold; + src: URL('fonts/OfficerSansCondWeb-Bold.woff') format('woff'); + src: URL('fonts/OfficerSansCondWeb-Bold.woff2') format('woff2'); +} + +@font-face { + font-family: 'OfficerSansCond'; + font-style: italic; + src: URL('fonts/OfficerSansCondWeb-RegularItalic.woff') format('woff'); + src: URL('fonts/OfficerSansCondWeb-RegularItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'OfficerSans'; + src: URL('fonts/OfficerSansWeb-Regular.woff') format('woff'); + src: URL('fonts/OfficerSansWeb-Regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'OfficerSans'; + font-weight: bold; + font-style: italic; + src: URL('fonts/OfficerSansWeb-BoldItalic.woff') format('woff'); + src: URL('fonts/OfficerSansWeb-BoldItalic.woff2') format('woff2'); +} + +@font-face { + font-family: 'OfficerSans'; + font-weight: bold; + src: URL('fonts/OfficerSansWeb-Bold.woff') format('woff'); + src: URL('fonts/OfficerSansWeb-Bold.woff2') format('woff2'); +} + +@font-face { + font-family: 'OfficerSans'; + font-style: italic; + src: URL('fonts/OfficerSansWeb-RegularItalic.woff') format('woff'); + src: URL('fonts/OfficerSansWeb-RegularItalic.woff2') format('woff2'); +} + +:root { + --color-dark: #141414; + --color-neutral: #faf5f5; + --color-primary: #00ff00; + --color-secondary: #9673ff; + --color-additional-01: #ff3719; + --color-additional-02: #66f2ff; + + --color-primary-tint-01: #009900; + --color-primary-tint-02: #00be00; + --color-primary-tint-03: #00d300; + --color-primary-tint-04: #00ea00; + --color-primary-tint-05: #a3ff90; + --color-primary-tint-06: #ccffbe; + --color-primary-tint-07: #ebffe5; + + --color-secondary-tint-01: #4d2eed; + --color-secondary-tint-02: #5c33f4; + --color-secondary-tint-03: #7952fe; + --color-secondary-tint-04: #b69dfe; + --color-secondary-tint-05: #d4c4fe; + --color-secondary-tint-06: #efe7ff; +} + +@keyframes font_weight_wave { + from { + font-weight: 10; + } to { + font-weight: 100; + } +} + +h1 .ccc { + font-size: 40px; +} + +h2 .ccc { + font-stretch: ultra-expanded; + font-size: 20px; +} + +code { + font-family: OfficerSans; + font-weight: normal; + font-style: italic; +} + +.ccc { + font-family: KarioDuplexVar; + font-kerning: none; + color: var(--color-dark); +} + +.ccc span { + animation: font_weight_wave 3s ease-in-out 0s infinite alternate both; +} + +.ccc span:nth-child(1) { animation-delay: -0.1s; } +.ccc span:nth-child(2) { animation-delay: -0.2s; } +.ccc span:nth-child(3) { animation-delay: -0.3s; } +.ccc span:nth-child(4) { animation-delay: -0.4s; } +.ccc span:nth-child(5) { animation-delay: -0.5s; } +.ccc span:nth-child(6) { animation-delay: -0.6s; } +.ccc span:nth-child(7) { animation-delay: -0.7s; } +.ccc span:nth-child(8) { animation-delay: -0.8s; } +.ccc span:nth-child(9) { animation-delay: -0.9s; } +.ccc span:nth-child(10) { animation-delay: -1.0s; } +.ccc span:nth-child(11) { animation-delay: -1.1s; } +.ccc span:nth-child(12) { animation-delay: -1.2s; } +.ccc span:nth-child(13) { animation-delay: -1.3s; } +.ccc span:nth-child(14) { animation-delay: -1.4s; } +.ccc span:nth-child(15) { animation-delay: -1.5s; } +.ccc span:nth-child(16) { animation-delay: -1.6s; } +.ccc span:nth-child(17) { animation-delay: -1.7s; } + +body { + background-color: var(--color-neutral); +} + +#main p, h1, h2, h3, h4, h5, h6 { + color: var(--color-dark); + font-family: OfficerSans; +} + +#main a { + color: var(--color-secondary-tint-02); +} + +header h1, h2, a { + color: var(--color-dark); +} + +#header-links a { + font-family: OfficerSans; + color: var(--color-dark); +} + +#header-links a:hover { + color: var(--color-neutral); + background-color: var(--color-dark); +} + +#lang #choose { + color: var(--color-secondary-tint-01); +} + +#lang a:hover { + color: var(--color-additional-01); +} + +footer { + background-color: var(--color-secondary-tint-02); + color: var(--color-neutral); + font-family: OfficerSans; +} + +#footer-text p, #footer-text span, #footer-text a { + color: var(--color-neutral); +} + +@media only screen and (max-width: 641px) { + #header-links { + background-color: var(--color-neutral); + border-top: solid var(--color-dark); + } +} + +table { + border-color: var(--color-dark); +} + +thead { + border-bottom-color: var(--color-dark); +} + +tr:nth-child(even) { + background-color: var(--color-secondary-tint-06); +} + +td { + border-left-color: var(--color-dark); +} + +.finished { + color: var(--color-secondary-tint-01); +} + +.archived { + color: var(--color-additional-01); +} + +.working { + color: var(--color-primary-tint-01); +} + +.hiatus { + color: orange; +} diff --git a/css/fonts/OfficerSansCondWeb-Bold.woff b/css/fonts/OfficerSansCondWeb-Bold.woff new file mode 100644 index 0000000..bdac153 Binary files /dev/null and b/css/fonts/OfficerSansCondWeb-Bold.woff differ diff --git a/css/fonts/OfficerSansCondWeb-Bold.woff2 b/css/fonts/OfficerSansCondWeb-Bold.woff2 new file mode 100644 index 0000000..36333c5 Binary files /dev/null and b/css/fonts/OfficerSansCondWeb-Bold.woff2 differ diff --git a/css/fonts/OfficerSansCondWeb-BoldItalic.woff b/css/fonts/OfficerSansCondWeb-BoldItalic.woff new file mode 100644 index 0000000..eeffbd2 Binary files /dev/null and b/css/fonts/OfficerSansCondWeb-BoldItalic.woff differ diff --git a/css/fonts/OfficerSansCondWeb-BoldItalic.woff2 b/css/fonts/OfficerSansCondWeb-BoldItalic.woff2 new file mode 100644 index 0000000..8369dd8 Binary files /dev/null and b/css/fonts/OfficerSansCondWeb-BoldItalic.woff2 differ diff --git a/css/fonts/OfficerSansCondWeb-Regular.woff b/css/fonts/OfficerSansCondWeb-Regular.woff new file mode 100644 index 0000000..b208ea4 Binary files /dev/null and b/css/fonts/OfficerSansCondWeb-Regular.woff differ diff --git a/css/fonts/OfficerSansCondWeb-Regular.woff2 b/css/fonts/OfficerSansCondWeb-Regular.woff2 new file mode 100644 index 0000000..99592e2 Binary files /dev/null and b/css/fonts/OfficerSansCondWeb-Regular.woff2 differ diff --git a/css/fonts/OfficerSansCondWeb-RegularItalic.woff b/css/fonts/OfficerSansCondWeb-RegularItalic.woff new file mode 100644 index 0000000..7abd8fe Binary files /dev/null and b/css/fonts/OfficerSansCondWeb-RegularItalic.woff differ diff --git a/css/fonts/OfficerSansCondWeb-RegularItalic.woff2 b/css/fonts/OfficerSansCondWeb-RegularItalic.woff2 new file mode 100644 index 0000000..6b74c6c Binary files /dev/null and b/css/fonts/OfficerSansCondWeb-RegularItalic.woff2 differ diff --git a/css/fonts/OfficerSansWeb-Bold.woff b/css/fonts/OfficerSansWeb-Bold.woff new file mode 100644 index 0000000..f86faef Binary files /dev/null and b/css/fonts/OfficerSansWeb-Bold.woff differ diff --git a/css/fonts/OfficerSansWeb-Bold.woff2 b/css/fonts/OfficerSansWeb-Bold.woff2 new file mode 100644 index 0000000..e843d72 Binary files /dev/null and b/css/fonts/OfficerSansWeb-Bold.woff2 differ diff --git a/css/fonts/OfficerSansWeb-BoldItalic.woff b/css/fonts/OfficerSansWeb-BoldItalic.woff new file mode 100644 index 0000000..f9609e0 Binary files /dev/null and b/css/fonts/OfficerSansWeb-BoldItalic.woff differ diff --git a/css/fonts/OfficerSansWeb-BoldItalic.woff2 b/css/fonts/OfficerSansWeb-BoldItalic.woff2 new file mode 100644 index 0000000..75df5db Binary files /dev/null and b/css/fonts/OfficerSansWeb-BoldItalic.woff2 differ diff --git a/css/fonts/OfficerSansWeb-Regular.woff b/css/fonts/OfficerSansWeb-Regular.woff new file mode 100644 index 0000000..d25d211 Binary files /dev/null and b/css/fonts/OfficerSansWeb-Regular.woff differ diff --git a/css/fonts/OfficerSansWeb-Regular.woff2 b/css/fonts/OfficerSansWeb-Regular.woff2 new file mode 100644 index 0000000..c0313f0 Binary files /dev/null and b/css/fonts/OfficerSansWeb-Regular.woff2 differ diff --git a/css/fonts/OfficerSansWeb-RegularItalic.woff b/css/fonts/OfficerSansWeb-RegularItalic.woff new file mode 100644 index 0000000..6a88dbc Binary files /dev/null and b/css/fonts/OfficerSansWeb-RegularItalic.woff differ diff --git a/css/fonts/OfficerSansWeb-RegularItalic.woff2 b/css/fonts/OfficerSansWeb-RegularItalic.woff2 new file mode 100644 index 0000000..f8f36f2 Binary files /dev/null and b/css/fonts/OfficerSansWeb-RegularItalic.woff2 differ