ライトハウス

public/manifest.json

@@ -4,7 +4,7 @@
  "start_url": "/",
  "display": "standalone",
  "background_color": "#232629",
- "theme-color": "#3DAEE9",
+ "theme_color": "#3DAEE9",
  "icons": [
   {
    "src": "\/android-icon-36x36.png",

resources/js/components/bash.vue

@@ -1,6 +1,6 @@
 <template>
   <span>
-    <a href="#" @click="show = true"><img src="/img/bash/app_icon.png" width="50" height="50" alt="ロリ端末" /></a>
+    <a href="#" @click="show = true"><img src="/img/bash/app_icon.webp" width="50" height="50" alt="ロリ端末" /></a>
     <span v-if="show">
       <vue-draggable-resizable style="border: 0px solid #232629;" :drag-handle="'.drag-handle'" class-name-handle="resize-handle" class="konsoleuser" :x="-50" :y="-100" :z="99999999">
         <div style="width: 100%; position: relative;">
@@ -56,16 +56,6 @@
 </script>
 
 <style scoped>
-  #dragger {
-    position: absolute;
-    z-index: 9;
-  }
-
-  #draggerheader {
-    cursor: move;
-    z-index: 10;
-  }
-
   .konsole {
     width: 600px;
     height: 358px;

resources/js/components/discord.vue

@@ -54,16 +54,6 @@
 </script>
 
 <style scoped>
-  #dragger {
-    position: absolute;
-    z-index: 9;
-  }
-
-  #draggerheader {
-    cursor: move;
-    z-index: 10;
-  }
-
   .konsole {
     width: 600px;
     height: 358px;

resources/js/components/note.vue

@@ -1,6 +1,6 @@
 <template>
   <span>
-    <a href="#" @click="show = true"><img src="/img/bash/note_icon.png" width="50" height="50" alt="ショタノート" /></a>
+    <a href="#" @click="show = true"><img src="/img/bash/note_icon.webp" width="50" height="50" alt="ショタノート" /></a>
     <span v-if="show">
       <vue-draggable-resizable style="border: 0px solid #232629;" :drag-handle="'.drag-handle'" class-name-handle="resize-handle" class="shotanote" :x="50" :y="-100" :z="99999999">
         <div style="width: 100%; position: relative;">
@@ -57,16 +57,6 @@
 </script>
 
 <style scoped>
-  #dragger {
-    position: absolute;
-    z-index: 9;
-  }
-
-  #draggerheader {
-    cursor: move;
-    z-index: 10;
-  }
-
   .konsole {
     width: 600px;
     height: 358px;

resources/sass/app.scss

@@ -42,152 +42,6 @@
     right: 16px;
   }
 
