forked from rDrama/rDrama
Merge branch 'frost' of https://github.com/Aevann1/Drama into frost
commit
e0682984aa
|
@ -674,11 +674,11 @@ video {
|
||||||
ul {
|
ul {
|
||||||
margin-bottom: 0.75rem;
|
margin-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
.comment-text > ul, .post-text > ul {
|
.comment-text > ul, .post-text > ul, .prose > ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
padding-left: 1.25rem;
|
padding-left: 1.25rem;
|
||||||
}
|
}
|
||||||
.comment-text > ol, .post-text > ol {
|
.comment-text > ol, .post-text > ol, .prose > ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
padding-left: 1.25rem;
|
padding-left: 1.25rem;
|
||||||
}
|
}
|
||||||
|
@ -807,18 +807,18 @@ video {
|
||||||
top: 0px;
|
top: 0px;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
}
|
}
|
||||||
.bottom-0 {
|
.top-0 {
|
||||||
bottom: 0px;
|
top: 0px;
|
||||||
}
|
}
|
||||||
.left-0 {
|
.left-0 {
|
||||||
left: 0px;
|
left: 0px;
|
||||||
}
|
}
|
||||||
|
.bottom-0 {
|
||||||
|
bottom: 0px;
|
||||||
|
}
|
||||||
.right-0 {
|
.right-0 {
|
||||||
right: 0px;
|
right: 0px;
|
||||||
}
|
}
|
||||||
.top-0 {
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
.right-4 {
|
.right-4 {
|
||||||
right: 1rem;
|
right: 1rem;
|
||||||
}
|
}
|
||||||
|
@ -867,9 +867,6 @@ video {
|
||||||
.top-3\.5 {
|
.top-3\.5 {
|
||||||
top: 0.875rem;
|
top: 0.875rem;
|
||||||
}
|
}
|
||||||
.top-4 {
|
|
||||||
top: 1rem;
|
|
||||||
}
|
|
||||||
.z-20 {
|
.z-20 {
|
||||||
z-index: 20;
|
z-index: 20;
|
||||||
}
|
}
|
||||||
|
@ -936,14 +933,14 @@ video {
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
margin-right: 0.5rem;
|
margin-right: 0.5rem;
|
||||||
}
|
}
|
||||||
.-mx-4 {
|
|
||||||
margin-left: -1rem;
|
|
||||||
margin-right: -1rem;
|
|
||||||
}
|
|
||||||
.my-4 {
|
.my-4 {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
.-mx-4 {
|
||||||
|
margin-left: -1rem;
|
||||||
|
margin-right: -1rem;
|
||||||
|
}
|
||||||
.-mx-2\.5 {
|
.-mx-2\.5 {
|
||||||
margin-left: -0.625rem;
|
margin-left: -0.625rem;
|
||||||
margin-right: -0.625rem;
|
margin-right: -0.625rem;
|
||||||
|
@ -1137,9 +1134,6 @@ video {
|
||||||
.h-6 {
|
.h-6 {
|
||||||
height: 1.5rem;
|
height: 1.5rem;
|
||||||
}
|
}
|
||||||
.h-56 {
|
|
||||||
height: 14rem;
|
|
||||||
}
|
|
||||||
.h-4 {
|
.h-4 {
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
}
|
}
|
||||||
|
@ -1149,6 +1143,9 @@ video {
|
||||||
.h-8 {
|
.h-8 {
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
}
|
}
|
||||||
|
.h-56 {
|
||||||
|
height: 14rem;
|
||||||
|
}
|
||||||
.h-48 {
|
.h-48 {
|
||||||
height: 12rem;
|
height: 12rem;
|
||||||
}
|
}
|
||||||
|
@ -1191,12 +1188,12 @@ video {
|
||||||
.w-12 {
|
.w-12 {
|
||||||
width: 3rem;
|
width: 3rem;
|
||||||
}
|
}
|
||||||
.w-1\/2 {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
.w-full {
|
.w-full {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
.w-1\/2 {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
.w-16 {
|
.w-16 {
|
||||||
width: 4rem;
|
width: 4rem;
|
||||||
}
|
}
|
||||||
|
@ -1215,15 +1212,15 @@ video {
|
||||||
.w-6 {
|
.w-6 {
|
||||||
width: 1.5rem;
|
width: 1.5rem;
|
||||||
}
|
}
|
||||||
.w-32 {
|
|
||||||
width: 8rem;
|
|
||||||
}
|
|
||||||
.w-4 {
|
.w-4 {
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
}
|
}
|
||||||
.w-56 {
|
.w-56 {
|
||||||
width: 14rem;
|
width: 14rem;
|
||||||
}
|
}
|
||||||
|
.w-32 {
|
||||||
|
width: 8rem;
|
||||||
|
}
|
||||||
.w-48 {
|
.w-48 {
|
||||||
width: 12rem;
|
width: 12rem;
|
||||||
}
|
}
|
||||||
|
@ -1260,15 +1257,15 @@ video {
|
||||||
.min-w-full {
|
.min-w-full {
|
||||||
min-width: 100%;
|
min-width: 100%;
|
||||||
}
|
}
|
||||||
|
.max-w-screen-2xl {
|
||||||
|
max-width: 1536px;
|
||||||
|
}
|
||||||
.max-w-3xl {
|
.max-w-3xl {
|
||||||
max-width: 48rem;
|
max-width: 48rem;
|
||||||
}
|
}
|
||||||
.max-w-xl {
|
.max-w-xl {
|
||||||
max-width: 36rem;
|
max-width: 36rem;
|
||||||
}
|
}
|
||||||
.max-w-screen-2xl {
|
|
||||||
max-width: 1536px;
|
|
||||||
}
|
|
||||||
.max-w-2xl {
|
.max-w-2xl {
|
||||||
max-width: 42rem;
|
max-width: 42rem;
|
||||||
}
|
}
|
||||||
|
@ -1522,14 +1519,14 @@ video {
|
||||||
.rounded-full {
|
.rounded-full {
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
}
|
}
|
||||||
.rounded-b {
|
|
||||||
border-bottom-right-radius: 0.25rem;
|
|
||||||
border-bottom-left-radius: 0.25rem;
|
|
||||||
}
|
|
||||||
.rounded-t {
|
.rounded-t {
|
||||||
border-top-left-radius: 0.25rem;
|
border-top-left-radius: 0.25rem;
|
||||||
border-top-right-radius: 0.25rem;
|
border-top-right-radius: 0.25rem;
|
||||||
}
|
}
|
||||||
|
.rounded-b {
|
||||||
|
border-bottom-right-radius: 0.25rem;
|
||||||
|
border-bottom-left-radius: 0.25rem;
|
||||||
|
}
|
||||||
.rounded-t-lg {
|
.rounded-t-lg {
|
||||||
border-top-left-radius: 0.5rem;
|
border-top-left-radius: 0.5rem;
|
||||||
border-top-right-radius: 0.5rem;
|
border-top-right-radius: 0.5rem;
|
||||||
|
@ -2155,6 +2152,14 @@ video {
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
|
.px-2\.5 {
|
||||||
|
padding-left: 0.625rem;
|
||||||
|
padding-right: 0.625rem;
|
||||||
|
}
|
||||||
|
.py-24 {
|
||||||
|
padding-top: 6rem;
|
||||||
|
padding-bottom: 6rem;
|
||||||
|
}
|
||||||
.py-1\.5 {
|
.py-1\.5 {
|
||||||
padding-top: 0.375rem;
|
padding-top: 0.375rem;
|
||||||
padding-bottom: 0.375rem;
|
padding-bottom: 0.375rem;
|
||||||
|
@ -2167,18 +2172,10 @@ video {
|
||||||
padding-top: 0.625rem;
|
padding-top: 0.625rem;
|
||||||
padding-bottom: 0.625rem;
|
padding-bottom: 0.625rem;
|
||||||
}
|
}
|
||||||
.px-2\.5 {
|
|
||||||
padding-left: 0.625rem;
|
|
||||||
padding-right: 0.625rem;
|
|
||||||
}
|
|
||||||
.px-5 {
|
.px-5 {
|
||||||
padding-left: 1.25rem;
|
padding-left: 1.25rem;
|
||||||
padding-right: 1.25rem;
|
padding-right: 1.25rem;
|
||||||
}
|
}
|
||||||
.py-24 {
|
|
||||||
padding-top: 6rem;
|
|
||||||
padding-bottom: 6rem;
|
|
||||||
}
|
|
||||||
.px-6 {
|
.px-6 {
|
||||||
padding-left: 1.5rem;
|
padding-left: 1.5rem;
|
||||||
padding-right: 1.5rem;
|
padding-right: 1.5rem;
|
||||||
|
@ -2522,6 +2519,10 @@ video {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(54, 83, 20, var(--tw-text-opacity));
|
color: rgba(54, 83, 20, var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
.text-gray-800 {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgba(var(--color-800), var(--tw-text-opacity));
|
||||||
|
}
|
||||||
.text-yellow-400 {
|
.text-yellow-400 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(251, 191, 36, var(--tw-text-opacity));
|
color: rgba(251, 191, 36, var(--tw-text-opacity));
|
||||||
|
@ -3078,6 +3079,25 @@ video {
|
||||||
.btn-purple:focus {
|
.btn-purple:focus {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-200), var(--tw-text-opacity));
|
color: rgba(var(--color-200), var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
.btn-pink {
|
||||||
|
--tw-border-opacity: 1;
|
||||||
|
border-color: rgba(131, 24, 67, var(--tw-border-opacity));
|
||||||
|
background-image: linear-gradient(to top, var(--tw-gradient-stops));
|
||||||
|
--tw-gradient-from: #be185d;
|
||||||
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(190, 24, 93, 0));
|
||||||
|
--tw-gradient-to: #db2777;
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgba(var(--color-100), var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
.btn-pink:hover {
|
||||||
|
--tw-gradient-from: #db2777;
|
||||||
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(219, 39, 119, 0));
|
||||||
|
--tw-gradient-to: #be185d;
|
||||||
|
}
|
||||||
|
.btn-pink:focus {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgba(var(--color-200), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
.btn-black {
|
.btn-black {
|
||||||
border-color: rgba(0, 0, 0, 0.1);
|
border-color: rgba(0, 0, 0, 0.1);
|
||||||
|
@ -3277,567 +3297,451 @@ video {
|
||||||
.agendaposter {
|
.agendaposter {
|
||||||
text-transform: uppercase !important;
|
text-transform: uppercase !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
code {
|
||||||
text-transform: none !important;
|
text-transform: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.first\:pt-0:first-child {
|
.first\:pt-0:first-child {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.odd\:bg-gray-300:nth-child(odd) {
|
.odd\:bg-gray-300:nth-child(odd) {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-300), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-300), var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.odd\:bg-gray-200:nth-child(odd) {
|
.odd\:bg-gray-200:nth-child(odd) {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-200), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-200), var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.visited\:text-gray-700:visited {
|
.visited\:text-gray-700:visited {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-700), var(--tw-text-opacity));
|
color: rgba(var(--color-700), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:scale-\[1\.15\]:hover {
|
.hover\:scale-\[1\.15\]:hover {
|
||||||
--tw-scale-x: 1.15;
|
--tw-scale-x: 1.15;
|
||||||
--tw-scale-y: 1.15;
|
--tw-scale-y: 1.15;
|
||||||
transform: var(--tw-transform);
|
transform: var(--tw-transform);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:cursor-pointer:hover {
|
.hover\:cursor-pointer:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:border-gray-400:hover {
|
.hover\:border-gray-400:hover {
|
||||||
--tw-border-opacity: 1;
|
--tw-border-opacity: 1;
|
||||||
border-color: rgba(var(--color-400), var(--tw-border-opacity));
|
border-color: rgba(var(--color-400), var(--tw-border-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:border-gray-500:hover {
|
.hover\:border-gray-500:hover {
|
||||||
--tw-border-opacity: 1;
|
--tw-border-opacity: 1;
|
||||||
border-color: rgba(var(--color-500), var(--tw-border-opacity));
|
border-color: rgba(var(--color-500), var(--tw-border-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:bg-gray-300:hover {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgba(var(--color-300), var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.hover\:bg-gray-700:hover {
|
|
||||||
--tw-bg-opacity: 1;
|
|
||||||
background-color: rgba(var(--color-700), var(--tw-bg-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.hover\:bg-gray-400:hover {
|
.hover\:bg-gray-400:hover {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-400), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-400), var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
.hover\:bg-gray-300:hover {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgba(var(--color-300), var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
|
.hover\:bg-gray-700:hover {
|
||||||
|
--tw-bg-opacity: 1;
|
||||||
|
background-color: rgba(var(--color-700), var(--tw-bg-opacity));
|
||||||
|
}
|
||||||
.hover\:bg-black\/30:hover {
|
.hover\:bg-black\/30:hover {
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
background-color: rgba(0, 0, 0, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:bg-gray-100:hover {
|
.hover\:bg-gray-100:hover {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-100), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-100), var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
.hover\:bg-primary\/80:hover {
|
||||||
|
background-color: rgba(var(--color-primary), 0.8);
|
||||||
|
}
|
||||||
.hover\:bg-gradient-to-t:hover {
|
.hover\:bg-gradient-to-t:hover {
|
||||||
background-image: linear-gradient(to top, var(--tw-gradient-stops));
|
background-image: linear-gradient(to top, var(--tw-gradient-stops));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:from-gray-100:hover {
|
.hover\:from-gray-100:hover {
|
||||||
--tw-gradient-from: rgb(var(--color-100));
|
--tw-gradient-from: rgb(var(--color-100));
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:from-green-600:hover {
|
.hover\:from-green-600:hover {
|
||||||
--tw-gradient-from: #16a34a;
|
--tw-gradient-from: #16a34a;
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:from-yellow-500:hover {
|
.hover\:from-yellow-500:hover {
|
||||||
--tw-gradient-from: #f59e0b;
|
--tw-gradient-from: #f59e0b;
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:from-red-800:hover {
|
.hover\:from-red-800:hover {
|
||||||
--tw-gradient-from: #991b1b;
|
--tw-gradient-from: #991b1b;
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:from-yellow-600:hover {
|
.hover\:from-yellow-600:hover {
|
||||||
--tw-gradient-from: #d97706;
|
--tw-gradient-from: #d97706;
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:from-red-600:hover {
|
.hover\:from-red-600:hover {
|
||||||
--tw-gradient-from: #dc2626;
|
--tw-gradient-from: #dc2626;
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:from-green-800:hover {
|
.hover\:from-green-800:hover {
|
||||||
--tw-gradient-from: #166534;
|
--tw-gradient-from: #166534;
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:to-gray-200:hover {
|
.hover\:to-gray-200:hover {
|
||||||
--tw-gradient-to: rgb(var(--color-200));
|
--tw-gradient-to: rgb(var(--color-200));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:to-green-700:hover {
|
.hover\:to-green-700:hover {
|
||||||
--tw-gradient-to: #15803d;
|
--tw-gradient-to: #15803d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:to-yellow-600:hover {
|
.hover\:to-yellow-600:hover {
|
||||||
--tw-gradient-to: #d97706;
|
--tw-gradient-to: #d97706;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:to-red-700:hover {
|
.hover\:to-red-700:hover {
|
||||||
--tw-gradient-to: #b91c1c;
|
--tw-gradient-to: #b91c1c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:to-yellow-500:hover {
|
.hover\:to-yellow-500:hover {
|
||||||
--tw-gradient-to: #f59e0b;
|
--tw-gradient-to: #f59e0b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-primary:hover {
|
.hover\:text-primary:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-primary), var(--tw-text-opacity));
|
color: rgba(var(--color-primary), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-gray-900:hover {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgba(var(--color-900), var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.hover\:text-gray-700:hover {
|
.hover\:text-gray-700:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-700), var(--tw-text-opacity));
|
color: rgba(var(--color-700), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
.hover\:text-gray-900:hover {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgba(var(--color-900), var(--tw-text-opacity));
|
||||||
|
}
|
||||||
.hover\:text-gray-400:hover {
|
.hover\:text-gray-400:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-400), var(--tw-text-opacity));
|
color: rgba(var(--color-400), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-gray-300:hover {
|
.hover\:text-gray-300:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-300), var(--tw-text-opacity));
|
color: rgba(var(--color-300), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-gray-200:hover {
|
.hover\:text-gray-200:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-200), var(--tw-text-opacity));
|
color: rgba(var(--color-200), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-white:hover {
|
.hover\:text-white:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-yellow-400:hover {
|
.hover\:text-yellow-400:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(251, 191, 36, var(--tw-text-opacity));
|
color: rgba(251, 191, 36, var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-green-700:hover {
|
.hover\:text-green-700:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(21, 128, 61, var(--tw-text-opacity));
|
color: rgba(21, 128, 61, var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-gray-500:hover {
|
.hover\:text-gray-500:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-500), var(--tw-text-opacity));
|
color: rgba(var(--color-500), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-gray-600:hover {
|
.hover\:text-gray-600:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-600), var(--tw-text-opacity));
|
color: rgba(var(--color-600), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-blue-600:hover {
|
.hover\:text-blue-600:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(2, 132, 199, var(--tw-text-opacity));
|
color: rgba(2, 132, 199, var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-red-700:hover {
|
.hover\:text-red-700:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(185, 28, 28, var(--tw-text-opacity));
|
color: rgba(185, 28, 28, var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-yellow-900:hover {
|
.hover\:text-yellow-900:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(120, 53, 15, var(--tw-text-opacity));
|
color: rgba(120, 53, 15, var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:text-gray-800:hover {
|
.hover\:text-gray-800:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-800), var(--tw-text-opacity));
|
color: rgba(var(--color-800), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:underline:hover {
|
.hover\:underline:hover {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:opacity-100:hover {
|
.hover\:opacity-100:hover {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hover\:shadow-inner:hover {
|
.hover\:shadow-inner:hover {
|
||||||
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
|
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
|
||||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:border-blue-300:focus {
|
.focus\:border-blue-300:focus {
|
||||||
--tw-border-opacity: 1;
|
--tw-border-opacity: 1;
|
||||||
border-color: rgba(125, 211, 252, var(--tw-border-opacity));
|
border-color: rgba(125, 211, 252, var(--tw-border-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:bg-white:focus {
|
.focus\:bg-white:focus {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
|
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:bg-gradient-to-t:focus {
|
.focus\:bg-gradient-to-t:focus {
|
||||||
background-image: linear-gradient(to top, var(--tw-gradient-stops));
|
background-image: linear-gradient(to top, var(--tw-gradient-stops));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:from-gray-100:focus {
|
.focus\:from-gray-100:focus {
|
||||||
--tw-gradient-from: rgb(var(--color-100));
|
--tw-gradient-from: rgb(var(--color-100));
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:from-red-800:focus {
|
.focus\:from-red-800:focus {
|
||||||
--tw-gradient-from: #991b1b;
|
--tw-gradient-from: #991b1b;
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:from-yellow-600:focus {
|
.focus\:from-yellow-600:focus {
|
||||||
--tw-gradient-from: #d97706;
|
--tw-gradient-from: #d97706;
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:from-green-800:focus {
|
.focus\:from-green-800:focus {
|
||||||
--tw-gradient-from: #166534;
|
--tw-gradient-from: #166534;
|
||||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0));
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:to-gray-200:focus {
|
.focus\:to-gray-200:focus {
|
||||||
--tw-gradient-to: rgb(var(--color-200));
|
--tw-gradient-to: rgb(var(--color-200));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:to-red-700:focus {
|
.focus\:to-red-700:focus {
|
||||||
--tw-gradient-to: #b91c1c;
|
--tw-gradient-to: #b91c1c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:to-yellow-500:focus {
|
.focus\:to-yellow-500:focus {
|
||||||
--tw-gradient-to: #f59e0b;
|
--tw-gradient-to: #f59e0b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:to-green-700:focus {
|
.focus\:to-green-700:focus {
|
||||||
--tw-gradient-to: #15803d;
|
--tw-gradient-to: #15803d;
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:font-bold:focus {
|
.focus\:font-bold:focus {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:text-black:focus {
|
.focus\:text-black:focus {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:text-gray-900:focus {
|
.focus\:text-gray-900:focus {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-900), var(--tw-text-opacity));
|
color: rgba(var(--color-900), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:text-gray-500:focus {
|
.focus\:text-gray-500:focus {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-500), var(--tw-text-opacity));
|
color: rgba(var(--color-500), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:text-yellow-500:focus {
|
.focus\:text-yellow-500:focus {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(245, 158, 11, var(--tw-text-opacity));
|
color: rgba(245, 158, 11, var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:text-gray-300:focus {
|
.focus\:text-gray-300:focus {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-300), var(--tw-text-opacity));
|
color: rgba(var(--color-300), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:text-gray-200:focus {
|
.focus\:text-gray-200:focus {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-200), var(--tw-text-opacity));
|
color: rgba(var(--color-200), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:text-gray-400:focus {
|
.focus\:text-gray-400:focus {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-400), var(--tw-text-opacity));
|
color: rgba(var(--color-400), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:shadow-inner:focus {
|
.focus\:shadow-inner:focus {
|
||||||
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
|
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
|
||||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:outline-none:focus {
|
.focus\:outline-none:focus {
|
||||||
outline: 2px solid transparent;
|
outline: 2px solid transparent;
|
||||||
outline-offset: 2px;
|
outline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:ring-2:focus {
|
.focus\:ring-2:focus {
|
||||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:ring:focus {
|
.focus\:ring:focus {
|
||||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:ring-inset:focus {
|
.focus\:ring-inset:focus {
|
||||||
--tw-ring-inset: inset;
|
--tw-ring-inset: inset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:ring-white:focus {
|
.focus\:ring-white:focus {
|
||||||
--tw-ring-opacity: 1;
|
--tw-ring-opacity: 1;
|
||||||
--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
|
--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:ring-blue-200:focus {
|
.focus\:ring-blue-200:focus {
|
||||||
--tw-ring-opacity: 1;
|
--tw-ring-opacity: 1;
|
||||||
--tw-ring-color: rgba(186, 230, 253, var(--tw-ring-opacity));
|
--tw-ring-color: rgba(186, 230, 253, var(--tw-ring-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:ring-opacity-50:focus {
|
.focus\:ring-opacity-50:focus {
|
||||||
--tw-ring-opacity: 0.5;
|
--tw-ring-opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:ring-offset-2:focus {
|
.focus\:ring-offset-2:focus {
|
||||||
--tw-ring-offset-width: 2px;
|
--tw-ring-offset-width: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:ring-offset-gray-800:focus {
|
.focus\:ring-offset-gray-800:focus {
|
||||||
--tw-ring-offset-color: rgb(var(--color-800));
|
--tw-ring-offset-color: rgb(var(--color-800));
|
||||||
}
|
}
|
||||||
|
|
||||||
.focus\:text-shadow:focus {
|
.focus\:text-shadow:focus {
|
||||||
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12)
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12)
|
||||||
}
|
}
|
||||||
|
|
||||||
.active\:text-gray-800:active {
|
.active\:text-gray-800:active {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-800), var(--tw-text-opacity));
|
color: rgba(var(--color-800), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.active\:shadow-inner:active {
|
.active\:shadow-inner:active {
|
||||||
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
|
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
|
||||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.active\:outline-none:active {
|
.active\:outline-none:active {
|
||||||
outline: 2px solid transparent;
|
outline: 2px solid transparent;
|
||||||
outline-offset: 2px;
|
outline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.group:hover .group-hover\:block {
|
.group:hover .group-hover\:block {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes pulse {
|
@keyframes pulse {
|
||||||
|
|
||||||
50% {
|
50% {
|
||||||
opacity: .5;
|
opacity: .5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.group:hover .group-hover\:animate-pulse {
|
.group:hover .group-hover\:animate-pulse {
|
||||||
-webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
-webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||||
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
.group:hover .group-hover\:text-primary {
|
.group:hover .group-hover\:text-primary {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-primary), var(--tw-text-opacity));
|
color: rgba(var(--color-primary), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.peer:checked ~ .peer-checked\:border-blue-500 {
|
.peer:checked ~ .peer-checked\:border-blue-500 {
|
||||||
--tw-border-opacity: 1;
|
--tw-border-opacity: 1;
|
||||||
border-color: rgba(14, 165, 233, var(--tw-border-opacity));
|
border-color: rgba(14, 165, 233, var(--tw-border-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.peer:checked ~ .peer-checked\:bg-gray-400 {
|
.peer:checked ~ .peer-checked\:bg-gray-400 {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-400), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-400), var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.peer:checked ~ .peer-checked\:bg-blue-600\/10 {
|
.peer:checked ~ .peer-checked\:bg-blue-600\/10 {
|
||||||
background-color: rgba(2, 132, 199, 0.1);
|
background-color: rgba(2, 132, 199, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.peer:checked ~ .peer-checked\:shadow-inner {
|
.peer:checked ~ .peer-checked\:shadow-inner {
|
||||||
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
|
--tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
|
||||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
|
.dark .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
|
||||||
--tw-divide-opacity: 1;
|
--tw-divide-opacity: 1;
|
||||||
border-color: rgba(var(--color-700), var(--tw-divide-opacity));
|
border-color: rgba(var(--color-700), var(--tw-divide-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:border-b {
|
.dark .dark\:border-b {
|
||||||
border-bottom-width: 1px;
|
border-bottom-width: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:border-gray-900 {
|
.dark .dark\:border-gray-900 {
|
||||||
--tw-border-opacity: 1;
|
--tw-border-opacity: 1;
|
||||||
border-color: rgba(var(--color-900), var(--tw-border-opacity));
|
border-color: rgba(var(--color-900), var(--tw-border-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:border-gray-700 {
|
.dark .dark\:border-gray-700 {
|
||||||
--tw-border-opacity: 1;
|
--tw-border-opacity: 1;
|
||||||
border-color: rgba(var(--color-700), var(--tw-border-opacity));
|
border-color: rgba(var(--color-700), var(--tw-border-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:border-gray-600 {
|
|
||||||
--tw-border-opacity: 1;
|
|
||||||
border-color: rgba(var(--color-600), var(--tw-border-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .dark\:border-gray-800 {
|
.dark .dark\:border-gray-800 {
|
||||||
--tw-border-opacity: 1;
|
--tw-border-opacity: 1;
|
||||||
border-color: rgba(var(--color-800), var(--tw-border-opacity));
|
border-color: rgba(var(--color-800), var(--tw-border-opacity));
|
||||||
}
|
}
|
||||||
|
.dark .dark\:border-gray-600 {
|
||||||
|
--tw-border-opacity: 1;
|
||||||
|
border-color: rgba(var(--color-600), var(--tw-border-opacity));
|
||||||
|
}
|
||||||
.dark .dark\:border-transparent {
|
.dark .dark\:border-transparent {
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:border-white\/\[\.05\] {
|
.dark .dark\:border-white\/\[\.05\] {
|
||||||
border-color: rgba(255, 255, 255, .05);
|
border-color: rgba(255, 255, 255, .05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:bg-gray-700 {
|
.dark .dark\:bg-gray-700 {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-700), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-700), var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:bg-gray-900 {
|
.dark .dark\:bg-gray-900 {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-900), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-900), var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:bg-white\/\[\.05\] {
|
|
||||||
background-color: rgba(255, 255, 255, .05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .dark\:bg-gray-800 {
|
.dark .dark\:bg-gray-800 {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-800), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-800), var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
.dark .dark\:bg-white\/\[\.05\] {
|
||||||
|
background-color: rgba(255, 255, 255, .05);
|
||||||
|
}
|
||||||
.dark .dark\:bg-white\/10 {
|
.dark .dark\:bg-white\/10 {
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:bg-gray-700\/40 {
|
.dark .dark\:bg-gray-700\/40 {
|
||||||
background-color: rgba(var(--color-700), 0.4);
|
background-color: rgba(var(--color-700), 0.4);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:bg-none {
|
.dark .dark\:bg-none {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:text-gray-100 {
|
.dark .dark\:text-gray-100 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-100), var(--tw-text-opacity));
|
color: rgba(var(--color-100), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:text-gray-400 {
|
.dark .dark\:text-gray-400 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-400), var(--tw-text-opacity));
|
color: rgba(var(--color-400), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:text-green-400 {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgba(74, 222, 128, var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .dark\:text-gray-200 {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgba(var(--color-200), var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .dark\:text-gray-500 {
|
.dark .dark\:text-gray-500 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-500), var(--tw-text-opacity));
|
color: rgba(var(--color-500), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
.dark .dark\:text-gray-200 {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgba(var(--color-200), var(--tw-text-opacity));
|
||||||
|
}
|
||||||
|
.dark .dark\:text-green-400 {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgba(74, 222, 128, var(--tw-text-opacity));
|
||||||
|
}
|
||||||
.dark .dark\:text-gray-300 {
|
.dark .dark\:text-gray-300 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-300), var(--tw-text-opacity));
|
color: rgba(var(--color-300), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:text-gray-700 {
|
.dark .dark\:text-gray-700 {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-700), var(--tw-text-opacity));
|
color: rgba(var(--color-700), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:odd\:bg-white\/\[\.05\]:nth-child(odd) {
|
.dark .dark\:odd\:bg-white\/\[\.05\]:nth-child(odd) {
|
||||||
background-color: rgba(255, 255, 255, .05);
|
background-color: rgba(255, 255, 255, .05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:visited\:text-gray-400:visited {
|
.dark .dark\:visited\:text-gray-400:visited {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-400), var(--tw-text-opacity));
|
color: rgba(var(--color-400), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:hover\:bg-white\/10:hover {
|
.dark .dark\:hover\:bg-white\/10:hover {
|
||||||
background-color: rgba(255, 255, 255, 0.1);
|
background-color: rgba(255, 255, 255, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:hover\:bg-gray-700:hover {
|
.dark .dark\:hover\:bg-gray-700:hover {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-700), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-700), var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:hover\:bg-gray-600:hover {
|
.dark .dark\:hover\:bg-gray-600:hover {
|
||||||
--tw-bg-opacity: 1;
|
--tw-bg-opacity: 1;
|
||||||
background-color: rgba(var(--color-600), var(--tw-bg-opacity));
|
background-color: rgba(var(--color-600), var(--tw-bg-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:hover\:text-gray-200:hover {
|
|
||||||
--tw-text-opacity: 1;
|
|
||||||
color: rgba(var(--color-200), var(--tw-text-opacity));
|
|
||||||
}
|
|
||||||
|
|
||||||
.dark .dark\:hover\:text-gray-400:hover {
|
.dark .dark\:hover\:text-gray-400:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-400), var(--tw-text-opacity));
|
color: rgba(var(--color-400), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
.dark .dark\:hover\:text-gray-200:hover {
|
||||||
|
--tw-text-opacity: 1;
|
||||||
|
color: rgba(var(--color-200), var(--tw-text-opacity));
|
||||||
|
}
|
||||||
.dark .dark\:hover\:text-primary:hover {
|
.dark .dark\:hover\:text-primary:hover {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-primary), var(--tw-text-opacity));
|
color: rgba(var(--color-primary), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:focus\:bg-transparent:focus {
|
.dark .dark\:focus\:bg-transparent:focus {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .dark\:focus\:text-gray-400:focus {
|
.dark .dark\:focus\:text-gray-400:focus {
|
||||||
--tw-text-opacity: 1;
|
--tw-text-opacity: 1;
|
||||||
color: rgba(var(--color-400), var(--tw-text-opacity));
|
color: rgba(var(--color-400), var(--tw-text-opacity));
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 640px) {
|
@media (min-width: 640px) {
|
||||||
|
|
||||||
.sm\:static {
|
.sm\:static {
|
||||||
|
@ -3921,7 +3825,6 @@ code {
|
||||||
line-height: 1.75rem;
|
line-height: 1.75rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
|
|
||||||
.md\:col-span-1 {
|
.md\:col-span-1 {
|
||||||
|
@ -4144,11 +4047,6 @@ code {
|
||||||
padding-bottom: 0.75rem;
|
padding-bottom: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.md\:px-4 {
|
|
||||||
padding-left: 1rem;
|
|
||||||
padding-right: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.md\:px-0 {
|
.md\:px-0 {
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
padding-right: 0px;
|
padding-right: 0px;
|
||||||
|
@ -4159,6 +4057,11 @@ code {
|
||||||
padding-bottom: 12rem;
|
padding-bottom: 12rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.md\:px-4 {
|
||||||
|
padding-left: 1rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.md\:px-5 {
|
.md\:px-5 {
|
||||||
padding-left: 1.25rem;
|
padding-left: 1.25rem;
|
||||||
padding-right: 1.25rem;
|
padding-right: 1.25rem;
|
||||||
|
@ -4245,7 +4148,6 @@ code {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1024px) {
|
@media (min-width: 1024px) {
|
||||||
|
|
||||||
.lg\:block {
|
.lg\:block {
|
||||||
|
@ -4285,7 +4187,6 @@ code {
|
||||||
padding-right: 2rem;
|
padding-right: 2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1280px) {
|
@media (min-width: 1280px) {
|
||||||
|
|
||||||
.xl\:col-span-9 {
|
.xl\:col-span-9 {
|
||||||
|
|
|
@ -347,10 +347,10 @@
|
||||||
ul {
|
ul {
|
||||||
@apply mb-3
|
@apply mb-3
|
||||||
}
|
}
|
||||||
.comment-text > ul, .post-text > ul {
|
.comment-text > ul, .post-text > ul, .prose > ul {
|
||||||
@apply list-disc pl-5
|
@apply list-disc pl-5
|
||||||
}
|
}
|
||||||
.comment-text > ol, .post-text > ol {
|
.comment-text > ol, .post-text > ol, .prose > ol {
|
||||||
@apply list-decimal pl-5
|
@apply list-decimal pl-5
|
||||||
}
|
}
|
||||||
strong {
|
strong {
|
||||||
|
@ -410,6 +410,9 @@
|
||||||
.btn-purple {
|
.btn-purple {
|
||||||
@apply bg-gradient-to-t from-purple-700 to-purple-600 hover:from-purple-600 hover:to-purple-700 border-purple-900 text-gray-100 focus:text-gray-200;
|
@apply bg-gradient-to-t from-purple-700 to-purple-600 hover:from-purple-600 hover:to-purple-700 border-purple-900 text-gray-100 focus:text-gray-200;
|
||||||
}
|
}
|
||||||
|
.btn-pink {
|
||||||
|
@apply bg-gradient-to-t from-pink-700 to-pink-600 hover:from-pink-600 hover:to-pink-700 border-pink-900 text-gray-100 focus:text-gray-200;
|
||||||
|
}
|
||||||
.btn-black {
|
.btn-black {
|
||||||
@apply bg-white bg-gradient-to-t from-black to-black/80 hover:from-black/90 hover:to-black border-black/10 text-gray-100 focus:text-gray-200;
|
@apply bg-white bg-gradient-to-t from-black to-black/80 hover:from-black/90 hover:to-black border-black/10 text-gray-100 focus:text-gray-200;
|
||||||
}
|
}
|
||||||
|
|
|
@ -192,9 +192,9 @@
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/CHRISTMAS/css/main.css?a=4">
|
<link rel="stylesheet" href="/assets/CHRISTMAS/css/main.css?a=5">
|
||||||
|
|
||||||
<link rel="stylesheet" href="/static/dist/main.css?a=5">
|
<link rel="stylesheet" href="/static/dist/main.css?a=6">
|
||||||
|
|
||||||
{% if v %}
|
{% if v %}
|
||||||
<style>:root{--primary:#dc2626}</style>
|
<style>:root{--primary:#dc2626}</style>
|
||||||
|
@ -336,7 +336,7 @@
|
||||||
<script src="/assets/CHRISTMAS/js/lite-youtube.js?a=1"></script>
|
<script src="/assets/CHRISTMAS/js/lite-youtube.js?a=1"></script>
|
||||||
|
|
||||||
<script src="/assets/CHRISTMAS/js/gif_modal.js?a=1"></script>
|
<script src="/assets/CHRISTMAS/js/gif_modal.js?a=1"></script>
|
||||||
<script src="/assets/CHRISTMAS/js/emoji_modal.js?a=15"></script>
|
<script src="/assets/CHRISTMAS/js/emoji_modal.js?a=16"></script>
|
||||||
|
|
||||||
<script defer src="/assets/CHRISTMAS/js/popover.js?a=1"></script>
|
<script defer src="/assets/CHRISTMAS/js/popover.js?a=1"></script>
|
||||||
|
|
||||||
|
|
|
@ -33,9 +33,9 @@
|
||||||
<div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
|
<div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
|
||||||
<div class="flex-shrink-0 flex items-center">
|
<div class="flex-shrink-0 flex items-center">
|
||||||
<a class="flex items-center" href="{{ '/' if v else '/logged_out'}}">
|
<a class="flex items-center" href="{{ '/' if v else '/logged_out'}}">
|
||||||
<img class="block lg:hidden h-6 w-6 object-contain" src="/static/assets/images/Drama/headericon.webp?a=7" alt="logo">
|
<img class="block lg:hidden h-6 w-6 object-contain" style="margin-left: -21px;" src="/static/assets/images/Drama/headericon.webp?a=7" alt="logo">
|
||||||
<img class="hidden lg:block h-6 w-6 object-contain" src="/static/assets/images/Drama/headericon.webp?a=7" alt="logo">
|
<img class="hidden lg:block h-6 w-6 object-contain" src="/static/assets/images/Drama/headericon.webp?a=7" alt="logo">
|
||||||
<span class="pl-2 text-white text-xl font-bold">rdrama</span>
|
<span class="pl-2 text-white text-2xl font-bold">rdrama</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="relative hidden sm:flex flex-shrink-0 items-center sm:ml-6">
|
<div class="relative hidden sm:flex flex-shrink-0 items-center sm:ml-6">
|
||||||
|
@ -130,7 +130,7 @@
|
||||||
<a class="flex items-center" href="{{ '/' if v else '/logged_out'}}">
|
<a class="flex items-center" href="{{ '/' if v else '/logged_out'}}">
|
||||||
<img class="block lg:hidden h-6 w-6 object-contain" src="/static/assets/images/Drama/headericon.webp?a=7" alt="logo">
|
<img class="block lg:hidden h-6 w-6 object-contain" src="/static/assets/images/Drama/headericon.webp?a=7" alt="logo">
|
||||||
<img class="hidden lg:block h-6 w-6 object-contain" src="/static/assets/images/Drama/headericon.webp?a=7" alt="logo">
|
<img class="hidden lg:block h-6 w-6 object-contain" src="/static/assets/images/Drama/headericon.webp?a=7" alt="logo">
|
||||||
<span class="pl-2 text-white text-xl font-bold">rdrama</span>
|
<span class="pl-2 text-white text-2xl font-bold">rdrama</span>
|
||||||
</a>
|
</a>
|
||||||
<button type="button" class="ml-auto close p-2" data-bs-dismiss="offcanvas" aria-label="Close">
|
<button type="button" class="ml-auto close p-2" data-bs-dismiss="offcanvas" aria-label="Close">
|
||||||
<span aria-hidden="true">
|
<span aria-hidden="true">
|
||||||
|
@ -224,7 +224,7 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<a href="/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{range(1,95)|random()}}.webp?a=3" class="block w-full h-56 shadow-sm p-[3px] bg-white dark:bg-gray-900 overflow-hidden">
|
<a href="/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{range(1,95)|random()}}.webp?a=3" class="block w-full h-64 shadow-sm p-[3px] bg-white dark:bg-gray-900 overflow-hidden">
|
||||||
<img loading="lazy" class="w-full h-full flex-shrink-0 object-contain cursor-pointer" src="/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{range(1,95)|random()}}.webp?a=3" alt="artwork featuring an orange and white cat"/>
|
<img loading="lazy" class="w-full h-full flex-shrink-0 object-contain cursor-pointer" src="/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{range(1,95)|random()}}.webp?a=3" alt="artwork featuring an orange and white cat"/>
|
||||||
</a>
|
</a>
|
||||||
<small class="hidden mt-1 text-gray-500">
|
<small class="hidden mt-1 text-gray-500">
|
||||||
|
|
|
@ -34,9 +34,9 @@
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
|
|
||||||
<link rel="stylesheet" href="/assets/CHRISTMAS/css/main.css?a=4">
|
<link rel="stylesheet" href="/assets/CHRISTMAS/css/main.css?a=5">
|
||||||
|
|
||||||
<link rel="stylesheet" href="/static/dist/main.css?a=4">
|
<link rel="stylesheet" href="/static/dist/main.css?a=6">
|
||||||
|
|
||||||
{% if v %}
|
{% if v %}
|
||||||
<style>:root{--primary:#{{v.themecolor}}}</style>
|
<style>:root{--primary:#{{v.themecolor}}}</style>
|
||||||
|
|
|
@ -22,6 +22,7 @@
|
||||||
<span class="text-gray-500 group-hover:text-primary font-normal">
|
<span class="text-gray-500 group-hover:text-primary font-normal">
|
||||||
Activity
|
Activity
|
||||||
<i class="fas fa-arrow-alt-right fa-fw fa-sm"></i>
|
<i class="fas fa-arrow-alt-right fa-fw fa-sm"></i>
|
||||||
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,70 +1,183 @@
|
||||||
{% set random = range(0,11)|random() %}
|
{% set random = range(1,95)|random() %}
|
||||||
|
|
||||||
{%
|
|
||||||
set banner = [
|
|
||||||
{
|
|
||||||
'username': 'Bartholomew_1',
|
|
||||||
'image': '1'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'Yui',
|
|
||||||
'image': '2'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'Bartholomew_1',
|
|
||||||
'image': '3'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'chiobu',
|
|
||||||
'image': '4'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'chiobu',
|
|
||||||
'image': '5'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'geese_suck',
|
|
||||||
'image': '6'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'Bartholomew_1',
|
|
||||||
'image': '7'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'drama_enthusiast',
|
|
||||||
'image': '8'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'dramarama',
|
|
||||||
'image': '9'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'geese_suck',
|
|
||||||
'image': '10'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'ThreeLetterAgent',
|
|
||||||
'image': '11'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'geese_suck',
|
|
||||||
'image': '12'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'geese_suck',
|
|
||||||
'image': '13'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'username': 'geese_suck',
|
|
||||||
'image': '14'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
%}
|
|
||||||
|
|
||||||
<div class="sidebar hidden xl:block xl:col-start-10 xl:col-end-13 flex-shrink-0 py-4">
|
<div class="sidebar hidden xl:block xl:col-start-10 xl:col-end-13 flex-shrink-0 py-4">
|
||||||
|
<!-- Artwork -->
|
||||||
<div>
|
<div>
|
||||||
<h2 class="ml-2 font-bold text-xl text-gray-900 dark:text-gray-300 font-heading leading-normal mb-2">
|
<a href="/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{ random }}.webp?a=3" class="block w-full h-64 shadow-sm p-[3px] bg-white dark:bg-gray-900 overflow-hidden">
|
||||||
Stickies
|
<img class="w-full h-full flex-shrink-0 object-contain cursor-pointer" src="/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{ random }}.webp?a=3" alt="artwork featuring an orange and white cat"/>
|
||||||
|
</a>
|
||||||
|
<small class="mt-1 block text-gray-500">
|
||||||
|
Submit your <a href="/post/32341/" class="font-bold">artwork</a>
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
|
<!-- Submit button -->
|
||||||
|
{% if v %}
|
||||||
|
<ul class="flex flex-col space-y-2 mt-4 mb-0">
|
||||||
|
<li>
|
||||||
|
<a class="btn btn-primary text-center w-full" href="/submit">
|
||||||
|
Submit drama
|
||||||
|
<i class="fas fa-arrow-alt-right fa-fw fa-sm ml-1"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% if not v.discord_id %}
|
||||||
|
<li class="hidden">
|
||||||
|
<a class="btn btn-pink text-center w-full" href="/discord">
|
||||||
|
Discord server
|
||||||
|
<i class="fas fa-arrow-alt-right fa-fw fa-sm ml-1"></i>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
{% endif %}
|
||||||
|
</ul>
|
||||||
|
{% endif %}
|
||||||
|
<!-- Description -->
|
||||||
|
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
||||||
|
<div>
|
||||||
|
<h2 class="font-bold text-lg font-heading leading-normal mb-2">
|
||||||
|
<a href="/post/5500/" class="group text-black dark:text-gray-200 hover:text-primary dark:hover:text-primary">
|
||||||
|
About
|
||||||
|
<span class="text-gray-500 group-hover:text-primary font-normal">
|
||||||
|
rDrama
|
||||||
|
<i class="fas fa-arrow-alt-right fa-fw fa-sm"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</h2>
|
||||||
|
<div class="prose">
|
||||||
|
<div class="flex items-center space-x-2 mb-3">
|
||||||
|
<a href="https://www.youtube.com/watch?v=dSdWL3LqZto" class="rounded-full bg-primary hover:bg-primary/80 text-white w-7 h-7 flex items-center justify-center">
|
||||||
|
<i class="fas fa-volume text-xs fa-fw"></i>
|
||||||
|
</a>
|
||||||
|
<div class="text-sm">
|
||||||
|
<strong class="leading-none text-gray-800 dark:text-gray-300">dra · ma</strong> /ˈdrämə/
|
||||||
|
<em class="block text-xs text-gray-500 dark:text-gray-400">noun</em>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="text-sm text-gray-700 dark:text-gray-400">
|
||||||
|
any incident, scene, gaffe, rumor, opinion, or disagreement that is blown entirely out of proportion.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-sm text-gray-700 dark:text-gray-400">
|
||||||
|
Do your part to keep our community healthy by <em>blowing</em> everything out of proportion and making literally everything as dramatic as possible.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="text-sm text-gray-700 dark:text-gray-400">
|
||||||
|
rdrama.net caters to drama in all forms such as: Real life, videos, photos, gossip, rumors, news sites, Reddit, and Beyond™. There isn't drama we won't touch, and we want it all.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<strong class="text-sm text-gray-500">What we want</strong>
|
||||||
|
|
||||||
|
<ul class="flex flex-col space-y-1 text-sm text-gray-700 dark:text-gray-400">
|
||||||
|
<li>Arguments.</li>
|
||||||
|
<li>Gossip.</li>
|
||||||
|
<li>Scandals.</li>
|
||||||
|
<li>Lolcows.</li>
|
||||||
|
<li>Assholes.</li>
|
||||||
|
<li>Trainwrecks.</li>
|
||||||
|
<li>Meltdowns.</li>
|
||||||
|
<li>Dramatic news articles.</li>
|
||||||
|
<li>Dramatic rumours (with context).</li>
|
||||||
|
<li>Dramatic everything from anywhere.</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Rules list -->
|
||||||
|
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
||||||
|
<div>
|
||||||
|
<h2 class="font-bold text-lg font-heading leading-normal mb-2">
|
||||||
|
<a href="/post/2510/" class="group text-black dark:text-gray-200 hover:text-primary dark:hover:text-primary">
|
||||||
|
Community
|
||||||
|
<span class="text-gray-500 group-hover:text-primary font-normal">
|
||||||
|
Rules
|
||||||
|
<i class="fas fa-arrow-alt-right fa-fw fa-sm"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</h2>
|
||||||
|
<div class="accordion mb-3" id="accordionExample">
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="text-base leading-normal" id="headingOne">
|
||||||
|
<button class="text-base font-bold leading-normal" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||||
|
Rule #1
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
No sexualizing minors even as a “joke.” There is zero tolerance for pedo shit here. Go to Reddit if you want that.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="text-base leading-normal" id="headingTwo">
|
||||||
|
<button class="text-base font-bold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||||
|
Rule #2
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
No doxxing ANYONE.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="text-base leading-normal" id="headingThree">
|
||||||
|
<button class="text-base font-bold leading-normal collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||||
|
Rule #3
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
Using alts to game dramacoin will get you banned.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="text-base leading-normal" id="headingFour">
|
||||||
|
<button class="text-base font-bold leading-normal collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||||
|
Rule #4
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
We’re all doing this for fun. Don’t make this “not fun.”
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="text-base leading-normal" id="headingFive">
|
||||||
|
<button class="text-base font-bold leading-normal collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
|
||||||
|
Rule #5
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
All rules can and likely will be ignored at admin discretion. Be funny, or at least compelling, and pretty much anything legal is fine.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item">
|
||||||
|
<h2 class="text-base leading-normal" id="headingSix">
|
||||||
|
<button class="text-base font-bold leading-normal collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
|
||||||
|
Rule #6
|
||||||
|
</button>
|
||||||
|
</h2>
|
||||||
|
<div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExample">
|
||||||
|
<div class="accordion-body">
|
||||||
|
Okay I think that’s all, thanks for reading! No one cares about your dumb <em>free speech</em> or whatever, go to Gab or something if you want to screech about amendments and stuff. Rules are not hard and fast, and janitorial abuse is inherent to the platform. So is ban evasion. Have fun or log out, both are easy!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Stickies list -->
|
||||||
|
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
||||||
|
<div>
|
||||||
|
<h2 class="font-bold text-lg font-heading leading-normal mb-2">
|
||||||
|
<a href="/search/posts/?sort=top&q=megathread&t=month" class="group text-black dark:text-gray-200 hover:text-primary dark:hover:text-primary">
|
||||||
|
Mega
|
||||||
|
<span class="text-gray-500 group-hover:text-primary font-normal">
|
||||||
|
Threads
|
||||||
|
<i class="fas fa-arrow-alt-right fa-fw fa-sm"></i>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
</h2>
|
</h2>
|
||||||
<ul class="flex flex-col space-y-2 mb-0">
|
<ul class="flex flex-col space-y-2 mb-0">
|
||||||
<li class="flex">
|
<li class="flex">
|
||||||
|
@ -72,13 +185,13 @@
|
||||||
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
||||||
</div>
|
</div>
|
||||||
<div class="pl-3 mt-[-1px] truncate">
|
<div class="pl-3 mt-[-1px] truncate">
|
||||||
<a href="/post/32231/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
<a href="/post/16583" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
||||||
Merry Christmas rdrama, what did you get?!
|
Emoji Megathread
|
||||||
</a>
|
</a>
|
||||||
<small class="block text-gray-500">
|
<small class="block text-gray-500">
|
||||||
posted by
|
posted by
|
||||||
<a href="/@Klenvastermas" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
|
<a href="/@aevann" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
|
||||||
@Klenvastermas
|
@aevann
|
||||||
</a>
|
</a>
|
||||||
</small>
|
</small>
|
||||||
</div>
|
</div>
|
||||||
|
@ -88,49 +201,17 @@
|
||||||
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
||||||
</div>
|
</div>
|
||||||
<div class="pl-3 mt-[-1px] truncate">
|
<div class="pl-3 mt-[-1px] truncate">
|
||||||
<a href="/post/29748/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
<a href="/post/18459" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
||||||
UI overhaul bug report thread
|
Bugs/Suggestions Megathread
|
||||||
</a>
|
</a>
|
||||||
<small class="block text-gray-500">
|
<small class="block text-gray-500">
|
||||||
posted by
|
posted by
|
||||||
<a href="/@christmaspathianflorist" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
|
<a href="/@aevann" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
|
||||||
@christmaspathianflorist
|
@aevann
|
||||||
</a>
|
|
||||||
</small>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li class="flex">
|
|
||||||
<div class="flex items-center justify-center px-2 flex-shrink-0">
|
|
||||||
<img class="object-contain w-5 h-5" src="/assets/images/emojis/marseywords.webp" alt="marsey words icon">
|
|
||||||
</div>
|
|
||||||
<div class="pl-3 mt-[-1px] truncate">
|
|
||||||
<a href="/post/32180/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
|
|
||||||
new rdrama.lgbt site for verified LGBTQ+ members only - click to check your eligibility!
|
|
||||||
</a>
|
|
||||||
<small class="block text-gray-500">
|
|
||||||
posted by
|
|
||||||
<a href="/@chiobu" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
|
|
||||||
@chiobu
|
|
||||||
</a>
|
</a>
|
||||||
</small>
|
</small>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
|
||||||
<a href="/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{range(1,95)|random()}}.webp?a=3" class="block w-full h-56 shadow-sm p-[3px] bg-white dark:bg-gray-900 overflow-hidden">
|
|
||||||
<img class="w-full h-full flex-shrink-0 object-contain cursor-pointer" src="/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{range(1,95)|random()}}.webp?a=3" alt="artwork featuring an orange and white cat"/>
|
|
||||||
</a>
|
|
||||||
<small class="mt-1 hidden text-gray-500">
|
|
||||||
Artwork by <a href="/me" class="font-bold">@username</a>
|
|
||||||
</small>
|
|
||||||
{% if v %}
|
|
||||||
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 dark:border-gray-900 shadow-inset-t-white-05"/>
|
|
||||||
<div class="flex flex-col sticky top-4">
|
|
||||||
<a class="btn btn-primary text-center w-full" href="/submit">
|
|
||||||
Submit drama
|
|
||||||
<i class="fas fa-arrow-alt-right fa-fw fa-sm ml-1"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
</div>
|
Loading…
Reference in New Issue