Add landing pages
This commit is contained in:
349
rss/css/main.css
349
rss/css/main.css
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user