changes in nav

cowonacid · Feb 12, 2020 · 5d218fa · 5d218fa
1 parent a657c2d
commit 5d218fa
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 13 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -66,7 +66,7 @@ <h1 class="profile-name"> {{ site.title }}</h1>
                      <li class="nav-item">
                          <a class="nav-link" href="{{ site.url}}{{site.baseurl}}/search/"><i class="fa fa-search" aria-hidden="true"></i></a>
                      </li>
-                     <li class="nav-item">
+                    <li class="nav-item">
                       <input class="nav-link switch" id="theme-toggle" onclick="modeSwitcher() "type="checkbox" name="checkbox" >
                     </li>
             </div>

diff --git a/_layouts/home.html b/_layouts/home.html
@@ -18,7 +18,7 @@ <h1 class="card-title">Projects</h1>
                 <br />
                 {% for project in site.author_project_details %}
                 {% if project.visibility == true %}
-                <div class="row">
+                <div class="row" id="project-card">
                         <div class="col-md-6">
                             <img src="{{site.url}}{{site.baseurl}}/assets/img/{{project.project_thumbnail}}" class="project-img" />
                         </div>

diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -189,6 +189,9 @@ header {
         width: 300px;
         height: 200px;
     }
+    #project-card{
+        margin-top:30px;
+    }
 }
 
 
@@ -271,8 +274,8 @@ footer {
 
  .switch {
      position: relative;
-     width: 130px;
-     height: 50px;
+     width: 80px;
+     height: 38px;
      margin: 0px;
      appearance: none;
      -webkit-appearance: none;
@@ -297,13 +300,13 @@ footer {
 
  .switch:after {
      content: '';
-     width: 46px;
-     height: 46px;
-     border-radius: 50%;
-     background-color: #fff;
-     position: absolute;
-     left: 2px;
-     top: 2px;
+     display: none;
+    height: 37px;
+    border-radius: 20px;
+    background-color: #ffffff;
+    position: absolute;
+    left: -43px;
+    top: 1px;
      transform: translateX(0px);
      animation: off .7s forwards cubic-bezier(.8, .5, .2, 1.4);
      box-shadow: inset 5px -5px 4px rgba(53, 53, 53, 0.3);
@@ -408,8 +411,8 @@ footer {
      height: 15px;
      border-radius: 50%;
      position: absolute;
-     left: 15px;
-     top: 5px;
+     left: -30px;
+     top: 11px;
      filter: blur(1px);
      background-color: #f5daaa;
      box-shadow: 0px 0px 10px #f5deb4,