Merge branch 'master' of gitlab.com:gabmus/hugo-ficurinia

README.md

@@ -259,6 +259,7 @@ Every post can have various parameters in the frontmatter, here are some that yo
 - `description`: a brief description of the post, useful for SEO optimization
 - `tags`: an array of tags, useful for searching similar articles
 - `image`: a link to a feature image for the article, shown in the preview as well
+- `alt`: alternative text to be shown if image is not available or fails to download
 - `imageCaption`: a markdown text rendered as a caption for the article image described above
 - `featured`: boolean, indicate if the post should be shown as featured
 - `comments`: boolean, if true it enables comments for the current post, if false it disables them (default is true)
@@ -295,6 +296,7 @@ Finally, make sure to edit your config.toml to include the following:
 # ...
 [params]
     logo = "/logo.svg"
+    logoAltText = "Logo"
     favicon = "/favicon.png"
     faviconIco = "/favicon.ico"
     appletouch = "/apple-touch-icon.png"

assets/scss/style.scss

@@ -960,8 +960,8 @@ header.jumbotronContainer {
     }}
         background:
             linear-gradient(
-                transparentize(var(--default_bg), 0.2),
-                transparentize(var(--default_bg), 0.2)
+                transparentize($dark_bg, 0.2),
+                transparentize($dark_bg, 0.2)
             ),
             url({{ .Site.Data.jumbotron.background }});
         background-size: cover;

layouts/partials/header.html

@@ -4,7 +4,7 @@
         <div id="titleContainer">
             {{ if not (.Site.Params.logoRightOfTitle | default false) }}
                 <a class="unstyledLink" href="/">
-                    <img src='{{ .Site.Params.Logo | default "/logo.svg" }}' />
+                    <img src='{{ .Site.Params.Logo | default "/logo.svg" }}' alt='{{ .Site.Params.LogoAltText | default "Logo" }}'/>
                 </a>
             {{ end }}
             <div class="rightOfLogo">
@@ -12,7 +12,7 @@
                     <h1>
                         <a class="unstyledLink" href="/">{{ .Site.Title | default "Ficurinia" }}</a>
                         {{ if .Site.Params.logoRightOfTitle | default false }}
-                            <img src='{{ .Site.Params.Logo | default "/logo.svg" }}' />
+                            <img src='{{ .Site.Params.Logo | default "/logo.svg" }}' alt='{{ .Site.Params.LogoAltText | default "Logo" }}'/>
                         {{ end }}
                     </h1>
                     {{ if (.Site.Params.mobileHamburgerNav | default false) }}

layouts/partials/single_post.html

@@ -15,9 +15,9 @@
     {{ if .Params.Image }}
         <figure style="margin: 0">
             {{ if or (hasPrefix .Params.Image "/") (hasPrefix .Params.Image "http://") (hasPrefix .Params.Image "https://") }}
-                <img src="{{ .Params.Image }}" />
+                <img src="{{ .Params.Image }}" alt="{{ .Params.Alt }}" />
             {{ else }}
-                <img src="/{{ path.Join .File.Dir .Params.Image }}" />
+                <img src="/{{ path.Join .File.Dir .Params.Image }}" alt="{{ .Params.Alt }}" />
             {{ end }}
             {{ if .Params.ImageCaption }}
                 <figcaption>