From 8ef2aba07fabac45139edcb707d573c258c2df45 Mon Sep 17 00:00:00 2001
From: "Aaron N. Brock" <Contact@AaronNBrock.com>
Date: Sat, 3 Oct 2020 02:04:33 -0400
Subject: [PATCH] idk what i did

---
 assets/scss/_typography.scss                |  2 +-
 assets/scss/components/_blog-section.scss   |  2 +-
 assets/scss/components/_blog.scss           |  2 +-
 assets/scss/components/_footer-section.scss | 19 -------
 assets/scss/style.scss                      |  2 +-
 layouts/blog/list.html                      | 38 ++++++-------
 layouts/partials/blogSection.html           | 16 +++---
 layouts/partials/footer.html                |  3 +-
 layouts/partials/pagination.html            | 59 +++++++++++----------
 9 files changed, 63 insertions(+), 80 deletions(-)

diff --git a/assets/scss/_typography.scss b/assets/scss/_typography.scss
index 33fd646..c8bccf6 100644
--- a/assets/scss/_typography.scss
+++ b/assets/scss/_typography.scss
@@ -27,7 +27,7 @@ a.text-light, a.text-dark {
         top: 50%;
         left: -20px;
         transform: translateX(-50%);
-        background: $secondary-color;
+        background: $secondary;
     }
 }
 
