From 3f5622a54d148dc76ba9baa0b96f10472163f66f Mon Sep 17 00:00:00 2001 From: Manuel Dossinger Date: Wed, 6 Feb 2019 22:55:40 +0100 Subject: [PATCH] :poop: --- assets2/css/.gitignore | 1 + .../main.scssc | Bin 76392 -> 0 bytes assets2/css/_fonts.scss | 23 +++ assets2/css/_glitch.scss | 74 +++++++ assets2/css/_previews.scss | 38 ++++ assets2/css/main.css | 182 +++++++++--------- assets2/css/main.css.map | 4 +- assets2/css/main.scss | 167 +--------------- glitchy/index.html | 22 +-- index2.html | 55 ++++-- 10 files changed, 287 insertions(+), 279 deletions(-) create mode 100644 assets2/css/.gitignore delete mode 100644 assets2/css/.sass-cache/e56160acf74a575162b20368611eee56cf128392/main.scssc create mode 100644 assets2/css/_fonts.scss create mode 100644 assets2/css/_glitch.scss create mode 100644 assets2/css/_previews.scss diff --git a/assets2/css/.gitignore b/assets2/css/.gitignore new file mode 100644 index 0000000..5df1b9b --- /dev/null +++ b/assets2/css/.gitignore @@ -0,0 +1 @@ +.sass-cache diff --git a/assets2/css/.sass-cache/e56160acf74a575162b20368611eee56cf128392/main.scssc b/assets2/css/.sass-cache/e56160acf74a575162b20368611eee56cf128392/main.scssc deleted file mode 100644 index 6d283599b68225ba34b35fc83157634a1fcea872..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 76392 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

