Add landing pages

This commit is contained in:
edsea
2025-11-20 02:40:02 +01:00
parent aeb1ecd50a
commit 61d3738b26
42 changed files with 1901 additions and 526 deletions

View File

@@ -24,7 +24,7 @@ body {
font-family: "Nunito", sans-serif;
font-size: 1.1rem;
line-height: 1.3;
color: #212529;
color: #242627;
background-color: #ffffff;
}
@@ -296,11 +296,11 @@ h6, .h6 {
}
.text-dark {
color: #212529 !important;
color: #242627 !important;
}
.bg-dark {
background-color: #212529 !important;
background-color: #242627 !important;
}
.text-white {
@@ -351,6 +351,46 @@ h6, .h6 {
background-color: transparent !important;
}
.text-purple {
color: #540f89 !important;
}
.bg-purple {
background-color: #540f89 !important;
}
.text-dark-red {
color: #1e1717 !important;
}
.bg-dark-red {
background-color: #1e1717 !important;
}
.text-dark-red-alt {
color: rgba(30, 23, 23, 0.6235294118) !important;
}
.bg-dark-red-alt {
background-color: rgba(30, 23, 23, 0.6235294118) !important;
}
.text-dark-purple {
color: #0F172A !important;
}
.bg-dark-purple {
background-color: #0F172A !important;
}
.text-dark-purple-alt {
color: rgba(15, 23, 42, 0.6235294118) !important;
}
.bg-dark-purple-alt {
background-color: rgba(15, 23, 42, 0.6235294118) !important;
}
/* Margin and padding utilities */
.m-0 {
margin: 0 !important;
@@ -1884,7 +1924,7 @@ h6, .h6 {
padding: 0.4rem;
}
.card .card-header.theme-header {
background-color: #212529 !important;
background-color: #242627 !important;
color: rgba(170, 11, 61, 0.6588235294);
}
.card .card-body {
@@ -2115,16 +2155,16 @@ h6, .h6 {
}
.btn-dark {
background-color: #212529;
background-color: #242627;
color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-dark:hover {
background-color: rgb(14.8054054054, 16.6, 18.3945945946);
background-color: rgb(16.416, 17.328, 17.784);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-dark:focus-visible {
box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.4);
box-shadow: 0 0 0 3px rgba(36, 38, 39, 0.4);
}
.btn-dark:disabled {
opacity: 0.6;
@@ -2240,6 +2280,96 @@ h6, .h6 {
pointer-events: none;
}
.btn-purple {
background-color: #540f89;
color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-purple:hover {
background-color: rgb(61.4526315789, 10.9736842105, 100.2263157895);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-purple:focus-visible {
box-shadow: 0 0 0 3px rgba(84, 15, 137, 0.4);
}
.btn-purple:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-dark-red {
background-color: #1e1717;
color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-dark-red:hover {
background-color: rgb(6.9056603774, 5.2943396226, 5.2943396226);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-dark-red:focus-visible {
box-shadow: 0 0 0 3px rgba(30, 23, 23, 0.4);
}
.btn-dark-red:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-dark-red-alt {
background-color: rgba(30, 23, 23, 0.6235294118);
color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-dark-red-alt:hover {
background-color: rgba(6.9056603774, 5.2943396226, 5.2943396226, 0.6235294118);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-dark-red-alt:focus-visible {
box-shadow: 0 0 0 3px rgba(30, 23, 23, 0.4);
}
.btn-dark-red-alt:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-dark-purple {
background-color: #0F172A;
color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-dark-purple:hover {
background-color: rgb(4.2631578947, 6.5368421053, 11.9368421053);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-dark-purple:focus-visible {
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.4);
}
.btn-dark-purple:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-dark-purple-alt {
background-color: rgba(15, 23, 42, 0.6235294118);
color: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.btn-dark-purple-alt:hover {
background-color: rgba(4.2631578947, 6.5368421053, 11.9368421053, 0.6235294118);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-dark-purple-alt:focus-visible {
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.4);
}
.btn-dark-purple-alt:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
/* Outline buttons */
.btn-outline-primary {
background-color: transparent;
@@ -2414,16 +2544,16 @@ h6, .h6 {
.btn-outline-dark {
background-color: transparent;
border: 2px solid #212529;
color: #212529;
border: 2px solid #242627;
color: #242627;
}
.btn-outline-dark:hover {
background-color: #212529;
background-color: #242627;
color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-dark:focus-visible {
box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.4);
box-shadow: 0 0 0 3px rgba(36, 38, 39, 0.4);
}
.btn-outline-dark:disabled {
opacity: 0.6;
@@ -2545,6 +2675,101 @@ h6, .h6 {
pointer-events: none;
}
.btn-outline-purple {
background-color: transparent;
border: 2px solid #540f89;
color: #540f89;
}
.btn-outline-purple:hover {
background-color: #540f89;
color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-purple:focus-visible {
box-shadow: 0 0 0 3px rgba(84, 15, 137, 0.4);
}
.btn-outline-purple:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-outline-dark-red {
background-color: transparent;
border: 2px solid #1e1717;
color: #1e1717;
}
.btn-outline-dark-red:hover {
background-color: #1e1717;
color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-dark-red:focus-visible {
box-shadow: 0 0 0 3px rgba(30, 23, 23, 0.4);
}
.btn-outline-dark-red:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-outline-dark-red-alt {
background-color: transparent;
border: 2px solid rgba(30, 23, 23, 0.6235294118);
color: rgba(30, 23, 23, 0.6235294118);
}
.btn-outline-dark-red-alt:hover {
background-color: rgba(30, 23, 23, 0.6235294118);
color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-dark-red-alt:focus-visible {
box-shadow: 0 0 0 3px rgba(30, 23, 23, 0.4);
}
.btn-outline-dark-red-alt:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-outline-dark-purple {
background-color: transparent;
border: 2px solid #0F172A;
color: #0F172A;
}
.btn-outline-dark-purple:hover {
background-color: #0F172A;
color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-dark-purple:focus-visible {
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.4);
}
.btn-outline-dark-purple:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-outline-dark-purple-alt {
background-color: transparent;
border: 2px solid rgba(15, 23, 42, 0.6235294118);
color: rgba(15, 23, 42, 0.6235294118);
}
.btn-outline-dark-purple-alt:hover {
background-color: rgba(15, 23, 42, 0.6235294118);
color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-outline-dark-purple-alt:focus-visible {
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.4);
}
.btn-outline-dark-purple-alt:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
/* Ghost buttons */
.btn-ghost-primary {
background-color: transparent;
@@ -2710,15 +2935,15 @@ h6, .h6 {
.btn-ghost-dark {
background-color: transparent;
color: #212529;
color: #242627;
border: none;
}
.btn-ghost-dark:hover {
background-color: rgba(33, 37, 41, 0.1);
background-color: rgba(36, 38, 39, 0.1);
box-shadow: none;
}
.btn-ghost-dark:focus-visible {
box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.4);
box-shadow: 0 0 0 3px rgba(36, 38, 39, 0.4);
}
.btn-ghost-dark:disabled {
opacity: 0.6;
@@ -2834,6 +3059,96 @@ h6, .h6 {
pointer-events: none;
}
.btn-ghost-purple {
background-color: transparent;
color: #540f89;
border: none;
}
.btn-ghost-purple:hover {
background-color: rgba(84, 15, 137, 0.1);
box-shadow: none;
}
.btn-ghost-purple:focus-visible {
box-shadow: 0 0 0 3px rgba(84, 15, 137, 0.4);
}
.btn-ghost-purple:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-ghost-dark-red {
background-color: transparent;
color: #1e1717;
border: none;
}
.btn-ghost-dark-red:hover {
background-color: rgba(30, 23, 23, 0.1);
box-shadow: none;
}
.btn-ghost-dark-red:focus-visible {
box-shadow: 0 0 0 3px rgba(30, 23, 23, 0.4);
}
.btn-ghost-dark-red:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-ghost-dark-red-alt {
background-color: transparent;
color: rgba(30, 23, 23, 0.6235294118);
border: none;
}
.btn-ghost-dark-red-alt:hover {
background-color: rgba(30, 23, 23, 0.1);
box-shadow: none;
}
.btn-ghost-dark-red-alt:focus-visible {
box-shadow: 0 0 0 3px rgba(30, 23, 23, 0.4);
}
.btn-ghost-dark-red-alt:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-ghost-dark-purple {
background-color: transparent;
color: #0F172A;
border: none;
}
.btn-ghost-dark-purple:hover {
background-color: rgba(15, 23, 42, 0.1);
box-shadow: none;
}
.btn-ghost-dark-purple:focus-visible {
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.4);
}
.btn-ghost-dark-purple:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.btn-ghost-dark-purple-alt {
background-color: transparent;
color: rgba(15, 23, 42, 0.6235294118);
border: none;
}
.btn-ghost-dark-purple-alt:hover {
background-color: rgba(15, 23, 42, 0.1);
box-shadow: none;
}
.btn-ghost-dark-purple-alt:focus-visible {
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.4);
}
.btn-ghost-dark-purple-alt:disabled {
opacity: 0.6;
cursor: not-allowed;
pointer-events: none;
}
.border-0 {
border: 0 solid currentColor;
}
@@ -4734,6 +5049,10 @@ h6, .h6 {
text-decoration: none;
}
.fs-italic {
font-style: italic;
}
.img-w-100 {
width: 100%;
}
@@ -5061,7 +5380,7 @@ input[type=number]:disabled {
.spinner {
height: 1rem;
width: 1rem;
border: 2px solid #212529;
border: 2px solid #242627;
border-left-color: transparent !important;
border-radius: 50%;
display: inline-block;