Add shortcode to place resized images + fix md image for non-pagebundles

If a page is not a page bundle, it can't access files in the same
directory via the .Resources variable. So we need to detect this
condition and get the image file in another way.

themes/ccchh/assets/sass/main.scss

@@ -78,6 +78,24 @@ body>main {
   }
 }
 
+.float-left {
+  float: left;
+  margin-right: var(--grid-spacing-horizontal);
+}
+
+.float-right {
+  float: right;
+  margin-left: var(--grid-spacing-horizontal);
+}
+
+.clearfix {
+  &::after {
+    display: block;
+    clear: both;
+    content: "";
+  }
+}
+
 
 // Room State in Menu
 #roomstate {

themes/ccchh/layouts/_default/_markup/render-image.html

@@ -0,0 +1,17 @@
+{{- $imagename := .Destination }}
+{{- $text := .Text }}
+{{- $title := .Title }}
+{{- $isBundle := ne .Page.BundleType "" }}
+
+{{- $page := .Page }}
+{{- if not $isBundle }}
+  {{ $page_dir := path.Dir .Page.File }}
+  {{ $pagebundle_path := path.Join "/" $page_dir }}
+  {{ $page = .Page.Site.GetPage $pagebundle_path }}
+{{- end -}}
+
+{{- with $page.Resources.Get $imagename }}
+<p class="md-img">
+  <img src="{{ .RelPermalink }}" alt="{{ $text }}" {{ with $title }} title="{{ . }}"{{ end }} />
+</p>
+{{- end }}

themes/ccchh/layouts/index.html

@@ -8,7 +8,7 @@
     {{- $upcoming := where $events ".Params.date" "ge" now }}
     {{ if $upcoming }}
     <div class="announcements">
-      <h3>Neuigkeiten</h3>
+      <h2>Neuigkeiten</h2>
       {{- range $upcoming.ByDate }}
       <div class="announcement">
         {{- partial "blog-header.html" (dict "headingLink" true "level" 4 "reduced" true "page" . ) }}
@@ -26,7 +26,7 @@
     {{- $home_sections := .Site.GetPage "/home" }}
     {{- range sort ($home_sections.Resources.Match "*.md") ".Name" }}
     <div class="section">
-      <h3>{{ .Title }}</h3>
+      <h2>{{ .Title }}</h2>
       {{ .Content -}}
 
       {{- with .Params.Resources }}

themes/ccchh/layouts/partials/footer.html

@@ -1,4 +1,5 @@
 
+  <div class="clearfix"></div>
   <footer class="container">
     <nav class="menu">
     {{- partial "menu.html" (dict "menuID" "footer" "page" . ) -}}

themes/ccchh/layouts/shortcodes/clearfix.html

@@ -0,0 +1 @@
+<div class="clearfix"></div>

themes/ccchh/layouts/shortcodes/img-resize.html

@@ -0,0 +1,20 @@
+{{- $imagename := (.Get 0) }}
+{{- $options := .Get 1 }}
+{{- $classes := .Get 2 | default "" }}
+{{- $link := .Get 3 | default "" }}
+{{- $isBundle := ne .Page.BundleType "" }}
+
+{{- $page := .Page }}
+{{- if not $isBundle }}
+  {{ $page_dir := path.Dir .Page.File }}
+  {{ $pagebundle_path := path.Join "/" $page_dir }}
+  {{ $page = .Site.GetPage $pagebundle_path }}
+{{- end -}}
+
+{{- with $page.Resources.Get $imagename }}
+  {{- with .Resize $options -}}
+    {{ if $link }}<a href="{{ $link }}">{{ end }}
+    <img src="{{ .RelPermalink }}" class="md-img {{ $classes }}" width="{{ .Width }}" height="{{ .Height }}">
+    {{ if $link }}</a>{{ end }}
+  {{- end }}
+{{- end }}