Change theme template, update icon

Signed-off-by: Haolong Wang <109599952+gsmark36@users.noreply.github.com>

404.md

@@ -7,5 +7,5 @@ permalink: /404.html
 # 404 | Page not found
 Something went wrong bro... Please turn back
 
-<hr style="height:50px; border:none;">
-<img src="{{ site.url }}/assets/cactus.png" style="width: 300px; height: 300px; opacity: 0.80; margin-left: -20px">
+<hr style="height:40px; border:none;">
+<img src="{{ site.url }}/assets/cactus.png" style="width: 240px; height: 240px; opacity: 0.80; margin-left: -10px">

_layouts/blog.html

@@ -18,8 +18,8 @@
     <div class="wrapper">
         <!-- 导航栏 -->
         <div class="navbar container">
-            <div id="icon" class="alignable pull-left" style="margin-left: -15px;">
-                <img src="{{ site.url }}/assets/plant.png" alt="icon" style="width: 90px; height: 90px; margin-right: 10px; margin-top: -15px; opacity: 0.80;">
+            <div id="icon" class="alignable pull-left" style="margin-left: -10px;">
+                <img src="{{ site.url }}/assets/3d.png" alt="icon" style="width: 90px; height: 90px; margin-right: 10px; margin-top: -15px; opacity: 0.80;">
             </div>
             <a id="author-name" class="alignable pull-left" href="{{ site.url }}">
                 {{ site.title }}
@@ -32,14 +32,14 @@
                         <li class="alignable pull-left nav-list"><a href="{{ x.link }}">{{ x.name }}</a>
                     {% endif %}
                     {% if forloop.last == false %}
-                        <span style="color: #272727e7;">/</span> <!-- 分隔符 -->
+                        <span style="color: #272727e7;">|</span> <!-- 分隔符 -->
                     {% endif %}
                         </li>
                 {% endfor %}
             </ul>
         </div>
         <div style="clear:both"></div>
-        <hr style="height:60px; border:none;"> <!-- 分隔线 -->
+        <hr style="height:40px; border:none;"> <!-- 分隔线 -->
 
         <!-- 页面内容 -->
         <div class="container content">
@@ -64,7 +64,7 @@ <h2 style="font-weight: bold; font-size: 23px; margin-left: -18px; margin-bottom
                 {% endfor %}
             </ul>
         </div>
-        <hr style="height:60px; border:none;">
+        <hr style="height:50px; border:none;">
 
         <!-- 页脚 -->
         {% if site.footer == true %}

_layouts/default.html

@@ -18,8 +18,8 @@
     <div class="wrapper">
         <!-- 导航栏 -->
         <div class="navbar container">
-            <div id="icon" class="alignable pull-left" style="margin-left: -15px;">
-                <img src="{{ site.url }}/assets/plant.png" alt="icon" style="width: 90px; height: 90px; margin-right: 10px; margin-top: -15px; opacity: 0.80;">
+            <div id="icon" class="alignable pull-left" style="margin-left: -10px;">
+                <img src="{{ site.url }}/assets/3d.png" alt="icon" style="width: 90px; height: 90px; margin-right: 10px; margin-top: -15px; opacity: 0.80;">
             </div>
             <a id="author-name" class="alignable pull-left" href="{{ site.url }}">
                 {{ site.title }}
@@ -32,20 +32,20 @@
                         <li class="alignable pull-left nav-list"><a href="{{ x.link }}">{{ x.name }}</a>
                     {% endif %}
                     {% if forloop.last == false %}
-                        <span style="color: #272727e7;">/</span> <!-- 分隔符 -->
+                        <span style="color: #272727e7;">|</span> <!-- 分隔符 -->
                     {% endif %}
                         </li>
                 {% endfor %}
             </ul>
         </div>
         <div style="clear:both"></div>
-        <hr style="height:60px; border:none;"> <!-- 分隔线 -->
+        <hr style="height:40px; border:none;"> <!-- 分隔线 -->
 
         <!-- 页面内容 -->
         <div class="container content">
             {{ content }}
         </div>
-        <hr style="height:60px; border:none;">
+        <hr style="height:50px; border:none;">
 
         <!-- 页脚 -->
         {% if site.footer == true %}

_layouts/post.html

@@ -18,8 +18,8 @@
     <div class="wrapper">
         <!-- 导航栏 -->
         <div class="navbar container">
