Appearance update

7 files changed, 99 insertions, 76 deletions

diff --git a/_includes/nav.html b/_includes/nav.html
index a0c7008..2255472 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -6,7 +6,7 @@
     <div class="contacts__info">
       <div class="contacts__position">{{ site.position }}</div>
       <span id="age">{{ site.age }}</span> @ <span id="location">{{ site.location }}</span>
-      <span style="color: red; display: block;"><b>Looking for a job</b></span>
+      <span id="hiring"><b>Looking for a job</b></span>
     </div>
   </div>
 
@@ -31,8 +31,10 @@
 
   <div class="email">
     <ul>
-        <li><img src="" /><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
-        <li><a href="https://t.me/{{ site.telegram }}">{{ site.telegram }}</a></li>
+        <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
+        <li><a href="https://t.me/{{ site.telegram }}">telegram</a></li>
+        <li><a href="https://github.com/3ap/">github</a></li>
+        <li><a href="http://git.nazaryev.com/">cgit</a></li>
     </ul>
   </div>
 </nav>
diff --git a/_layouts/home.html b/_layouts/home.html
new file mode 100644
index 0000000..f904f89
--- /dev/null
+++ b/_layouts/home.html
@@ -0,0 +1,13 @@
+---
+layout: post
+---
+{{ content }}
+<style>
+main ul {
+    padding-left: 20px;
+}
+
+main ul p {
+    margin: 20px 0 0 0;
+}
+</style>
diff --git a/_layouts/projects.html b/_layouts/projects.html
index 580465f..2585e9a 100644
--- a/_layouts/projects.html
+++ b/_layouts/projects.html
@@ -26,6 +26,7 @@ layout: default
         </div>
       </div>
     </section>
+    <hr />
     {% endfor %}
   </div>
 </main>
