Internationalize contact page, update README, and add SECURITY

plus fix markup render hook file name to adhere to gohugo docs

.github/SECURITY.md

@@ -0,0 +1,8 @@
+# Security
+
+## Reporting security vulnerabilities
+
+If you've found a security vulnerability in Hugo Invi, please do not create an
+issue on the GitHub issue tracker as it will be visible publicly.
+
+Instead, send an email to <support [at] cubiest [dot] org> and prefix the subject with "hugo-invi security: ".

CHANGELOG.md

@@ -5,7 +5,27 @@ All notable changes to this project (since its fork) are documented in this file
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 
-## [2.0] - 2022-12-xx
+## [2.x] - 2023-xx-xx
+
+### Added
+
+
+### Changed
+
+
+### Deprecated
+
+
+### Removed
+
+
+### Fixed
+
+
+### Security
+
+
+## [2.0] - 2023-01-20
 
 ### Added
 
@@ -33,9 +53,6 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 * Property names are called "name" instead of "title", if they represent e.g. menu options in the navbar exactly that; and not "link", which is the element
 
 
-### Deprecated
-
-
 ### Removed
 
 * Site param `include_footer` from front matter; show footer at all times.
@@ -58,7 +75,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 ### Added
 
 * Support for copyright notice
-* "_markup/renderer-link": adds *noopener* and *nofollow* relation to markdown links in `content/`, if external link (i.e. URL begins with "http")
+* "_markup/render-link": adds *noopener* and *nofollow* relation to markdown links in `content/`, if external link (i.e. URL begins with "http")
 * Allow configuring Feature Card height
 
 

README.md

@@ -1,3 +1,53 @@
 # Hugo Invi - The Fresh theme for Hugo
 
-**Hugo Invi** is a theme for the [Hugo](https://gohugo.io) static site generator based on [hugo-fresh](https://github.com/StefMa/hugo-fresh), which is based on `Fresh` by [CSS Ninja](https://cssninja.io/product/fresh).
+**Hugo Invi** is a multi-page website theme for the [Hugo](https://gohugo.io) static site generator, based on [hugo-fresh](https://github.com/StefMa/hugo-fresh) but heavily modified. hugo-fresh itself is adapted from [CSS Ninja](https://cssninja.io/product/fresh)'s `Fresh`, a bulma-based landing page.
+
+## Functionality
+
+Hugo Invi supports the following features…
+
+Technical
+* Internationalization
+  * incl. an option in the Navigation Bar to change the site language
+* Meta Data for SEO; supports
+  * OpenGraph
+  * Twitter
+  * Schema
+    * Organization
+* Color Palette
+* various Shortcodes and Markdown Render Hooks
+
+Visual
+* Navigation Bar
+* Sidebar
+* Image Gallery
+* Embedding YouTube videos
+  * incl. thumbnail with warning as video replacement: user has to accept YouTube cookies first (decision is saved as a cookie)
+* Feature / Product cards
+  * varying height or aligned height
+* Short list of main features (large font size)
+* Quote Cards
+* Cookie Notification
+
+## Usage
+
+### Content Shortcodes
+
+[Hugo Docs](https://gohugo.io/content-management/shortcodes/)
+
+Title and Subtitle
+```css
+// id is optional
+{{< title id="delicious" lvl="3" text="Bacon" >}}
+
+// id is optional
+{{< subtitle id="delicious" lvl="3" text="Bacon" >}}
+```
+
+### Markdown Render Hooks
+
+[Hugo Docs](https://gohugo.io/templates/render-hooks/)
+
+supported
+* render link
+  * if the URL has the "http" prefix, it gains `target="_blank" rel="noopener, nofollow"`

exampleSite/config.yaml

@@ -36,6 +36,11 @@ languages:
     languageName: English
     languageCode: en-us
     # ------------------------------------------
+    # Contact Us
+    # ------------------------------------------
+    emailEnterName: "Enter your name"
+    emailEnterEMailAddress: "Enter your email address"
+    # ------------------------------------------
     # Video - accept 3rd party cookies
     # ------------------------------------------
     video:
@@ -175,6 +180,11 @@ languages:
     languageName: Deutsch
     languageCode: de-de
     # ------------------------------------------
+    # Contact Us
+    # ------------------------------------------
+    emailEnterName: "Trage deinen Namen ein"
+    emailEnterEMailAddress: "Trage deine E-Mail-Adresse ein"
+    # ------------------------------------------
     # Video - accept 3rd party cookies
     # ------------------------------------------
     video:

layouts/partials/contact-us.html

@@ -1,28 +1,32 @@
+{{- $cu       := $.Param "contact_us" }}
+{{- $title    := index $cu "title" }}
+{{- $subtitle := index $cu "subtitle" }}
+{{- $send     := index $cu "send" }}
 <section class="section is-medium">
   <div class="container">
     <div class="title-wrapper has-text-centered">
-      <h2 class="title is-2 is-spaced">Drop us a line or two </h2>
-      <h3 class="subtitle is-5 is-muted">We'd love to hear from you</h3>
+      <h2 class="title is-2 is-spaced">{{ $title }}</h2>
+      {{- with $subtitle }}
+      <h3 class="subtitle is-5 is-muted">{{ . }}</h3>
+      {{- end }}
       <div class="divider is-centered"></div>
     </div>
 
     <div class="content-wrapper">
       <div class="columns">
         <div class="column is-6 is-offset-3">
           <form>
-            <div class="columns is-multiline">
-              <div class="column is-6">
-                <input class="input is-medium" type="text" placeholder="Enter your name">
-              </div>
-              <div class="column is-6">
-                <input class="input is-medium" type="email" placeholder="Enter your email address">
-              </div>
-              <div class="column is-12">
-                <textarea class="textarea" rows="10" placeholder="Write someting..."></textarea>
-              </div>
-              <div class="form-footer has-text-centered mt-10">
-                <button class="button cta is-large primary-btn raised is-clear">Send Message</button>
-              </div>
+            <div class="column is-12">
+              <input class="input is-medium" type="text" placeholder="{{ .Site.Params.emailEnterName | default "Enter your name" }}">
+            </div>
+            <div class="column is-12">
+              <input class="input is-medium" type="email" placeholder="{{ .Site.Params.emailEnterEMailAddress | default "Enter your email address" }}">
+            </div>
+            <div class="column is-12">
+              <textarea class="textarea" rows="10"></textarea>
+            </div>
+            <div class="form-footer has-text-centered mt-10">
+              <button class="button cta is-large primary-btn raised is-clear">{{ $send }}</button>
             </div>
           </form>
         </div>

theme.toml

@@ -3,7 +3,7 @@ name = "Hugo Invi"
 version = "2.0"
 license = "MIT"
 licenselink = "https://github.com/cubiest/hugo-invi/blob/master/LICENSE.txt"
-description = "A Hugo adaptation of the Fresh theme from CSS Ninja"
+description = "A simple, clean and lightweight Hugo theme for multilingual websites, inspired by CSS Ninja's Fresh theme"
 
 homepage = "https://github.com/cubiest/hugo-invi"