From 333e6358c824432b0c6e9307cf16fbf412ec77f2 Mon Sep 17 00:00:00 2001
From: Luiz de Prá <rawarkanis@gmail.com>
Date: Wed, 22 Aug 2018 11:54:56 +0000
Subject: [PATCH] Add social icons
---
exampleSite/config.toml | 17 +++++++++++++++--
layouts/_default/baseof.html | 5 +++--
images/tn.png | 0
layouts/partials/header.html | 2 +-
layouts/partials/home.html | 6 +++++-
images/screenshot.png | 0
assets/scss/_navigation.scss | 1 +
assets/scss/_content.scss | 3 +++
README.md | 11 +++++++----
9 files changed, 35 insertions(+), 10 deletions(-)
diff --git a/README.md b/README.md
index 2917c2c..8d94ad7 100644
--- a/README.md
+++ b/README.md
@@ -59,16 +59,19 @@
# Social links
[[params.social]]
name = "Github"
+ icon = "fab fa-github fa-2x"
weight = 1
url = "https://github.com/johndoe/"
[[params.social]]
- name = "Twitter"
+ name = "Gitlab"
+ icon = "fab fa-gitlab fa-2x"
weight = 2
- url = "https://twitter.com/johndoe/"
+ url = "https://gitlab.com/johndoe/"
[[params.social]]
- name = "LinkedIn"
+ name = "Twitter"
+ icon = "fab fa-twitter fa-2x"
weight = 3
- url = "https://www.linkedin.com/in/johndoe/"
+ url = "https://twitter.com/johndoe/"
# Menu links
[[menu.main]]
diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss
index cc014ba..17c1d9b 100644
--- a/assets/scss/_content.scss
+++ b/assets/scss/_content.scss
@@ -94,6 +94,9 @@
@media only screen and (max-device-width : 768px) {
font-size: 1.4rem;
}
+ i {
+ font-weight: 400;
+ }
}
}
}
diff --git a/assets/scss/_navigation.scss b/assets/scss/_navigation.scss
index add1b09..065cdeb 100644
--- a/assets/scss/_navigation.scss
+++ b/assets/scss/_navigation.scss
@@ -57,6 +57,7 @@
@media only screen and (max-device-width : 768px) {
display: block;
font-size: 2.4rem;
+ font-weight: 400;
line-height: 6.0rem;
color: $fg-color;
cursor: pointer;
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 3a518c7..cf16b75 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -30,16 +30,29 @@
[[params.social]]
name = "Github"
+ icon = "fab fa-github fa-2x"
weight = 1
url = "https://github.com/johndoe/"
[[params.social]]
- name = "Twitter"
+ name = "Gitlab"
+ icon = "fab fa-gitlab fa-2x"
weight = 2
+ url = "https://gitlab.com/johndoe/"
+[[params.social]]
+ name = "Twitter"
+ icon = "fab fa-twitter fa-2x"
+ weight = 3
url = "https://twitter.com/johndoe/"
[[params.social]]
name = "LinkedIn"
- weight = 3
+ icon = "fab fa-linkedin fa-2x"
+ weight = 4
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]]
name = "Blog"
diff --git a/images/screenshot.png b/images/screenshot.png
index f2552c5..63682a3 100644
--- a/images/screenshot.png
+++ b/images/screenshot.png
Binary files differ
diff --git a/images/tn.png b/images/tn.png
index d32e140..d31f3fd 100644
--- a/images/tn.png
+++ b/images/tn.png
Binary files differ
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 98bb080..32674d6 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -14,8 +14,9 @@
<link rel="canonical" href="{{ .Permalink }}">
- <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://fonts.googleapis.com/css?family=Fira+Mono:400,700">
+ <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 }}
{{ $cssOpts := (dict "targetPath" "css/coder.css" "enableSourceMap" true ) }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 7317808..5c1a88c 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -4,7 +4,7 @@
{{ .Site.Title }}
</a>
<input type="checkbox" id="menu-toggle" />
- <label class="menu-button float-right" for="menu-toggle">☰</label>
+ <label class="menu-button float-right" for="menu-toggle"><i class="fas fa-bars"></i></label>
<ul class="navigation-list">
{{ with .Site.Menus.main}}
{{ range sort . }}
diff --git a/layouts/partials/home.html b/layouts/partials/home.html
index 0e5d043..9df0e00 100644
--- a/layouts/partials/home.html
+++ b/layouts/partials/home.html
@@ -8,7 +8,11 @@
{{ with .Site.Params.social }}
<ul>
{{ 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 }}
</ul>
{{ end }}
--
Gitblit v1.10.0