diff --git a/assets/scss/components/_blog-section.scss b/assets/scss/components/_blog-section.scss
index 3273de0..57d69b7 100644
--- a/assets/scss/components/_blog-section.scss
+++ b/assets/scss/components/_blog-section.scss
@@ -1,4 +1,4 @@
-.blog{
+.blog-preview {
     position: relative;
     margin-bottom: 30px;
     &__shape{
diff --git a/assets/scss/components/_blog.scss b/assets/scss/components/_blog.scss
index e946cf8..bcf1adf 100644
--- a/assets/scss/components/_blog.scss
+++ b/assets/scss/components/_blog.scss
@@ -1,4 +1,4 @@
-.blog {
+.blog-page {
   &__item {
     position: relative;
     margin-bottom: 120px;
diff --git a/assets/scss/components/_footer-section.scss b/assets/scss/components/_footer-section.scss
index bea84a0..85e50c1 100644
--- a/assets/scss/components/_footer-section.scss
+++ b/assets/scss/components/_footer-section.scss
@@ -138,30 +138,11 @@
         }
         &_social{
             ul{
-                margin: 0;
-                padding: 0;
                 float: right;
                 @include desktop{
                     margin: 20px auto 0;
                     float: none;
                 }
-                li{
-                    list-style: none;
-                    display: inline-block;
-                    a{
-                        display: block;
-                        text-decoration: none;
-                        color: #fff;
-                        font-size: 20px;
-                        transition: all .3s ease;
-                        &:hover{
-                            color: $primary-color;
-                        }
-                    }
-                    &:not(:last-child){
-                        margin-right: 25px;
-                    }
-                }
             }
         }
     }
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 80866fc..aaf476d 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -38,7 +38,7 @@ VERSION:	1.0.0
 
 @import "components/footer-section";
 
-// @import "components/blog";
+@import "components/blog";
 
 @import "components/single-blog-post";
 
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index d9853a6..476109e 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -36,25 +36,25 @@
 	</div>
 </header>
 
-<section class="section blog">
-  <div class="container">
-      <div class="row">
-        {{ range .Paginator.Pages }}
-          <div class="col-lg-4">
-              <div class="blog__item">
-                  <div class="blog__item-thumb">
-                      <img src={{ .Params.featureImage | absURL }} alt="post-image">
-                  </div>
-                  <div class="blog__item-content">
-                      <span>{{ .PublishDate.Format "January 2, 2006" }}</span>
-                      <a href="{{ .Permalink }}">{{ .Title }}</a>
-                  </div>
-              </div>
-          </div>
-				{{ end }}
-				{{ partial "pagination" .}}
-      </div>
-  </div>
+<section class="section blog-page">
+	<div class="container">
+		<div class="row">
+			{{ range .Paginator.Pages }}
+			<div class="col-lg-4">
+				<div class="blog-page__item">
+					<div class="blog-page__item-thumb">
+						<img src={{ .Params.featureImage | absURL }} alt="post-image">
+					</div>
+					<div class="blog-page__item-content">
+						<span>{{ .PublishDate.Format "January 2, 2006" }}</span>
+						<a href="{{ .Permalink }}">{{ .Title }}</a>
+					</div>
+				</div>
+			</div>
+			{{ end }}
+			{{ partial "pagination" .}}
+		</div>
+	</div>
 </section>
 
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/blogSection.html b/layouts/partials/blogSection.html
index 0aa081f..7b44632 100644
--- a/layouts/partials/blogSection.html
+++ b/layouts/partials/blogSection.html
@@ -1,19 +1,19 @@
 {{ with .Site.Data.blogSection }}
 {{ if .enable }}
-<section class="section blog" id="blog">
-  <div class="blog__shape">
+<section class="section blog-preview" id="blog">
+  <div class="blog-preview__shape">
     <img src="images/blog/blog-shape.svg" alt="blog shape" />
   </div>
   <div class="container">
     <div class="row mb-5">
       <div class="col-lg-6">
-        <div class="blog__header">
+        <div class="blog-preview__header">
           <span class="top-title pre-line">{{ .topTitle }}</span>
           {{ .title | markdownify }}
         </div>
       </div>
       <div class="col-lg-6">
-        <div class="blog__header_button desktop">
+        <div class="blog-preview__header_button desktop">
           <a class="btn btn-outline-secondary  btn-zoom m-3" href="{{ .buttonTarget | absURL }}">See all post</a>
         </div>
       </div>
@@ -22,11 +22,11 @@
     <div class="row">
       {{ range first 3 (where $.Site.RegularPages "Type" "!=" "portfolio") }}
       <div class="col-lg-4">
-        <div class="blog__item">
-          <div class="blog__item-thumb">
+        <div class="blog-preview__item">
+          <div class="blog-preview__item-thumb">
             <img src="{{ .Params.featureImage | absURL }}" alt="post-image">
           </div>
-          <div class="blog__item-content">
+          <div class="blog-preview__item-content">
             <span>{{ .PublishDate.Format "January 2, 2006" }}</span>
             <h4 class="mb-0">
               <a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
@@ -39,7 +39,7 @@
     </div>
     <div class="row">
       <div class="col-lg-12">
-        <div class="blog__header_button mobile">
+        <div class="blog-preview__header_button mobile">
           <a class="btn btn-outline-secondary btn-zoom" href="{{ .buttonTarget | absURL }}">See all post</a>
         </div>
       </div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 0f39c04..e7f3431 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -77,7 +77,8 @@
                     <ul class="unstyle-list">
                         {{ $social := .Site.Params.social }}
                         {{ range $social }}
-                        <li><a target="_blank" href="{{ .url }}"><i class="fa {{ .icon }}"></i></a>
+                        <li class="d-inline-block mx-2"><a class="text-light" target="_blank" href="{{ .url }}"><i
+                                    class="fa {{ .icon }}"></i></a>
                         </li>
                         {{ end }}
                     </ul>
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
index 5893e21..30823f7 100644
--- a/layouts/partials/pagination.html
+++ b/layouts/partials/pagination.html
@@ -1,33 +1,34 @@
 {{ $pag := $.Paginator }}
 {{ if gt $pag.TotalPages 1 }}
-    <div class="blog__pagination">
-        <div class="pagination">
-            {{ range $pag.Pagers }}
-                {{ if eq . $pag }}
-                    <li class="active">
-                      <a href="{{ .URL }}">{{ .PageNumber }}</a>
-                    </li>
-                {{ else }}
-                    <li>
-                      <a href="{{ .URL }}">{{ .PageNumber }}</a>
-                    </li>
-                {{ end }}
-            {{ end }}
+<div class="blog-page__pagination">
+  <div class="pagination">
+    {{ range $pag.Pagers }}
+    {{ if eq . $pag }}
+    <li class="active">
+      <a href="{{ .URL }}">{{ .PageNumber }}</a>
+    </li>
+    {{ else }}
+    <li>
+      <a href="{{ .URL }}">{{ .PageNumber }}</a>
+    </li>
+    {{ end }}
+    {{ end }}
 
-            {{ if $pag.HasNext }}
-            <li class="page-item">
-              <a href="{{ $pag.Next.URL }}" rel="next" class="page-link">
-                <svg xmlns="http://www.w3.org/2000/svg" width="20.657" height="11.314" viewBox="0 0 20.657 11.314">
-                  <g fill="#fff" data-name="Group 12">
-                    <path d="M0 4.657h18v2H0z" data-name="Rectangle 2400"/>
-                    <path d="M13.586 9.9l5.6568542-5.6568542 1.4142136 1.4142135-5.6568542 5.6568543z" data-name="Rectangle 2401"/>
-                    <path d="M15 0l5.6568542 5.6568542-1.4142135 1.4142136-5.6568543-5.6568542z" data-name="Rectangle 2402"/>
-                  </g>
-                </svg>
-              </a>
-            </li>
-            {{ end }}
-        </div>
-    <!-- </nav> -->
-    </div>
+    {{ if $pag.HasNext }}
+    <li class="page-item">
+      <a href="{{ $pag.Next.URL }}" rel="next" class="page-link">
+        <svg xmlns="http://www.w3.org/2000/svg" width="20.657" height="11.314" viewBox="0 0 20.657 11.314">
+          <g fill="#fff" data-name="Group 12">
+            <path d="M0 4.657h18v2H0z" data-name="Rectangle 2400" />
+            <path d="M13.586 9.9l5.6568542-5.6568542 1.4142136 1.4142135-5.6568542 5.6568543z"
+              data-name="Rectangle 2401" />
+            <path d="M15 0l5.6568542 5.6568542-1.4142135 1.4142136-5.6568543-5.6568542z" data-name="Rectangle 2402" />
+          </g>
+        </svg>
+      </a>
+    </li>
+    {{ end }}
+  </div>
+  <!-- </nav> -->
+</div>
 {{ end }}
\ No newline at end of file