Add Facebook link to the header

Fixes #776
This commit is contained in:
Sodbileg Gansukh 2021-03-18 14:30:38 +08:00
parent b16671d8a7
commit 3fa7f25147
4 changed files with 15 additions and 2 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -274,6 +274,11 @@ production stylesheet in assets/built/screen.css
.gh-social a { .gh-social a {
opacity: 0.8 opacity: 0.8
} }
.gh-social a + a {
margin-left: 0.8rem;
}
.gh-social a:hover { .gh-social a:hover {
opacity: 1; opacity: 1;
} }
@ -284,6 +289,11 @@ production stylesheet in assets/built/screen.css
fill: #fff; fill: #fff;
} }
.gh-social-facebook svg {
height: 20px;
width: 20px;
}
a.gh-head-button { a.gh-head-button {
display: block; display: block;
padding: 8px 15px; padding: 8px 15px;

View File

@ -43,6 +43,9 @@
</div> </div>
<div class="gh-head-actions"> <div class="gh-head-actions">
<div class="gh-social"> <div class="gh-social">
{{#if @site.facebook}}
<a class="gh-social-facebook" href="{{facebook_url @site.facebook}}" title="Facebook" target="_blank" rel="noopener">{{> "icons/facebook"}}</a>
{{/if}}
{{#if @site.twitter}} {{#if @site.twitter}}
<a class="gh-social-twitter" href="{{twitter_url @site.twitter}}" title="Twitter" target="_blank" rel="noopener">{{> "icons/twitter"}}</a> <a class="gh-social-twitter" href="{{twitter_url @site.twitter}}" title="Twitter" target="_blank" rel="noopener">{{> "icons/twitter"}}</a>
{{/if}} {{/if}}