From df9cba156ab7b5f84273520f00712763d1aa80e3 Mon Sep 17 00:00:00 2001
From: Nistor Cristian <contact@nistorcristian.com>
Date: Thu, 21 Nov 2019 21:39:52 +0200
Subject: [PATCH] Create research log.

Signed-off-by: Nistor Cristian <contact@nistorcristian.com>
---
 _includes/header.html      |  2 +-
 _layouts/home.html         | 17 ++++--------
 _layouts/research-log.html | 22 +++++++++++++++
 assets/css/main.scss       | 57 +++++++++++++-------------------------
 research-log.markdown      |  3 ++
 5 files changed, 50 insertions(+), 51 deletions(-)
 create mode 100644 _layouts/research-log.html
 create mode 100644 research-log.markdown

diff --git a/_includes/header.html b/_includes/header.html
index 3f7b3eb..8f7255e 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -9,7 +9,7 @@
                     <a href="#" class="mobile-trigger"></a>
                     <div class="header-lists">
                         <ul class="menu">
-                            <li><a href="{{site.url}}{{ site.baseurl }}/#research-log">Research Log</a></li>
+                            <li><a href="{{site.url}}{{ site.baseurl }}/research-log/">Research Log</a></li>
                             <li><a href="{{site.url}}{{ site.baseurl }}/#what">What</a></li>
                             <li><a href="{{site.url}}{{ site.baseurl }}/#who">Who</a></li>
                             <li><a href="https://forum.vac.dev/" target="_blank">Forum</a></li>
diff --git a/_layouts/home.html b/_layouts/home.html
index 9256da2..1ea5c21 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -20,15 +20,6 @@ layout: default
             </div>
         </div>
     </div>
-    <!-- <div class="container text-center why-vac" id="why">
-        <div class="row">
-            <div class="col-lg-9 col-md-12 ml-auto mr-auto">
-                <h2 class="section-title bar-center"><b>WHY Vac</b></h2>
-                <p>Privacy is a fundamental human right. The ability to message without fear of censorship or prosecution must be maintained. The ability to conduct transactions with whom you want, and only whom you want is a requirement for free communication. This is why we build vacp2p</p>
-                <hr>
-            </div>
-        </div>
-    </div> -->
 </section>
 
 <section class="log" id="research-log">
@@ -41,11 +32,13 @@ layout: default
         <div class="row">
             <div class="col-md-12">
                 <ul>
-                    {% for post in site.posts %}
+                    {% for post in site.posts limit:5 %}
                         <li><time>{{ post.date | date: '%B %d, %Y' }}</time><time class="short">{{ post.date | date: '%d.%m.%Y' }}</time><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
                     {% endfor %}
-                    <li><a href="{{ "/feed.xml" | relative_url }}" target="_blank" class="btn"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.4286 0H2.57143C1.15125 0 0 1.15125 0 2.57143V21.4286C0 22.8488 1.15125 24 2.57143 24H21.4286C22.8488 24 24 22.8488 24 21.4286V2.57143C24 1.15125 22.8488 0 21.4286 0ZM6 20.5714C4.57982 20.5714 3.42857 19.4202 3.42857 18C3.42857 16.5798 4.57982 15.4286 6 15.4286C7.42018 15.4286 8.57143 16.5798 8.57143 18C8.57143 19.4202 7.42018 20.5714 6 20.5714ZM14.4393 20.5714H12.5999C12.2779 20.5714 12.0079 20.3231 11.9869 20.0018C11.7076 15.7134 8.27748 12.2918 3.9982 12.013C3.67693 11.9921 3.42857 11.7221 3.42857 11.4001V9.56073C3.42857 9.21064 3.7215 8.92982 4.07111 8.94868C9.99321 9.26871 14.7317 14.0131 15.0513 19.9289C15.0702 20.2785 14.7894 20.5714 14.4393 20.5714ZM19.9586 20.5714H18.1193C17.7892 20.5714 17.5206 20.3099 17.5071 19.9801C17.2072 12.6657 11.3354 6.79291 4.01995 6.49296C3.69011 6.47941 3.42857 6.2108 3.42857 5.88075V4.04143C3.42857 3.69568 3.71454 3.41657 4.06002 3.429C13.0509 3.75177 20.2498 10.9928 20.571 19.94C20.5834 20.2855 20.3043 20.5714 19.9586 20.5714Z" fill="#121212"/> </svg>Subscribe via RSS</a></li>
                 </ul>
+                <div class="btn-holder d-flex justify-content-center">
+                    <a href="{{site.url}}{{ site.baseurl }}/research-log/" class="btn btn-border">View all posts</a>
+                </div>
             </div>
         </div>
     </div>
@@ -64,7 +57,7 @@ layout: default
             </div>
             <div class="col-lg-4 col-md-6 ml-auto mr-auto">
                 <div class="btn-holder">
