From: rick Date: Thu, 25 Dec 2025 12:18:12 +0000 (+0100) Subject: add 39c3 X-Git-Url: http://git.gyiwr.tf/?a=commitdiff_plain;h=963a127ed1a34d2cf72b2555484c8c6eaeecbd97;p=gyiwr.git add 39c3 --- diff --git a/css/ccc.css b/css/ccc.css new file mode 100644 index 0000000..ee80036 --- /dev/null +++ b/css/ccc.css @@ -0,0 +1,65 @@ +@font-face { + font-family: 'KarioDuplexVar'; + src: URL('fonts/Kario39C3VarWEB-Roman.woff') format('woff'); + src: URL('fonts/Kario39C3VarWEB-Roman.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; + } +} + +.ccc { + font-family: KarioDuplexVar; + font-kerning: none; + font-size: 40px; +} + +.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.2s; } +.ccc span:nth-child(14) { animation-delay: -1.2s; } +.ccc span:nth-child(15) { animation-delay: -1.2s; } +.ccc span:nth-child(16) { animation-delay: -1.2s; } +.ccc span:nth-child(17) { animation-delay: -1.2s; } diff --git a/css/fonts/Kario39C3VarWEB-Roman.woff b/css/fonts/Kario39C3VarWEB-Roman.woff new file mode 100644 index 0000000..856a09b Binary files /dev/null and b/css/fonts/Kario39C3VarWEB-Roman.woff differ diff --git a/css/fonts/Kario39C3VarWEB-Roman.woff2 b/css/fonts/Kario39C3VarWEB-Roman.woff2 new file mode 100644 index 0000000..91d2c40 Binary files /dev/null and b/css/fonts/Kario39C3VarWEB-Roman.woff2 differ diff --git a/header.html b/header.html index b38b6da..d814498 100644 --- a/header.html +++ b/header.html @@ -6,14 +6,15 @@ + %links%

%subtitle%

diff --git a/lang/en/about.html b/lang/en/about.html index 4d03267..c6ed203 100644 --- a/lang/en/about.html +++ b/lang/en/about.html @@ -11,7 +11,8 @@

The Glider comes from catb website.

Web buttons in footer

-

The links on the buttons are often websites where I found them.

+ +

The font is Kario, designed by Hannes von Döhren, for the 39C3. The CSS animation has been taken from the example page, under CC0 license.