O&=y+*wbfXVwt|JG?V>@D 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 .glitch__img:nth-child(3) { - transform: translate3d(calc(-1 * 10px), 0, 0); - animation: glitch-anim-2-horizontal 4s infinite linear alternate; } - header .glitch:hover > .glitch__img:nth-child(4) { - transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1, -1, 1); - animation: glitch-anim-3-horizontal 4s infinite linear alternate; } - header .glitch:hover > .glitch__img:nth-child(5) { - animation: glitch-anim-flash 0.5s steps(1, end) infinite; } -@keyframes glitch-anim-1-horizontal { - 0% { - -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); - clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); } - 10% { - -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); - clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); } - 20% { - -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); - clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); } - 30% { - -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); - clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); } - 40% { - -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); - clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); } - 50% { - -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); - clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); } - 60% { - -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); - clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); } - 70% { - -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); - clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); } - 80% { - -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); - clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); } - 90% { - -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); - clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); } - 100% { - -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); - clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } - @keyframes glitch-anim-flash { - 0% { - opacity: 0.2; - transform: translate3d(10px, 5px, 0); } - 33%, 100% { - opacity: 0; - transform: translate3d(0, 0, 0); } } } - /*# sourceMappingURL=main.css.map */ diff --git a/assets2/css/main.css.map b/assets2/css/main.css.map index 4993e21..888bef6 100644 --- a/assets2/css/main.css.map +++ b/assets2/css/main.css.map @@ -1,7 +1,7 @@ { "version": 3, -"mappings": "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", -"sources": ["main.scss"], +"mappings": "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", +"sources": ["_glitch.scss","_fonts.scss","_previews.scss","main.scss"], "names": [], "file": "main.css" } \ No newline at end of file diff --git a/assets2/css/main.scss b/assets2/css/main.scss index bc2e1b2..42bbf03 100644 --- a/assets2/css/main.scss +++ b/assets2/css/main.scss @@ -2,17 +2,13 @@ $white: #fff7e5; $yellow: #ffb400; $blue: #004e66; +$black: #0e0e0e; -@font-face { - font-family: "repulsor"; - src: url("/assets2/fonts/repulsore.ttf") format("truetype"); -} -@font-face { - font-family: 'Muli'; - font-style: normal; - font-weight: 400; - src: local('Muli Regular'), local('Muli-Regular'), url(/assets2/fonts/Muli-Regular.ttf) format('truetype'); -} +$gutter: 12px; + +@import 'glitch'; +@import 'fonts'; +@import 'previews'; // mixins @mixin radial-background() { @@ -58,154 +54,3 @@ header { } } -/** glitch **/ -$glitch-width: 800px; -$glitch-height: 100px; -$gap-horizontal: 10px; -$gap-vertical: 5px; -$time-anim: 4s; -$delay-anim: 2s; -$blend-mode-1: none; -$blend-mode-2: none; -$blend-mode-3: none; -$blend-mode-4: none; -$blend-mode-5: overlay; -$blend-color-1: transparent; -$blend-color-2: transparent; -$blend-color-3: transparent; -$blend-color-4: transparent; -$blend-color-5: #af4949; - -header { - .glitch { - position: absolute; - width: $glitch-width; - max-width: 400px; - height: $glitch-height; - max-height: calc(400px * 1.25); - overflow: hidden; - margin: 0 auto; - } - - .glitch:hover { - cursor: pointer; - } - - .glitch__img { - position: absolute; - top: calc(-1 * #{$gap-vertical}); - left: calc(-1 * #{$gap-horizontal}); - width: calc(100% + #{$gap-horizontal} * 2); - height: calc(100% + #{$gap-vertical} * 2); - background: url(../img/1.jpg) no-repeat 50% 0; - background-color: $blend-color-1; - background-size: cover; - background-blend-mode: $blend-mode-1; - } - - .glitch__img:nth-child(2) { - background-color: $blend-color-2; - background-blend-mode: $blend-mode-2; - } - - .glitch__img:nth-child(3) { - background-color: $blend-color-3; - background-blend-mode: $blend-mode-3; - } - - .glitch__img:nth-child(4) { - background-color: $blend-color-4; - background-blend-mode: $blend-mode-4; - } - - .glitch__img:nth-child(5) { - background-color: $blend-color-5; - background-blend-mode: $blend-mode-5; - } - - .glitch__img:nth-child(n+2) { - opacity: 0; - } - .glitch:hover .glitch__img:nth-child(n+2) { - opacity: 1; - } - .glitch:hover .glitch__img:nth-child(2) { - transform: translate3d($gap-horizontal,0,0); - animation: glitch-anim-1-horizontal $time-anim infinite linear alternate; - } - - .glitch:hover > .glitch__img:nth-child(3) { - transform: translate3d(calc(-1 * #{$gap-horizontal}),0,0); - animation: glitch-anim-2-horizontal $time-anim infinite linear alternate; - } - - .glitch:hover > .glitch__img:nth-child(4) { - transform: translate3d(0, calc(-1 * #{$gap-vertical}), 0) scale3d(-1,-1,1); - animation: glitch-anim-3-horizontal $time-anim infinite linear alternate; - } - - /* Hover flash animation on last image */ - .glitch:hover > .glitch__img:nth-child(5) { - animation: glitch-anim-flash 0.5s steps(1,end) infinite; - } - - @keyframes glitch-anim-1-horizontal { - 0% { - -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); - clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); - } - 10% { - -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); - clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); - } - 20% { - -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); - clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); - } - 30% { - -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); - clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); - } - 40% { - -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); - clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); - } - 50% { - -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); - clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); - } - 60% { - -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); - clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); - } - 70% { - -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); - clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); - } - 80% { - -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); - clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); - } - 90% { - -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); - clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); - } - 100% { - -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); - clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); - } - - @keyframes glitch-anim-flash { - 0% { - opacity: 0.2; - transform: translate3d($gap-horizontal, $gap-vertical, 0); - } - 33%, 100% { - opacity: 0; - transform: translate3d(0,0,0); - } - } - - } - -} diff --git a/glitchy/index.html b/glitchy/index.html index 7b3dded..68e6f85 100755 --- a/glitchy/index.html +++ b/glitchy/index.html @@ -19,20 +19,20 @@ } .header-img:nth-child(2) { transform: translate3d(10px,0,0); - animation: sideshift 1s infinite linear; + animation: sideshift 2s infinite linear; background-blend-mode: screen; } - @keyframes sideshift { - 0% { clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); } - 5% { clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); } - 10% { clip-path: polygon(0 8%, 100% 8%, 100% 10%, 0 10%); } - 30% { clip-path: polygon(0 30%, 100% 30%, 100% 30%, 0 30%); } - 35% { clip-path: polygon(0 35%, 100% 37%, 100% 35%, 0 37%); } - 40% { clip-path: polygon(0 50%, 100% 55%, 100% 50%, 0 55%); } + @keyframes sideshift { + 0% { clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); } + 5% { clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); } + 10% { clip-path: polygon(0 8%, 100% 8%, 100% 10%, 0 10%); } + 30% { clip-path: polygon(0 30%, 100% 30%, 100% 30%, 0 30%); } + /*35% { clip-path: polygon(0 35%, 100% 37%, 100% 35%, 0 37%); } + 40% { clip-path: polygon(0 50%, 100% 55%, 100% 50%, 0 55%); } */ - 50% { clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); } - 100% { clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } - } + 50% { clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); } + 100% { clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); } + } .header-img:nth-child(3) { opacity: 1; transform: skew(10deg, 10deg); diff --git a/index2.html b/index2.html index 0029d4e..37a95db 100644 --- a/index2.html +++ b/index2.html @@ -9,28 +9,57 @@

NoiseToSignal

Just the right ratio,   ≥ 1

-
-
-
-
-
-
-
-

E3: Nasenasenase

-

In dieser Folge fofo baba fo ba fofof ob babababb abaa aofo f ofof obaaba

+
+
#E3
+
+

+ Nasenasenase +

+

In dieser Folge fofo baba fo ba fofof ob babababb abaa aofo f ofof obaaba + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
-

E2: Nasenasenase

-

In dieser Folge fofo baba fo ba fofof ob babababb abaa aofo f ofof obaaba

+
+
#E2
+
+

+ Nasenasenase +

+

In dieser Folge fofo baba fo ba fofof ob babababb abaa aofo f ofof obaaba + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
-

E1: Nasenasenase

-

In dieser Folge fofo baba fo ba fofof ob babababb abaa aofo f ofof obaaba

+
+
#E1
+
+

+ Nasenasenase +

+

In dieser Folge fofo baba fo ba fofof ob babababb abaa aofo f ofof obaaba + Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo + consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
Unne Links