-            <div id="icon" class="alignable pull-left" style="margin-left: -15px;">
-                <img src="{{ site.url }}/assets/plant.png" alt="icon" style="width: 90px; height: 90px; margin-right: 10px; margin-top: -15px; opacity: 0.80;">
+            <div id="icon" class="alignable pull-left" style="margin-left: -10px;">
+                <img src="{{ site.url }}/assets/3d.png" alt="icon" style="width: 90px; height: 90px; margin-right: 10px; margin-top: -15px; opacity: 0.80;">
             </div>
             <a id="author-name" class="alignable pull-left" href="{{ site.url }}">
                 {{ site.title }}
@@ -32,14 +32,14 @@
                         <li class="alignable pull-left nav-list"><a href="{{ x.link }}">{{ x.name }}</a>
                     {% endif %}
                     {% if forloop.last == false %}
-                        <span style="color: #272727e7;">/</span> <!-- 分隔符 -->
+                        <span style="color: #272727e7;">|</span> <!-- 分隔符 -->
                     {% endif %}
                         </li>
                 {% endfor %}
             </ul>
         </div>
         <div style="clear:both"></div>
-        <hr style="height:60px; border:none;"> <!-- 分隔线 -->
+        <hr style="height:40px; border:none;"> <!-- 分隔线 -->
 
         <!-- 页面内容 -->
         <div class="container content">
@@ -51,7 +51,7 @@
             {% include toc.html %}
         </aside>
 
-        <hr style="height:60px; border:none;">
+        <hr style="height:50px; border:none;">
 
         <!-- 页脚 -->
         {% if site.footer == true %}

_sass/_style.scss

@@ -80,7 +80,7 @@ hr {
 .toc {
     display: block;
     position: fixed;
-    top: 220px;
+    top: 200px;
     right: 130px;
     width: 300px;
     padding: 10px;
@@ -152,7 +152,7 @@ hr {
 	}
     #icon {
         text-align: center;
-        margin-right: -25px; // offset = -(-10-15) = 25
+        margin-right: -20px; // offset = -(-10-10) = 20
         margin-bottom: 10px;
         float: none;
     }

_sass/tables.scss

@@ -4,7 +4,7 @@ table {
     margin-left: auto;
     margin-right: auto;
     border-collapse: collapse;
-    width: 85%;
+    width: 90%;
     padding: 0;
 }
 table tr {

_sass/vars.scss

@@ -1,16 +1,16 @@
 // Custom Variables
 
-// Selected colors #108fff #2bbc8a #02ac2c #00a64e
+// Selected colors #108fff #2bbc8a #02ac2c #00a64e #b7f116
 
 $text-color: #272727e7;
 $accent: #009e4a;
-$accent-light: #b7f116;
-$background: rgb(252, 252, 252);
+$background: rgb(255, 255, 255);
 $background-dark: #f5f5f5;
 $border-color: #acacac;
+$icon-color: #101010;
 
 // Build Variables, don't touch
 
-$max-width: 750px;
+$max-width: 770px;
 $med-width: 600px;
 $small-width: 480px;

index.md

@@ -5,10 +5,10 @@ title: "Home | Haolong Wang"
 
 # About Me
 
-<a href="https://github.com/gsmark36"><img class="profile-picture" src="{{ site.url }}/assets/juice.png" style="opacity: 0.80; width: 130px; height: 200px;"></a>
+<a href="https://github.com/gsmark36"><img class="profile-picture" src="{{ site.url }}/assets/chip.png" style="opacity: 0.80; width: 150px; height: 150px;"></a>
 
 Hi! I am a graduate student at Computer Lab, University of Cambridge. 
 
 ## Contact
 
-[Email](mailto:hw611@cantab.ac.uk) / [LinkedIn](https://www.linkedin.com/in/haolong-wang-cam) / [GitHub](https://github.com/gsmark36)
+[Email](mailto:hw611@cantab.ac.uk) \| [LinkedIn](https://www.linkedin.com/in/haolong-wang-cam) \| [GitHub](https://github.com/gsmark36)

research.md

@@ -10,7 +10,7 @@ Some of my research projects are shown here. Please contact me if you have any q
 ---
 
 ## Title 1
-<img class="profile-picture" src="{{ site.url }}/assets/cactus.png" style="opacity: 0.80; width: 170px; height: 170px;">
+<img class="profile-picture" src="{{ site.url }}/assets/cactus.png" style="opacity: 0.80; width: 160px; height: 160px;">
 
 **Full name of project 1**  
 
@@ -22,9 +22,10 @@ Description of project to be added here.
 ---
 
 ## Title 2
-<img class="profile-picture" src="{{ site.url }}/assets/plant.png" style="opacity: 0.80; width: 150px; height: 150px;">
+<img class="profile-picture" src="{{ site.url }}/assets/plant.png" style="opacity: 0.80; width: 170px; height: 170px;">
 
-### Full name of project 2
+**Full name of project 2**  
+
 Description of project to be added here.  
 
 **Institute**