fix: week6 404 error

hexschool · Aug 22, 2024 · 9d3e23b · 9d3e23b
1 parent 87d049b
commit 9d3e23b
Show file tree

Hide file tree

Showing 12 changed files with 396 additions and 1 deletion.
diff --git a/week6/.gitignore b/week6/.gitignore
@@ -8,7 +8,6 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
-dist
 dist-ssr
 *.local
 

diff --git a/week6/dist/about.html b/week6/dist/about.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>about</title>
+    <script type="module" crossorigin src="/2024-web-layout-training-code/week6/dist/assets/main-0bf5bbd4.js"></script>
+    <link rel="stylesheet" href="/2024-web-layout-training-code/week6/dist/assets/main-2dfeb60f.css">
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-lg py-0">
+  <div class="container border-bottom py-lg-6 py-5">
+    <a class="navbar-brand" href="#">Navbar</a>
+    <button
+      class="navbar-toggler"
+      type="button"
+      data-bs-toggle="collapse"
+      data-bs-target="#navbarSupportedContent"
+      aria-controls="navbarSupportedContent"
+      aria-expanded="false"
+      aria-label="Toggle navigation"
+    >
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <form class="d-flex me-auto" role="search">
+        <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
+        <button class="btn btn-outline-success" type="submit">Search</button>
+      </form>
+      <ul class="navbar-nav mb-2 mb-lg-0 align-items-lg-center">
+        <li class="nav-item">
+          <a class="nav-link active" aria-current="page" href="#">Home</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#">Link</a>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            Dropdown
+          </a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Action</a></li>
+            <li><a class="dropdown-item" href="#">Another action</a></li>
+            <li><hr class="dropdown-divider" /></li>
+            <li><a class="dropdown-item" href="#">Something else here</a></li>
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a class="btn btn-secondary-200 w-100" href="#" role="button">登入 / 註冊</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
+    <h1>我是about</h1>
+    <footer class="footer text-center py-lg-5 py-4 border-top eng-font text-primary-400">©Vivre 2024 All right Reserved</footer>
+
+
+  </body>
+</html>
diff --git a/week6/dist/assets/banner-ff141a3d.png b/week6/dist/assets/banner-ff141a3d.png
diff --git a/week6/dist/assets/banner-sm-1a33f8cf.png b/week6/dist/assets/banner-sm-1a33f8cf.png
diff --git a/week6/dist/assets/bg-2-6e36c816.png b/week6/dist/assets/bg-2-6e36c816.png
diff --git a/week6/dist/assets/main-0bf5bbd4.js b/week6/dist/assets/main-0bf5bbd4.js
diff --git a/week6/dist/assets/main-2dfeb60f.css b/week6/dist/assets/main-2dfeb60f.css
diff --git a/week6/dist/assets/projects-1-1192f106.png b/week6/dist/assets/projects-1-1192f106.png
diff --git a/week6/dist/assets/theme-1-c3f2428d.png b/week6/dist/assets/theme-1-c3f2428d.png
diff --git a/week6/dist/assets/theme-1-sm-e28ce55e.png b/week6/dist/assets/theme-1-sm-e28ce55e.png
diff --git a/week6/dist/contact.html b/week6/dist/contact.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>contact</title>
+    <script type="module" crossorigin src="/2024-web-layout-training-code/week6/dist/assets/main-0bf5bbd4.js"></script>
+    <link rel="stylesheet" href="/2024-web-layout-training-code/week6/dist/assets/main-2dfeb60f.css">
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-lg py-0">
+  <div class="container border-bottom py-lg-6 py-5">
+    <a class="navbar-brand" href="#">Navbar</a>
+    <button
+      class="navbar-toggler"
+      type="button"
+      data-bs-toggle="collapse"
+      data-bs-target="#navbarSupportedContent"
+      aria-controls="navbarSupportedContent"
+      aria-expanded="false"
+      aria-label="Toggle navigation"
+    >
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <form class="d-flex me-auto" role="search">
+        <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
+        <button class="btn btn-outline-success" type="submit">Search</button>
+      </form>
+      <ul class="navbar-nav mb-2 mb-lg-0 align-items-lg-center">
+        <li class="nav-item">
+          <a class="nav-link active" aria-current="page" href="#">Home</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#">Link</a>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            Dropdown
+          </a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Action</a></li>
+            <li><a class="dropdown-item" href="#">Another action</a></li>
+            <li><hr class="dropdown-divider" /></li>
+            <li><a class="dropdown-item" href="#">Something else here</a></li>
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a class="btn btn-secondary-200 w-100" href="#" role="button">登入 / 註冊</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
+    <h1>我是contact</h1>
+    <footer class="footer text-center py-lg-5 py-4 border-top eng-font text-primary-400">©Vivre 2024 All right Reserved</footer>
+
+
+  </body>
+</html>
diff --git a/week6/dist/index.html b/week6/dist/index.html
@@ -0,0 +1,264 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+    <title>index</title>
+    <script type="module" crossorigin src="/2024-web-layout-training-code/week6/dist/assets/main-0bf5bbd4.js"></script>
+    <link rel="stylesheet" href="/2024-web-layout-training-code/week6/dist/assets/main-2dfeb60f.css">
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-lg py-0">
+  <div class="container border-bottom py-lg-6 py-5">
+    <a class="navbar-brand" href="#">Navbar</a>
+    <button
+      class="navbar-toggler"
+      type="button"
+      data-bs-toggle="collapse"
+      data-bs-target="#navbarSupportedContent"
+      aria-controls="navbarSupportedContent"
+      aria-expanded="false"
+      aria-label="Toggle navigation"
+    >
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+      <form class="d-flex me-auto" role="search">
+        <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
+        <button class="btn btn-outline-success" type="submit">Search</button>
+      </form>
+      <ul class="navbar-nav mb-2 mb-lg-0 align-items-lg-center">
+        <li class="nav-item">
+          <a class="nav-link active" aria-current="page" href="#">Home</a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="#">Link</a>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+            Dropdown
+          </a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Action</a></li>
+            <li><a class="dropdown-item" href="#">Another action</a></li>
+            <li><hr class="dropdown-divider" /></li>
+            <li><a class="dropdown-item" href="#">Something else here</a></li>
+          </ul>
+        </li>
+        <li class="nav-item">
+          <a class="btn btn-secondary-200 w-100" href="#" role="button">登入 / 註冊</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
+
+    <main>
+      <section class="container px-0 py-lg-10">
+        <div class="mb-4 rounded-3 position-relative">
+          <picture>
+            <source media="(min-width: 992px)" srcset="/2024-web-layout-training-code/week6/dist/assets/banner-ff141a3d.png " />
+            <img src="/2024-web-layout-training-code/week6/dist/assets/banner-sm-1a33f8cf.png" alt="" class="w-100" />
+          </picture>
+          <div class="banner-title ps-lg-9 text-lg-start text-center text-white w-100">
+            <h3 class="fs-lg-5 fs-6 mb-lg-3 mb-1">獻給新世代的生活風格誌</h3>
+            <h2 class="fs-lg-1 fs-3 mb-lg-5 mb-4">一起探索生活的無限可能</h2>
+            <button class="btn btn-secondary-200 fs-lg-5" type="button">
+              馬上訂閱<i class="bi bi-arrow-right ms-2"></i>
+            </button>
+          </div>
+        </div>
+      </section>
+
+      <section class="container py-lg-10 py-8">
+        <h2 class="fs-lg-2 fs-4 mb-5">熱門主題</h2>
+        <div class="row row-cols-lg-4 row-cols-md-2 row-cols-1 gy-5">
+          <div class="col">
+            <div class="theme-card">
+              <picture>
+                <source media="(min-width: 992px)" srcset="/2024-web-layout-training-code/week6/dist/assets/theme-1-c3f2428d.png " />
+                <img src="/2024-web-layout-training-code/week6/dist/assets/theme-1-sm-e28ce55e.png" alt="" class="w-100" />
+              </picture>
+            </div>
+          </div>
+          <div class="col">
+            <div class="theme-card">
+              <picture>
+                <source media="(min-width: 992px)" srcset="/2024-web-layout-training-code/week6/dist/assets/theme-1-c3f2428d.png " />
+                <img src="/2024-web-layout-training-code/week6/dist/assets/theme-1-sm-e28ce55e.png" alt="" class="w-100" />
+              </picture>
+            </div>
+          </div>
+          <div class="col">
+            <div class="theme-card">
+              <picture>
+                <source media="(min-width: 992px)" srcset="/2024-web-layout-training-code/week6/dist/assets/theme-1-c3f2428d.png " />
+                <img src="/2024-web-layout-training-code/week6/dist/assets/theme-1-sm-e28ce55e.png" alt="" class="w-100" />
+              </picture>
+            </div>
+          </div>
+          <div class="col">
+            <div class="theme-card">
+              <picture>
+                <source media="(min-width: 992px)" srcset="/2024-web-layout-training-code/week6/dist/assets/theme-1-c3f2428d.png " />
+                <img src="/2024-web-layout-training-code/week6/dist/assets/theme-1-sm-e28ce55e.png" alt="" class="w-100" />
+              </picture>
+            </div>
+          </div>
+          <div class="col">
+            <div class="theme-card">
+              <picture>
+                <source media="(min-width: 992px)" srcset="/2024-web-layout-training-code/week6/dist/assets/theme-1-c3f2428d.png " />
+                <img src="/2024-web-layout-training-code/week6/dist/assets/theme-1-sm-e28ce55e.png" alt="" class="w-100" />
+              </picture>
+            </div>
+          </div>
+          <div class="col">
+            <div class="theme-card">
+              <picture>
+                <source media="(min-width: 992px)" srcset="/2024-web-layout-training-code/week6/dist/assets/theme-1-c3f2428d.png " />
+                <img src="/2024-web-layout-training-code/week6/dist/assets/theme-1-sm-e28ce55e.png" alt="" class="w-100" />
+              </picture>
+            </div>
+          </div>
+          <div class="col">
+            <div class="theme-card">
+              <picture>
+                <source media="(min-width: 992px)" srcset="/2024-web-layout-training-code/week6/dist/assets/theme-1-c3f2428d.png " />
+                <img src="/2024-web-layout-training-code/week6/dist/assets/theme-1-sm-e28ce55e.png" alt="" class="w-100" />
+              </picture>
+            </div>
+          </div>
+          <div class="col">
+            <div class="theme-card">
+              <picture>
+                <source media="(min-width: 992px)" srcset="/2024-web-layout-training-code/week6/dist/assets/theme-1-c3f2428d.png " />
+                <img src="/2024-web-layout-training-code/week6/dist/assets/theme-1-sm-e28ce55e.png" alt="" class="w-100" />
+              </picture>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="bg-primary-200">
+        <div class="container position-relative py-lg-10 py-8">
+          <div class="hito-content">
+            <h2 class="fs-lg-2 fs-4 mb-5">熱門主題</h2>
+            <p class="fs-3">
+              Lorem ipsum dolor sit, amet consectetur adipisicing elit. Vero repellendus assumenda modi neque enim,
+              dicta consequuntur repudiandae, tenetur voluptas corrupti fugit laborum voluptatibus ex sed sunt dolores
+              porro animi. Fugit.
+            </p>
+          </div>
+        </div>
+      </section>
+
+      <section class="py-10">
+        <div class="container">
+          <div class="row align-items-lg-center">
+            <div class="col-lg-6 text-lg-start text-center mb-lg-0 mb-9">
+              <h2 class="fs-lg-2 fs-4 mb-5">Vivre 給你意想不到的生活風格提案</h2>
+              <button class="btn btn-secondary-200 fs-lg-5" type="button">
+                馬上訂閱<i class="bi bi-arrow-right ms-2"></i>
+              </button>
+            </div>
+            <div class="col-lg-6 col-md-8 mx-auto">
+              <ul class="row list-unstyled d-none d-lg-flex">
+                <li class="col-lg-6 mt-lg-7">
+                  <div class="position-relative">
+                    <p
+                      class="position-absolute d-flex align-items-center top-0 start-0 ms-3 translate-middle text-secondary-300 bg-white position-absolute start-0 top-0 ms-3 translate-middle-y fs-5 p-2 fw-bold"
+                    >
+                      <i class="bi bi-caret-right-fill me-1 fs-6 align-top"></i>編輯推薦
+                    </p>
+                    <img src="/2024-web-layout-training-code/week6/dist/assets/projects-1-1192f106.png" alt="" />
+                  </div>
+                </li>
+                <li class="col-lg-6">
+                  <div class="position-relative">
+                    <p
+                      class="position-absolute d-flex align-items-center top-0 start-0 ms-3 translate-middle text-secondary-300 bg-white position-absolute start-0 top-0 ms-3 translate-middle-y fs-5 p-2 fw-bold"
+                    >
+                      <i class="bi bi-caret-right-fill me-1 fs-6 align-top"></i>編輯推薦
+                    </p>
+                    <img src="/2024-web-layout-training-code/week6/dist/assets/projects-1-1192f106.png" alt="" />
+                  </div>
+                </li>
+                <li class="col-lg-6 mt-lg-7">
+                  <div class="position-relative">
+                    <p
+                      class="position-absolute d-flex align-items-center top-0 start-0 ms-3 translate-middle text-secondary-300 bg-white position-absolute start-0 top-0 ms-3 translate-middle-y fs-5 p-2 fw-bold"
+                    >
+                      <i class="bi bi-caret-right-fill me-1 fs-6 align-top"></i>編輯推薦
+                    </p>
+                    <img src="/2024-web-layout-training-code/week6/dist/assets/projects-1-1192f106.png" alt="" />
+                  </div>
+                </li>
+                <li class="col-lg-6">
+                  <div class="position-relative">
+                    <p
+                      class="position-absolute d-flex align-items-center top-0 start-0 ms-3 translate-middle text-secondary-300 bg-white position-absolute start-0 top-0 ms-3 translate-middle-y fs-5 p-2 fw-bold"
+                    >
+                      <i class="bi bi-caret-right-fill me-1 fs-6 align-top"></i>編輯推薦
+                    </p>
+                    <img src="/2024-web-layout-training-code/week6/dist/assets/projects-1-1192f106.png" alt="" />
+                  </div>
+                </li>
+              </ul>
+              <div class="swiper project-swiper d-lg-none">
+                <ul class="swiper-wrapper list-unstyled py-5">
+                  <li class="swiper-slide">
+                    <div class="position-relative">
+                      <p
+                        class="position-absolute d-flex align-items-center top-0 start-0 ms-3 translate-middle text-secondary-300 bg-white position-absolute start-0 top-0 ms-3 translate-middle-y fs-5 p-2 fw-bold"
+                      >
+                        <i class="bi bi-caret-right-fill me-1 fs-6 align-top"></i>編輯推薦
+                      </p>
+                      <img src="/2024-web-layout-training-code/week6/dist/assets/projects-1-1192f106.png" alt="" class="w-100 object-fit-cover" />
+                    </div>
+                  </li>
+                  <li class="swiper-slide">
+                    <div class="position-relative">
+                      <p
+                        class="position-absolute d-flex align-items-center top-0 start-0 ms-3 translate-middle text-secondary-300 bg-white position-absolute start-0 top-0 ms-3 translate-middle-y fs-5 p-2 fw-bold"
+                      >
+                        <i class="bi bi-caret-right-fill me-1 fs-6 align-top"></i>編輯推薦
+                      </p>
+                      <img src="/2024-web-layout-training-code/week6/dist/assets/projects-1-1192f106.png" alt="" class="w-100 object-fit-cover" />
+                    </div>
+                  </li>
+                  <li class="swiper-slide">
+                    <div class="position-relative">
+                      <p
+                        class="position-absolute d-flex align-items-center top-0 start-0 ms-3 translate-middle text-secondary-300 bg-white position-absolute start-0 top-0 ms-3 translate-middle-y fs-5 p-2 fw-bold"
+                      >
+                        <i class="bi bi-caret-right-fill me-1 fs-6 align-top"></i>編輯推薦
+                      </p>
+                      <img src="/2024-web-layout-training-code/week6/dist/assets/projects-1-1192f106.png" alt="" class="w-100 object-fit-cover" />
+                    </div>
+                  </li>
+                  <li class="swiper-slide">
+                    <div class="position-relative">
+                      <p
+                        class="position-absolute d-flex align-items-center top-0 start-0 ms-3 translate-middle text-secondary-300 bg-white position-absolute start-0 top-0 ms-3 translate-middle-y fs-5 p-2 fw-bold"
+                      >
+                        <i class="bi bi-caret-right-fill me-1 fs-6 align-top"></i>編輯推薦
+                      </p>
+                      <img src="/2024-web-layout-training-code/week6/dist/assets/projects-1-1192f106.png" alt="" class="w-100 object-fit-cover" />
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <footer class="footer text-center py-lg-5 py-4 border-top eng-font text-primary-400">©Vivre 2024 All right Reserved</footer>
+
+
+  </body>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,7 +8,6 @@ pnpm-debug.log* @@
     lerna-debug.log*
     node_modules
-    dist
     dist-ssr
     *.local
@@ Expand Down @@