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; } }
|
||||
|
|