mobile view fix
This commit is contained in:
		
							parent
							
								
									61d3db7273
								
							
						
					
					
						commit
						1a244acc0d
					
				
					 29 changed files with 375 additions and 98 deletions
				
			
		|  | @ -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; | ||||
|     } | ||||
|   } | ||||
| } | ||||
|  | @ -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", | ||||
|  |  | |||
|  | @ -1,5 +1,60 @@ | |||
| {{ define "main" }} {{ partial "page-header" . }} | ||||
| 
 | ||||
| <!-- {{ partial "page-header" . }} --> | ||||
| 
 | ||||
| <!-- Features --> | ||||
| {{ range $i, $e:= .Params.features }} | ||||
| <section class="section-sm"  style="background-color: #eeeeee;"> | ||||
|   <div class="container"> | ||||
|     <div class="row flex-row-reverse items-center justify-between"> | ||||
|       <div | ||||
|         class="mb:md-0 {{ if not (modBool $i 2) }} | ||||
|               md:order-2 | ||||
|             {{ end }} md:col-5 mb-6" | ||||
|       > | ||||
|         {{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL" | ||||
|         "520x" "DisplayLG" "425x" "DisplayMD" "360x") }} | ||||
|       </div> | ||||
|       <div | ||||
|         class="{{ if not (modBool $i 2) }} | ||||
|               md:order-1 | ||||
|             {{ end }} md:col-7 lg:col-6" | ||||
|       > | ||||
|         <h2 class="mb-4">{{ .title | markdownify }}</h2> | ||||
|         <p class="mb-8 text-lg">{{ .content | markdownify }}</p> | ||||
|         <ul>  | ||||
|           {{ range .bulletpoints }} | ||||
|           <li class="relative mb-4 pl-6"> | ||||
|             <i class="fa fa-check absolute left-0 top-1.5"></i> | ||||
|             {{ . | markdownify }} | ||||
|           </li> | ||||
|           {{ end }} | ||||
|         </ul> | ||||
| 
 | ||||
|       </div> | ||||
|     </div> | ||||
|   </div> | ||||
| </section> | ||||
| {{ end }} | ||||
| <!-- /Features --> | ||||
| 
 | ||||
| 
 | ||||
| <!--doublecolumn--> | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|     {{ range $i, $e := .Params.doublecolumn }} | ||||
|     <div class="grid-itemdoublecolun"> | ||||
|         <h3 class="">{{ .title | markdownify }}</h4> | ||||
|           <br> | ||||
|       <p class="">{{ .content | markdownify }} | ||||
|       </p> | ||||
|     </div> | ||||
|     {{ end }} | ||||
|   </div> | ||||
| </div> | ||||
| <!--/doublecolumn--> | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -42,7 +42,7 @@ | |||
| <center><h2> Consortium</h2></center> | ||||
| 
 | ||||
| 
 | ||||
| <div class="container"> | ||||
| <div class="container pt-14 pb-14"> | ||||
|   <div class="grid-container"> | ||||
|     {{ range $i, $e := .Params.features3 }} | ||||
|      | ||||
|  | @ -117,7 +117,7 @@ | |||
| <center><h2> Fediverse Explained</h2></center> | ||||
| 
 | ||||
| 
 | ||||
| <div class="container"> | ||||
| <div class="container pt-14 pb-14"> | ||||
|   <div class="grid-container"> | ||||
|     {{ range $i, $e := .Params.features2 }} | ||||
|     <div class="grid-item"> | ||||
|  |  | |||
|  | @ -851,31 +851,31 @@ | |||
|         <picture> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp" | ||||
|               srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_545x0_resize_q80_h2_lanczos.webp" | ||||
|              | ||||
|             media="(max-width: 575px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp" | ||||
|               srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_600x0_resize_q80_h2_lanczos.webp" | ||||
|              | ||||
|             media="(max-width: 767px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp" | ||||
|               srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_700x0_resize_q80_h2_lanczos.webp" | ||||
|              | ||||
|             media="(max-width: 991px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp" | ||||
|               srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_h2_lanczos.webp" | ||||
|              /> | ||||
|           <img | ||||
|              | ||||
|               loading="lazy" decoding="async" | ||||
|               src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png" | ||||
|               src="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_lanczos.jpeg" | ||||
|             class=" w-full rounded img" | ||||
|             alt="Fediversity Tech Session" | ||||
|             width="500" | ||||
|             height="378" /> | ||||
|             alt="Nordunet Conference 2024" | ||||
|             width="4032" | ||||
|             height="3024" /> | ||||
|         </picture> | ||||
|        | ||||
|        | ||||
|  | @ -888,7 +888,7 @@ | |||
| 
 | ||||
