Merge branch 'master' of gitlab.com:sakrecoer/mother-web

404.html

@@ -5,7 +5,7 @@
 <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 <link rel="icon" type="image/png" href="/touch-icon.png" sizes="192x192">
 <link rel="shortcut icon" href="/favicon.png" type="image/png" />
-<link rel="stylesheet" href="/assets/css/style2019-11.css" />
+<link rel="stylesheet" href="/assets/css/style20200128.css" />
 <script src="/assets/js/jquery-3.4.1.min.js"></script>
 <script type="text/javascript" src="/assets/js/isotope.pkgd.min.js"></script>
 <!-- BEGIN seo.html -->
@@ -99,13 +99,13 @@ body{
 
   </div>
   <div class="fullscreen-bg">
-    <video loop muted autoplay poster="/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video">
+    <video loop muted autoplay poster="/assets/img/sakrecoer-logo2.svg" class="fullscreen-bg__video">
       <source src="" type="video/webm">
       <source src="" type="video/mp4">
     </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;"/>

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)

_includes/navmenu.html

@@ -7,7 +7,7 @@
   {% else %}
   <a href="{{ site.baseurl }}/" alt="Back" title="About">
   {% endif %}
-    <img src="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" width="125px" height="125px" alt="Sakrecoer Logo" />
+    <img src="{{ site.baseurl }}/assets/img/sakrecoer-logo2.svg" width="125px" height="125px" alt="Sakrecoer Logo" />
   </a>
 </div>
 {% if page.collection != 'tracks' %}

_layouts/default.html

@@ -7,7 +7,7 @@
 <link rel="apple-touch-icon" href="{{ site.baseurl }}/apple-touch-icon.png">
 <link rel="icon" type="image/png" href="{{ site.baseurl }}/touch-icon.png" sizes="192x192">
 <link rel="shortcut icon" href="{{ site.baseurl }}/favicon.png" type="image/png" />
-<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style2019-11.css" />
+<link rel="stylesheet" href="{{ site.baseurl }}/assets/css/style20200128.css" />
 <script src="/assets/js/jquery-3.4.1.min.js"></script>
 <script type="text/javascript" src="/assets/js/isotope.pkgd.min.js"></script>
 {% include seo.html %}  

_layouts/music.html

@@ -85,7 +85,7 @@ layout: default
   }
 
   #wallpaper {
-  background-image: url(/assets/img/world.svg);
+  background-image: url(/assets/img/world2.svg);
   -webkit-animation: AnimationName 30s ease infinite;
   -moz-animation: AnimationName 30s ease infinite;
   animation: AnimationName 30s ease infinite;

_sass/isotope.scss

@@ -9,7 +9,7 @@
   margin: 0 10px 10px 0;
   width: 50px;
   height: 50px;
-  background: rgba(65, 106, 0, 0.473);
+  background: $color3;
   border: none;
   border-radius: 300px;
 
@@ -20,13 +20,13 @@
 
 .button:hover {
 
-  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
+  text-shadow: 0 1px $color4;
-  color: #222;
+  color: $color4;
 }
 
 .button:active,
 .button.is-checked {
-  background: linear-gradient(230deg, rgba(255, 0, 255, 0.902), rgba(66, 107, 0, 0.902));
+  background: linear-gradient(230deg, $color5, $color3);
   background-size: 1000% 1000%;
   
   -webkit-animation: AnimationName 30s ease infinite;
@@ -35,12 +35,12 @@
 }
 
 .button.is-checked {
-  color: white;
+  color: $color1;
-  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
+  text-shadow: $color4;
 }
 
 .button:active {
-  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
+  box-shadow: inset 0 1px 10px $color4;
 }
 
 /* ---- button-group ---- */

_sass/main.scss

@@ -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;
+  color: $color4;
-  background-color: rgba(255, 255, 255, 0.705);
+  transition: all 0.5s ease-in-out;
-  transition: color 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;
@@ -48,7 +48,7 @@ a:hover {
   width: 100%;
   // background: linear-gradient(230deg, rgba(218, 159, 142, 0.8), rgba(236, 0, 228, 0.8), rgba(0, 212, 236, 0.8), rgba(0, 236, 173, 0.8), rgba(110, 0, 236, 0.8));
   // background-size: 1000% 1000%;
-  background-image: url('/assets/img/world.svg');
+  background-image: url('/assets/img/world2.svg');
   -webkit-animation: AnimationName 30s ease infinite;
   -moz-animation: AnimationName 30s ease infinite;
   animation: AnimationName 30s ease infinite;
@@ -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;
   }
