Merge pull request #140 from Lednerb/development

Version 1.13.0

CHANGELOG.md

@@ -6,6 +6,15 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [1.13.0] - 2018-10-13
+### Added
+- Functionality to automatically resize and crop images.
+
+### Fixed
+- A bug where the `customImage` is not displayed on multi-language sites. #137
+- Style for the gallery slider controls so they are visible on white backgrounds. #138
+
+
 ## [1.12.0] - 2018-10-08
 ### Fixed
 - Bug #128 that prevent to build the site.
@@ -179,7 +188,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - Some typos
 
 
-[Unreleased]: https://github.com/Lednerb/bilberry-hugo-theme/compare/1.12.0...master
+[Unreleased]: https://github.com/Lednerb/bilberry-hugo-theme/compare/1.13.0...development
+[1.13.0]: https://github.com/Lednerb/bilberry-hugo-theme/compare/1.12.0...1.13.0
 [1.12.0]: https://github.com/Lednerb/bilberry-hugo-theme/compare/1.11.1...1.12.0
 [1.11.1]: https://github.com/Lednerb/bilberry-hugo-theme/compare/1.11.0...1.11.1
 [1.11.0]: https://github.com/Lednerb/bilberry-hugo-theme/compare/1.10.0...1.11.0

README.md

@@ -27,6 +27,7 @@ If you like this theme and/or use it for commercial purposes, please support me!
     - [Manual Summary Breaks](#manual-summary-breaks)
     - [Disqus Comments](#disqus-comments)
     - [Responsive Design](#responsive-design)
+    - [Automatic Image Resizing](#automatic-image-resizing)
     - [Permanent Top Navigation](#permanent-top-navigation)
     - [MathJAX Markup](#mathjax-markup)
 - [External Images](#external-images)
@@ -174,6 +175,12 @@ You can manage and moderate the comments either on your website or at the disqus
 ### Responsive Design
 Bilberry is optimized for desktop and mobile devices (tablets and smartphones).
 
+### Automatic Image Resizing
+The bilberry theme handles image crops and resizes automatically by default.
+However, if you want to disable this functionality in general, you can set `resizeImages: false` in your `config.toml` file.
+
+If you want to disable this functionality just on some posts, you can set `resizeImages: false` in your post's settings.
+
 ### Permanent Top Navigation
 If you want to permanently display the top navigation with the algolia search bar and the `page` entries, you can set the `permanentTopNav` option to `true` in your site's config file.
 

assets/sass/_articles.scss

@@ -245,6 +245,7 @@ article {
 
                 &:before {
                     color: rgba(255, 255, 255, 0.9);
+                    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
                 }
             }
         }

exampleSite/config.toml

@@ -48,6 +48,9 @@ disqusShortname = "bilberry-hugo-theme"
     # set the width of your site's content
     siteWidth = "800px"
 
+    # let hugo automatically resize and crop your images to the correct sizes
+    resizeImages = true
+
   # Header configuration
     # your subtitle if you want to use any
     subtitle = "Hello World! This is the most epic subtitle ever."

exampleSite/content/article/support-and-discussions/index.de.md

@@ -5,6 +5,8 @@ date: 2017-11-01T18:10:14+01:00
 tags: ['Discord', 'Support', 'Sag Danke!']
 author: "Lednerb"
 noSummary: true
+
+resizeImages: false
 ---
 Hallo zusammen!
 

exampleSite/content/article/support-and-discussions/index.md

@@ -5,6 +5,8 @@ date: 2017-11-01T18:10:14+01:00
 tags: ['Discord', 'Support', 'Say Thanks!']
 author: "Lednerb"
 noSummary: true
+
+resizeImages: false
 ---
 Hey there!
 

layouts/partials/content-type/gallery.html

@@ -3,7 +3,6 @@
 </a>
 
 <article class="gallery">
-
     {{ if and (isset .Params "gallery") (ne .Params.gallery "") }}
         <div class="flexslider">
             <ul class="slides">
@@ -15,8 +14,14 @@
     {{ else if ne .Params.imageSlider false }}
         <div class="flexslider">
             <ul class="slides">
-            {{ range .Resources.ByType "image" }}
-                <li><img src="{{ .RelPermalink }}" /></li>
+            {{ if and (.Site.Params.resizeImages | default true) (.Params.resizeImages | default true) }}
+                {{ range .Resources.ByType "image" }}
+                    <li><img src="{{ (.Fill "700x350 q95").RelPermalink }}" /></li>
+                {{ end }}
+            {{ else }}
+                {{ range .Resources.ByType "image" }}
+                    <li><img src="{{ .RelPermalink }}" /></li>
+                {{ end }}
             {{ end }}
             </ul>
         </div>

layouts/partials/featured-image.html

@@ -1,7 +1,11 @@
 {{ if .Resources.GetMatch "featuredImage.*" }}
     <div class="featured-image">
         <a href="{{ .URL }}">
-            <img src="{{ (.Resources.GetMatch "featuredImage.*").RelPermalink }}" alt="">
+            {{ if and (.Site.Params.resizeImages | default true) (.Params.resizeImages | default true) }}
+                <img src="{{ ((.Resources.GetMatch "featuredImage.*").Fill "700x350 q95").RelPermalink }}" alt="">
+            {{ else }}
+                <img src="{{ (.Resources.GetMatch "featuredImage.*").RelPermalink }}" alt="">
+            {{ end }}
         </a>
     </div>
 {{ else if and (isset .Params "featuredimage") (ne .Params.featuredImage "") }}

layouts/partials/header.html

@@ -3,7 +3,7 @@
         <div class="logo">
             <a href="{{ .Site.BaseURL | relLangURL }}" class="logo">
                 {{ if and (isset .Site.Params "customimage") (ne .Site.Params.customImage "") }}
-                    <img src="{{ .Site.Params.customImage | relLangURL }}" alt="">
+                    <img src="{{ .Site.Params.customImage | relURL }}" alt="">
                 {{ else }}
                     <img src="https://www.gravatar.com/avatar/{{ md5 .Site.Params.gravatarEMail }}?d=mm&size=200" alt="">
                 {{ end }}