From 0b607ac258c2dbafcdae32c15bcf0c6e4cda8e32 Mon Sep 17 00:00:00 2001
From: yui540 <yui540@sylvie.local>
Date: Tue, 3 Jul 2018 19:59:56 +0900
Subject: [PATCH] =?UTF-8?q?update:=20SNS=E6=AC=84=E3=81=ABYouTube=E3=82=92?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html                      | 3 +++
 public/sw.js                           | 2 +-
 src/scss/modules/pc/_top-page.scss     | 9 ++++++---
 src/scss/modules/sp/_top-page.scss     | 9 ++++++---
 src/scss/modules/tablet/_top-page.scss | 9 ++++++---
 5 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/public/index.html b/public/index.html
index d31ef5f..ddb793c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -398,6 +398,9 @@
           <a title="はてなブログ" href="https://yuki540.hatenablog.jp/archive" target="_blank">
             <i class="fas fa-edit"></i>
           </a>
+          <a title="YouTube" href="https://www.youtube.com/channel/UCcrjkTnjMxXf7wnynsmWMzA/" target="_blank">
+            <i class="fab fa-youtube"></i>
+          </a>
           <a title="Instagram" href="https://www.instagram.com/yui540net/" target="_blank">
             <i class="fab fa-instagram"></i>
           </a>
diff --git a/public/sw.js b/public/sw.js
index 4948c8d..8de0188 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -1,4 +1,4 @@
-const CACHE_NAME = 'magical-girl.site_version6.0.2'
+const CACHE_NAME = 'magical-girl.site_version6.0.3'
 const urlsToCache = [
   '/',
   '/stylesheets/font.css',
diff --git a/src/scss/modules/pc/_top-page.scss b/src/scss/modules/pc/_top-page.scss
index 89ddd6d..4699b65 100644
--- a/src/scss/modules/pc/_top-page.scss
+++ b/src/scss/modules/pc/_top-page.scss
@@ -260,8 +260,8 @@
   /*** sns ***/
   .top-page__sns {
     position: absolute;
-    top: calc(50% - 100px); left: 0px;
-    width: 50px; height: 200px;
+    top: calc(50% - 125px); left: 0px;
+    width: 50px; height: 250px;
     background-color: #fff;
     box-shadow: 0 0 5px rgba(0,0,0,0.4);
     border-top-right-radius: 5px;
@@ -303,9 +303,12 @@
     }
     a:nth-child(3) {
       i { font-size: 22px; }
-      &::before { background-color: $theme-light-pink; }
+      &::before { background-color: #F5E0A0; }
     }
     a:nth-child(4) {
+      &::before { background-color: $theme-light-pink; }
+    }
+    a:nth-child(5) {
       &::before { background-color: #C7B3D6; }
     }
   }
diff --git a/src/scss/modules/sp/_top-page.scss b/src/scss/modules/sp/_top-page.scss
index 5d91a78..c1c6061 100644
--- a/src/scss/modules/sp/_top-page.scss
+++ b/src/scss/modules/sp/_top-page.scss
@@ -259,8 +259,8 @@
   /*** sns ***/
   .top-page__sns {
     position: absolute;
-    bottom: 0; left: calc(50% - 100px);
-    width: 200px; height: 50px;
+    bottom: 0; left: calc(50% - 125px);
+    width: 250px; height: 50px;
     background-color: #fff;
     box-shadow: 0 0 5px rgba(0,0,0,0.4);
     border-top-right-radius: 5px;
@@ -304,9 +304,12 @@
     }
     a:nth-child(3) {
       i { font-size: 22px; }
-      &::before { background-color: $theme-light-pink; }
+      &::before { background-color: #F5E0A0; }
     }
     a:nth-child(4) {
+      &::before { background-color: $theme-light-pink; }
+    }
+    a:nth-child(5) {
       &::before { background-color: #C7B3D6; }
     }
   }
diff --git a/src/scss/modules/tablet/_top-page.scss b/src/scss/modules/tablet/_top-page.scss
index 960b3fc..dfdc3c6 100644
--- a/src/scss/modules/tablet/_top-page.scss
+++ b/src/scss/modules/tablet/_top-page.scss
@@ -259,8 +259,8 @@
   /*** sns ***/
   .top-page__sns {
     position: absolute;
-    bottom: 0; left: calc(50% - 100px);
-    width: 200px; height: 50px;
+    bottom: 0; left: calc(50% - 125px);
+    width: 250px; height: 50px;
     background-color: #fff;
     box-shadow: 0 0 5px rgba(0,0,0,0.4);
     border-top-right-radius: 5px;
@@ -303,9 +303,12 @@
     }
     a:nth-child(3) {
       i { font-size: 22px; }
-      &::before { background-color: $theme-light-pink; }
+      &::before { background-color: #F5E0A0; }
     }
     a:nth-child(4) {
+      &::before { background-color: $theme-light-pink; }
+    }
+    a:nth-child(5) {
       &::before { background-color: #C7B3D6; }
     }
   }