new layout

_config.yml

@@ -1,4 +1,4 @@
-title : 徒 setto セット
+title : 徒 setto セット
 description: 'Set, Party, Gang! #Cybersoul.'
 
 url: "https://setto.basspistol.com" # the base hostname & protocol for your site

_includes/scripts.html

@@ -1,3 +1,3 @@
 <!-- Scripts -->
 {% include relBase.html %}
-<script src="{{ relBase }}/assets/js/set-20201117.js"></script>
+<script src="{{ relBase }}/assets/js/set-20201211.js"></script>

_layouts/404page.html

@@ -12,12 +12,12 @@ layout: nil
 
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
 <link rel="stylesheet" href="/assets/css/all.min.css" />
-<link rel="stylesheet" href="/assets/css/colors-20201117.css" />
-<link rel="stylesheet" href="/assets/css/main-20201117.css" />
+<link rel="stylesheet" href="/assets/css/colors-20201211.css" />
+<link rel="stylesheet" href="/assets/css/main-20201211.css" />
 <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
 <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
 <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
-<noscript><link rel="stylesheet" href="/assets/css/noscripts-20201117.css" /></noscript>
+<noscript><link rel="stylesheet" href="/assets/css/noscripts-20201211.css" /></noscript>
 
 <meta name="theme-color" content="{{ site.data.colors.bg }}"/>
 

_layouts/default.html

@@ -11,12 +11,12 @@
 {% include relBase.html %}
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
 <link rel="stylesheet" href="{{ relBase }}/assets/css/all.min.css" />
-<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20201117.css" />
-<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20201117.css" />
+<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20201211.css" />
+<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20201211.css" />
 <link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
 <link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
 <link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
-<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20201117.css" /></noscript>
+<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20201211.css" /></noscript>
 
 <meta name="theme-color" content="{{ site.data.colors.bg }}"/>
 

_sass/_elements.scss

@@ -79,6 +79,12 @@ a:hover {
   -moz-box-shadow: 0px 0px 0px -3px var(--border-alt);
   box-shadow: 0px 0px 0px -3px var(--border-alt);
 }
+@media only screen and (max-width: 480px) {
+  .button {
+    font-size: 0.75em;
+    padding: 0.75em;
+  }
+}
 
 .normal-section {
   display:flex; 

_sass/_layout.scss

@@ -156,6 +156,15 @@ body {
       .splash-logo {
         padding: 20px 0;
       }
+
+    }
+    @media only screen and (max-width: 480px) {
+      .description {
+        h1 {
+          font-size: 1.1em
+        }
+      }
+
     }
   
   }

index.html

@@ -22,7 +22,13 @@ video_path:
     
         <h1>{{ site.title }}</h1>
         <p>{{ page.description }}</p>
-        <p><a href="#read" class="button">🔥 Boom</a></p>
+        <p>
+          <a href="#support" class="button">🦸‍♀️ Support</a>
+          <a href="https://v.basspistol.org/video-channels/tosettosetto/" rel="noopener" target="_blank" class="button">📺 Watch</a>
+          <a href="#read" class="button">👀 Read</a>
+          <a href="https://t.basspistol.org/setto/" rel="noopener" target="_blank" class="button">📢 Talk</a>
+          {% for post in site.categories.releases limit: 1%}<a href="{{ post.url }}#play" class="button">🔥 Boom</a>{% endfor %}
+        </p>
       </div>
     </div>