diff options
-rw-r--r-- | exampleSite/config.toml | 16 | ||||
-rw-r--r-- | layouts/partials/footer.html | 2 | ||||
-rw-r--r-- | layouts/partials/header.html | 19 | ||||
-rw-r--r-- | layouts/partials/sharethis.html | 4 | ||||
-rw-r--r-- | static/css/styles.css | 4 |
5 files changed, 23 insertions, 22 deletions
diff --git a/exampleSite/config.toml b/exampleSite/config.toml index ab70c0c..ab91d86 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -49,56 +49,56 @@ publishDir = "docs" [[params.social]] title = "facebook" url = "https://www.facebook.com/nickname" - icon = "fa-facebook-square" + icon = "fab fa-facebook-square" footer = true sharethis = true network = "facebook" [[params.social]] title = "twitter" url = "https://twitter.com/nickname" - icon = "fa-twitter-square" + icon = "fab fa-twitter-square" footer = true sharethis = true network = "twitter" [[params.social]] title = "instagram" url = "https://www.instagram.com/nickname" - icon = "fa-instagram" + icon = "fab fa-instagram" footer = true sharethis = false network = "" [[params.social]] title = "google+" url = "https://plus.google.com/+nickname" - icon = "fa-google-plus-square" + icon = "fab fa-google-plus-square" footer = false sharethis = true network = "googleplus" [[params.social]] title = "linkedin" url = "https://www.linkedin.com/in/nickname" - icon = "fa-linkedin-square" + icon = "fab fa-linkedin" footer = false sharethis = true network = "linkedin" [[params.social]] title = "tumblr" url = "https://nickname.tumblr.com" - icon = "fa-tumblr-square" + icon = "fab fa-tumblr-square" footer = false sharethis = false network = "tumblr" [[params.social]] title = "github" url = "https://github.com/nickname" - icon = "fa-github" + icon = "fab fa-github" footer = true sharethis = false network = "" [[params.social]] title = "email" url = "mailto:some.email@somewhere.com" - icon = "fa-envelope" + icon = "fas fa-envelope-square" footer = false sharethis = true network = "email" diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 7d56f39..987f728 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -21,7 +21,7 @@ <p class="follow-me-icons"> {{ range .Site.Params.social }} {{ if .footer }} - <a href="{{ .url }}" target="_blank"><i class="fa {{ .icon }} fa-2"></i></a> + <a href="{{ .url }}" target="_blank"><i class="{{ .icon }} fa-1x"></i></a> {{ end }} {{ end }} </p> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 11fd88b..5f3b337 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -13,7 +13,7 @@ <!-- Bootstrap --> <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css" rel="stylesheet"> <!-- Icons --> - <link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> + <script defer src="https://use.fontawesome.com/releases/v5.0.11/js/all.js" integrity="sha384-ImVoB8Er8knetgQakxuBS4G3RSkyD8IZVVQCAnmRJrDwqJFYUE4YOv+DbIofcO9C" crossorigin="anonymous"></script> <!-- Fonts --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alice|Open+Sans:400,300,700"> <!-- Custom styles --> @@ -30,14 +30,15 @@ <header id="header"> <div id="head" class="parallax" parallax-speed="2"> - <h1 id="logo" class="text-center"> - <img class="img-circle" src="{{ .Site.BaseURL }}{{ .Site.Params.avatar }}" alt=""> - <span class="title">{{ .Site.Params.name }}</span> - <span class="tagline">{{ .Site.Params.description }}<br> - <a href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email }}</a> - </span> - </h1> - </div> + <div class="banner" style="background-image:url({{ .Site.BaseURL }}{{ .Site.Params.banner }});" > + <h1 id="logo" class="text-center"> + <img class="img-circle" src="{{ .Site.BaseURL }}{{ .Site.Params.avatar }}" alt=""> + <span class="title">{{ .Site.Params.name }}</span> + <span class="tagline">{{ .Site.Params.description }}<br> + <a href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email }}</a> + </span> + </h1> + </div> {{ partial "menu.html" . }} diff --git a/layouts/partials/sharethis.html b/layouts/partials/sharethis.html index efceca3..ec15b64 100644 --- a/layouts/partials/sharethis.html +++ b/layouts/partials/sharethis.html @@ -3,10 +3,10 @@ {{ if .Site.Params.sharethis.custom }} {{ range .Site.Params.social }} {{ if .sharethis }} - <div data-network="{{ .network }}" data-title="{{ .Title }} >> " class="st-custom-button"> <i class="fa {{ .icon }} fa-2x"></i> </div> + <div data-network="{{ .network }}" data-title="{{ .Title }} >> " class="st-custom-button"> <i class="{{ .icon }} fa-2x"></i> </div> {{ end }} {{ end }} - <div data-network="sharethis" data-title="{{ .Title }} >> " class="st-custom-button"> <i class="fa fa-share-alt-square fa-2x"></i> </div> + <div data-network="sharethis" data-title="{{ .Title }} >> " class="st-custom-button"> <i class="fas fa-share-alt-square fa-2x"></i> </div> {{ else }} <div class="sharethis-inline-share-buttons"></div> <br> diff --git a/static/css/styles.css b/static/css/styles.css index 04fd4de..ab3dbf6 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -220,8 +220,8 @@ a:hover { **********************************************************************/
-#head {
- background: #f4f4f4 url(../images/bg_head.jpg) top center;
+#head .banner {
+ background-position: top center;
background-size: cover;
color: #7C7C7C;
padding: 30px 0 35px 0;
|