small fixes

This commit is contained in:
teldra 2022-04-04 11:21:48 +02:00
parent 3994d08132
commit 9f7ea3627c
5 changed files with 97 additions and 75 deletions

View File

@ -14,7 +14,7 @@ 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 >}}
{{< picture 1 "Zeitungsauschnitt" >}}
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.

View File

@ -114,16 +114,6 @@ article #readmore {
margin-top: 1rem;
}
#nav-posts {
display: flex;
flex-direction: column;
}
.post_tag {
text-transform: capitalize;
margin-left: .5rem;
}
article {
display: flex;
flex-direction: column;
@ -141,21 +131,26 @@ article h3 {
#articlemeta {
margin-top: .5rem;
margin-bottom: .5rem;
margin-bottom: 1rem;
}
#articlemeta div:first-child {
font-size: medium;
font-weight: bold;
}
#articlecontent {
#articleinner {
display: flex;
flex-direction: column;
flex-direction: column-reverse;
margin-top: .5rem;
}
#articleimage {
#articletext {
margin-bottom: 1rem;
}
#articlepicture {
margin-top: .3rem;
}
#articledata {
@ -177,8 +172,15 @@ article h3 {
background-color: var(--background);
}
#readmore {
margin-bottom: 1rem;
#nav-posts {
display: flex;
flex-direction: column;
}
.post_tag {
text-transform: capitalize;
margin-left: .5rem;
}
.result {
@ -205,6 +207,28 @@ input, textarea {
text-decoration: underline;
}
.multiple_small {
flex: 0 0 24%;
margin-right: 1rem;
}
.multiple_big {
flex: 0 0 72%;
}
.solo {
flex: 0 0 100%;
}
.picture_outer {
padding: 1.5rem 1.5rem 3.5rem 1.5rem;
border: 1px solid var(--background-body);
}
.borderrad25 {
border-radius: 15px;
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {...}
@ -257,33 +281,13 @@ input, textarea {
text-align: left;
}
#articledata {
#articleinner {
display: flex;
flex-direction: row;
}
.text, #articleimage {
margin-top: .5rem;
display: flex;
flex-direction: column;
flex-shrink: 0;
margin-right: 1rem;
max-width: 30%;
min-width: 1rem;
}
.notext {
margin-top: .5rem;
flex-shrink: 0;
max-width: 50%;
height: 50%;
margin-right: 1rem;
}
.borderrad25 {
border-radius: 25px;
}
#article_footer {
margin-left: 2rem;
}

View File

@ -5,18 +5,31 @@
<article>
<div id="articlecontent">
{{ partial "structure/article_meta" (dict "context" . "visible" "all" ) }}
{{ partial "structure/article_meta" (dict "context" . "visible" "all") }}
{{ $small := "solo" }}
{{ $big := "solo" }}
{{- if and (.Resources.ByType "image") (.Content) -}}
{{ $small = "multiple_small" }}
{{ $big = "multiple_big" }}
{{ else }}
{{ $small = "multiple_big"}}
{{ end }}
<div id="articleinner">
<div id="articledata">
<div id="articletext">
{{- .Content -}}
{{- if ne $pic "" -}}
<div id="picture">
<a href="{{ $pic.Permalink }}"><img src="{{ $pic.Permalink }}" /></a>
</div>
{{ end }}
{{- if .Resources.ByType "image" -}}
{{- $pic := index (.Resources.ByType "image") 0 -}}
{{- $thumb := $pic.Resize "2048x" }}
{{ if ne .Content "" }}
{{- $thumb = $pic.Resize "1024x" }}
{{ end }}
<div id="articlepicture" class="{{ $small }} borderrad25">
<img src="{{- $thumb.Permalink -}}" class="borderrad25" />
</div>
</div>
{{ end }}
{{- if .Content -}}
<div id="articletext" class="{{ $big }}">
{{- .Content -}}
</div>
{{- end }}
</div>
</div>
</article>

View File

@ -6,30 +6,33 @@
<div id="articlecontent">
{{ $.Scratch.Set "meta" "false" }}
{{ partial "structure/article_meta" (dict "context" . "visible" "price") }}
{{ $small := "solo" }}
{{ $big := "solo" }}
{{- if and (.Resources.ByType "image") (.Summary) -}}
{{ $small = "multiple_small" }}
{{ $big = "multiple_big" }}
{{ else }}
{{ $small = "multiple_big"}}
{{ end }}
<div id="articleinner">
<div id="articledata">
{{- if .Resources.ByType "image" -}}
{{- $pic := index (.Resources.ByType "image") 0 -}}
{{ $thumb := "" }}
{{ if eq .Content "" }}
<div class="notext">
{{- $thumb = $pic.Resize "1024x" }}
{{ else }}
<div class="text">
{{- $thumb = $pic.Resize "2048x" }}
{{ end }}
<img src="{{- $thumb.Permalink -}}" style="border-radius: 15px;" />
</div>
{{- end }}
<div id="articletext">
{{- if .Summary -}}
{{- .Summary -}}
{{- end }}
{{- if .Resources.ByType "image" -}}
{{- $pic := index (.Resources.ByType "image") 0 -}}
{{- $thumb := $pic.Resize "2048x" }}
{{ if ne .Content "" }}
{{- $thumb = $pic.Resize "1024x" }}
{{ end }}
<div id="articlepicture" class="{{ $small }} borderrad25">
<img src="{{- $thumb.Permalink -}}" class="borderrad25" />
</div>
{{ end }}
{{- if .Summary -}}
<div id="articletext" class="{{ $big }}">
{{- .Summary -}}
{{ if or .Truncated (eq ($.Scratch.Get "meta") "true") }}
<div id="readmore">{{- i18n "readmore" -}}..</div>
{{ end }}
</div>
</div>
{{- end }}
</div>
</div>
</a></article>

View File

@ -1,5 +1,7 @@
{{ $p := .Params }}
{{ range $p }}
{{- $pic := index ($.Page.Resources.ByType "image") . -}}
<img src="{{- $pic.Permalink -}}" style="border-radius: 15px;" />
{{ end }}
{{ $nr := index .Params 0 }}
{{ $alt := "sry_no_desc" }}
{{ if index .Params 1}}{{ $alt = index .Params 1 }}{{ end }}
{{- $pic := index ($.Page.Resources.ByType "image") $nr -}}
<div class="picture_outer borderrad25">
<img src="{{- $pic.Permalink -}}" alt="{{ $alt }}" class="picture_small_center borderrad25" />
</div>