Add home link with the logo

This commit is contained in:
foo-dogsquared 2018-12-24 17:40:38 +08:00
parent 918f7ad9b3
commit ab6a876f6d
5 changed files with 23 additions and 6 deletions

View File

@ -45,6 +45,7 @@ plugins:
- jekyll-redirect-from - jekyll-redirect-from
pinpost: ["A Freebie's Resource List (Mostly Related to Programming)"] pinpost: ["A Freebie's Resource List (Mostly Related to Programming)"]
home_link: https://foo-dogsquared.github.io
google_analytics: UA-126718538-1 google_analytics: UA-126718538-1

View File

@ -1,5 +1,6 @@
--- ---
layout: default layout: default
list_title: "Poop"
--- ---
<div class="home"> <div class="home">
@ -17,7 +18,7 @@ layout: default
{%- endif -%} {%- endif -%}
{%- if site.posts.size > 0 -%} {%- if site.posts.size > 0 -%}
<h2 class="post-list-heading">{{ page.list_title | default: "Posts" }}</h2> <h2 class="post-list-heading">{{ page.list_title | default: "My Notes" }}</h2>
<!-- Pagination links --> <!-- Pagination links -->
{%- for post in paginator.posts -%} {%- for post in paginator.posts -%}

View File

@ -57,6 +57,9 @@ layout: default
{%- include disqus_comments.html -%} {%- include disqus_comments.html -%}
{%- endif -%} {%- endif -%}
<a href="{{ site.home_link }}" class="home-link-logo">
<img src="{{ 'assets/main/personal-logo.svg' | relative_url }}">
</a>
{%- include addl-post-fns.html -%} {%- include addl-post-fns.html -%}
{%- include libraries.html -%} {%- include libraries.html -%}
</article> </article>

View File

@ -152,3 +152,14 @@
height: 1.5em; height: 1.5em;
padding: 0 .2em; padding: 0 .2em;
} }
.home-link-logo {
display: block;
margin: 0 auto;
width: 100px;
transition: .3s;
opacity: .5;
margin-top: 2em;
&:hover {opacity: 1;}
}

View File

@ -1,15 +1,16 @@
--- ---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
layout: home layout: home
--- ---
<a href="{{ site.home_link }}">
<img src="{{ 'assets/main/personal-logo.svg' | relative_url }}" style="display: block; margin: 0 auto; width: 100px;">
</a>
<p> <p>
Hello there, visitor! Who am I you ask? I'm just a student learning a bunch of tech-related stuff. Hello there, visitor! Who am I you ask? I'm just a student learning a bunch of tech-related stuff.
Hopefully you'll find some of my posts useful (HINT: the (Re)Sources section and my resource lists). Hopefully you'll find some of my posts useful (HINT: the (Re)Sources section and my resource lists).
</p> </p>
<p> <p>
Oh, I should also remind you like in any other parts of the internet, take my posts with a grain of Oh, I should also remind you like in any other parts of the internet, take my posts with a tablespoon of
salt. salt.
</p> </p>