-                    <a href="/vac-overview" class="btn btn-purple">Learn More</a>
+                    <a href="{{site.url}}{{ site.baseurl }}/vac-overview/" class="btn btn-purple">Learn More</a>
                 </div>
             </div>
         </div>
diff --git a/_layouts/research-log.html b/_layouts/research-log.html
new file mode 100644
index 0000000..340fe0e
--- /dev/null
+++ b/_layouts/research-log.html
@@ -0,0 +1,22 @@
+---
+layout: default
+---
+
+<div class="container post-content">
+    <div class="row">
+        <div class="col-lg-10 ml-auto mr-auto">
+            <h1>Research log</h1>
+            <div class="row">
+                {% for post in site.posts %}
+                    <div class="col-md-12 mt-60">
+                        <time>{{ post.date | date: '%B %d, %Y' }}</time>
+                        <h3><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h3>
+                    </div>
+                {% endfor %}
+            </div>
+            <div class="btn-holder mt-60">
+                <a href="{{ "/feed.xml" | relative_url }}" target="_blank" class="btn subscribe-btn"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M21.4286 0H2.57143C1.15125 0 0 1.15125 0 2.57143V21.4286C0 22.8488 1.15125 24 2.57143 24H21.4286C22.8488 24 24 22.8488 24 21.4286V2.57143C24 1.15125 22.8488 0 21.4286 0ZM6 20.5714C4.57982 20.5714 3.42857 19.4202 3.42857 18C3.42857 16.5798 4.57982 15.4286 6 15.4286C7.42018 15.4286 8.57143 16.5798 8.57143 18C8.57143 19.4202 7.42018 20.5714 6 20.5714ZM14.4393 20.5714H12.5999C12.2779 20.5714 12.0079 20.3231 11.9869 20.0018C11.7076 15.7134 8.27748 12.2918 3.9982 12.013C3.67693 11.9921 3.42857 11.7221 3.42857 11.4001V9.56073C3.42857 9.21064 3.7215 8.92982 4.07111 8.94868C9.99321 9.26871 14.7317 14.0131 15.0513 19.9289C15.0702 20.2785 14.7894 20.5714 14.4393 20.5714ZM19.9586 20.5714H18.1193C17.7892 20.5714 17.5206 20.3099 17.5071 19.9801C17.2072 12.6657 11.3354 6.79291 4.01995 6.49296C3.69011 6.47941 3.42857 6.2108 3.42857 5.88075V4.04143C3.42857 3.69568 3.71454 3.41657 4.06002 3.429C13.0509 3.75177 20.2498 10.9928 20.571 19.94C20.5834 20.2855 20.3043 20.5714 19.9586 20.5714Z" fill="#121212"/> </svg>Subscribe via RSS</a>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 5e8140a..f5e5571 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -436,12 +436,27 @@ hr{
     }
 }
 
+.subscribe-btn{
+    border: 1px solid $dark-grey;
+    color: $dark-grey;
+    font-size: 0.875rem;
+    width: 200px;
+    height: 40px;
+    font-family: 'Lexend Deca', sans-serif;
+    font-weight: normal;
+    margin-top: 12px;
+    background: #fff;
+    &:hover{
+        color: $purple;
+        border: 1px solid $purple;
+    }
+    svg{
+        margin: 0 10px 0 0;
+    }
+}
+
 .log{
     margin: 80px 0 100px;
-    h3{
-        font-size: 1.25rem;
-        margin-bottom: 35px; 
-    }
     ul{
         display: block;
         padding: 0;
@@ -460,40 +475,6 @@ hr{
             .short{
                 display: none;
             }
-            &:last-child{
-                border: none;
-                .btn{
-                    border: 1px solid $dark-grey;
-                    color: $dark-grey;
-                    font-size: 0.875rem;
-                    width: 200px;
-                    height: 40px;
-                    font-family: 'Lexend Deca', sans-serif;
-                    font-weight: normal;
-                    margin-left: auto;
-                    margin-top: 12px;
-                    background: #fff;
-                    &:hover{
-                        color: $purple;
-                        border: 1px solid $purple;
-                    }
-                    &:before{
-                        content: '';
-                        background: $purple;
-                        background: linear-gradient(90deg, $yellow 0%, $purple 20%);
-                        width: 78%;
-                        position: absolute;
-                        opacity: .2;
-                        height: 1px;
-                        left: 0;
-                        bottom: 0;
-                        transform: rotate(180deg);
-                    }
-                    svg{
-                        margin: 0 10px 0 0;
-                    }
-                }
-            }
         }
     }
 }
diff --git a/research-log.markdown b/research-log.markdown
new file mode 100644
index 0000000..3ae1e8f
--- /dev/null
+++ b/research-log.markdown
@@ -0,0 +1,3 @@
+---
+layout: research-log
+---