Testing phugo as theme

archetypes/default.md

@@ -0,0 +1,9 @@
++++
+title = "{{ replace .TranslationBaseName "-" " " | title }}"
+date = {{ .Date }}
+albumthumb = "path/to/album/cover/image"
++++
+
+{{< photo full="path/to/first/FULL-SIZE/image/in/your/gallery.jpg" thumb="path/to/its/THUMBNAIL/image.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="path/to/second/FULL-SIZE/image/in/your/gallery.jpg" thumb="path/to/its/THUMBNAIL/image.jpg" alt="" phototitle="SOME TITLE" description="SOME SHORT DESCRIPTION. MARKDOWN **SUPPORTED**">}}

config.toml

@@ -0,0 +1,92 @@
+# Settings
+baseurl = "http://beta.benediktschnurr.de/"
+languageCode = "en-us"
+title = "benedikt schnurr"
+theme = "phugo"
+
+[params]
+
+    # Meta
+    description = "Benedikt Schnurr photography and art projects"
+    author = "Benedikt Schnurr"
+    keywords = "benedikt, schnurr, fotografie, photography, portraits, professionell, professional, art, kunst, design"
+    
+    # Headerbar links
+    # Do not put here too many links,
+    # it will break mobile appearance
+
+    [[params.header.links]]
+    name = "About"
+    url = "#footer"
+    icon = "fa-info-circle" 
+    
+    # Footer panel
+    
+    [params.footer.paragraph]
+    headline = "Get to know me"
+    text = "I am a .... Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis ipsum eget quis orci mattis aliquet. Maecenas fringilla et ante at lorem et ipsum. Dolor nulla eu bibendum sapien. Donec non pharetra dui. Nulla consequat, ex ut suscipit rutrum, mi dolor tincidunt erat, et scelerisque turpis ipsum."
+    
+    [params.footer.social]
+    headline = "Follow me"
+
+    [[params.footer.social.links]]
+    label = "Twitter"
+    url = "#"
+    icon = "fa-twitter"
+
+    [[params.footer.social.links]]
+    label = "Facebook"
+    url = "#"
+    icon = "fa-facebook"
+
+    [[params.footer.social.links]]
+    label = "Instagram"
+    url = "#"
+    icon = "fa-instagram"
+
+    [[params.footer.social.links]]
+    label = "Dribbble"
+    url = "#"
+    icon = "fa-dribbble"
+
+    [[params.footer.social.links]]
+    label = "LinkedIn"
+    url = "#"
+    icon = "fa-linkedin"
+    
+    # Contact form
+    
+    # Since this template is static, the contact form uses www.formspree.io as a
+    # proxy. The form makes a POST request to their servers to send the actual
+    # email. Visitors can send up to a 1000 emails each month for free.
+    #
+    # What you need to do for the setup?
+    #
+    # - set your email address under 'realEmail' below
+    # - upload the generated site to your server
+    # - send a dummy email yourself to confirm your account
+    # - click the confirm link in the email from www.formspree.io
+    # - you're done. Happy mailing!
+    
+    [params.footer.contact]
+    realEmail = "info@benediktschnurr.de"
+    headline = "Get in touch"
+    buttonText = "Send"
+    resetText = "Reset"
+    
+    # 'warning' defines error messages for invalid inputs
+    [params.footer.contact.name]
+    text = "Name *"
+    warning = "Please, enter your name"
+
+    [params.footer.contact.email]
+    text = "Email *"
+    warning = "Please, enter your email."
+
+    [params.footer.contact.message]
+    text = "Message *"
+    warning = "Please, enter your message"
+    
+    # Copyright
+    [params.footer.copyright]
+    name = "Benedikt Schnurr"

content/analog/_index.md

@@ -0,0 +1,65 @@
++++
+title = "Analog"
+date = 2017-10-11T15:13:03+02:00
+albumthumb = "/album/analog/1.jpg"
++++
+
+{{< photo full="/album/analog/1.jpg" thumb="/album/analog/1.jpg" alt="" phototitle="SOME TITLE" description="">}}
+
+{{< photo full="/album/analog/2.jpg" thumb="/album/analog/2.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/3.jpg" thumb="/album/analog/3.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/4.jpg" thumb="/album/analog/4.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/5.jpg" thumb="/album/analog/5.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/6.jpg" thumb="/album/analog/6.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/7.jpg" thumb="/album/analog/7.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/8.jpg" thumb="/album/analog/8.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/9.jpg" thumb="/album/analog/9.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/10.jpg" thumb="/album/analog/10.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/11.jpg" thumb="/album/analog/11.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/12.jpg" thumb="/album/analog/12.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/13.jpg" thumb="/album/analog/13.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/14.jpg" thumb="/album/analog/14.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/15.jpg" thumb="/album/analog/15.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/16.jpg" thumb="/album/analog/16.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/17.jpg" thumb="/album/analog/17.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/18.jpg" thumb="/album/analog/18.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/19.jpg" thumb="/album/analog/19.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/20.jpg" thumb="/album/analog/20.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/21.jpg" thumb="/album/analog/21.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/22.jpg" thumb="/album/analog/22.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/23.jpg" thumb="/album/analog/23.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/24.jpg" thumb="/album/analog/24.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/25.jpg" thumb="/album/analog/25.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/26.jpg" thumb="/album/analog/26.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/27.jpg" thumb="/album/analog/27.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/28.jpg" thumb="/album/analog/28.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/29.jpg" thumb="/album/analog/29.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/analog/30.jpg" thumb="/album/analog/30.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}

content/flush/_index.md

@@ -0,0 +1,19 @@
++++
+title = "Flush"
+date = 2017-10-11T15:13:03+02:00
+albumthumb = "/album/flush/1.jpg"
++++
+
+{{< photo full="/album/flush/1.jpg" thumb="/album/flush/1.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/flush/2.jpg" thumb="/album/flush/2.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/flush/3.jpg" thumb="/album/flush/3.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/flush/4.jpg" thumb="/album/flush/4.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/flush/5.jpg" thumb="/album/flush/5.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/flush/6.jpg" thumb="/album/flush/6.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}
+
+{{< photo full="/album/flush/7.jpg" thumb="/album/flush/7.jpg" alt="" phototitle="SOME TITLE" description="PASTE THIS SHORTCODE FOR EVERY IMAGE YOU HAVE IN THIS GALLERY">}}

layouts/_default/baseof.html

@@ -0,0 +1,24 @@
+<!DOCTYPE HTML>
+{{ partial "lang.html" . }}
+<head>
+    <title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
+{{ partial "head.html" . }}
+<head>
+<body>
+        
+    <div id="wrapper">
+
+    {{ partial "header.html" . }}
+        
+        {{ block "main" . }}
+
+        {{ end }}
+
+    {{ partial "footer.html" . }}
+
+    </div>
+
+{{ partial "scripts.html" . }}
+
+</body>
+</html>

layouts/_default/list.html

@@ -0,0 +1,10 @@
+{{ define "main" }}
+    <div id="main">
+       {{ range (where .Site.Pages "Kind" "section").ByDate.Reverse }}
+            <article class="thumb">
+                <a href="{{ .Permalink }}" class="link"><img src="{{ .Params.albumthumb }}" alt="{{ .Title }}" /></a>
+                <h2>{{ .Title }}</h2>
+            </article>
+        {{ end }}
+    </div>
+{{ end }}

layouts/_default/section.html

@@ -0,0 +1,8 @@
+{{ define "title" }}
+{{ .Title }} - {{ .Site.Title }}
+{{ end }}
+{{ define "main" }}
+<div id="main">
+    {{ .Content }}
+</div>
+{{ end }}

layouts/partials/footer.html

@@ -0,0 +1,42 @@
+{{ "<!-- Footer -->" | safeHTML }}
+    <footer id="footer" class="panel">
+        <div class="inner split">
+            <div>
+                <section>
+                    <h2>{{ with .Site.Params.footer.paragraph.headline }}{{ . | markdownify }}{{ end }}</h2>
+                    <p>{{ with .Site.Params.footer.paragraph.text }}{{ . | markdownify }}{{ end }}</p>
+                </section>
+                <section>
+                    <h2>{{ with .Site.Params.footer.social.headline }}{{ . | markdownify }}{{ end }}</h2>
+                    <ul class="icons">
+                    {{ range .Site.Params.footer.social.links }}
+                        <li><a href="{{ .url }}" class="icon {{ .icon }}"><span class="label">{{ .label }}</span></a></li>
+                    {{ end }}
+                    </ul>
+                </section>
+                <p class="copyright">
+                    &copy; {{ with .Site.Params.footer.copyright.name }}{{ . | markdownify }}{{ end }}. Design: <a href="http://html5up.net">HTML5 UP</a>. Ported to Hugo by <a href="//github.com/aerohub">AEROHUB</a>.
+                </p>
+            </div>
+            <div>
+                <section>
+                    <h2>{{ with .Site.Params.footer.contact.headline }}{{ . | markdownify }}{{ end }}</h2>
+                    <form method="post" action="//formspree.io/{{ with .Site.Params.footer.contact.realEmail }}{{.}}{{ end }}" novalidate>
+                        <div class="field half first">
+                            <input type="text" name="name" required data-validation-required-message="{{ with .Site.Params.footer.contact.name.warning }}{{ . | markdownify}}{{ end }}" id="name" placeholder="{{ with .Site.Params.footer.contact.name.text }}{{ .  | markdownify }}{{ end }}" />
+                        </div>
+                        <div class="field half">
+                            <input type="email" name="email" required data-validation-required-message="{{ with .Site.Params.footer.contact.email.warning }}{{ . | markdownify }}{{ end }}" id="email" placeholder="{{ with .Site.Params.footer.contact.email.text }}{{ . | markdownify }}{{ end }}" />
+                        </div>
+                        <div class="field">
+                            <textarea name="message" required data-validation-required-message="{{ with .Site.Params.footer.contact.message.warning }}{{ . | markdownify }}{{ end }}" id="message" rows="4" placeholder="{{ with .Site.Params.footer.contact.message.text }}{{ . | markdownify }}{{ end }}"></textarea>
+                        </div>
+                        <ul class="actions">
+                            <li><input type="submit" value="{{ .Site.Params.footer.contact.buttonText }}" class="special" /></li>
+                            <li><input type="reset" value="{{ .Site.Params.footer.contact.resetText }}" /></li>
+                        </ul>
+                    </form>
+                </section>
+            </div>
+        </div>
+    </footer>

layouts/partials/head.html

@@ -0,0 +1,18 @@
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+    <meta name="description" content="{{ with .Site.Params.description }}{{ . }}{{ end }}">
+    <meta name="author" content="{{ with .Site.Params.author }}{{ . }}{{ end }}">
+    <meta name="keywords" content="{{ with .Site.Params.keywords }}{{ . }}{{ end }}">
+    {{ .Hugo.Generator }}
+    {{ "<!--[if lte IE 8]>" | safeHTML }}
+    <script src="{{ .Site.BaseURL }}assets/js/ie/html5shiv.js"></script>
+    {{ "<![endif]-->" | safeHTML }}
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}assets/css/main.css" />
+    {{ "<!--[if lte IE 9]>" | safeHTML }}
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}assets/css/ie9.css" />
+    {{ "<![endif]-->" | safeHTML }}
+    {{ "<!--[if lte IE 8]>" | safeHTML }}
+    <link rel="stylesheet" href="{{ .Site.BaseURL }}assets/css/ie8.css" />
+    {{ "<![endif]-->" | safeHTML }}
+    <link rel="shortcut icon" href="{{ .Site.BaseURL }}favicon.ico">
+    {{ template "_internal/google_analytics_async.html" . }}

layouts/partials/header.html

@@ -0,0 +1,16 @@
+<header id="header">
+{{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }}
+{{ $.Scratch.Add "path" .Site.BaseURL }}
+    <h1>
+    <a href="{{ .Site.BaseURL }}"><strong>{{ .Site.Title }}</strong></a>
+    {{ range $index, $element := split $url "/" }}
+    {{ $.Scratch.Add "path" $element }}
+    {{ if ne $element "" }}
+    / {{ . | humanize }}
+    {{ $.Scratch.Add "path" "/" }}
+    {{ end }}
+    {{ end }}
+    </h1>
+{{ partial "navigation.html" . }}
+
+</header>

layouts/partials/lang.html

@@ -0,0 +1,7 @@
+{{ "<!-- Phugo - Photogallery Theme for Hugo -->" | safeHTML }}
+{{ "<!-- by Pavel Kanyshev | github.com/aerohub -->" | safeHTML }}
+{{ "<!-- It's based on Multiverse by HTML5 UP -->" | safeHTML }}
+{{ "<!-- html5up.net | @ajlkn -->" | safeHTML }}
+{{ "<!-- Free for personal and commercial use -->" | safeHTML }}
+{{ "<!-- under the CCA 3.0 license (html5up.net/license) -->" | safeHTML }}
+<html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">

layouts/partials/navigation.html

@@ -0,0 +1,7 @@
+	<nav>
+		<ul>
+		{{ range .Site.Params.header.links }}
+			<li><a href="{{ .url }}" class="icon {{ .icon }}">{{ .name }}</a></li>
+		{{ end }}
+		</ul>
+	</nav>

layouts/partials/scripts.html

@@ -0,0 +1,8 @@
+<script src="{{ .Site.BaseURL }}assets/js/jquery.min.js"></script>
+<script src="{{ .Site.BaseURL }}assets/js/jquery.poptrox.min.js"></script>
+<script src="{{ .Site.BaseURL }}assets/js/skel.min.js"></script>
+<script src="{{ .Site.BaseURL }}assets/js/util.js"></script>
+{{ "<!--[if lte IE 8]>" | safeHTML }}
+<script src="{{ .Site.BaseURL }}assets/js/ie/respond.min.js"></script>
+{{ "<![endif]-->" | safeHTML }}
+<script src="{{ .Site.BaseURL }}assets/js/main.js"></script>

layouts/shortcodes/photo.html

@@ -0,0 +1,5 @@
+<article class="thumb">
+	<a href="{{ .Get "full" }}" class="image"><img src="{{ .Get "thumb" }}" alt="{{ .Get "alt" }}" /></a>
+	<h2>{{ .Get "phototitle" }}</h2>
+	<p>{{ .Get "description" | markdownify }}</p>
+</article>