Add social icons

This commit is contained in:
Luiz de Prá 2018-08-22 08:36:14 -03:00
parent 8e7b5dd41a
commit 333e6358c8
9 changed files with 35 additions and 10 deletions

View File

@ -59,16 +59,19 @@ disqusShortname = "yourdiscussshortname" # Enable or disable Disqus.
# Social links # Social links
[[params.social]] [[params.social]]
name = "Github" name = "Github"
icon = "fab fa-github fa-2x"
weight = 1 weight = 1
url = "https://github.com/johndoe/" url = "https://github.com/johndoe/"
[[params.social]] [[params.social]]
name = "Twitter" name = "Gitlab"
icon = "fab fa-gitlab fa-2x"
weight = 2 weight = 2
url = "https://twitter.com/johndoe/" url = "https://gitlab.com/johndoe/"
[[params.social]] [[params.social]]
name = "LinkedIn" name = "Twitter"
icon = "fab fa-twitter fa-2x"
weight = 3 weight = 3
url = "https://www.linkedin.com/in/johndoe/" url = "https://twitter.com/johndoe/"
# Menu links # Menu links
[[menu.main]] [[menu.main]]

View File

@ -94,6 +94,9 @@
@media only screen and (max-device-width : 768px) { @media only screen and (max-device-width : 768px) {
font-size: 1.4rem; font-size: 1.4rem;
} }
i {
font-weight: 400;
}
} }
} }
} }

View File

@ -57,6 +57,7 @@
@media only screen and (max-device-width : 768px) { @media only screen and (max-device-width : 768px) {
display: block; display: block;
font-size: 2.4rem; font-size: 2.4rem;
font-weight: 400;
line-height: 6.0rem; line-height: 6.0rem;
color: $fg-color; color: $fg-color;
cursor: pointer; cursor: pointer;

View File

@ -30,16 +30,29 @@ disqusShortname = "yourdiscussshortname"
[[params.social]] [[params.social]]
name = "Github" name = "Github"
icon = "fab fa-github fa-2x"
weight = 1 weight = 1
url = "https://github.com/johndoe/" url = "https://github.com/johndoe/"
[[params.social]] [[params.social]]
name = "Twitter" name = "Gitlab"
icon = "fab fa-gitlab fa-2x"
weight = 2 weight = 2
url = "https://gitlab.com/johndoe/"
[[params.social]]
name = "Twitter"
icon = "fab fa-twitter fa-2x"
weight = 3
url = "https://twitter.com/johndoe/" url = "https://twitter.com/johndoe/"
[[params.social]] [[params.social]]
name = "LinkedIn" name = "LinkedIn"
weight = 3 icon = "fab fa-linkedin fa-2x"
weight = 4
url = "https://www.linkedin.com/in/johndoe/" url = "https://www.linkedin.com/in/johndoe/"
[[params.social]]
name = "Medium"
icon = "fab fa-medium fa-2x"
weight = 5
url = "https://medium.com/@johndoe"
[[menu.main]] [[menu.main]]
name = "Blog" name = "Blog"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 34 KiB

View File

@ -14,8 +14,9 @@
<link rel="canonical" href="{{ .Permalink }}"> <link rel="canonical" href="{{ .Permalink }}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Mono:400,700"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Mono:400,700">
<link rel="stylesheet" href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css" integrity="sha256-oSrCnRYXvHG31SBifqP2PM1uje7SJUyX0nTwO2RJV54=" crossorigin="anonymous" />
{{ if .Site.IsServer }} {{ if .Site.IsServer }}
{{ $cssOpts := (dict "targetPath" "css/coder.css" "enableSourceMap" true ) }} {{ $cssOpts := (dict "targetPath" "css/coder.css" "enableSourceMap" true ) }}

View File

@ -4,7 +4,7 @@
{{ .Site.Title }} {{ .Site.Title }}
</a> </a>
<input type="checkbox" id="menu-toggle" /> <input type="checkbox" id="menu-toggle" />
<label class="menu-button float-right" for="menu-toggle">&#9776;</label> <label class="menu-button float-right" for="menu-toggle"><i class="fas fa-bars"></i></label>
<ul class="navigation-list"> <ul class="navigation-list">
{{ with .Site.Menus.main}} {{ with .Site.Menus.main}}
{{ range sort . }} {{ range sort . }}

View File

@ -8,7 +8,11 @@
{{ with .Site.Params.social }} {{ with .Site.Params.social }}
<ul> <ul>
{{ range sort .}} {{ range sort .}}
<li><a href="{{ .url }}">{{ .name }}</a></li> {{ if .icon }}
<li><a href="{{ .url }}"><i class="{{ .icon }}"></i></a></li>
{{ else }}
<li><a href="{{ .url }}">{{ .name }}</a></li>
{{ end }}
{{ end }} {{ end }}
</ul> </ul>
{{ end }} {{ end }}