|   | ||||
|   <h4 class="mb-3"> | ||||
|     <a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a> | ||||
|     <a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a> | ||||
|   </h4> | ||||
|     | ||||
|   <ul class="mb-4"> | ||||
|  | @ -909,8 +909,8 @@ | |||
|     </li> | ||||
|   </ul> | ||||
|    | ||||
|   <p class="mb-6">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.</p> | ||||
|   <a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/"> | ||||
|   <p class="mb-6">Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p> | ||||
|   <a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/"> | ||||
|     Read More | ||||
|   </a> | ||||
| </div> | ||||
|  | @ -998,31 +998,31 @@ | |||
|         <picture> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_545x0_resize_q80_h2_lanczos.webp" | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp" | ||||
|              | ||||
|             media="(max-width: 575px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_600x0_resize_q80_h2_lanczos.webp" | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp" | ||||
|              | ||||
|             media="(max-width: 767px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_700x0_resize_q80_h2_lanczos.webp" | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp" | ||||
|              | ||||
|             media="(max-width: 991px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_h2_lanczos.webp" | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp" | ||||
|              /> | ||||
|           <img | ||||
|              | ||||
|               loading="lazy" decoding="async" | ||||
|               src="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_lanczos.jpg" | ||||
|               src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png" | ||||
|             class=" w-full rounded img" | ||||
|             alt="Nordunet Conference 2024" | ||||
|             width="4032" | ||||
|             height="3024" /> | ||||
|             alt="Fediversity Tech Session" | ||||
|             width="500" | ||||
|             height="378" /> | ||||
|         </picture> | ||||
|        | ||||
|        | ||||
|  | @ -1035,7 +1035,7 @@ | |||
| 
 | ||||
|   | ||||
|   <h4 class="mb-3"> | ||||
|     <a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a> | ||||
|     <a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a> | ||||
|   </h4> | ||||
|     | ||||
|   <ul class="mb-4"> | ||||
|  | @ -1056,8 +1056,8 @@ | |||
|     </li> | ||||
|   </ul> | ||||
|    | ||||
|   <p class="mb-6">Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p> | ||||
|   <a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/"> | ||||
|   <p class="mb-6">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.</p> | ||||
|   <a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/"> | ||||
|     Read More | ||||
|   </a> | ||||
| </div> | ||||
|  |  | |||
|  | @ -6,12 +6,12 @@ | |||
|     <description>Recent content in Categories on Fediversity</description> | ||||
|     <generator>Hugo -- gohugo.io</generator> | ||||
|     <language>en-us</language> | ||||
|     <lastBuildDate>Mon, 05 Aug 2024 05:00:00 +0000</lastBuildDate> | ||||
|     <lastBuildDate>Tue, 17 Sep 2024 05:00:00 +0000</lastBuildDate> | ||||
|     <atom:link href="//localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" /> | ||||
|     <item> | ||||
|       <title>News</title> | ||||
|       <link>//localhost:1313/categories/news/</link> | ||||
|       <pubDate>Mon, 05 Aug 2024 05:00:00 +0000</pubDate> | ||||
|       <pubDate>Tue, 17 Sep 2024 05:00:00 +0000</pubDate> | ||||
|       <guid>//localhost:1313/categories/news/</guid> | ||||
|       <description></description> | ||||
|     </item> | ||||
|  |  | |||
|  | @ -766,31 +766,31 @@ | |||
|         <picture> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp" | ||||
|               srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_545x0_resize_q80_h2_lanczos.webp" | ||||
|              | ||||
|             media="(max-width: 575px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp" | ||||
|               srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_600x0_resize_q80_h2_lanczos.webp" | ||||
|              | ||||
|             media="(max-width: 767px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp" | ||||
|               srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_700x0_resize_q80_h2_lanczos.webp" | ||||
|              | ||||
|             media="(max-width: 991px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp" | ||||
|               srcset="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_h2_lanczos.webp" | ||||
|              /> | ||||
|           <img | ||||
|              | ||||
|               loading="lazy" decoding="async" | ||||
|               src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png" | ||||
|               src="/images/bergen-airport_hua6592a1a05b1929bb13285c7b4f35489_3333977_1110x0_resize_q80_lanczos.jpeg" | ||||
|             class=" w-full rounded img" | ||||
|             alt="Fediversity Tech Session" | ||||
|             width="500" | ||||
|             height="378" /> | ||||
|             alt="Nordunet Conference 2024" | ||||
|             width="4032" | ||||
|             height="3024" /> | ||||
|         </picture> | ||||
|        | ||||
|        | ||||
|  | @ -803,7 +803,7 @@ | |||
| 
 | ||||
