update

layouts/index.html

@@ -98,11 +98,11 @@
     }
     window.addEventListener('scroll', debounce(checkSlide));
 
-    $('.navbar-nav .dropdown:nth-of-type(2)').click(function () {
-      $('html, body').animate({
-        scrollTop: $("#sec-features").offset().top
-      }, 1000);
-    })
+    // $('.navbar-nav .dropdown:nth-of-type(2)').click(function () {
+    //   $('html, body').animate({
+    //     scrollTop: $("#sec-features").offset().top
+    //   }, 1000);
+    // })
 
     var swiper = new Swiper(".carousel", {
       pagination: {

layouts/partials/components/carousel.html

@@ -1,10 +1,5 @@
 <div class="swiper carousel">
   <div class="swiper-wrapper">
-    <div class="swiper-slide">
-      <a href="">
-        <img src="/imgs/home/橫幅廣告-01.png" alt="">
-      </a>
-    </div>
     <div class="swiper-slide">
       <a href="/seo-image/dm/">
         <img src="/imgs/home/橫幅廣告-02.png" alt="">

layouts/partials/components/nav.html

@@ -1,5 +1,5 @@
 <nav class="navbar navbar-expand-lg navbar-light bg-light">
-  <div class="container-fluid">
+  <div class="container-fluid justify-content-start">
     <a class="navbar-brand home" href="/">
       <img src="{{ .Site.Params.logo | relURL }}" alt="{{ .Title }} logo" class="d-none d-lg-block logo">
       <img src="{{ .Site.Params.logo_small | relURL }}" alt="{{ .Title }} logo" class="d-block d-lg-none logo-sm">
@@ -41,7 +41,6 @@
         {{ end }}
       </ul>
 
-
       <!-- <ul class="navbar-nav me-auto mb-2 mb-lg-0">
         <li class="nav-item">
           <a class="nav-link active" aria-current="page" href="#">Home</a>
@@ -69,5 +68,9 @@
         <button class="btn btn-outline-success" type="submit">Search</button>
       </form> -->
     </div>
+    <ul class="nav navbar-nav navbar-right ms-auto">
+      <li><a href="https://video.choozmo.com/login.html" class="signin-link">登入</a></li>
+      <li><a href="https://video.choozmo.com/register.html" class="signup-link">註冊</a></li>
+    </ul>
   </div>
 </nav>

static/css/custom.css

@@ -25,8 +25,8 @@
 }
 
 #navigation .navbar-nav .signin-link {
-  padding: 8px 18px 8px 18px;
-  margin: 13px 10px 13px 10px;
+  padding: 8px 18px;
+  margin: 13px 0;
   text-decoration: none;
   color: #ea5413;
   font-size: 1.5rem;
@@ -41,8 +41,8 @@
 }
 
 #navigation .navbar-nav .signup-link {
-  padding: 8px 18px 8px 18px;
-  margin: 13px 10px 13px 10px;
+  padding: 8px 18px;
+  margin: 13px 10px;
   text-decoration: none;
   color: white;
   font-size: 1.5rem;

static/css/style.css

@@ -13,6 +13,31 @@
   flex-grow: 0;
 }
 
+.navbar-nav .signin-link {
+  padding: 8px 18px;
+  text-decoration: none;
+  color: #ea5413;
+  font-weight: 400;
+  border: 1px solid #ea5413;
+  border-radius: 3rem;
+}
+.navbar-nav .signup-link {
+  padding: 8px 18px;
+  margin: 13px 10px;
+  text-decoration: none;
+  color: #fff;
+  font-weight: 400;
+  border: 1px solid #ea5413;
+  border-radius: 3rem;
+  background-color: #ea5413;
+}
+.navbar-nav a {
+  transition: all 0.3s;
+}
+.navbar-nav a:hover {
+  opacity: 0.8;
+}
+
 .header {
   margin-top: 70px;
   position: relative;

static/css/style.scss

@@ -12,6 +12,33 @@
   flex-grow: 0;
 }
 
+.navbar-nav {
+  .signin-link {
+    padding: 8px 18px;
+    text-decoration: none;
+    color: #ea5413;
+    font-weight: 400;
+    border: 1px solid #ea5413;
+    border-radius: 3rem;
+  }
+  .signup-link {
+    padding: 8px 18px;
+    margin: 13px 10px;
+    text-decoration: none;
+    color: #fff;
+    font-weight: 400;
+    border: 1px solid #ea5413;
+    border-radius: 3rem;
+    background-color: #ea5413;
+  }
+  a {
+    transition: all .3s;
+    &:hover {
+      opacity: .8;
+    }
+  }
+}
+
 .header {
   margin-top: 70px;
   position: relative;