icon fix
|  | @ -145,8 +145,8 @@ | |||
| 
 | ||||
|   .header-with-image2 { | ||||
|     svg { | ||||
|       width: 48px; | ||||
|       height: 48px; | ||||
|       width: 4px; | ||||
|       height: 4px; | ||||
|       margin: 0 0 8px 0; | ||||
|     } | ||||
|   } | ||||
|  |  | |||
|  | @ -4,7 +4,7 @@ banner: | |||
|   title: "Welcome to the Fediversity Project" | ||||
|   content: "The Fediversity Project is a comprehensive effort to bring easy-to-use, hosted cloud services that have service portability and personal freedom at their core to everyone." | ||||
|  # image: "/images/checkbox-illustration-scaled.png" | ||||
|   image: "/images/home.svg" | ||||
|   image: "/images/users.svg" | ||||
|   button: | ||||
|     enable: true | ||||
|     label: "For You" | ||||
|  |  | |||
|  | @ -6,11 +6,9 @@ | |||
|       "base", | ||||
|       "body", | ||||
|       "br", | ||||
|       "button", | ||||
|       "center", | ||||
|       "div", | ||||
|       "footer", | ||||
|       "form", | ||||
|       "h1", | ||||
|       "h2", | ||||
|       "h4", | ||||
|  | @ -37,7 +35,6 @@ | |||
|       "source", | ||||
|       "span", | ||||
|       "svg", | ||||
|       "textarea", | ||||
|       "time", | ||||
|       "title", | ||||
|       "ul" | ||||
|  | @ -86,8 +83,6 @@ | |||
|       "flex", | ||||
|       "flex-wrap", | ||||
|       "font-bold", | ||||
|       "form-input", | ||||
|       "form-label", | ||||
|       "from-body", | ||||
|       "g", | ||||
|       "grid-container", | ||||
|  | @ -157,7 +152,6 @@ | |||
|       "mb:md-0", | ||||
|       "md:bg-yellow-200", | ||||
|       "md:block", | ||||
|       "md:col-10", | ||||
|       "md:col-5", | ||||
|       "md:col-6", | ||||
|       "md:col-7", | ||||
|  | @ -230,7 +224,6 @@ | |||
|       "text-lg", | ||||
|       "text-light", | ||||
|       "text-primary", | ||||
|       "text-red-500", | ||||
|       "text-xl", | ||||
|       "time", | ||||
|       "to-theme-light", | ||||
|  | @ -247,10 +240,7 @@ | |||
|       "z-50" | ||||
|     ], | ||||
|     "ids": [ | ||||
|       "email", | ||||
|       "hide-button", | ||||
|       "message", | ||||
|       "name", | ||||
|       "nav-menu", | ||||
|       "nav-toggle", | ||||
|       "show-button" | ||||
|  |  | |||
|  | @ -154,7 +154,7 @@ | |||
|         {{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }} | ||||
|         <section> | ||||
|           <div class="header-with-image"> | ||||
|             <img src="/images/users.png" alt="Image"> | ||||
|             <img src="/images/users.svg" alt="Image"> | ||||
|             <h4 class="mb-4">Events</h4> | ||||
|           </div> | ||||
|           <ul class="list"> | ||||
|  | @ -179,7 +179,7 @@ | |||
|         {{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }} | ||||
|         <section> | ||||
|           <div class="header-with-image"> | ||||
|             <img src="/images/users.png" alt="Image"> | ||||
|             <img src="/images/users.svg" alt="Image"> | ||||
|             <h4 class="mb-4">Latest News</h4> | ||||
|           </div> | ||||
|           <ul class="list"> | ||||
|  |  | |||
|  | @ -781,50 +781,6 @@ select { | |||
|     max-width: 1536px; | ||||
|   } | ||||
| } | ||||
| .form-input,.form-textarea,.form-select,.form-multiselect { | ||||
|   appearance: none; | ||||
|   background-color: #fff; | ||||
|   border-color: #6b7280; | ||||
|   border-width: 1px; | ||||
|   border-radius: 0px; | ||||
|   padding-top: 0.5rem; | ||||
|   padding-right: 0.75rem; | ||||
|   padding-bottom: 0.5rem; | ||||
|   padding-left: 0.75rem; | ||||
|   font-size: 1rem; | ||||
|   line-height: 1.5rem; | ||||
|   --tw-shadow: 0 0 #0000; | ||||
| } | ||||
| .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus { | ||||
|   outline: 2px solid transparent; | ||||
|   outline-offset: 2px; | ||||
|   --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); | ||||
|   --tw-ring-offset-width: 0px; | ||||
|   --tw-ring-offset-color: #fff; | ||||
|   --tw-ring-color: #2563eb; | ||||
|   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | ||||
|   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); | ||||
|   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); | ||||
|   border-color: #2563eb; | ||||
| } | ||||
| .form-input::placeholder,.form-textarea::placeholder { | ||||
|   color: #6b7280; | ||||
|   opacity: 1; | ||||
| } | ||||
| .form-input::-webkit-datetime-edit-fields-wrapper { | ||||
|   padding: 0; | ||||
| } | ||||
| .form-input::-webkit-date-and-time-value { | ||||
|   min-height: 1.5em; | ||||
|   text-align: inherit; | ||||
| } | ||||
| .form-input::-webkit-datetime-edit { | ||||
|   display: inline-flex; | ||||
| } | ||||
| .form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field { | ||||
|   padding-top: 0; | ||||
|   padding-bottom: 0; | ||||
| } | ||||
| .row { | ||||
|   --bs-gutter-x: 2rem; | ||||
|   --bs-gutter-y: 0; | ||||
|  | @ -895,39 +851,6 @@ main { | |||
|     max-width: 1320px; | ||||
|   } | ||||
| } | ||||
| .form-input { | ||||
|   width: 100%; | ||||
|   border-radius: 0.25rem; | ||||
|   border-color: transparent; | ||||
|   --tw-bg-opacity: 1; | ||||
|   background-color: rgb(246 246 246 / var(--tw-bg-opacity)); | ||||
|   padding-left: 1.5rem; | ||||
|   padding-right: 1.5rem; | ||||
|   padding-top: 1rem; | ||||
|   padding-bottom: 1rem; | ||||
|   --tw-text-opacity: 1; | ||||
|   color: rgb(4 4 4 / var(--tw-text-opacity)); | ||||
|   border-radius: 6px; | ||||
| } | ||||
| .form-input::placeholder { | ||||
|   --tw-text-opacity: 1; | ||||
|   color: rgb(255 110 0 / var(--tw-text-opacity)); | ||||
| } | ||||
| .form-input:focus { | ||||
|   --tw-border-opacity: 1; | ||||
|   border-color: rgb(255 110 0 / var(--tw-border-opacity)); | ||||
|   --tw-ring-color: transparent; | ||||
| } | ||||
| .form-label { | ||||
|   margin-bottom: 1rem; | ||||
|   display: block; | ||||
|   font-family: Signika, sans-serif; | ||||
|   font-size: 1.25rem; | ||||
|   line-height: 1.75rem; | ||||
|   font-weight: 400; | ||||
|   --tw-text-opacity: 1; | ||||
|   color: rgb(4 4 4 / var(--tw-text-opacity)); | ||||
| } | ||||
| .social-icons > :not([hidden]) ~ :not([hidden]) { | ||||
|   --tw-space-x-reverse: 0; | ||||
|   margin-right: calc(1rem * var(--tw-space-x-reverse)); | ||||
|  | @ -2002,10 +1925,6 @@ input#nav-toggle:checked ~ #nav-menu { | |||
|   --tw-text-opacity: 1; | ||||
|   color: rgb(255 110 0 / var(--tw-text-opacity)); | ||||
| } | ||||
| .text-red-500 { | ||||
|   --tw-text-opacity: 1; | ||||
|   color: rgb(239 68 68 / var(--tw-text-opacity)); | ||||
| } | ||||
| .bg-gradient { | ||||
|   background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); | ||||
|   --tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position); | ||||
|  | @ -3046,8 +2965,8 @@ input#nav-toggle:checked ~ #nav-menu { | |||
|   .grid-container-small { | ||||
|     grid-template-columns: repeat(1, 1fr); } | ||||
|   .header-with-image2 svg { | ||||
|     width: 48px; | ||||
|     height: 48px; | ||||
|     width: 4px; | ||||
|     height: 4px; | ||||
|     margin: 0 0 8px 0; } } | ||||
| 
 | ||||
