all repos — website @ 3da30c488ab3158547512a8abee22584acf0e1ca

personal website hosted at prithu.xyz, built using hugo 

add a footer
Prithu Goswami prithugoswami524@gmail.com
Thu, 14 May 2020 13:14:59 +0530
commit

3da30c488ab3158547512a8abee22584acf0e1ca

parent

032aa335538d66581c787459a786b84aec05b4a3

10 files changed, 36 insertions(+), 5 deletions(-)

jump to
M hugo-site/layouts/401.html → hugo-site/layouts/401.html 
@@ -15,7 +15,7 @@ <h1 class="error">401</h1>
       <h2 class="sub-head">Unauthorized</h2>
     </div>
   </section>
-
+  {{ partial "footer.html" . }}
 </body>
 
 </html>
M hugo-site/layouts/403.html → hugo-site/layouts/403.html 
@@ -15,7 +15,7 @@ <h1 class="error">403</h1>
       <h2 class="sub-head">Forbidden</h2>
     </div>
   </section>
-
+  {{ partial "footer.html" . }}
 </body>
 
 </html>
M hugo-site/layouts/404.html → hugo-site/layouts/404.html 
@@ -8,7 +8,7 @@ <h1 class="error">404</h1>
       <h2 class="sub-head">Not Found<span class="joke">just like my purpose in life...</span></h2>
     </div>
   </section>
-
+  {{ partial "footer.html" . }}
 </body>
 
 </html>
M hugo-site/layouts/index.html → hugo-site/layouts/index.html 
@@ -130,5 +130,6 @@ <a href="/posts/"><div class=btn id=writeup-cta>View All</div></a>
       </div>
     </div>
   </section>
+  {{ partial "footer.html" . }}
 </body>
 </html>
A hugo-site/layouts/partials/footer.html 
@@ -0,0 +1,10 @@ 
+<footer>
+  <p>
+  &copy; Prithu Goswami 2020 &bull;
+  <a href="mailto:prithugoswami524@gmail.com">Email me</a> &bull;
+  <a href="https://github.com/prithugoswami/personal-website">
+    View Source
+  </a>
+  </p>
+</footer>
+
M hugo-site/layouts/partials/head.html → hugo-site/layouts/partials/head.html 
@@ -20,7 +20,7 @@ <meta name="author" content="Prithu Goswami">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Noto+Serif:400" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/css?family=Inter:900" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Inter:200,400,900" rel="stylesheet">
   <link rel="stylesheet" href="/css/main.css">
   <link rel="stylesheet" href="/css/blog.css">
   <link rel="icon" type="img/png" href="/img/favicon.png">
M hugo-site/layouts/posts/list.html → hugo-site/layouts/posts/list.html 
@@ -14,5 +14,6 @@ {{ end }}
       </div>
     </div>
   </div>
+  {{ partial "footer.html" . }}
 </body>
 </html>
M hugo-site/layouts/posts/single.html → hugo-site/layouts/posts/single.html 
@@ -15,5 +15,6 @@ {{ .Content }}
       </div>
     </div>
   </div>
+  {{ partial "footer.html" . }}
 </body>
 </html>
M hugo-site/static/css/blog.css → hugo-site/static/css/blog.css 
@@ -3,11 +3,11 @@ margin-top: 2rem;
     display: flex;
     flex-flow: row;
     width: 100%;
+    min-height: calc(100vh - 7rem - 7rem); /* 7rem footer + 7 rem nav + margin */
     justify-content: center;
 }
 
 .blog-menu{
-    /* background-color: pink; */
     border-right: 1px solid #BCBCBC; 
     margin-left: 30px;
     min-width: 170px;
M hugo-site/static/css/main.css → hugo-site/static/css/main.css 
@@ -44,6 +44,7 @@ .nav-group > *:not(:first-child) {
     margin-left: 4rem;
 }
 
+
 #pg {
     height: 20px ;
     opacity:0.7;

@@ -59,6 +60,23 @@ text-decoration: none;
     text-transform: uppercase;
     font-weight: 700;
     color: black;
+}
+
+footer {
+    height: 7rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+footer p{
+    font-family: Inter;
+    font-size: 14px;
+    color: rgba(0,0,0,0.7);
+}
+
+footer p a{
+    color: inherit;
 }
 
 @media only screen and (max-width: 767px){