|   | ||||
|   <h4 class="mb-3"> | ||||
|     <a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a> | ||||
|     <a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a> | ||||
|   </h4> | ||||
|     | ||||
|   <ul class="mb-4"> | ||||
|  | @ -824,8 +824,8 @@ | |||
|     </li> | ||||
|   </ul> | ||||
|    | ||||
|   <p class="mb-6">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.</p> | ||||
|   <a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/"> | ||||
|   <p class="mb-6">Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p> | ||||
|   <a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/"> | ||||
|     Read More | ||||
|   </a> | ||||
| </div> | ||||
|  | @ -913,31 +913,31 @@ | |||
|         <picture> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_545x0_resize_q80_h2_lanczos.webp" | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_545x0_resize_q80_h2_lanczos_3.webp" | ||||
|              | ||||
|             media="(max-width: 575px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_600x0_resize_q80_h2_lanczos.webp" | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_600x0_resize_q80_h2_lanczos_3.webp" | ||||
|              | ||||
|             media="(max-width: 767px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_700x0_resize_q80_h2_lanczos.webp" | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_700x0_resize_q80_h2_lanczos_3.webp" | ||||
|              | ||||
|             media="(max-width: 991px)" /> | ||||
|           <source | ||||
|              | ||||
|               srcset="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_h2_lanczos.webp" | ||||
|               srcset="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_q80_h2_lanczos_3.webp" | ||||
|              /> | ||||
|           <img | ||||
|              | ||||
|               loading="lazy" decoding="async" | ||||
|               src="/images/dc1_hu58840e307e8226cb8212843ce8494d49_6129825_1110x0_resize_q80_lanczos.jpg" | ||||
|               src="/images/checkbox-illustration-scaled_hu1ec65c0d63d9ad88a527e7b5c5d9d0fa_24456_1110x0_resize_lanczos_3.png" | ||||
|             class=" w-full rounded img" | ||||
|             alt="Nordunet Conference 2024" | ||||
|             width="4032" | ||||
|             height="3024" /> | ||||
|             alt="Fediversity Tech Session" | ||||
|             width="500" | ||||
|             height="378" /> | ||||
|         </picture> | ||||
|        | ||||
|        | ||||
|  | @ -950,7 +950,7 @@ | |||
| 
 | ||||
|   | ||||
|   <h4 class="mb-3"> | ||||
|     <a href="/blog/nordunet-conference-2024/"> Nordunet Conference 2024 </a> | ||||
|     <a href="/blog/fediversity-tech-session/"> Fediversity Tech Session </a> | ||||
|   </h4> | ||||
|     | ||||
|   <ul class="mb-4"> | ||||
|  | @ -971,8 +971,8 @@ | |||
|     </li> | ||||
|   </ul> | ||||
|    | ||||
|   <p class="mb-6">Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</p> | ||||
|   <a class="btn btn-outline-primary btn-sm" href="/blog/nordunet-conference-2024/"> | ||||
|   <p class="mb-6">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.</p> | ||||
|   <a class="btn btn-outline-primary btn-sm" href="/blog/fediversity-tech-session/"> | ||||
|     Read More | ||||
|   </a> | ||||
| </div> | ||||
|  |  | |||
|  | @ -6,8 +6,15 @@ | |||
|     <description>Recent content in News on Fediversity</description> | ||||
|     <generator>Hugo -- gohugo.io</generator> | ||||
|     <language>en-us</language> | ||||
|     <lastBuildDate>Mon, 05 Aug 2024 05:00:00 +0000</lastBuildDate> | ||||
|     <lastBuildDate>Tue, 17 Sep 2024 05:00:00 +0000</lastBuildDate> | ||||
|     <atom:link href="//localhost:1313/categories/news/index.xml" rel="self" type="application/rss+xml" /> | ||||
|     <item> | ||||
|       <title>Nordunet Conference 2024</title> | ||||
|       <link>//localhost:1313/blog/nordunet-conference-2024/</link> | ||||
|       <pubDate>Tue, 17 Sep 2024 05:00:00 +0000</pubDate> | ||||
|       <guid>//localhost:1313/blog/nordunet-conference-2024/</guid> | ||||
|       <description>Fediversity was represented in Bergen at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</description> | ||||
|     </item> | ||||
|     <item> | ||||
|       <title>Fediversity Tech Session</title> | ||||
|       <link>//localhost:1313/blog/fediversity-tech-session/</link> | ||||
|  | @ -15,13 +22,6 @@ | |||
|       <guid>//localhost:1313/blog/fediversity-tech-session/</guid> | ||||
|       <description>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.</description> | ||||
|     </item> | ||||
|     <item> | ||||
|       <title>Nordunet Conference 2024</title> | ||||
|       <link>//localhost:1313/blog/nordunet-conference-2024/</link> | ||||
|       <pubDate>Tue, 30 Jul 2024 05:00:00 +0000</pubDate> | ||||
|       <guid>//localhost:1313/blog/nordunet-conference-2024/</guid> | ||||
|       <description>Fediversity was represented at the Nordunet Conference for 2024, with both the Internet Discourse Foundation and Nordunet themselves being present.</description> | ||||
|     </item> | ||||
|     <item> | ||||
|       <title>PublicSpaces Conference 2024</title> | ||||
|       <link>//localhost:1313/blog/publicspaces-conference/</link> | ||||
|  |  | |||
|  | @ -675,6 +675,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -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; | ||||
|  |  | |||
|  | @ -676,6 +676,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -676,6 +676,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -675,6 +675,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -675,6 +675,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -751,7 +751,7 @@ | |||
| <center><h2> Consortium</h2></center> | ||||
| 
 | ||||
