From a0ceae22adb9a5c0e4b6b54c05e792f6e3427042 Mon Sep 17 00:00:00 2001 From: Gabriel Date: Wed, 21 Sep 2022 15:54:30 -0400 Subject: [PATCH] misc changes --- layouts/_default/list.html | 43 ++++++++--------- layouts/partials/head.html | 1 + layouts/partials/item.html | 18 +++----- static/css/theme.css | 94 ++++++++++++++++++++++---------------- 4 files changed, 84 insertions(+), 72 deletions(-) diff --git a/layouts/_default/list.html b/layouts/_default/list.html index b97e1c8..b442af2 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,26 +1,27 @@ - - {{partial "head" .}} - - - {{partial "header" .}} -
-
- {{ if .Content}} -
- {{.Content}} -
- {{end}} - {{ if .Pages }} -
- {{range .Pages}} - {{partial "item" .}} - {{end}} -
- {{end}} -
+ + {{partial "head" .}} + + + + {{partial "header" .}} +
+
+ {{if .Content}} +
+ {{.Content}} +
+ {{end}} + {{ if .Pages }} + {{range .Pages}} + {{partial "item" .}} + {{end}} + {{end}} +
+
{{partial "footer" .}} - + + \ No newline at end of file diff --git a/layouts/partials/head.html b/layouts/partials/head.html index e92dfb4..c72acdc 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -2,6 +2,7 @@ + diff --git a/layouts/partials/item.html b/layouts/partials/item.html index 3e11a1b..a54f798 100644 --- a/layouts/partials/item.html +++ b/layouts/partials/item.html @@ -1,6 +1,5 @@
-
- + {{ if .Params.gif}} {{else}} {{if .Params.image}} - - {{else}} - + {{end}} + {{end}} + {{end}} - {{end}} - {{end}} - {{end}} -
-
-

{{.Title}}

 + +
+

{{.Title}}

{{.Params.description}}

{{if .GetTerms "tags"}}
diff --git a/static/css/theme.css b/static/css/theme.css index f05a24b..f2c89a3 100644 --- a/static/css/theme.css +++ b/static/css/theme.css @@ -83,12 +83,30 @@ main{ } .listing { width: 100%; - margin: 1rem; + margin-bottom: 1rem; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } +.listing *{ + margin:0; +} +.listing-text{ + width:80%; + max-width:40rem; + padding:1rem; +} +.listing img, +.listing video{ + width:25rem; + max-width:25vw; +} +.listing h2, .listing p{ + margin:0; + text-align: left; +} + .listing-preview { display: flex; @@ -97,6 +115,9 @@ main{ align-items: flex-start; justify-content: center; } +.listing a{ + width: fit-content; +} img, @@ -245,10 +266,6 @@ article>section>a{ align-items: center; } -.listing h2{ - text-align: left; -} - table{ @@ -287,15 +304,6 @@ video{ color: var(--theme-color-secondary); } -.listing img, -.listing video { - max-width:25rem; - margin:1rem; -} - -aside .listing img{ - max-height: 15vh; -} #sidebar { padding-top:0; @@ -386,31 +394,6 @@ aside .listing img{ } -@media screen and (orientation:portrait){ - main{ - flex-direction: column-reverse; - align-items: center; - - } - .recent,.featured{ - flex-direction: column; - align-items: center; - width: 100%; - } - .recent img, - .featured img, - .recent video, - .featured video{ - - max-width:unset; - width:100%; - margin:0; - } - .listing{ - flex-direction: column; - } -} - #tags{ display:flex; flex-direction: row; @@ -437,4 +420,35 @@ aside .listing img{ .gallery>*{ margin:0.1rem; border:1px solid var(--theme-color-accent); -} \ No newline at end of file +} + + +@media screen and (orientation:portrait){ + main{ + flex-direction: column-reverse; + align-items: center; + + } + .recent,.featured{ + flex-direction: column; + align-items: center; + width: 100%; + } + .listing img, + .listing video{ + width:unset; + max-width: 100%; + height:25vh; + } + .recent img, + .featured img, + .recent video, + .featured video{ + max-width:unset; + width:100%; + margin:0; + } + .listing{ + flex-direction: column; + } +}