背景全体にしようと模索中なう

Author: ymtezo

custom.scss

@@ -2,14 +2,19 @@
 
 $primary: #5ce69f;
 
-/* レンガ積みアニメーション */
+/* レンガ積みアニメーションを背景に */
 .brick-wrap {
+  position: fixed;
+  top: 0;
+  left: 0;
   width: 100%;
+  height: 100%;
   overflow: hidden;
   box-sizing: border-box;
   background: #fafafa;
-  padding: 20px 0;
-  margin: 2rem 0;
+  z-index: -1;
+  opacity: 0.3;
+  pointer-events: none;
 }
 
 .brick-row {
@@ -41,12 +46,6 @@ $primary: #5ce69f;
   overflow: hidden;
   border-radius: 8px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.12);
-  transition: transform 0.3s ease;
-}
-
-.brick:hover {
-  transform: scale(1.05);
-  z-index: 10;
 }
 
 /* 画像の調整 */

docs/collaborate.html

@@ -40,7 +40,7 @@
 <link href="site_libs/quarto-html/quarto-syntax-highlighting-7b89279ff1a6dce999919e0e67d4d9ec.css" rel="stylesheet" id="quarto-text-highlighting-styles">
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
-<link href="site_libs/bootstrap/bootstrap-5bd467ea12b93ffcb22e3eb2f741c0dd.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
+<link href="site_libs/bootstrap/bootstrap-8af4f0a74c8f2a6a520e61cbce8c2fad.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,

docs/contact-hub.html

@@ -40,7 +40,7 @@
 <link href="site_libs/quarto-html/quarto-syntax-highlighting-7b89279ff1a6dce999919e0e67d4d9ec.css" rel="stylesheet" id="quarto-text-highlighting-styles">
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
-<link href="site_libs/bootstrap/bootstrap-5bd467ea12b93ffcb22e3eb2f741c0dd.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
+<link href="site_libs/bootstrap/bootstrap-8af4f0a74c8f2a6a520e61cbce8c2fad.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,

docs/contact.html

@@ -40,7 +40,7 @@
 <link href="site_libs/quarto-html/quarto-syntax-highlighting-7b89279ff1a6dce999919e0e67d4d9ec.css" rel="stylesheet" id="quarto-text-highlighting-styles">
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
-<link href="site_libs/bootstrap/bootstrap-5bd467ea12b93ffcb22e3eb2f741c0dd.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
+<link href="site_libs/bootstrap/bootstrap-8af4f0a74c8f2a6a520e61cbce8c2fad.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,

docs/index.html

@@ -39,7 +39,7 @@
 <link href="site_libs/quarto-html/quarto-syntax-highlighting-7b89279ff1a6dce999919e0e67d4d9ec.css" rel="stylesheet" id="quarto-text-highlighting-styles">
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
-<link href="site_libs/bootstrap/bootstrap-5bd467ea12b93ffcb22e3eb2f741c0dd.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
+<link href="site_libs/bootstrap/bootstrap-8af4f0a74c8f2a6a520e61cbce8c2fad.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,
@@ -216,6 +216,76 @@ <h1>News Feed</h1>
       <div class="brick"><img src="https://images.unsplash.com/photo-1573164713714-d95e436ab8d6?w=300&amp;h=200&amp;fit=crop" alt=""></div>
     </div>
   </div>
+  <div class="brick-row reverse">
+    <div class="brick-track">
+      <div class="brick"><img src="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1515879218367-8466d910aaa4?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1515879218367-8466d910aaa4?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+    </div>
+  </div>
+  <div class="brick-row">
+    <div class="brick-track">
+      <div class="brick"><img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1504639725590-34d0984388bd?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1487058792275-0ad4aaf24ca7?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1531297484001-80022131f5a1?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1504639725590-34d0984388bd?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1487058792275-0ad4aaf24ca7?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1531297484001-80022131f5a1?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+    </div>
+  </div>
+  <div class="brick-row reverse">
+    <div class="brick-track">
+      <div class="brick"><img src="https://images.unsplash.com/photo-1605379399642-870262d3d051?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1593642532400-2682810df593?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1564865878688-9a244444042a?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1573164713714-d95e436ab8d6?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1605379399642-870262d3d051?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1593642532400-2682810df593?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1564865878688-9a244444042a?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1573164713714-d95e436ab8d6?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+    </div>
+  </div>
+  <div class="brick-row">
+    <div class="brick-track">
+      <div class="brick"><img src="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1515879218367-8466d910aaa4?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1488590528505-98d2b5aba04b?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1515879218367-8466d910aaa4?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+    </div>
+  </div>
+  <div class="brick-row reverse">
+    <div class="brick-track">
+      <div class="brick"><img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1504639725590-34d0984388bd?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1487058792275-0ad4aaf24ca7?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1531297484001-80022131f5a1?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1550751827-4bd374c3f58b?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1504639725590-34d0984388bd?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1487058792275-0ad4aaf24ca7?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+      <div class="brick"><img src="https://images.unsplash.com/photo-1531297484001-80022131f5a1?w=300&amp;h=200&amp;fit=crop" alt=""></div>
+    </div>
+  </div>
 </div>
 </section>
 <section id="research-interest" class="level1">

docs/past-future.html

@@ -40,7 +40,7 @@
 <link href="site_libs/quarto-html/quarto-syntax-highlighting-7b89279ff1a6dce999919e0e67d4d9ec.css" rel="stylesheet" id="quarto-text-highlighting-styles">
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
-<link href="site_libs/bootstrap/bootstrap-5bd467ea12b93ffcb22e3eb2f741c0dd.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
+<link href="site_libs/bootstrap/bootstrap-8af4f0a74c8f2a6a520e61cbce8c2fad.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,

docs/publication.html

@@ -40,7 +40,7 @@
 <link href="site_libs/quarto-html/quarto-syntax-highlighting-7b89279ff1a6dce999919e0e67d4d9ec.css" rel="stylesheet" id="quarto-text-highlighting-styles">
 <script src="site_libs/bootstrap/bootstrap.min.js"></script>
 <link href="site_libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
-<link href="site_libs/bootstrap/bootstrap-5bd467ea12b93ffcb22e3eb2f741c0dd.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
+<link href="site_libs/bootstrap/bootstrap-8af4f0a74c8f2a6a520e61cbce8c2fad.min.css" rel="stylesheet" append-hash="true" id="quarto-bootstrap" data-mode="light">
 <script id="quarto-search-options" type="application/json">{
   "location": "navbar",
   "copy-button": false,

docs/search.json

@@ -4,7 +4,7 @@
     "href": "index.html",
     "title": "I’m Hiroaki Yamato, Student.",
     "section": "",
-    "text": "e-mail\n  \n  \n    \n     calling\n  \n\n      \n\n\nLLMエンジニア@ , Arcra,one of AI starups 大阪市立大学, Osaka Metroporitan University\n\n\n\n\n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n\n\n\n\n\n\n\n[ᐧᐧᐧ] Please refer to a full list of Publications"
+    "text": "e-mail\n  \n  \n    \n     calling\n  \n\n      \n\n\nLLMエンジニア@ , Arcra,one of AI starups 大阪市立大学, Osaka Metroporitan University\n\n\n\n\n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n  \n    \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n    \n  \n\n\n\n\n\n\n\n[ᐧᐧᐧ] Please refer to a full list of Publications"
   },
   {
     "objectID": "publication.html",