From 26ee5f4dbc5cde34e98565bae169e995ecc13781 Mon Sep 17 00:00:00 2001 From: danix Date: Wed, 15 Feb 2023 17:51:18 +0100 Subject: [PATCH] added various SVG and fixed display of footer and some shortcodes. Initial fix of the content. --- TODO.md | 2 + assets/SVGs/arrow-up-right-from-square.svg | 1 + assets/SVGs/arrow-up.svg | 2 +- assets/SVGs/bed.svg | 1 + assets/SVGs/cc-by.svg | 1 + assets/SVGs/cc-sa.svg | 1 + assets/SVGs/cc.svg | 1 + assets/SVGs/coffee.svg | 1 + assets/SVGs/css3.svg | 2 +- assets/SVGs/email.svg | 1 + assets/SVGs/git.svg | 2 +- assets/SVGs/github.svg | 2 +- assets/SVGs/heart.svg | 1 + assets/SVGs/home.svg | 2 +- assets/SVGs/html5.svg | 2 +- assets/SVGs/hugo.svg | 1 + assets/SVGs/instagram.svg | 2 +- assets/SVGs/js.svg | 2 +- assets/SVGs/linux.svg | 2 +- assets/SVGs/lock-open.svg | 1 + assets/SVGs/markdown.svg | 2 +- assets/SVGs/pinterest.svg | 1 + assets/SVGs/reddit.svg | 1 + assets/SVGs/rss.svg | 1 + assets/SVGs/sass.svg | 2 +- assets/SVGs/sitemap.svg | 1 + assets/SVGs/spotify.svg | 2 +- assets/SVGs/telegram.svg | 1 + assets/SVGs/twitter.svg | 2 +- assets/SVGs/whatsapp.svg | 1 + assets/sass/components/_icons.scss | 36 +++++++- assets/sass/components/_image.scss | 23 +++++- assets/sass/layout/_footer.scss | 32 +++----- layouts/articles/list.html | 2 +- layouts/home-baseof.html | 3 - layouts/home.html | 3 + layouts/partials/copyright.html | 7 ++ layouts/partials/footer.html | 15 ++-- layouts/partials/funcs/share-on-socials.html | 26 ++++++ layouts/partials/funcs/social-menu.html | 2 +- layouts/partials/head.html | 3 +- layouts/partials/prev-next.html | 6 +- layouts/post/single.html | 3 +- layouts/shortcodes/video.html | 2 +- static/syntax.css | 86 ++++++++++++++++++++ 45 files changed, 239 insertions(+), 54 deletions(-) create mode 100644 assets/SVGs/arrow-up-right-from-square.svg create mode 100644 assets/SVGs/bed.svg create mode 100644 assets/SVGs/cc-by.svg create mode 100644 assets/SVGs/cc-sa.svg create mode 100644 assets/SVGs/cc.svg create mode 100644 assets/SVGs/coffee.svg create mode 100644 assets/SVGs/email.svg create mode 100644 assets/SVGs/heart.svg create mode 100644 assets/SVGs/hugo.svg create mode 100644 assets/SVGs/lock-open.svg create mode 100644 assets/SVGs/pinterest.svg create mode 100644 assets/SVGs/reddit.svg create mode 100644 assets/SVGs/rss.svg create mode 100644 assets/SVGs/sitemap.svg create mode 100644 assets/SVGs/telegram.svg create mode 100644 assets/SVGs/whatsapp.svg create mode 100644 layouts/partials/copyright.html create mode 100644 layouts/partials/funcs/share-on-socials.html create mode 100644 static/syntax.css diff --git a/TODO.md b/TODO.md index a729d2e..f27aec3 100644 --- a/TODO.md +++ b/TODO.md @@ -6,6 +6,8 @@ CONTENT - check every article added for image references, shortcodes, links and tidy up everything - check metadata in every article +- [licensing](https://chooser-beta.creativecommons.org/) + + `

danix's ramblings by Danilo 'danix' M. is licensed under CC BY-SA 4.0

` THEME ----- diff --git a/assets/SVGs/arrow-up-right-from-square.svg b/assets/SVGs/arrow-up-right-from-square.svg new file mode 100644 index 0000000..3e86b4c --- /dev/null +++ b/assets/SVGs/arrow-up-right-from-square.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/arrow-up.svg b/assets/SVGs/arrow-up.svg index db78a14..87b0a12 100644 --- a/assets/SVGs/arrow-up.svg +++ b/assets/SVGs/arrow-up.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/bed.svg b/assets/SVGs/bed.svg new file mode 100644 index 0000000..59bdf8b --- /dev/null +++ b/assets/SVGs/bed.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/cc-by.svg b/assets/SVGs/cc-by.svg new file mode 100644 index 0000000..78c058a --- /dev/null +++ b/assets/SVGs/cc-by.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/cc-sa.svg b/assets/SVGs/cc-sa.svg new file mode 100644 index 0000000..cc8429b --- /dev/null +++ b/assets/SVGs/cc-sa.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/cc.svg b/assets/SVGs/cc.svg new file mode 100644 index 0000000..b54c5a7 --- /dev/null +++ b/assets/SVGs/cc.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/coffee.svg b/assets/SVGs/coffee.svg new file mode 100644 index 0000000..1b4f62e --- /dev/null +++ b/assets/SVGs/coffee.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/css3.svg b/assets/SVGs/css3.svg index 78dd10f..e7052ae 100644 --- a/assets/SVGs/css3.svg +++ b/assets/SVGs/css3.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/email.svg b/assets/SVGs/email.svg new file mode 100644 index 0000000..a44bd5d --- /dev/null +++ b/assets/SVGs/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/git.svg b/assets/SVGs/git.svg index f06f0bf..d55123a 100644 --- a/assets/SVGs/git.svg +++ b/assets/SVGs/git.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/github.svg b/assets/SVGs/github.svg index 2b43c97..82d16b6 100644 --- a/assets/SVGs/github.svg +++ b/assets/SVGs/github.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/heart.svg b/assets/SVGs/heart.svg new file mode 100644 index 0000000..f6de4e4 --- /dev/null +++ b/assets/SVGs/heart.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/home.svg b/assets/SVGs/home.svg index 9b8d350..6f13ced 100644 --- a/assets/SVGs/home.svg +++ b/assets/SVGs/home.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/html5.svg b/assets/SVGs/html5.svg index 00bd134..bd934d0 100644 --- a/assets/SVGs/html5.svg +++ b/assets/SVGs/html5.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/hugo.svg b/assets/SVGs/hugo.svg new file mode 100644 index 0000000..a2f1a74 --- /dev/null +++ b/assets/SVGs/hugo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/instagram.svg b/assets/SVGs/instagram.svg index f355c61..ca3540a 100644 --- a/assets/SVGs/instagram.svg +++ b/assets/SVGs/instagram.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/js.svg b/assets/SVGs/js.svg index 42324e5..7db66f6 100644 --- a/assets/SVGs/js.svg +++ b/assets/SVGs/js.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/linux.svg b/assets/SVGs/linux.svg index fb9afbb..6cf08dd 100644 --- a/assets/SVGs/linux.svg +++ b/assets/SVGs/linux.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/lock-open.svg b/assets/SVGs/lock-open.svg new file mode 100644 index 0000000..d9bce3e --- /dev/null +++ b/assets/SVGs/lock-open.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/markdown.svg b/assets/SVGs/markdown.svg index 07b49f8..2fbf8b3 100644 --- a/assets/SVGs/markdown.svg +++ b/assets/SVGs/markdown.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/pinterest.svg b/assets/SVGs/pinterest.svg new file mode 100644 index 0000000..9a957c8 --- /dev/null +++ b/assets/SVGs/pinterest.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/reddit.svg b/assets/SVGs/reddit.svg new file mode 100644 index 0000000..0907f26 --- /dev/null +++ b/assets/SVGs/reddit.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/rss.svg b/assets/SVGs/rss.svg new file mode 100644 index 0000000..2c09e89 --- /dev/null +++ b/assets/SVGs/rss.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/sass.svg b/assets/SVGs/sass.svg index 549d397..03b40d6 100644 --- a/assets/SVGs/sass.svg +++ b/assets/SVGs/sass.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/sitemap.svg b/assets/SVGs/sitemap.svg new file mode 100644 index 0000000..772e6aa --- /dev/null +++ b/assets/SVGs/sitemap.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/spotify.svg b/assets/SVGs/spotify.svg index 6a0311d..9345587 100644 --- a/assets/SVGs/spotify.svg +++ b/assets/SVGs/spotify.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/telegram.svg b/assets/SVGs/telegram.svg new file mode 100644 index 0000000..711d7e8 --- /dev/null +++ b/assets/SVGs/telegram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/SVGs/twitter.svg b/assets/SVGs/twitter.svg index 38907e8..47a8f46 100644 --- a/assets/SVGs/twitter.svg +++ b/assets/SVGs/twitter.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/assets/SVGs/whatsapp.svg b/assets/SVGs/whatsapp.svg new file mode 100644 index 0000000..e246ca7 --- /dev/null +++ b/assets/SVGs/whatsapp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss index d8f303b..1985d4c 100644 --- a/assets/sass/components/_icons.scss +++ b/assets/sass/components/_icons.scss @@ -58,12 +58,44 @@ } } - ul.footer-socials { + ul.social-sharer { cursor: default; list-style: none; padding-left: 0; - li.social-link { + li { + display: inline-block; + padding: 0 1em 0 0; + + &:last-child { + padding-right: 0; + } + a { + border-bottom: none; + text-decoration: none; + span.inline-svg { + svg { + width: 4rem; + height: 4rem; + } + } + } + } + + @include breakpoint('<=small') { + li { + padding: 0 0.75em 0 0; + } + } + } + + ul.footer-socials, + ul.footer-tools { + cursor: default; + list-style: none; + padding-left: 0; + + li { display: inline-block; padding: 0 1em 0 0; diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss index b77a874..2901801 100644 --- a/assets/sass/components/_image.scss +++ b/assets/sass/components/_image.scss @@ -63,4 +63,25 @@ .circle > img { @include circle(200px, "block") - } \ No newline at end of file + } + + video { + display: block !important; + &.left { + float: left; + margin: 0 1.5em 1.25em 0; + top: 0.25em; + } + + &.right { + float: right; + margin: 0 0 1.25em 1.5em; + top: 0.25em; + } + + &.fit { + display: block; + margin: 0 0 _size(element-margin) 0; + width: 100%; + } + } diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss index e5ace19..3438ed2 100644 --- a/assets/sass/layout/_footer.scss +++ b/assets/sass/layout/_footer.scss @@ -11,32 +11,24 @@ font-size: 0.8em; list-style: none; padding-left: 0; - - li { - border-left: solid 1px _palette(border); - color: _palette(fg-light); - display: inline-block; - line-height: 1; - margin-left: 1em; - padding-left: 1em; - - &:first-child { - border-left: 0; - margin-left: 0; - padding-left: 0; + span.inline-svg { + svg { + width: 1em; + height: 1em; + } + } + span.hugo { + span.inline-svg { + svg { + height: 1em; + width: auto; + } } } } @include breakpoint('<=xsmall') { .copyright { - li { - display: block; - border-left: 0; - margin-left: 0; - padding-left: 0; - line-height: inherit; - } } } } \ No newline at end of file diff --git a/layouts/articles/list.html b/layouts/articles/list.html index 83ac646..6c13939 100644 --- a/layouts/articles/list.html +++ b/layouts/articles/list.html @@ -12,7 +12,7 @@
- + {{ range .Paginator.Pages }}
diff --git a/layouts/home-baseof.html b/layouts/home-baseof.html index 2335867..5d3a050 100644 --- a/layouts/home-baseof.html +++ b/layouts/home-baseof.html @@ -22,9 +22,6 @@
{{- block "home-main" . }}{{- end }}
-
- {{ partial "home-social-links.html" . }} -
{{- partial "footer.html" . -}} diff --git a/layouts/home.html b/layouts/home.html index 567739c..607fe39 100644 --- a/layouts/home.html +++ b/layouts/home.html @@ -1,5 +1,8 @@ {{ define "home-main" }}

{{ .Content }}

+ + {{ partial "home-social-links.html" . }} +
{{ end }} diff --git a/layouts/partials/copyright.html b/layouts/partials/copyright.html new file mode 100644 index 0000000..19ce0ac --- /dev/null +++ b/layouts/partials/copyright.html @@ -0,0 +1,7 @@ +
+

+ content by {{$.Site.Author.name}} licensed under the {{- partial "funcs/svg.html" (dict "context" . "username" "cc") -}}{{- partial "funcs/svg.html" (dict "context" . "username" "cc-by") -}}{{- partial "funcs/svg.html" (dict "context" . "username" "cc-sa") -}}CC BY-SA 4.0 unless stated otherwhise + ⁃ + hugo theme adapted from Forty by html5up.net

+
\ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index b883309..95d02d6 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,17 +1,20 @@ diff --git a/layouts/partials/funcs/share-on-socials.html b/layouts/partials/funcs/share-on-socials.html new file mode 100644 index 0000000..dc673e7 --- /dev/null +++ b/layouts/partials/funcs/share-on-socials.html @@ -0,0 +1,26 @@ + diff --git a/layouts/partials/funcs/social-menu.html b/layouts/partials/funcs/social-menu.html index 84ebaad..61da535 100644 --- a/layouts/partials/funcs/social-menu.html +++ b/layouts/partials/funcs/social-menu.html @@ -1,5 +1,5 @@ {{ with .Site.Social }} -
+