@@ -120,11 +117,10 @@ a:hover {
   
   @media (max-width: 767px) {
     .fullscreen-bg {
-      background: url('/assets/img/sakrecoer-logo.svg') center center / cover no-repeat;
+      background: url('/assets/img/sakrecoer-logo2.svg') center center / cover no-repeat;
       
     }
     .pivot {
-      background: transparent;
       flex: 0 0 250px;
     }
     h1 {
@@ -152,6 +148,8 @@ a:hover {
 }
 .trackcontainer {
   flex: 1 1 360px;
+  width: 250px;
+
   padding: 10px;
   margin: 0;
   // background: linear-gradient(230deg, rgba(218, 159, 142, 0.1), rgba(236, 0, 228, 0.1), rgba(0, 212, 236, 0.1), rgba(0, 236, 173, 0.1), rgba(110, 0, 236, 0.1));
@@ -163,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;
@@ -171,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;
     
   }
 }
@@ -179,11 +177,11 @@ a:hover {
   width: 100%;
   background-size: cover;
   background-position: 50% 50%;
-  min-height: 300px;
+  min-height: 250px;
   padding: 0;
   margin: 0;
   border-radius: 3px;
-  box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
+  box-shadow: 5px 10px 100px $color4;
 
 }
 
@@ -216,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%;
 
@@ -233,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;
@@ -245,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;
@@ -258,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;
@@ -267,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;
   }
@@ -299,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;
 
 }

_sass/palette.scss

@@ -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);

about/index.html

@@ -13,7 +13,7 @@ description: What is Sakrecoer about and what does its music stand for?
     {% include liberapay.html %}
   </div>
   <div class="fullscreen-bg">
-    <video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video">
+    <video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo2.svg" class="fullscreen-bg__video">
       <source src="{{ site.baseurl }}/assets/vi/0001-0076.webm" type="video/webm">
       <source src="{{ site.baseurl }}/assets/vi/0001-0076.mp4" type="video/mp4">
       <!-- <source src="video/big_buck_bunny.ogv" type="video/ogg"> -->

assets/css/style20200128.scss

@@ -1,5 +1,6 @@
 ---
 ---
+@import 'palette';
 @import 'normalize';
 @import 'main';
 @import 'isotope'

assets/img/header.svg

@@ -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

assets/img/sakrecoer-logo2.svg

@@ -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>

assets/img/world2.svg

@@ -13,7 +13,7 @@
    viewBox="0 0 725.32062 374.77838"
    height="374.77838mm"
    width="725.32062mm"
-   sodipodi:docname="world.svg"
+   sodipodi:docname="world2.svg"
    inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
   <sodipodi:namedview
      pagecolor="#ffffff"
@@ -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>

index.html

@@ -22,13 +22,13 @@ webm_path: /assets/vi/0001-0076.webm
     <h1><a href="/music/" alt="Music of Sakrecoer">Music</a></h1>
   </div>
   <div class="fullscreen-bg">
-    <video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video">
+    <video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo2.svg" class="fullscreen-bg__video">
       <source src="{{ site.baseurl }}{{ page.webm_path }}" type="video/webm">
       <source src="{{ site.baseurl }}{{ page.mp4_path }}" type="video/mp4">
     </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>

music.html

@@ -2,7 +2,7 @@
 title: Sakrecoer Music Tracks
 description: Officially released but also exclusive audio-material by Sakrecoer
 layout: default
-image: /assets/img/world.svg
+image: /assets/img/world2.svg
 ---
 {% include navmenu.html %}
 
@@ -46,7 +46,7 @@ image: /assets/img/world.svg
 <div class="musiflex">
 
   {% for track in site.tracks reversed %}
-  <div id="{{ track.uid }}" style="min-width:300px;" class="element-item trackcontainer {% for key in track.categories %}{{ key }} {% endfor %}">
+  <div id="{{ track.uid }}" class="element-item trackcontainer {% for key in track.categories %}{{ key }} {% endfor %}">
     <a href="{{ track.url }}">
       <div class="track" style="background-image:url({{ track.image }});"></div>
       <h3>{{ track.title }}</h3>
@@ -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;