hug the colors to death
This commit is contained in:
Set Sakrecoer
parent
cf9f74516f
commit
7e25174c25
2
404.html
2
404.html
|
|
@ -106,7 +106,7 @@ body{
|
|||
</video>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background: linear-gradient(45deg, #ff00ff, #416a00);">
|
||||
<div style="background: linear-gradient(45deg, #682d63, #5fb49c);">
|
||||
<div class="trackcontainer logo" style="margin-top:0;padding-top:0;">
|
||||
<!-- BEGIN cookiemonster.html -->
|
||||
<img src="/assets/img/cookiemonster_upsidedown.gif" style="position:relative;top:0;right:0;z-index:77777;"/>
|
||||
|
|
|
|||
12
Gemfile.lock
12
Gemfile.lock
|
|
@ -9,7 +9,7 @@ GEM
|
|||
eventmachine (>= 0.12.9)
|
||||
http_parser.rb (~> 0.6.0)
|
||||
eventmachine (1.2.7)
|
||||
ffi (1.11.1)
|
||||
ffi (1.12.1)
|
||||
forwardable-extended (2.6.0)
|
||||
http_parser.rb (0.6.0)
|
||||
i18n (0.9.5)
|
||||
|
|
@ -27,7 +27,7 @@ GEM
|
|||
pathutil (~> 0.9)
|
||||
rouge (>= 1.7, < 4)
|
||||
safe_yaml (~> 1.0)
|
||||
jekyll-last-modified-at (1.1.0)
|
||||
jekyll-last-modified-at (1.2.1)
|
||||
jekyll (>= 3.7, < 5.0)
|
||||
posix-spawn (~> 0.3.9)
|
||||
jekyll-paginate-v2 (1.9.4)
|
||||
|
|
@ -42,18 +42,18 @@ GEM
|
|||
listen (~> 3.0)
|
||||
kramdown (1.17.0)
|
||||
liquid (4.0.3)
|
||||
listen (3.2.0)
|
||||
listen (3.2.1)
|
||||
rb-fsevent (~> 0.10, >= 0.10.3)
|
||||
rb-inotify (~> 0.9, >= 0.9.10)
|
||||
mercenary (0.3.6)
|
||||
pathutil (0.16.2)
|
||||
forwardable-extended (~> 2.6)
|
||||
posix-spawn (0.3.13)
|
||||
public_suffix (4.0.1)
|
||||
public_suffix (4.0.3)
|
||||
rb-fsevent (0.10.3)
|
||||
rb-inotify (0.10.0)
|
||||
rb-inotify (0.10.1)
|
||||
ffi (~> 1.0)
|
||||
rouge (3.12.0)
|
||||
rouge (3.15.0)
|
||||
safe_yaml (1.0.5)
|
||||
sass (3.7.4)
|
||||
sass-listen (~> 4.0.0)
|
||||
|
|
|
|||
|
|
@ -20,7 +20,9 @@ html {
|
|||
body{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: linear-gradient(230deg, #ff00ff7f, #426a007f);
|
||||
background-color: $color1;
|
||||
color: $color4;
|
||||
background: linear-gradient(230deg, $color1, $color3);
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
-webkit-animation: AnimationName 60s ease infinite;
|
||||
|
|
@ -28,15 +30,13 @@ body{
|
|||
animation: AnimationName 60s ease infinite;
|
||||
}
|
||||
a {
|
||||
color: #0000009f;
|
||||
background-color: rgba(255, 255, 255, 0.705);
|
||||
transition: color 0.5s ease-in-out;
|
||||
color: $color4;
|
||||
transition: all 0.5s ease-in-out;
|
||||
border-radius: 3px;
|
||||
}
|
||||
a:hover {
|
||||
background-color: #00000091;
|
||||
transition: color 0.5s ease-in-out;
|
||||
color: #ffffff9f;
|
||||
color: $color5;
|
||||
}
|
||||
#hero {
|
||||
display: flex;
|
||||
|
|
@ -64,8 +64,8 @@ a:hover {
|
|||
}
|
||||
.pivot {
|
||||
border-radius: 3px;
|
||||
background: linear-gradient(230deg, #ff00ff7f, #426a007f);
|
||||
|
||||
background: linear-gradient(230deg, $color1, $color3);
|
||||
box-shadow: 5px 10px 100px $color4;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
@ -79,10 +79,7 @@ a:hover {
|
|||
font-size: 1em;
|
||||
line-height: .8em;
|
||||
}
|
||||
a {
|
||||
background: linear-gradient(230deg, #ff00ff7f, #426a007f);
|
||||
|
||||
}
|
||||
.fullscreen-bg {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
|
@ -99,7 +96,7 @@ a:hover {
|
|||
left: 0;
|
||||
width: 100vw;
|
||||
height: 100%;
|
||||
background: linear-gradient(230deg, #ff00ffe6, #416a00e6);
|
||||
background: linear-gradient(230deg, $color1, $color3);
|
||||
margin:0;
|
||||
padding: 0;
|
||||
}
|
||||
|
|
@ -124,7 +121,6 @@ a:hover {
|
|||
|
||||
}
|
||||
.pivot {
|
||||
background: transparent;
|
||||
flex: 0 0 250px;
|
||||
}
|
||||
h1 {
|
||||
|
|
@ -165,7 +161,7 @@ a:hover {
|
|||
|
||||
h1, h2, h3, p {
|
||||
padding: 5px;
|
||||
background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(65, 106, 0, 0.9));
|
||||
background: linear-gradient(230deg, $color1, $color3);
|
||||
background-size: 1000% 1000%;
|
||||
-webkit-animation: AnimationName 30s ease infinite;
|
||||
-moz-animation: AnimationName 30s ease infinite;
|
||||
|
|
@ -173,7 +169,7 @@ a:hover {
|
|||
padding: 10px;
|
||||
border-radius: 3px;
|
||||
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
box-shadow: 5px 10px 100px $color4;
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -185,7 +181,7 @@ a:hover {
|
|||
padding: 0;
|
||||
margin: 0;
|
||||
border-radius: 3px;
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
box-shadow: 5px 10px 100px $color4;
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -218,9 +214,9 @@ a:hover {
|
|||
|
||||
.container {
|
||||
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
box-shadow: 5px 10px 100px $color4;
|
||||
|
||||
background: linear-gradient(230deg, #ff00ff7f, #426a007f);
|
||||
background: linear-gradient(230deg, $color1, $color3);
|
||||
|
||||
background-size: 1000% 1000%;
|
||||
|
||||
|
|
@ -235,7 +231,7 @@ background: linear-gradient(230deg, #ff00ff7f, #426a007f);
|
|||
}
|
||||
}
|
||||
button {
|
||||
background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(66, 106, 0, 0.9));
|
||||
background: linear-gradient(230deg, $color1, $color3);
|
||||
background-size: 1000% 1000%;
|
||||
color: #fff;
|
||||
-webkit-animation: AnimationName 30s ease infinite;
|
||||
|
|
@ -247,7 +243,7 @@ button {
|
|||
transition: background-color 0.5s ease-in-out;
|
||||
}
|
||||
button:hover {
|
||||
background-color: rgba(117, 253, 83, 0.9);
|
||||
background-color: $color2;
|
||||
}
|
||||
#info {
|
||||
flex: 1 1 500px;
|
||||
|
|
@ -260,7 +256,7 @@ min-height: 80vh;
|
|||
}
|
||||
#timer {
|
||||
flex: 1 1 200px;
|
||||
background: linear-gradient(230deg, #ff00ffe6, #416a00e6);
|
||||
background: linear-gradient(230deg, $color1, $color3);
|
||||
background-size: 1000% 1000%;
|
||||
|
||||
-webkit-animation: AnimationName 30s ease infinite;
|
||||
|
|
@ -269,15 +265,15 @@ min-height: 80vh;
|
|||
padding: 15px;
|
||||
|
||||
p {
|
||||
background-color: rgba(151, 189, 146, 0.3);
|
||||
background-color: $color1;
|
||||
padding: 10px;
|
||||
border-radius: 3px;
|
||||
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
box-shadow: 5px 10px 100px $color4;
|
||||
|
||||
}
|
||||
img {
|
||||
box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
|
||||
box-shadow: 5px 10px 100px $color4;
|
||||
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
|
@ -301,7 +297,12 @@ min-height: 80vh;
|
|||
flex-direction: row;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #ffffff;
|
||||
background: linear-gradient(230deg, $color1, $color2, $color3, $color4, $color5);
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
-webkit-animation: AnimationName 60s ease infinite;
|
||||
-moz-animation: AnimationName 60s ease infinite;
|
||||
animation: AnimationName 60s ease infinite;
|
||||
background-repeat: repeat;
|
||||
|
||||
}
|
||||
|
|
|
|||
8
_sass/palette.scss
Normal file
8
_sass/palette.scss
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
/* Coolors Exported Palette - coolors.co/deefb7-98dfaf-5fb49c-414288-682d63 */
|
||||
|
||||
/* RGB */
|
||||
$color1: rgba(222, 239, 183, 1);
|
||||
$color2: rgba(152, 223, 175, 1);
|
||||
$color3: rgba(95, 180, 156, 1);
|
||||
$color4: rgba(65, 66, 136, 1);
|
||||
$color5: rgba(104, 45, 99, 1);
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
---
|
||||
---
|
||||
@import 'palette';
|
||||
@import 'normalize';
|
||||
@import 'main';
|
||||
@import 'isotope'
|
||||
|
|
@ -79,7 +79,7 @@
|
|||
</g>
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
style="opacity:0.722;fill:#ff00ff;fill-opacity:1;stroke:none;stroke-width:11.32370472;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
|
||||
style="opacity:0.722;fill:#682d63;fill-opacity:1;stroke:none;stroke-width:11.32370472;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
|
||||
d="M -223.29804,-76.20512 A 169.33333,169.33333 0 0 0 -392.63137,93.128211 169.33333,169.33333 0 0 0 -223.29804,262.46154 169.33333,169.33333 0 0 0 -66.109694,155.72181 120.19643,120.19643 0 0 0 25.410288,198.20552 120.19643,120.19643 0 0 0 145.60658,78.009237 120.19643,120.19643 0 0 0 25.410288,-42.187043 120.19643,120.19643 0 0 0 -74.897274,11.943505 169.33333,169.33333 0 0 0 -223.29804,-76.20512 Z"
|
||||
id="path1556" />
|
||||
<path
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
|
|
@ -28,7 +28,7 @@
|
|||
style="opacity:0.784"
|
||||
id="g2880">
|
||||
<ellipse
|
||||
style="opacity:1;fill:none;fill-opacity:0.6476684;stroke:#416a00;stroke-width:8.00697803;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:0.66321242;paint-order:normal"
|
||||
style="opacity:1;fill:none;fill-opacity:0.6476684;stroke:#5fb49c;stroke-width:8.00697803;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:0.66321242;paint-order:normal"
|
||||
id="path874"
|
||||
cx="19.427938"
|
||||
cy="26.657154"
|
||||
|
|
@ -38,6 +38,6 @@
|
|||
<path
|
||||
id="path867"
|
||||
d="m 28.532025,41.534286 -0.235027,-1.02424 -1.04523,0.236741 -1.04523,0.236752 -0.1494,-1.043642 -0.149399,-1.043641 -1.02978,0.23325 -1.029781,0.23324 -0.235023,-1.024229 -0.235026,-1.024251 -1.026779,0.232565 -1.026776,0.232576 -0.235026,-1.02425 -0.235025,-1.02424 -0.962605,0.218025 -0.962604,0.218035 -0.220335,-0.96022 -0.220336,-0.960231 -1.026779,0.232565 -1.026776,0.232565 -0.235026,-1.02424 -0.235025,-1.02425 -1.026779,0.232565 -1.026777,0.232576 -0.690387,-3.008721 -0.690387,-3.00871 1.026779,-0.232566 1.026777,-0.232565 -0.216026,-0.94145 -0.216026,-0.941439 0.962979,-0.305172 c 0.529624,-0.167914 1.416292,-0.407964 1.970369,-0.533455 l 1.007413,-0.228186 -0.235027,-1.024239 -0.235024,-1.02424 1.026778,-0.232565 1.026777,-0.232565 -0.455363,-1.984482 -0.455361,-1.98447 -1.983982,0.449379 -1.983983,0.44938 -0.265166,-0.983755 -0.265164,-0.983744 -2.974832,0.637648 -2.9748306,0.637649 -0.2170662,-0.573276 C 7.9813351,16.531462 7.8458444,16.10869 7.7996258,15.907262 L 7.715594,15.541047 6.6888166,15.773612 5.6620391,16.006188 5.4270134,14.981937 5.1919877,13.957687 4.2293841,14.175722 3.2667805,14.393757 3.0464432,13.433527 2.8261091,12.473306 1.7993306,12.705872 0.77255317,12.938437 0.51856886,11.831568 0.26458348,10.724699 9.3567504,8.718503 18.448916,6.7123071 17.937182,4.7069356 17.425448,2.7015534 l 4.124051,-0.9341047 4.124054,-0.93410468 0.235025,1.02425048 0.235027,1.0242398 -1.017542,0.2304772 -1.017542,0.2304772 0.071,0.7006401 c 0.03905,0.3853708 0.122916,0.8360783 0.186355,1.0015936 l 0.115354,0.3009535 9.068887,-2.1076488 9.068888,-2.1076487 0.254037,1.1071045 0.25404,1.1071045 -1.026778,0.2325652 -1.026777,0.2325652 0.220334,0.9602201 0.220337,0.9602308 -0.962604,0.2180352 -0.962603,0.2180352 0.235026,1.0242398 0.235025,1.0242504 -1.015827,0.2300811 -1.015825,0.2300918 0.129814,0.9782835 0.129816,0.9782833 -2.961326,0.706904 -2.961324,0.706904 0.190197,1.000726 0.190199,1.000737 -1.91981,0.434839 -1.919808,0.434839 0.455361,1.98446 0.455363,1.984482 0.962603,-0.218036 0.962604,-0.218024 0.235023,1.024229 0.235026,1.02425 1.123246,-0.253466 c 0.617787,-0.1394 1.521517,-0.305086 2.008323,-0.368056 l 0.885071,-0.114613 0.216088,0.941718 0.216087,0.941707 1.026777,-0.232565 1.026778,-0.232565 0.690388,3.008721 0.690387,3.00871 -1.026777,0.232565 -1.026778,0.232565 0.235026,1.024251 0.235026,1.02424 -1.026777,0.232575 -1.026777,0.232566 0.220334,0.96022 0.220337,0.960231 -0.962603,0.218035 -0.962605,0.218024 0.233789,1.018865 0.23379,1.018854 -0.986113,0.262674 -0.986113,0.262685 0.190197,1.000727 0.190196,1.000715 -1.024382,0.23203 -1.024382,0.232019 0.320652,1.00486 0.320653,1.004848 -1.045229,0.236741 -1.045231,0.236752 0.235024,1.024229 0.235025,1.024251 -1.026777,0.232565 -1.026779,0.232565 -0.235025,-1.02424 z m -2.118147,-18.645454 -0.235026,-1.02425 0.962603,-0.218025 0.962604,-0.218035 -0.220337,-0.960231 -0.220334,-0.96022 -2.951986,0.668636 -2.951985,0.668625 0.220336,0.96022 0.220336,0.960231 0.962603,-0.218035 0.962604,-0.218025 0.235027,1.02424 0.235026,1.02425 1.026777,-0.232565 1.026777,-0.232576 z"
|
||||
style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.13147773" />
|
||||
style="opacity:1;fill:#682d63;fill-opacity:1;stroke-width:0.13147773" />
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |
|
|
@ -40,22 +40,22 @@
|
|||
<linearGradient
|
||||
id="linearGradient2113">
|
||||
<stop
|
||||
style="stop-color:#416a00;stop-opacity:1"
|
||||
style="stop-color:#5fb49c;stop-opacity:1"
|
||||
offset="0"
|
||||
id="stop2111" />
|
||||
<stop
|
||||
style="stop-color:#ff00ff;stop-opacity:1"
|
||||
style="stop-color:#682d63;stop-opacity:1"
|
||||
offset="1"
|
||||
id="stop2109" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="linearGradient2086-7">
|
||||
<stop
|
||||
style="stop-color:#ff00ff;stop-opacity:1"
|
||||
style="stop-color:#682d63;stop-opacity:1"
|
||||
offset="0"
|
||||
id="stop2084" />
|
||||
<stop
|
||||
style="stop-color:#416a00;stop-opacity:1"
|
||||
style="stop-color:#5fb49c;stop-opacity:1"
|
||||
offset="1"
|
||||
id="stop2082" />
|
||||
</linearGradient>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 8 KiB After Width: | Height: | Size: 8 KiB |
|
|
@ -28,7 +28,7 @@ webm_path: /assets/vi/0001-0076.webm
|
|||
</video>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background: linear-gradient(45deg, #ff00ff, #416a00);">
|
||||
<div style="background: linear-gradient(45deg, #deefb7, #5fb49c);">
|
||||
<div class="trackcontainer logo" style="margin-top:0;padding-top:0;">
|
||||
{% include cookiemonster.html %}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -85,7 +85,7 @@ image: /assets/img/world.svg
|
|||
</script>
|
||||
<style>
|
||||
body {
|
||||
background: linear-gradient(230deg, rgba(218, 159, 142, 0.9), rgba(236, 0, 228, 0.9), rgba(0, 212, 236, 0.9), rgba(0, 236, 173, 0.9), rgba(110, 0, 236, 0.9));
|
||||
background: linear-gradient(230deg, #deefb7, #98dfaf, #5fb49c, #414288, #682d63);
|
||||
background-position: center;
|
||||
background-repeat: repeat;
|
||||
-webkit-animation: AnimationName 60s ease infinite;
|
||||
|
|
|
|||
Loading…
Reference in a new issue