-
-
-
+ {{partial "nav" .}} -
{{ if .Content}}
{{.Content}}
-
{{end}} - + {{ if .GetTerms "tags" }} + + {{end}} diff --git a/layouts/shortcodes/image.html b/layouts/shortcodes/image.html index 60c0c88..31abec8 100644 --- a/layouts/shortcodes/image.html +++ b/layouts/shortcodes/image.html @@ -1,7 +1,7 @@ {{ if .Get "href"}} {{end}} -img -#profile{ +#profile-details{ display:flex; flex-direction: column; + align-items: center; } +#profile-links{ + display:flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + justify-content: space-around; +} +#profile-links>a{ + margin:0.5rem; +} + +#posts{ + margin-bottom:1rem; + width: fit-content; + display: flex; + flex-direction: column; + align-items: center; + max-width: 40rem; + +} +.post{ + width:100%; + word-wrap: break-word; +} + + #profilephoto{ margin:1rem; max-width: 10rem; - - +} +section{ + width: 100%; } #profile>nav, #profile>div{ @@ -94,27 +119,17 @@ nav{ flex-direction: row; align-items: baseline; justify-content:space-evenly; + flex-wrap: wrap; } nav>a{ } -@media screen and (orientation: portrait){ - body{ - flex-direction: column; - align-items: center; - - font-size:1rem; - } - #profile,#posts{ - width:85%; - padding:5%; - } -} article{ display:flex; flex-direction: column; align-items: center; + width:100%; } article p, @@ -137,4 +152,41 @@ blockquote { .gallery{ max-width:40vw; -} \ No newline at end of file +} + +audio{ + padding:1rem; +} + +.post-tags{ + display:flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + justify-content: space-evenly; + width:80%; + font-weight: bolder; + font-size:1.25rem +} +@media screen and (orientation: portrait){ + body{ + flex-direction: column; + align-items: center; + justify-content: flex-start; + flex-wrap: none; + padding:0; + font-size:1rem; + } + #profile,#posts{ + width:90%; + max-width: 90vw; + + } + + #profile a>img{ + display:flex; + flex-direction: column; + align-items: center; + width:100%; + } +}
-
- {{ if .Site.Data.details.links }}
- {{.Site.Data.details.name}}
+ + +
+
+
+
+
+
{{.Site.Data.details.name}}
{{.Site.Data.details.bio}}
- {{if .Site.Data.details.contact}} - {{range .Site.Data.details.contact}} - {{.name}} - {{end}} -{{end}} + {{ if .Site.Data.details.links }} +
+ {{range .Site.Data.details.links}}
+ {{.linkname}}
+ {{end}}
+ {{end}}
+ + {{end}}
- {{range .Site.Data.details.links}}
- {{.linkname}}
- {{end}} -
- {{end}}
- - {{end}} -
+ {{partial "nav" .}} -
{{ if .Content}}
{{end}} - + {{ if .GetTerms "tags" }} + + {{end}} diff --git a/layouts/shortcodes/image.html b/layouts/shortcodes/image.html index 60c0c88..31abec8 100644 --- a/layouts/shortcodes/image.html +++ b/layouts/shortcodes/image.html @@ -1,7 +1,7 @@ {{ if .Get "href"}} {{end}} -img -#profile{ +#profile-details{ display:flex; flex-direction: column; + align-items: center; } +#profile-links{ + display:flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + justify-content: space-around; +} +#profile-links>a{ + margin:0.5rem; +} + +#posts{ + margin-bottom:1rem; + width: fit-content; + display: flex; + flex-direction: column; + align-items: center; + max-width: 40rem; + +} +.post{ + width:100%; + word-wrap: break-word; +} + + #profilephoto{ margin:1rem; max-width: 10rem; - - +} +section{ + width: 100%; } #profile>nav, #profile>div{ @@ -94,27 +119,17 @@ nav{ flex-direction: row; align-items: baseline; justify-content:space-evenly; + flex-wrap: wrap; } nav>a{ } -@media screen and (orientation: portrait){ - body{ - flex-direction: column; - align-items: center; - - font-size:1rem; - } - #profile,#posts{ - width:85%; - padding:5%; - } -} article{ display:flex; flex-direction: column; align-items: center; + width:100%; } article p, @@ -137,4 +152,41 @@ blockquote { .gallery{ max-width:40vw; -} \ No newline at end of file +} + +audio{ + padding:1rem; +} + +.post-tags{ + display:flex; + flex-direction: row; + flex-wrap: wrap; + align-items: center; + justify-content: space-evenly; + width:80%; + font-weight: bolder; + font-size:1.25rem +} +@media screen and (orientation: portrait){ + body{ + flex-direction: column; + align-items: center; + justify-content: flex-start; + flex-wrap: none; + padding:0; + font-size:1rem; + } + #profile,#posts{ + width:90%; + max-width: 90vw; + + } + + #profile a>img{ + display:flex; + flex-direction: column; + align-items: center; + width:100%; + } +}