-  #dragger {
-    position: absolute;
-    z-index: 9;
-  }
-
-  #draggerheader {
-    cursor: move;
-    z-index: 10;
-  }
-
-  .konsole {
-    display: none;
-    width: 600px;
-    height: 358px;
-    margin: auto;
-    color: #fcfcfc;
-  }
-
-  .konsole_top_left {
-    height: 30px;
-    width: 30px;
-    background: url('/img/bash/top_left.png') no-repeat;
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-
-  .konsole_top {
-    height: 30px;
-    background: url('/img/bash/top_bg.png') repeat-x;
-    position: absolute;
-    top: 0;
-    left: 30px;
-    width: 496px;
-    padding-top: 7px;
-    padding-right: 30px;
-    text-align: center;
-    font-weight: bold;
-    cursor: move;
-  }
-
-  .konsole_top_right {
-    height: 30px;
-    width: 28px;
-    background: url('/img/bash/top_right.png') no-repeat;
-    position: absolute;
-    top: 0;
-    right: 0;
-  }
-
-  .konsole_top_right:hover {
-    background: url('/img/bash/top_right_hover.png') no-repeat;
-    cursor: default;
-  }
-
-  .konsole_top_max {
-    height: 30px;
-    width: 23px;
-    background: url('/img/bash/top_max.png') no-repeat;
-    position: absolute;
-    top: 0;
-    right: 28px;
-  }
-
-  .konsole_top_max:hover {
-    background: url('/img/bash/top_max_hover.png') no-repeat;
-    cursor: default;
-  }
-
-  .konsole_top_min {
-    height: 30px;
-    width: 23px;
-    background: url('/img/bash/top_min.png') no-repeat;
-    position: absolute;
-    top: 0;
-    right: 51px;
-  }
-
-  .konsole_top_min:hover {
-    background: url('/img/bash/top_min_hover.png') no-repeat;
-    cursor: default;
-  }
-
-  .konsole_left {
-    width: 2px;
-    background: url('/img/bash/left_bg.png') repeat-y;
-    position: absolute;
-    top: 30px;
-    left: 0;
-    height: 325px;
-  }
-
-  .konsoleuser { background: url('/img/bash/user_bg.png') repeat; }
-  .konsoleroot { background: url('/img/bash/root_bg.png') repeat; }
-
-  .konsoleuser, .konsoleroot {
-    background-size: cover;
-    backdrop-filter: blur(17px);
-    font-family: "Lucida Console", Monospace, "DejaVu Sans Mono", "Courier New", MiscFixed;
-    font-size: 12px;
-    color: #fcfcfc;
-    overflow: auto;
-    position: absolute;
-    top: 30px;
-    left: 2px;
-    height: 326px;
-    width: 596px;
-    padding: 5px;
-  }
-
-  .konsole_right {
-    width: 2px;
-    background: url('/img/bash/right_bg.png') repeat-y;
-    position: absolute;
-    height: 325px;
-    top: 30px;
-    right: 0;
-  }
-
-  .konsole_bottom_left {
-    width: 3px;
-    height: 3px;
-    background: url('/img/bash/bottom_left.png') no-repeat;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-  }
-
-  .konsole_bottom {
-    height: 2px;
-    background: url('/img/bash/bottom_bg.png') repeat-x;
-    position: absolute;
-    bottom: 0;
-    left: 2px;
-    width: 595px;
-  }
-
-  .konsole_bottom_right {
-    height: 3px;
-    width: 3px;
-    background: url('/img/bash/bottom_right.png') no-repeat;
-    position: absolute;
-    right: 0;
-    bottom: 0;
-  }
-
   /// Stroke font-character
   /// @param  {Integer} $stroke - Stroke width
   /// @param  {Color}   $color  - Stroke color

resources/views/layouts/site.blade.php

@@ -45,7 +45,7 @@
       <span class="navbar-toggler-icon"></span>
     </button>
     <div class="collapse navbar-collapse" id="hide-smaho">
-      <a href="#" class="navbar-brand"><img src="/img/favicon.jpeg" style="border-radius: 4px;" width="30" height="30" alt="favicon" /></a>
+      <a href="#" class="navbar-brand"><img src="/img/favicon.webp" style="border-radius: 4px;" width="30" height="30" alt="favicon" /></a>
       <ul class="navbar-nav mr-auto">
         <li class="nav-item"><a class="nav-link{{ (strpos($_SERVER['REQUEST_URI'], '/blog') !== false || $_SERVER['REQUEST_URI'] == '/' ? ' active' : '') }}" href="/">トップ</a></li>
         <li class="nav-item"><a class="nav-link{{ ($_SERVER['REQUEST_URI'] == '/passman' ? ' active' : '') }}" href="#">パスマン</a></li>
@@ -79,13 +79,13 @@
     <div class="container">
       <div class="row" style="padding: 32px 0;">
         <div class="col">
-          <img class="img-fluid logo-img" src="/img/header.png" alt="ヘッダー" />
+          <img class="img-fluid logo-img" src="/img/header.webp" alt="ヘッダー" />
           <div class="logo-c">テクニカル諏訪子</div>
           <div class="logo-br">
-            <div class="logo-sns"><a href="https://www.youtube.com/user/UltimatePisman" alt="ユーチューブ"><img src="/img/youtube.png" alt="ユーチューブのロゴ" /></a></div>
-            <div class="logo-sns"><a href="https://www.nicovideo.jp/user/14848316" alt="ニコニコ動画"><img src="/img/niconico.png" alt="ニコニコ動画のロゴ" /></a></div>
-            <div class="logo-sns"><a href="https://www.bitchute.com/channel/technicalsuwako" alt="ビットチュート"><img src="/img/bitchute.png" alt="ビットチュートのロゴ" /></a></div>
-            <div class="logo-sns"><a href="https://www.twitter.com/TechnicalSuwako" alt="ツイッター"><img src="/img/twitter.png" alt="ツイッターのロゴ" /></a></div>
+            <div class="logo-sns"><a href="https://www.youtube.com/user/UltimatePisman" alt="ユーチューブ"><img src="/img/youtube.webp" alt="ユーチューブのロゴ" /></a></div>
+            <div class="logo-sns"><a href="https://www.nicovideo.jp/user/14848316" alt="ニコニコ動画"><img src="/img/niconico.webp" alt="ニコニコ動画のロゴ" /></a></div>
+            <div class="logo-sns"><a href="https://www.bitchute.com/channel/technicalsuwako" alt="ビットチュート"><img src="/img/bitchute.webp" alt="ビットチュートのロゴ" /></a></div>
+            <div class="logo-sns"><a href="https://www.twitter.com/TechnicalSuwako" alt="ツイッター"><img src="/img/twitter.webp" alt="ツイッターのロゴ" /></a></div>
             <div class="logo-sns"><discord /></div>
           </div>
         </div>