diff --git a/assets/git.png b/assets/git.png
new file mode 100644
index 0000000..3474eed
--- /dev/null
+++ b/assets/git.png
diff --git a/assets/github.png b/assets/github.png
new file mode 100644
index 0000000..182a1a3
--- /dev/null
+++ b/assets/github.png
diff --git a/assets/style.css b/assets/style.css
index ccb7e48..40602a0 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -25,7 +25,7 @@ html, body {
   height: 100%;
   padding: 0;
   margin: 0;
-  line-height: 1.3;
+  line-height: 1.7;
 
   text-rendering: optimizeLegibility;
   font-family: -apple-system, BlinkMacSystemFont, "Graphik LC", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@@ -66,7 +66,29 @@ a[href^="https://"]:after {
   margin-left: 3px;
 }
 
-a[href^="mailto:"]:before {
+.email a[href^="https://github.com"]:before {
+  background-image: url(/assets/github.png);
+  background-size: 20px 20px;
+  display: inline-block;
+  content: "";
+  width: 20px;
+  height: 20px;
+  margin-right: 5px;
+  vertical-align: -10%;
+}
+
+.email a[href^="http://git.nazaryev.com"]:before {
+  background-image: url(/assets/git.png);
+  background-size: 20px 20px;
+  display: inline-block;
+  content: "";
+  width: 20px;
+  height: 20px;
+  margin-right: 5px;
+  vertical-align: -17%;
+}
+
+.email a[href^="mailto:"]:before {
   background-image: url(/assets/email.png);
   background-size: 20px 16px;
   display: inline-block;
@@ -77,8 +99,7 @@ a[href^="mailto:"]:before {
   vertical-align: -17%;
 }
 
-a[href^="http://t.me"]:before,
-a[href^="https://t.me"]:before {
+.email a[href^="https://t.me"]:before {
   background-image: url(/assets/Telegram_logo.svg);
   background-size: 20px 16px;
   display: inline-block;
@@ -129,6 +150,7 @@ img, .product-tags {
 .wrapper {
   min-height: 100%;
   position: relative;
+  padding-left: 50px;
 }
 
 .menu {
@@ -153,42 +175,41 @@ img, .product-tags {
 
 .highlighter-rouge {
   background: #fafafa;
-  max-width: 720px;
+  max-width: 920px;
   overflow-x: auto;
   font-size: 14px;
   margin: 15px 0 15px 0;
 }
 
 .page {
-  margin: 0 auto;
-  max-width: 960px;
+  max-width: 1100px;
   padding-bottom: 200px;
   position: relative;
   z-index: 999;
 
   display: grid;
-  grid-template-columns: auto 200px;
-  grid-gap: 30px;
+  grid-template-columns: 250px auto;
+  grid-gap: 50px;
 }
 
 nav {
-  grid-column-start: 2;
+  grid-column-start: 1;
   grid-row-start: 1;
 
   padding: 30px 0 0 0;
   margin: 0;
-  text-align: left;
+  text-align: center;
 
   display: grid;
-  grid-template-rows: 100px 190px 100px;
+  grid-template-rows: 120px 190px 100px;
   grid-gap: 20px;
 }
 
 main {
-  grid-column-start: 1;
+  grid-column-start: 2;
   grid-row-start: 1;
 
-  padding: 30px 0 0 10px;
+  padding: 35px 0 0 10px;
 }
 
 footer {
@@ -211,10 +232,10 @@ footer {
 }
 
 .game {
-  opacity: 0.2;
+  opacity: 0.7;
 }
 
-@media (max-width: 960px) {
+@media (max-width: 1100px) {
   html, body {
     line-height: 1.7;
   }
@@ -242,7 +263,7 @@ footer {
   }
 
   main {
-    padding: 0;
+    padding: 0 0 20px 0;
 
     grid-row-start: 1;
     grid-column-start: 1;
@@ -301,6 +322,10 @@ footer {
   .email {
     text-align: center;
   }
+
+  .wrapper {
+    padding-left: 0;
+  }
 }
 
 .product-tags {
@@ -322,16 +347,6 @@ footer {
   grid-gap: 20px;
 }
 
-.products__item {
-  padding-bottom: 20px;
-  border-bottom: 1px solid #ddd;
-}
-
-.products__item:last-child {
-  border: 0;
-  padding-bottom: 20px;
-}
-
 .product-icon {
   display: inline-block;
   padding-right: 2px;
@@ -367,7 +382,6 @@ footer {
   height: 20px;
   line-height: 20px;
 
-  color: #282425;
   font-weight: 900;
   letter-spacing: 0.035em;
   text-transform: uppercase;
@@ -388,16 +402,15 @@ footer {
   cursor: default !important;
 }
 
-main ul li:before {
+main ul li::marker {
   content: "— ";
-  display: inline-block;
-  width: 7px;
-  margin: 0px 0 0 -25px;
-  text-align: center;
-  font-size: 1em;
-  position: absolute;
 }
 
+main ul li {
+  padding-left: 10px;
+}
+
+
 main ul {
   list-style: none;
 }
@@ -405,7 +418,6 @@ main ul {
 .post .post-title {
   margin: 0;
   padding: 0;
-  color: #282425;
   font-weight: 900;
   font-size: 24px;
   letter-spacing: 0.035em;
@@ -436,8 +448,7 @@ main ul {
 
 hr {
   border: 1px solid #eee;
-  margin-top: 20px;
-  margin-bottom: 20px;
+  width: 100%;
 }
 
 .email a {
@@ -466,3 +477,16 @@ ol li p {
 ul p {
   line-height: 1.7;
 }
+
+hr:last-child {
+  display: none;
+}
+
+#hiring {
+  color: #f27c7c;
+  display: block;
+}
+
+h1, h2, h3 {
+  color: #282425;
+}
diff --git a/index.md b/index.md
index d2d386b..97bea13 100644
--- a/index.md
+++ b/index.md
@@ -1,54 +1,37 @@
 ---
-layout: post
-title: What can I show you
+layout: home
+title: What I can show you
 ---
 
-[Collecting statistics of Linux network interface using eBPF][ifstat]
+- [Collecting statistics of Linux network interface using eBPF][ifstat]
 as my trial to NTC Metrotek on position "Embedded System
 Developer";
 
-<hr>
+- [Zybo-z7-baremetal][zybo-z7] repository is created for simplifing the
+interaction with Xilinx Zynq 7000 using standard Linux open source
+utilities (such as gcc, gdb, openocd) instead of proprietary Xilinx
+SDK;
 
-[This repository][zybo-z7] is created for simplifing the interaction with
-Xilinx Zynq 7000 using standard Linux open source utilities (such
-as gcc, gdb, openocd) instead of proprietary Xilinx SDK;
+- Several [notes][notes] on this web site about my job;
 
-<hr>
+- [Dotfiles][dotfiles] repo that I use on almost all of my devices;
 
-Several [notes][notes] on this web site about my job;
-
-<hr>
-
-[Dotfiles][dotfiles] repo that I use on almost all of my devices;
-
-<hr>
-
-My [resume][resume] is located in [Git][resume-git], written in
+- My [resume][resume] is located in [repository][resume-git], written in
 TeX and built using Makefile and XeLaTex
 
-<hr>
-
-[Reverse engineering of Android application][drweb] as trial to
+- [Reverse engineering of Android application][drweb] as trial to
 Dr.Web for position "Android Virus Analysist";
 
-<hr>
-
-[ST M25P16 in Verilog][m25p16] that I tried to develop as part
+- [ST M25P16 in Verilog][m25p16] that I tried to develop as part
 of the laboratory work in my university;
 
-<hr>
-
-[Educational web application for children][euler] aimed to teach
-how Euler diagram works;
-
 [notes]: /notes.html
 [resume]: /resume.pdf
-[resume-git]: http://git.nazaryev.com/resume.git
-[euler]: http://git.nazaryev.com/euler.git
-[csbook]: http://git.nazaryev.com/csbook.git
-[drweb]: http://git.nazaryev.com/drweb-aptitude-test.git
-[m25p16]: http://git.nazaryev.com/circuit-design-lab234.git
-[medfilter]: http://git.nazaryev.com/metrotek-aptitude-test.git
-[dotfiles]: http://git.nazaryev.com/dotfiles.git
+[resume-git]: http://git.nazaryev.com/resume.git/about/
+[csbook]: http://git.nazaryev.com/csbook.git/about/
+[drweb]: http://git.nazaryev.com/drweb-aptitude-test.git/about/
+[m25p16]: http://git.nazaryev.com/circuit-design-lab234.git/about/
+[medfilter]: http://git.nazaryev.com/metrotek-aptitude-test.git/about/
+[dotfiles]: http://git.nazaryev.com/dotfiles.git/about/
 [ifstat]: https://github.com/3ap/ifstat
 [zybo-z7]: https://github.com/3ap/zybo-z7-baremetal