small fixes

content/news/foodsaving/index.de.md

@@ -14,6 +14,8 @@ Food-Saving macht weitere Verteilungen
 
 Die Initiative "Foodsaving Celle" hat sich ein neues Verteilkonzept überlegt. Nachdem die Tafel wieder geöffnet und damit die Häufigkeit und Menge der Lebensmittelspenden sich auch verringert hat, geht es trotzdem weiter mit öffentlichen Lebensmittelausgaben.
 
+{{< picture 1 >}}
+
 Gerettete Lebensmittel freuen sich nun auf geregelte Öffnungszeiten: Die Foodsaving-Initiative des Vereins Buntes Haus e.V. richtet ab dem heutigen Mittwoch feste Abholtermine ein. Menschen, die gerettete Lebensmittel abholen möchten werden mittwochs von 18:30-19:00 Uhr und samstags von 15:00-15:30 Uhr im Essensladen (analog zum Umsonstladen vielleicht einen cooleren Titel?)am Bunten Haus bedient.
 
 "Es gibt auch nach Wiederöffnung der Tafeln weiterhin sowohl den Bedarf für Unterstützung als auch den Zustand, dass leider immer noch viele Nahrungsmittel im Müll landen. Viele Menschen haben mitbekommen, wie viel Essen immer wieder gerettet wird - und freuen sich über die ökologisch und ökonomisch sinnvolle Verschenkaktion. Vor allem Backwaren haben wir in großen Mengen - mindestens diese gibt es weiterhin Mittwochs und Samstags.

themes/buha/assets/css/layout.css

@@ -156,7 +156,6 @@ article h3 {
 }
 
 #articleimage {
-	margin-top: 1rem;
 }
 
 #articledata {
@@ -187,9 +186,8 @@ article h3 {
   user-select: all;
 }
 
-label,textarea {
+label,textarea,#label {
 	width: 100%;
-	flex-grow: 1;
 }
 
 fieldset{

themes/buha/layouts/partials/orga/generator.html

@@ -13,14 +13,14 @@
   Jeder Artikel kann getaggt werden. Das Vorgehen ist dabei Analog zu den Kategorien.
   <br>
   Soll der Artikel auf der Homepage ganz vorne erscheinen, dann gib "Wichtige Neuigkeiten" einen Haken.
-  <br>
-  <br>
-  <b>Einträge mit * sind minimal erforderlich.</b>
-  <br>
-  <noscript><p><b>Bitte aktiviere Javascript, sonst funktioniert der Generator nicht.</b></p></noscript>
 </p>
-<br>
-<form id="myform" style="display: flex; flex-shrink: 0; flex-grow: 1; flex-direction: column; max-width: 950px;">
+  <p><b>Einträge mit * sind minimal erforderlich.</b></p>
+  <noscript><p><b>Bitte aktiviere Javascript, sonst funktioniert der Generator nicht.</b></p></noscript>
+
+<div id='display' class="result" style="white-space: pre; display: none; background: var(--background-body); padding: .6rem 0 1rem 1rem;">
+</div>
+
+<form id="myform" style="display: flex; flex-shrink: 0; flex-grow: 1; flex-direction: column; max-width: 950px; margin-top: 1rem;">
   {{ partial "orga/generator/partials/input_line" (dict "name" "title" "mandatory" "true") }}
   {{ partial "orga/generator/content" }}
   {{ partial "orga/generator/partials/categories_and_tags.html" (dict "name" "categories" "expanded" "true"  "new" "false") }}
@@ -42,7 +42,6 @@
 
 </form>
 
-<div id='display' class="result" style="white-space: pre; background: var(--background-body); padding: 1rem;"></div>
 
 </article>
 <script defer language="javascript" type="text/javascript"  src="{{ "/js/visibleIf.js" | urlize | relURL }}"></script>

themes/buha/layouts/partials/orga/generator/partials/input_line.html

@@ -1,2 +1,2 @@
-<label for="new{{- .name -}}">{{ if i18n .name }}{{ i18n .name }}{{ else }}{{ .name }}{{ end }}{{- if eq .mandatory "true" -}}*{{- end -}}</label>
+<label id="label" for="new{{- .name -}}">{{ if i18n .name }}{{ i18n .name }}{{ else }}{{ .name }}{{ end }}{{- if eq .mandatory "true" -}}*{{- end -}}</label>
 <input type="text" name="new{{- .name -}}" id="new{{- .name -}}" value="" placeholder="{{ .eg }}" />

themes/buha/layouts/partials/single/article.html

@@ -1,26 +1,20 @@
 	<div id="articletitle">
 		<h1>{{- .Title -}}</h1>
 	</div>
+{{- $pic := index (.Resources.ByType "image") 0 -}}
+
 <article>
 	<div id="articlecontent">
 		{{ partial "structure/article_meta" (dict "context" . "visible" "all" )  }}
 		<div id="articleinner">
 			<div id="articledata">
-					{{- if .Resources.ByType "image" -}}
-					{{ if eq .Content "" }}
-						<div class="notext">
-					{{ else }}
-						<div class="text">
-					{{ end }}
-						{{ range .Resources.ByType "image" }}
-							{{- $pic := . -}}
-							{{- $thumb := $pic.Resize "1024x" }}
-							<a href="{{ . }}"><img src="{{- $thumb.Permalink -}}" style="border-radius: 15px;" /></a>
-						{{ end }}
-					</div>
-					{{- end }}
 				<div id="articletext">
 				    {{- .Content -}}
+				    {{- if ne $pic "" -}}
+					<div id="picture">
+						<a href="{{ $pic.Permalink }}"><img src="{{ $pic.Permalink }}" /></a>
+					</div>
+					{{ end }}
 				</div>
 			</div>
 		</div>

themes/buha/layouts/partials/structure/list_article.html

@@ -22,10 +22,8 @@
 					</div>
 				{{- end }}
 				<div id="articletext">
-					{{- if .Truncated -}}
+					{{- if .Summary -}}
 						{{- .Summary -}}
-					{{- else -}}
-						{{- .Content -}}
 					{{- end }}
 					{{ if or .Truncated (eq ($.Scratch.Get "meta") "true") }}
 						<div id="readmore">{{- i18n "readmore" -}}..</div>

themes/buha/layouts/shortcodes/picture.html

@@ -0,0 +1,5 @@
+{{ $p := .Params }}
+{{ range $p }}
+	{{- $pic := index ($.Page.Resources.ByType "image") . -}}
+	<img src="{{- $pic.Permalink -}}" style="border-radius: 15px;" />
+{{ end }}

themes/buha/static/js/generator.js

@@ -26,6 +26,7 @@ function testor(input) {
 function showInput(e) {
   document.getElementById("display").innerHTML = '';
   e.preventDefault();
+  document.getElementById("display").style.display = "flex";
   var output_info = document.getElementById("myform");
   var display = document.getElementById("display");
 
@@ -85,7 +86,6 @@ function showInput(e) {
   
 
   if (title && content) {
-    display.innerHTML += "<div style=\"background-color: grey;\"";
     display.innerHTML += "---<br>";
     display.innerHTML += "title: \"" + title + "\"<br>";
     display.innerHTML += "date: \"" + datestring + "<br>";
@@ -123,8 +123,8 @@ function showInput(e) {
         display.innerHTML += "registeremail: \"" + registeremail + "\"<br>";
     }
     display.innerHTML += "---<br>";
-    display.innerHTML += "</div>";
     if (content) {
+       document.getElementById("myDIV").style.display = "flex"; 
       display.innerHTML += content;
     }
   }