From 5e71985c24a912baaf4c3b9428b04c8611344f89 Mon Sep 17 00:00:00 2001 From: tanyaionova Date: Tue, 15 Oct 2019 21:09:50 +0300 Subject: Add timer to DAY_MAX --- index.html | 51 ++++++++++++++++++++++++ light.css | 76 ++++++++++++++++++++++++++++++++++++ woff2/iosevka-term-extralight.woff2 | Bin 0 -> 110364 bytes woff2/iosevka-term-regular.woff2 | Bin 0 -> 113308 bytes woff2/iosevka-term-thin.woff2 | Bin 0 -> 109768 bytes 5 files changed, 127 insertions(+) create mode 100644 index.html create mode 100644 light.css create mode 100644 woff2/iosevka-term-extralight.woff2 create mode 100644 woff2/iosevka-term-regular.woff2 create mode 100644 woff2/iosevka-term-thin.woff2 diff --git a/index.html b/index.html new file mode 100644 index 0000000..198edf6 --- /dev/null +++ b/index.html @@ -0,0 +1,51 @@ + + + fcked ntwrk + + + + + +
+ Zero dawn in +
+ +
+ + + diff --git a/light.css b/light.css new file mode 100644 index 0000000..671362c --- /dev/null +++ b/light.css @@ -0,0 +1,76 @@ +body { + background-color: #0a1010; +} + +.v2 { + font-family: "Iosevka Term Web"; + font-weight: 100; + font-size: 104px; + text-align: left; + margin: 5% 5% 0; + overflow: hidden; +} + +@keyframes cover-trans { + to { + shape-inside: polygon(0 0, 100% 0, 100% 100%, 0 100%); + -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); + } +} + +.main-rect { + background-color: #132020; + color: cyan; + display: inline-block; + padding: 0 20px; + #shape-inside: polygon(0 0, 0px 0, 0px 100% 0 100%); + #shape-padding: 20px; +} + +.main-label { + animation: cover-trans 1s; + animation-delay: 0.2s; + animation-fill-mode: forwards; + animation-timing-function: linear; + -webkit-clip-path: polygon(60% 0, 60% 0, 60% 100%, 60% 100%); +} + +.time { + display: inline-block; + margin-left: 5%; + margin-top: 10px; + animation: cover-trans 1.1s; + animation-delay: 0.3s; + animation-fill-mode: forwards; + animation-timing-function: cubic-bezier(.41,.08,.46,.57); + -webkit-clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%); +} + +.name-label { + font-size: 24; + font-weight: 400; + padding: 0px 8px; + color: teal; +} + +@font-face { + font-family: 'Iosevka Term Web'; + font-weight: 100; + font-style: normal; + src: url('woff2/iosevka-term-thin.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Term Web'; + font-weight: 200; + font-style: normal; + src: url('woff2/iosevka-term-extralight.woff2') format('woff2'); +} + +@font-face { + font-family: 'Iosevka Term Web'; + font-weight: 400; + font-style: normal; + src: url('woff2/iosevka-term-regular.woff2') format('woff2'); +} + diff --git a/woff2/iosevka-term-extralight.woff2 b/woff2/iosevka-term-extralight.woff2 new file mode 100644 index 0000000..0a3c6d6 Binary files /dev/null and b/woff2/iosevka-term-extralight.woff2 differ diff --git a/woff2/iosevka-term-regular.woff2 b/woff2/iosevka-term-regular.woff2 new file mode 100644 index 0000000..2d54c1a Binary files /dev/null and b/woff2/iosevka-term-regular.woff2 differ diff --git a/woff2/iosevka-term-thin.woff2 b/woff2/iosevka-term-thin.woff2 new file mode 100644 index 0000000..a45efe3 Binary files /dev/null and b/woff2/iosevka-term-thin.woff2 differ -- cgit v1.2.1-18-gbd029