clean css&images directory

404.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <link rel="icon" href="images/favicon.ico" />
+    <link rel="icon" href="assets/images/favicon.ico" />
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:site" content="@omesis_ray" />
 
@@ -44,7 +44,7 @@
       rel="stylesheet"
       href="https://use.fontawesome.com/releases/v5.12.0/css/solid.css"
     />
-    <link rel="stylesheet" href="./css/404.css" />
+    <link rel="stylesheet" href="./assets/css/404.css" />
 
     <title>
       おめシスのホームページ |

css/alpha.css → assets/css/alpha.css

@@ -7,7 +7,7 @@
 .hero__inner__bg {
   width: 100%;
   height: 100%;
-  background: url(../images/alpha/background.jpg) center no-repeat;
+  background: url(../assets/images/alpha/background.jpg) center no-repeat;
   background-size: cover;
   -webkit-filter: blur(5px);
   filter: blur(5px);
@@ -35,7 +35,7 @@
 }
 
 .links--alpha {
-  background: url(../images/alpha/albro.png) top center no-repeat,
+  background: url(../assets/images/alpha/albro.png) top center no-repeat,
     linear-gradient(to left, #7995f7, #de7072);
   min-height: 1000px;
 }

css/index.css → assets/css/index.css

@@ -494,13 +494,14 @@ a:hover {
 }
 
 .links.normal {
-  background: url(../images/omesis_with_silhouette.png) top center no-repeat,
+  background: url(../assets/images/omesis_with_silhouette.png) top center
+      no-repeat,
     linear-gradient(to left, #7995f7, #de7072);
   background-size: cover;
 }
 
 .links.lucky {
-  background: url(../images/rayrio.png) top center no-repeat,
+  background: url(../assets/images/rayrio.png) top center no-repeat,
     linear-gradient(to left, #7995f7, #de7072);
   background-size: cover;
 }

assets/js/akeomega_game.js

@@ -28,15 +28,15 @@ window.onload = () => {
 
   // preloading assets
   let assets = [
-    '../images/walk_rays.png',
-    '../images/walk_rios.png',
-    '../images/walk_unchan.png',
-    '../images/walk_unchan_mochi.png',
-    '../images/bg_outside_buildings_resized.png',
-    '../images/bg_outside_buildings_yuyake_resized.png',
-    '../images/share_on_twitter.png',
-    '../assets/sounds/synchronity_rmx_fami.mp3',
-    '../assets/sounds/Onmtp-Click03-1.mp3',
+    '../../assets/images/walk_rays.png',
+    '../../assets/images/walk_rios.png',
+    '../../assets/images/walk_unchan.png',
+    '../../assets/images/walk_unchan_mochi.png',
+    '../../assets/images/bg_outside_buildings_resized.png',
+    '../../assets/images/bg_outside_buildings_yuyake_resized.png',
+    '../../assets/images/share_on_twitter.png',
+    '../../assets/sounds/synchronity_rmx_fami.mp3',
+    '../../assets/sounds/Onmtp-Click03-1.mp3',
   ];
   assets.forEach((item) => {
     game.preload(item);
@@ -104,8 +104,8 @@ window.onload = () => {
     const now_hour = new Date().getHours();
     const background_image =
       6 < now_hour && now_hour < 18
-        ? '../images/bg_outside_buildings_resized.png'
-        : '../images/bg_outside_buildings_yuyake_resized.png';
+        ? '../../assets/images/bg_outside_buildings_resized.png'
+        : '../../assets/images/bg_outside_buildings_yuyake_resized.png';
     const bg1 = createMovableSprite(background_image, 0, 0, 2, 0);
     const bg2 = createMovableSprite(background_image, -512, 0, 2, 0);
     scene.addChild(bg1);
@@ -174,7 +174,7 @@ window.onload = () => {
   };
 
   var createTitleScene = function() {
-    var scene = createScene('../images/bg_outside_buildings_resized.png');
+    var scene = createScene('../../assets/images/bg_outside_buildings_resized.png');
     var ray = new Ray(game.width / 3, HORIZON);
     var rio = new Rio(game.width / 3 + 30, HORIZON);
     scene.addChild(ray);
@@ -236,7 +236,7 @@ window.onload = () => {
     scene.addChild(score);
 
     const tweet = new Sprite(128, 32);
-    tweet.image = game.assets['../images/share_on_twitter.png'];
+    tweet.image = game.assets['../../assets/images/share_on_twitter.png'];
     tweet.x = 0;
     tweet.y = game.height / 2;
     tweet.ontouchstart = function() {
@@ -252,7 +252,7 @@ window.onload = () => {
   var Ray = Class.create(Sprite, {
     initialize: function(x, y) {
       Sprite.call(this, 16, 26);
-      this.image = game.assets['../images/walk_rays.png'];
+      this.image = game.assets['../../assets/images/walk_rays.png'];
       this.x = x;
       this.y = y;
       this.frame = 1;
@@ -271,7 +271,7 @@ window.onload = () => {
   var Rio = Class.create(Sprite, {
     initialize: function(x, y) {
       Sprite.call(this, 15, 26);
-      this.image = game.assets['../images/walk_rios.png'];
+      this.image = game.assets['../../assets/images/walk_rios.png'];
       this.x = x;
       this.y = y;
       this.frame = 1;
@@ -290,7 +290,7 @@ window.onload = () => {
   var Unchan = Class.create(Sprite, {
     initialize: function(x, y) {
       Sprite.call(this, 18, 18);
-      this.image = game.assets['../images/walk_unchan.png'];
+      this.image = game.assets['../../assets/images/walk_unchan.png'];
       this.x = x;
       this.y = y;
       this.frame = 1;

index.html

@@ -58,7 +58,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <link rel="icon" href="images/favicon.ico" />
+    <link rel="icon" href="assets/images/favicon.ico" />
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:site" content="@omesis_ray" />
 
@@ -75,15 +75,15 @@
     <meta property="og:site_name" content="おめシスのホームページ" />
     <meta
       property="og:image"
-      content="https://omegasisters.github.io/homepage/images/ogp.png"
+      content="https://omegasisters.github.io/homepage/assets/images/ogp.png"
     />
     <script type="application/ld+json">
       {
         "description": "バーチャル双子YouTuber「おめがシスターズ」のおめがレイ、おめがリオのホームページです！",
         "@type": "WebSite",
         "url": "/",
         "name": "おめシスのホームページ",
-        "image": "/homepage/images/ogp.png",
+        "image": "/homepage/assets/images/ogp.png",
         "headline": "おめシスのホームページ",
         "@context": "https://schema.org"
       }
@@ -117,7 +117,7 @@
     />
 
     <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css" />
-    <link rel="stylesheet" href="./css/index.css" />
+    <link rel="stylesheet" href="./assets/css/index.css" />
 
     <script src="./index.js" defer></script>
     <link rel="manifest" href="./manifest.webmanifest" />
@@ -188,15 +188,18 @@
         <div class="section hero">
           <figure class="hero__bg">
             <video class="hero__inner__bg" autoplay playsinline loop muted>
-              <source src="./images/walk_omesis.webm" type="video/webm" />
               <source
-                src="./images/walk_omesis_small.mp4"
+                src="./assets/images/walk_omesis.webm"
+                type="video/webm"
+              />
+              <source
+                src="./assets/images/walk_omesis_small.mp4"
                 type="video/mp4"
                 media="all and (max-width: 1000px)"
               />
-              <source src="./images/walk_omesis.mp4" type="video/mp4" />
+              <source src="./assets/images/walk_omesis.mp4" type="video/mp4" />
               <img
-                src="./images/walk_omesis_placeholder.jpg"
+                src="./assets/images/walk_omesis_placeholder.jpg"
                 title="Your browser does not support the <video> tag"
               />
             </video>
@@ -322,8 +325,8 @@ <h2><i class="fab fa-twitter"></i>Twitter</h2>
                 <div class="image">
                   <img
                     class="lazy"
-                    src="./images/ray_icon_mini.jpg"
-                    data-src="./images/ray_icon.jpg"
+                    src="./assets/images/ray_icon_mini.jpg"
+                    data-src="./assets/images/ray_icon.jpg"
                     alt="omesis_ray"
                   />
                 </div>
@@ -355,8 +358,8 @@ <h3>おめがレイ</h3>
                 <div class="image">
                   <img
                     class="lazy"
-                    src="./images/rio_icon_mini.jpg"
-                    data-src="./images/rio_icon.jpg"
+                    src="./assets/images/rio_icon_mini.jpg"
+                    data-src="./assets/images/rio_icon.jpg"
                     alt="omesis_rio"
                   />
                 </div>

manifest.webmanifest

@@ -1,30 +1,30 @@
 {
-    "name": "omegasisters.github.io",
-    "short_name": "omesis",
-    "icons": [
-        {
-            "src": "./images/icons/32x32.png",
-            "sizes": "32x32",
-            "type": "image/png"
-        },
-        {
-            "src": "./images/icons/152x152.png",
-            "sizes": "152x152",
-            "type": "image/png"
-        },
-        {
-            "src": "./images/icons/192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "./images/icons/512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "start_url": "./index.html",
-    "display": "standalone",
-    "background_color": "#FFFFFF",
-    "theme_color": "#FFFFFF"
+  "name": "omegasisters.github.io",
+  "short_name": "omesis",
+  "icons": [
+    {
+      "src": "./assets/images/icons/32x32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/images/icons/152x152.png",
+      "sizes": "152x152",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/images/icons/192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "./assets/images/icons/512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "start_url": "./index.html",
+  "display": "standalone",
+  "background_color": "#FFFFFF",
+  "theme_color": "#FFFFFF"
 }

pages/alpha.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <link rel="icon" href="images/favicon.ico" />
+    <link rel="icon" href="assets/images/favicon.ico" />
     <meta name="robots" content="noindex" />
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:site" content="@omesis_ray" />
@@ -22,15 +22,15 @@
     <meta property="og:site_name" content="あるブラのホームページ" />
     <meta
       property="og:image"
-      content="https://omegasisters.github.io/homepage/images/alpha/albro.png"
+      content="https://omegasisters.github.io/homepage/assets/images/alpha/albro.png"
     />
     <script type="application/ld+json">
       {
         "description": "バーチャル双子YouTuber「あるふぁブラザーズ」のあるふぁライ、あるふぁロイのホームページです！",
         "@type": "WebSite",
         "url": "/",
         "name": "あるブラのホームページ",
-        "image": "/homepage/images/ogp.png",
+        "image": "/homepage/assets/images/ogp.png",
         "headline": "あるブラのホームページ",
         "@context": "https://schema.org"
       }
@@ -69,8 +69,8 @@
     />
 
     <link rel="stylesheet" href="https://unpkg.com/swiper/css/swiper.min.css" />
-    <link rel="stylesheet" href="../css/index.css" />
-    <link rel="stylesheet" href="../css/alpha.css" />
+    <link rel="stylesheet" href="../assets/css/index.css" />
+    <link rel="stylesheet" href="../assets/css/alpha.css" />
 
     <title>
       あるブラのホームページ |

pages/sindan.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <link rel="icon" href="images/favicon.ico" />
+    <link rel="icon" href="assets/images/favicon.ico" />
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:site" content="@omesis_ray" />
 
@@ -21,15 +21,15 @@
     <meta property="og:site_name" content="おめシスのホームページ" />
     <meta
       property="og:image"
-      content="https://omegasisters.github.io/homepage/images/ogp.png"
+      content="https://omegasisters.github.io/homepage/assets/images/ogp.png"
     />
     <script type="application/ld+json">
       {
         "description": "バーチャル双子YouTuber「おめがシスターズ」のおめがレイ、おめがリオのホームページです！",
         "@type": "WebSite",
         "url": "/",
         "name": "おめシスのホームページ",
-        "image": "/homepage/images/ogp.png",
+        "image": "/homepage/assets/images/ogp.png",
         "headline": "おめシスのホームページ",
         "@context": "https://schema.org"
       }
@@ -61,8 +61,8 @@
       rel="stylesheet"
       href="https://use.fontawesome.com/releases/v5.12.0/css/solid.css"
     />
-    <link rel="stylesheet" href="../css/index.css" />
-    <link rel="stylesheet" href="../css/sindan.css" />
+    <link rel="stylesheet" href="../assets/css/index.css" />
+    <link rel="stylesheet" href="../assets/css/sindan.css" />
 
     <script src="../index.js" defer></script>
     <link rel="manifest" href="../manifest.webmanifest" />
@@ -76,15 +76,15 @@
       <div class="section hero">
         <figure class="hero__bg">
           <video class="hero__inner__bg" autoplay playsinline loop muted>
-            <source src="../images/walk_omesis.webm" type="video/webm" />
+            <source src="../assets/images/walk_omesis.webm" type="video/webm" />
             <source
-              src="../images/walk_omesis_small.mp4"
+              src="../assets/images/walk_omesis_small.mp4"
               type="video/mp4"
               media="all and (max-width: 1000px)"
             />
-            <source src="../images/walk_omesis.mp4" type="video/mp4" />
+            <source src="../assets/images/walk_omesis.mp4" type="video/mp4" />
             <img
-              src="../images/walk_omesis_placeholder.jpg"
+              src="../assets/images/walk_omesis_placeholder.jpg"
               title="Your browser does not support the <video> tag"
             />
           </video>