From 1a244acc0d79b91fc83d64220d4fce275fafa503 Mon Sep 17 00:00:00 2001 From: Laurens Date: Mon, 14 Oct 2024 16:44:36 +0200 Subject: [PATCH] mobile view fix --- assets/scss/custom.scss | 26 +++++++++ hugo_stats.json | 2 + layouts/_default/single.html | 55 ++++++++++++++++++ layouts/index.html | 4 +- public/authors/laurens-hof/index.html | 44 +++++++------- public/categories/index.xml | 4 +- public/categories/news/index.html | 44 +++++++------- public/categories/news/index.xml | 16 ++--- public/consortium/index.html | 16 +++++ public/css/style.css | 30 +++++----- public/developers/index.html | 16 +++++ public/ec/index.html | 16 +++++ public/fediversity/index.html | 16 +++++ public/grants/index.html | 16 +++++ public/index.html | 4 +- public/individuals/index.html | 16 +++++ public/nlnet/index.html | 16 +++++ public/nordunet/index.html | 16 +++++ public/oid/index.html | 16 +++++ public/privacy-policy/index.html | 16 +++++ public/sitemap.xml | 22 +++---- public/tweag/index.html | 16 +++++ ...s_82b067fd6c564693170dff5ae4660239.content | 30 +++++----- ...s_f120a3f402b106f64b18d498afd3d82e.content | 14 +++++ ...3977_0551e932752217755561272feccce033.webp | Bin 0 -> 718 bytes ...3977_3f859bd1ea9cf53d7a5ccda4b23cb8ff.webp | Bin 0 -> 760 bytes ...3977_c577dc903436770a3d245b0c9cd360bd.webp | Bin 0 -> 780 bytes ...3977_c9b78318cf991540fcc9f594269acba1.webp | Bin 0 -> 726 bytes tailwind.config.js | 2 +- 29 files changed, 375 insertions(+), 98 deletions(-) create mode 100644 resources/_gen/images/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_0551e932752217755561272feccce033.webp create mode 100644 resources/_gen/images/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_3f859bd1ea9cf53d7a5ccda4b23cb8ff.webp create mode 100644 resources/_gen/images/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_c577dc903436770a3d245b0c9cd360bd.webp create mode 100644 resources/_gen/images/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_c9b78318cf991540fcc9f594269acba1.webp diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index ec78b3a..d3dfba8 100755 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -124,4 +124,30 @@ .line { border-top: 1px solid #FF6E00; /* Change color and thickness as needed */ margin: 10px 0; /* Adjust spacing between the line and the divs */ +} + + +@media (max-width: 600px) { + .grid-container { + grid-template-columns: repeat(1, 1fr); + } + + .grid-item { + padding: 0; + .header-with-image2 { + text-align: start; + } + } + + .grid-container-small { + grid-template-columns: repeat(1, 1fr); + } + + .header-with-image2 { + svg { + width: 48px; + height: 48px; + margin: 0 0 8px 0; + } + } } \ No newline at end of file diff --git a/hugo_stats.json b/hugo_stats.json index e616e80..addf68c 100644 --- a/hugo_stats.json +++ b/hugo_stats.json @@ -66,6 +66,7 @@ "col-12", "column", "container", + "containerdoublecolumn", "content", "cursor-pointer", "fa", @@ -91,6 +92,7 @@ "g", "grid-container", "grid-container-small", + "grid-containerdoublecolumn", "grid-item", "group", "gx-5", diff --git a/layouts/_default/single.html b/layouts/_default/single.html index a3b5b19..8759a90 100755 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,5 +1,60 @@ {{ define "main" }} {{ partial "page-header" . }} + + + +{{ range $i, $e:= .Params.features }} +
+
+
+
+ {{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL" + "520x" "DisplayLG" "425x" "DisplayMD" "360x") }} +
+
+

{{ .title | markdownify }}

+

{{ .content | markdownify }}

+
    + {{ range .bulletpoints }} +
  • + + {{ . | markdownify }} +
    • + {{ end }} +
+ +
+
+
+
+{{ end }} + + + + +
+
+ {{ range $i, $e := .Params.doublecolumn }} +
+

{{ .title | markdownify }}

+
+

{{ .content | markdownify }} +

+
+ {{ end }} +
+
+ + +
diff --git a/layouts/index.html b/layouts/index.html index ecc7437..308c9e7 100755 --- a/layouts/index.html +++ b/layouts/index.html @@ -42,7 +42,7 @@

Consortium

-
+
{{ range $i, $e := .Params.features3 }} @@ -117,7 +117,7 @@

Fediverse Explained

-
+
{{ range $i, $e := .Params.features2 }}
diff --git a/public/authors/laurens-hof/index.html b/public/authors/laurens-hof/index.html index 619a0b4..4d796a6 100644 --- a/public/authors/laurens-hof/index.html +++ b/public/authors/laurens-hof/index.html @@ -851,31 +851,31 @@ Fediversity Tech Session + alt="Nordunet Conference 2024" + width="4032" + height="3024" /> @@ -888,7 +888,7 @@

- Fediversity Tech Session + Nordunet Conference 2024

    @@ -909,8 +909,8 @@
-

Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.

- +

Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.

+ Read More
@@ -998,31 +998,31 @@ Nordunet Conference 2024 + alt="Fediversity Tech Session" + width="500" + height="378" /> @@ -1035,7 +1035,7 @@

- Nordunet Conference 2024 + Fediversity Tech Session

    @@ -1056,8 +1056,8 @@
-

Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.

- +

Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.

+ Read More
diff --git a/public/categories/index.xml b/public/categories/index.xml index 8eb734b..e357a79 100644 --- a/public/categories/index.xml +++ b/public/categories/index.xml @@ -6,12 +6,12 @@ Recent content in Categories on Fediversity Hugo -- gohugo.io en-us - Mon, 05 Aug 2024 05:00:00 +0000 + Tue, 17 Sep 2024 05:00:00 +0000 News //localhost:1313/categories/news/ - Mon, 05 Aug 2024 05:00:00 +0000 + Tue, 17 Sep 2024 05:00:00 +0000 //localhost:1313/categories/news/ diff --git a/public/categories/news/index.html b/public/categories/news/index.html index 6b3ce10..2627f44 100644 --- a/public/categories/news/index.html +++ b/public/categories/news/index.html @@ -766,31 +766,31 @@ Fediversity Tech Session + alt="Nordunet Conference 2024" + width="4032" + height="3024" /> @@ -803,7 +803,7 @@

- Fediversity Tech Session + Nordunet Conference 2024

    @@ -824,8 +824,8 @@
-

Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.

- +

Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.

+ Read More
@@ -913,31 +913,31 @@ Nordunet Conference 2024 + alt="Fediversity Tech Session" + width="500" + height="378" /> @@ -950,7 +950,7 @@

- Nordunet Conference 2024 + Fediversity Tech Session

    @@ -971,8 +971,8 @@
-

Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.

- +

Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us.

+ Read More
diff --git a/public/categories/news/index.xml b/public/categories/news/index.xml index 08bc9b0..f35ca1b 100644 --- a/public/categories/news/index.xml +++ b/public/categories/news/index.xml @@ -6,8 +6,15 @@ Recent content in News on Fediversity Hugo -- gohugo.io en-us - Mon, 05 Aug 2024 05:00:00 +0000 + Tue, 17 Sep 2024 05:00:00 +0000 + + Nordunet Conference 2024 + //localhost:1313/blog/nordunet-conference-2024/ + Tue, 17 Sep 2024 05:00:00 +0000 + //localhost:1313/blog/nordunet-conference-2024/ + Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present. + Fediversity Tech Session //localhost:1313/blog/fediversity-tech-session/ @@ -15,13 +22,6 @@ //localhost:1313/blog/fediversity-tech-session/ Recently Fediversity hosted a tech session on NixOS and Kubernetes. We invited people within the community to discuss some design considerations of the Fediversity project with us. - - Nordunet Conference 2024 - //localhost:1313/blog/nordunet-conference-2024/ - Tue, 30 Jul 2024 05:00:00 +0000 - //localhost:1313/blog/nordunet-conference-2024/ - Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present. - PublicSpaces Conference 2024 //localhost:1313/blog/publicspaces-conference/ diff --git a/public/consortium/index.html b/public/consortium/index.html index 1ce6cca..c001889 100644 --- a/public/consortium/index.html +++ b/public/consortium/index.html @@ -675,6 +675,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/public/css/style.css b/public/css/style.css index 1a5d3e8..3781161 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -757,12 +757,6 @@ select { padding-right: 2rem; padding-left: 2rem; } -@media (min-width: 540px) { - - .container { - max-width: 540px; - } -} @media (min-width: 768px) { .container { @@ -3042,15 +3036,26 @@ input#nav-toggle:checked ~ #nav-menu { margin: 10px 0; /* Adjust spacing between the line and the divs */ } -@media (min-width: 540px) { +@media (max-width: 600px) { + .grid-container { + grid-template-columns: repeat(1, 1fr); } + .grid-item { + padding: 0; } + .grid-item .header-with-image2 { + text-align: start; } + .grid-container-small { + grid-template-columns: repeat(1, 1fr); } + .header-with-image2 svg { + width: 48px; + height: 48px; + margin: 0 0 8px 0; } } + +@media (min-width: 768px) { .sm\:col-10 { flex: 0 0 auto; width: 83.33333333333334%; } -} - -@media (min-width: 768px) { .md\:col-5 { flex: 0 0 auto; @@ -3124,7 +3129,7 @@ input#nav-toggle:checked ~ #nav-menu { } } -@media (min-width: 540px) { +@media (min-width: 768px) { .sm\:block { display: block; @@ -3138,9 +3143,6 @@ input#nav-toggle:checked ~ #nav-menu { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } -} - -@media (min-width: 768px) { .md\:order-2 { order: 2; diff --git a/public/developers/index.html b/public/developers/index.html index 122bd93..550f2ff 100644 --- a/public/developers/index.html +++ b/public/developers/index.html @@ -676,6 +676,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/public/ec/index.html b/public/ec/index.html index 490a147..030b22d 100644 --- a/public/ec/index.html +++ b/public/ec/index.html @@ -676,6 +676,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/public/fediversity/index.html b/public/fediversity/index.html index b7fb657..38188e4 100644 --- a/public/fediversity/index.html +++ b/public/fediversity/index.html @@ -675,6 +675,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/public/grants/index.html b/public/grants/index.html index c1febda..46c6a1d 100644 --- a/public/grants/index.html +++ b/public/grants/index.html @@ -675,6 +675,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/public/index.html b/public/index.html index dff60c8..ff71a0e 100644 --- a/public/index.html +++ b/public/index.html @@ -751,7 +751,7 @@

Consortium

-
+
@@ -1001,7 +1001,7 @@

Fediverse Explained

-
+
diff --git a/public/individuals/index.html b/public/individuals/index.html index b8b7a0b..1cbf057 100644 --- a/public/individuals/index.html +++ b/public/individuals/index.html @@ -676,6 +676,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/public/nlnet/index.html b/public/nlnet/index.html index d5fdbb1..5bf112a 100644 --- a/public/nlnet/index.html +++ b/public/nlnet/index.html @@ -676,6 +676,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/public/nordunet/index.html b/public/nordunet/index.html index c32635f..c0992fb 100644 --- a/public/nordunet/index.html +++ b/public/nordunet/index.html @@ -676,6 +676,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/public/oid/index.html b/public/oid/index.html index 6e4be06..b9c9f13 100644 --- a/public/oid/index.html +++ b/public/oid/index.html @@ -676,6 +676,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/public/privacy-policy/index.html b/public/privacy-policy/index.html index ef860a4..6880687 100644 --- a/public/privacy-policy/index.html +++ b/public/privacy-policy/index.html @@ -674,6 +674,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/public/sitemap.xml b/public/sitemap.xml index 7e840b0..ab67d46 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -3,22 +3,22 @@ xmlns:xhtml="http://www.w3.org/1999/xhtml"> //localhost:1313/ - 2024-08-05T05:00:00+00:00 + 2024-09-17T05:00:00+00:00 //localhost:1313/categories/ - 2024-08-05T05:00:00+00:00 + 2024-09-17T05:00:00+00:00 + + //localhost:1313/categories/news/ + 2024-09-17T05:00:00+00:00 + + //localhost:1313/blog/ + 2024-09-17T05:00:00+00:00 + + //localhost:1313/blog/nordunet-conference-2024/ + 2024-09-17T05:00:00+00:00 //localhost:1313/blog/fediversity-tech-session/ 2024-08-05T05:00:00+00:00 - - //localhost:1313/categories/news/ - 2024-08-05T05:00:00+00:00 - - //localhost:1313/blog/ - 2024-08-05T05:00:00+00:00 - - //localhost:1313/blog/nordunet-conference-2024/ - 2024-07-30T05:00:00+00:00 //localhost:1313/blog/publicspaces-conference/ 2024-07-30T05:00:00+00:00 diff --git a/public/tweag/index.html b/public/tweag/index.html index e2bbaf5..ee7d71c 100644 --- a/public/tweag/index.html +++ b/public/tweag/index.html @@ -676,6 +676,22 @@
+ + + + + + + + +
+
+ +
+
+ + +
diff --git a/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content b/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content index 1a5d3e8..3781161 100644 --- a/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content +++ b/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content @@ -757,12 +757,6 @@ select { padding-right: 2rem; padding-left: 2rem; } -@media (min-width: 540px) { - - .container { - max-width: 540px; - } -} @media (min-width: 768px) { .container { @@ -3042,15 +3036,26 @@ input#nav-toggle:checked ~ #nav-menu { margin: 10px 0; /* Adjust spacing between the line and the divs */ } -@media (min-width: 540px) { +@media (max-width: 600px) { + .grid-container { + grid-template-columns: repeat(1, 1fr); } + .grid-item { + padding: 0; } + .grid-item .header-with-image2 { + text-align: start; } + .grid-container-small { + grid-template-columns: repeat(1, 1fr); } + .header-with-image2 svg { + width: 48px; + height: 48px; + margin: 0 0 8px 0; } } + +@media (min-width: 768px) { .sm\:col-10 { flex: 0 0 auto; width: 83.33333333333334%; } -} - -@media (min-width: 768px) { .md\:col-5 { flex: 0 0 auto; @@ -3124,7 +3129,7 @@ input#nav-toggle:checked ~ #nav-menu { } } -@media (min-width: 540px) { +@media (min-width: 768px) { .sm\:block { display: block; @@ -3138,9 +3143,6 @@ input#nav-toggle:checked ~ #nav-menu { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)); } -} - -@media (min-width: 768px) { .md\:order-2 { order: 2; diff --git a/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content b/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content index 06c9bf5..628c4f6 100644 --- a/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content +++ b/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content @@ -1113,3 +1113,17 @@ /* Change color and thickness as needed */ margin: 10px 0; /* Adjust spacing between the line and the divs */ } + +@media (max-width: 600px) { + .grid-container { + grid-template-columns: repeat(1, 1fr); } + .grid-item { + padding: 0; } + .grid-item .header-with-image2 { + text-align: start; } + .grid-container-small { + grid-template-columns: repeat(1, 1fr); } + .header-with-image2 svg { + width: 48px; + height: 48px; + margin: 0 0 8px 0; } } diff --git a/resources/_gen/images/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_0551e932752217755561272feccce033.webp b/resources/_gen/images/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_0551e932752217755561272feccce033.webp new file mode 100644 index 0000000000000000000000000000000000000000..4d8e7d36e28af71af0049652921c8c16e330df32 GIT binary patch literal 718 zcmex=nAuRebI z{N?Mn?>~P2Vq{>3cn3&AJcQ&QL7;z_SXh`@*g^hbWGV+@WL#q-|P2{`9kZZ zd0*ad(O+9I;dRa5SMz^o|6OIfw&97&{r91%_iVFEqE`o8^QzU>ZallO@U@T8j(6Er m*`mx_Q{xnAuRebI z{N?Mn?>~P2Vq{>3cn3&AJcQ&QL7;z_SXh`@*g^hbWGV+@WL#!`-1N+tUmHp^m+Ob_TN{fD;oYYRCPDL(65-cXrX!M>lo(jBmWsh4YHTpS9SLt zU%2+ryf5!9YqQ(7U$>1~{_l?by#?;`D$l?6&AfeWNrj(PXk>EMxg7S{&98mU)vqnk zxN^5QxZs)I(#L#X{xfVhUz;xAs+RGLdDCw`cdynjZ@#T9ed%$9vEx>rb!cUdS>M!s fU%ehLTyivd=AQ1;XM@jXzN+O-y>4CA^ZzCQ#UK~Y literal 0 HcmV?d00001 diff --git a/resources/_gen/images/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_c577dc903436770a3d245b0c9cd360bd.webp b/resources/_gen/images/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_c577dc903436770a3d245b0c9cd360bd.webp new file mode 100644 index 0000000000000000000000000000000000000000..b32925e602346adcb76544ce17fa351470631b7b GIT binary patch literal 780 zcmex=Nsy6Qkn#T!#zhPajI4}czyJk|Ow25-Z0sDIT-*W-OpMITOf1Z-tSl@*m9;=Q z1{Oh9Aw@$+HsQcTcBMiQqsEB~Ih36?9uy6__(8=usi=vQOH5osQc6`#T|-mL#MI2( z!qUpw#nsK-!_zA`Bs45MA~GsDB{eNQBQvYGq_nKOqOz*FrM0cSqqA$$ z3M&~ka)>xhT)6Qdr?PR-2hpUWi(FzVCJ$9Vg1iLw5pf=BBFjf`55fKO{}uxeGb1p< zm<1W^8TRkK*2f!^eW&)y^L@U`@%!vT0&0tAG3;_x4HCbU`!r-$=I#mGDwu6Gn7)d} z=3RJPH1W0HZ=bkj4H|m){xkS(c{}lW+xypkKP6-ezpmJqb1A__r}Egt>(?f9e4O|5 z<*YPm%L5DYWLNxbJ<96&@~HKbFD5fBUb;Pg|MLQCzoNs>x|r`GmvgMm?AJ#AV_g=& zqQ-vy)I;}6{hBjx7(eN&kj*-Nsy6Qkn#T!#zhPajI4}czyJk|Ow25-Z0sDIT-*W-OpMITOf1Z-tSl@*m9;=Q z1{Oh9Aw@$+HsQcTcBMiQqsEB~Ih36?9uy6__(8=usi=vQOH5osQc6`#T|-mL#MI2( z!qUpw#nsK-!_zA`Bs45MA~GsDB{eNQBQvYGq_nKOqOz*FrM0cSqqA$$ z3M&~ka)>xhT)6Qdr?PR-2hpUWi(FzVCJ$9Vg1iLw5pf=BBFjf`55fKO{}uxeGb1p< zm<1W^8TN3z_dcGr