| 
 | ||||
| <div class="container"> | ||||
| <div class="container pt-14 pb-14"> | ||||
|   <div class="grid-container"> | ||||
|      | ||||
|      | ||||
|  | @ -1001,7 +1001,7 @@ | |||
| <center><h2> Fediverse Explained</h2></center> | ||||
| 
 | ||||
| 
 | ||||
| <div class="container"> | ||||
| <div class="container pt-14 pb-14"> | ||||
|   <div class="grid-container"> | ||||
|      | ||||
|     <div class="grid-item"> | ||||
|  |  | |||
|  | @ -676,6 +676,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -676,6 +676,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -676,6 +676,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -676,6 +676,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -674,6 +674,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -3,22 +3,22 @@ | |||
|   xmlns:xhtml="http://www.w3.org/1999/xhtml"> | ||||
|   <url> | ||||
|     <loc>//localhost:1313/</loc> | ||||
|     <lastmod>2024-08-05T05:00:00+00:00</lastmod> | ||||
|     <lastmod>2024-09-17T05:00:00+00:00</lastmod> | ||||
|   </url><url> | ||||
|     <loc>//localhost:1313/categories/</loc> | ||||
|     <lastmod>2024-08-05T05:00:00+00:00</lastmod> | ||||
|     <lastmod>2024-09-17T05:00:00+00:00</lastmod> | ||||
|   </url><url> | ||||
|     <loc>//localhost:1313/categories/news/</loc> | ||||
|     <lastmod>2024-09-17T05:00:00+00:00</lastmod> | ||||
|   </url><url> | ||||
|     <loc>//localhost:1313/blog/</loc> | ||||
|     <lastmod>2024-09-17T05:00:00+00:00</lastmod> | ||||
|   </url><url> | ||||
|     <loc>//localhost:1313/blog/nordunet-conference-2024/</loc> | ||||
|     <lastmod>2024-09-17T05:00:00+00:00</lastmod> | ||||
|   </url><url> | ||||
|     <loc>//localhost:1313/blog/fediversity-tech-session/</loc> | ||||
|     <lastmod>2024-08-05T05:00:00+00:00</lastmod> | ||||
|   </url><url> | ||||
|     <loc>//localhost:1313/categories/news/</loc> | ||||
|     <lastmod>2024-08-05T05:00:00+00:00</lastmod> | ||||
|   </url><url> | ||||
|     <loc>//localhost:1313/blog/</loc> | ||||
|     <lastmod>2024-08-05T05:00:00+00:00</lastmod> | ||||
|   </url><url> | ||||
|     <loc>//localhost:1313/blog/nordunet-conference-2024/</loc> | ||||
|     <lastmod>2024-07-30T05:00:00+00:00</lastmod> | ||||
|   </url><url> | ||||
|     <loc>//localhost:1313/blog/publicspaces-conference/</loc> | ||||
|     <lastmod>2024-07-30T05:00:00+00:00</lastmod> | ||||
|  |  | |||
|  | @ -676,6 +676,22 @@ | |||
| </section> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <div class="containerdoublecolumn pt-14 pb-14"> | ||||
|   <div class="grid-containerdoublecolumn"> | ||||
|      | ||||
|   </div> | ||||
| </div> | ||||
| 
 | ||||
| 
 | ||||
| 
 | ||||
| <section class="section-sm"> | ||||
|   <div class="container"> | ||||
|     <div class="row justify-center"> | ||||
|  |  | |||
|  | @ -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; | ||||
|  |  | |||
|  | @ -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; } } | ||||
|  |  | |||
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 718 B | 
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 760 B | 
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 780 B | 
										
											Binary file not shown.
										
									
								
							| After Width: | Height: | Size: 726 B | 
|  | @ -33,7 +33,7 @@ module.exports = { | |||
|   darkMode: "class", | ||||
|   theme: { | ||||
|     screens: { | ||||
|       sm: "540px", | ||||
|       sm: "768px", | ||||
|       md: "768px", | ||||
|       lg: "1024px", | ||||
|       xl: "1280px", | ||||
|  |  | |||
		Reference in a new issue
	
	 Laurens
						Laurens