| @media (min-width: 768px) { | ||||
|  | @ -3082,11 +3001,6 @@ input#nav-toggle:checked ~ #nav-menu { | |||
|     width: 75%; | ||||
|   } | ||||
| 
 | ||||
|   .md\:col-10 { | ||||
|     flex: 0 0 auto; | ||||
|     width: 83.33333333333334%; | ||||
|   } | ||||
| 
 | ||||
|   .md\:order-2 { | ||||
|     order: 2; | ||||
|   } | ||||
|  |  | |||
							
								
								
									
										
											BIN
										
									
								
								public/images/code.png
									
										
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 769 B | 
| After Width: | Height: | Size: 390 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/globe.png
									
										
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 1.2 KiB | 
| After Width: | Height: | Size: 682 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/user.png
									
										
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 852 B | 
| After Width: | Height: | Size: 430 B | 
							
								
								
									
										
											BIN
										
									
								
								public/images/users.png
									
										
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 968 B | 
							
								
								
									
										1
									
								
								public/images/users.svg
									
										
									
									
									
										Normal file
									
								
							
							
						
						|  | @ -0,0 +1 @@ | |||
| <svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 24 24" fill="none" stroke="#ff6e00" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg> | ||||
| After Width: | Height: | Size: 397 B | 
| After Width: | Height: | Size: 552 B | 
|  | @ -725,7 +725,7 @@ | |||
|      | ||||
|      | ||||
|       <img | ||||
|         src="/images/home.svg" | ||||
|         src="/images/users.svg" | ||||
|         loading="eager" | ||||
|         decoding="async" | ||||
|         alt="Banner image" | ||||
|  | @ -1068,7 +1068,7 @@ | |||
|          | ||||
|         <section> | ||||
|           <div class="header-with-image"> | ||||
|             <img src="/images/users.png" alt="Image"> | ||||
|             <img src="/images/users.svg" alt="Image"> | ||||
|             <h4 class="mb-4">Events</h4> | ||||
|           </div> | ||||
|           <ul class="list"> | ||||
|  | @ -1115,7 +1115,7 @@ | |||
|          | ||||
|         <section> | ||||
|           <div class="header-with-image"> | ||||
|             <img src="/images/users.png" alt="Image"> | ||||
|             <img src="/images/users.svg" alt="Image"> | ||||
|             <h4 class="mb-4">Latest News</h4> | ||||
|           </div> | ||||
|           <ul class="list"> | ||||
|  |  | |||
|  | @ -781,50 +781,6 @@ select { | |||
|     max-width: 1536px; | ||||
|   } | ||||
| } | ||||
| .form-input,.form-textarea,.form-select,.form-multiselect { | ||||
|   appearance: none; | ||||
|   background-color: #fff; | ||||
|   border-color: #6b7280; | ||||
|   border-width: 1px; | ||||
|   border-radius: 0px; | ||||
|   padding-top: 0.5rem; | ||||
|   padding-right: 0.75rem; | ||||
|   padding-bottom: 0.5rem; | ||||
|   padding-left: 0.75rem; | ||||
|   font-size: 1rem; | ||||
|   line-height: 1.5rem; | ||||
|   --tw-shadow: 0 0 #0000; | ||||
| } | ||||
| .form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus { | ||||
|   outline: 2px solid transparent; | ||||
|   outline-offset: 2px; | ||||
|   --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); | ||||
|   --tw-ring-offset-width: 0px; | ||||
|   --tw-ring-offset-color: #fff; | ||||
|   --tw-ring-color: #2563eb; | ||||
|   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); | ||||
|   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); | ||||
|   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); | ||||
|   border-color: #2563eb; | ||||
| } | ||||
| .form-input::placeholder,.form-textarea::placeholder { | ||||
|   color: #6b7280; | ||||
|   opacity: 1; | ||||
| } | ||||
| .form-input::-webkit-datetime-edit-fields-wrapper { | ||||
|   padding: 0; | ||||
| } | ||||
| .form-input::-webkit-date-and-time-value { | ||||
|   min-height: 1.5em; | ||||
|   text-align: inherit; | ||||
| } | ||||
| .form-input::-webkit-datetime-edit { | ||||
|   display: inline-flex; | ||||
| } | ||||
| .form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field { | ||||
|   padding-top: 0; | ||||
|   padding-bottom: 0; | ||||
| } | ||||
| .row { | ||||
|   --bs-gutter-x: 2rem; | ||||
|   --bs-gutter-y: 0; | ||||
|  | @ -895,39 +851,6 @@ main { | |||
|     max-width: 1320px; | ||||
|   } | ||||
| } | ||||
| .form-input { | ||||
|   width: 100%; | ||||
|   border-radius: 0.25rem; | ||||
|   border-color: transparent; | ||||
|   --tw-bg-opacity: 1; | ||||
|   background-color: rgb(246 246 246 / var(--tw-bg-opacity)); | ||||
|   padding-left: 1.5rem; | ||||
|   padding-right: 1.5rem; | ||||
|   padding-top: 1rem; | ||||
|   padding-bottom: 1rem; | ||||
|   --tw-text-opacity: 1; | ||||
|   color: rgb(4 4 4 / var(--tw-text-opacity)); | ||||
|   border-radius: 6px; | ||||
| } | ||||
| .form-input::placeholder { | ||||
|   --tw-text-opacity: 1; | ||||
|   color: rgb(255 110 0 / var(--tw-text-opacity)); | ||||
| } | ||||
| .form-input:focus { | ||||
|   --tw-border-opacity: 1; | ||||
|   border-color: rgb(255 110 0 / var(--tw-border-opacity)); | ||||
|   --tw-ring-color: transparent; | ||||
| } | ||||
| .form-label { | ||||
|   margin-bottom: 1rem; | ||||
|   display: block; | ||||
|   font-family: Signika, sans-serif; | ||||
|   font-size: 1.25rem; | ||||
|   line-height: 1.75rem; | ||||
|   font-weight: 400; | ||||
|   --tw-text-opacity: 1; | ||||
|   color: rgb(4 4 4 / var(--tw-text-opacity)); | ||||
| } | ||||
| .social-icons > :not([hidden]) ~ :not([hidden]) { | ||||
|   --tw-space-x-reverse: 0; | ||||
|   margin-right: calc(1rem * var(--tw-space-x-reverse)); | ||||
|  | @ -2002,10 +1925,6 @@ input#nav-toggle:checked ~ #nav-menu { | |||
|   --tw-text-opacity: 1; | ||||
|   color: rgb(255 110 0 / var(--tw-text-opacity)); | ||||
| } | ||||
| .text-red-500 { | ||||
|   --tw-text-opacity: 1; | ||||
|   color: rgb(239 68 68 / var(--tw-text-opacity)); | ||||
| } | ||||
| .bg-gradient { | ||||
|   background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); | ||||
|   --tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position); | ||||
|  | @ -3046,8 +2965,8 @@ input#nav-toggle:checked ~ #nav-menu { | |||
|   .grid-container-small { | ||||
|     grid-template-columns: repeat(1, 1fr); } | ||||
|   .header-with-image2 svg { | ||||
|     width: 48px; | ||||
|     height: 48px; | ||||
|     width: 4px; | ||||
|     height: 4px; | ||||
|     margin: 0 0 8px 0; } } | ||||
| 
 | ||||
| @media (min-width: 768px) { | ||||
|  | @ -3082,11 +3001,6 @@ input#nav-toggle:checked ~ #nav-menu { | |||
|     width: 75%; | ||||
|   } | ||||
| 
 | ||||
|   .md\:col-10 { | ||||
|     flex: 0 0 auto; | ||||
|     width: 83.33333333333334%; | ||||
|   } | ||||
| 
 | ||||
|   .md\:order-2 { | ||||
|     order: 2; | ||||
|   } | ||||
|  |  | |||
|  | @ -1124,6 +1124,6 @@ | |||
|   .grid-container-small { | ||||
|     grid-template-columns: repeat(1, 1fr); } | ||||
|   .header-with-image2 svg { | ||||
|     width: 48px; | ||||
|     height: 48px; | ||||
|     width: 4px; | ||||
|     height: 4px; | ||||
|     margin: 0 0 8px 0; } } | ||||
|  |  | |||
 Laurens
						Laurens