redo all the website in ccc theme

diff --git a/css/ccc.css b/css/ccc.css
new file mode 100644 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
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 (file)
index 0000000..f8f36f2
Binary files /dev/null and b/css/fonts/OfficerSansWeb-RegularItalic.woff2 differ