Merge branch 'frost' of https://github.com/Aevann1/Drama into frost

master
Aevann1 2022-01-01 21:16:39 +02:00
commit e0682984aa
7 changed files with 297 additions and 311 deletions

View File

@ -674,11 +674,11 @@ video {
ul {
margin-bottom: 0.75rem;
}
.comment-text > ul, .post-text > ul {
.comment-text > ul, .post-text > ul, .prose > ul {
list-style-type: disc;
padding-left: 1.25rem;
}
.comment-text > ol, .post-text > ol {
.comment-text > ol, .post-text > ol, .prose > ol {
list-style-type: decimal;
padding-left: 1.25rem;
}
@ -807,18 +807,18 @@ video {
top: 0px;
bottom: 0px;
}
.bottom-0 {
bottom: 0px;
.top-0 {
top: 0px;
}
.left-0 {
left: 0px;
}
.bottom-0 {
bottom: 0px;
}
.right-0 {
right: 0px;
}
.top-0 {
top: 0px;
}
.right-4 {
right: 1rem;
}
@ -867,9 +867,6 @@ video {
.top-3\.5 {
top: 0.875rem;
}
.top-4 {
top: 1rem;
}
.z-20 {
z-index: 20;
}
@ -936,14 +933,14 @@ video {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.-mx-4 {
margin-left: -1rem;
margin-right: -1rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.-mx-4 {
margin-left: -1rem;
margin-right: -1rem;
}
.-mx-2\.5 {
margin-left: -0.625rem;
margin-right: -0.625rem;
@ -1137,9 +1134,6 @@ video {
.h-6 {
height: 1.5rem;
}
.h-56 {
height: 14rem;
}
.h-4 {
height: 1rem;
}
@ -1149,6 +1143,9 @@ video {
.h-8 {
height: 2rem;
}
.h-56 {
height: 14rem;
}
.h-48 {
height: 12rem;
}
@ -1191,12 +1188,12 @@ video {
.w-12 {
width: 3rem;
}
.w-1\/2 {
width: 50%;
}
.w-full {
width: 100%;
}
.w-1\/2 {
width: 50%;
}
.w-16 {
width: 4rem;
}
@ -1215,15 +1212,15 @@ video {
.w-6 {
width: 1.5rem;
}
.w-32 {
width: 8rem;
}
.w-4 {
width: 1rem;
}
.w-56 {
width: 14rem;
}
.w-32 {
width: 8rem;
}
.w-48 {
width: 12rem;
}
@ -1260,15 +1257,15 @@ video {
.min-w-full {
min-width: 100%;
}
.max-w-screen-2xl {
max-width: 1536px;
}
.max-w-3xl {
max-width: 48rem;
}
.max-w-xl {
max-width: 36rem;
}
.max-w-screen-2xl {
max-width: 1536px;
}
.max-w-2xl {
max-width: 42rem;
}
@ -1522,14 +1519,14 @@ video {
.rounded-full {
border-radius: 9999px;
}
.rounded-b {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-t {
border-top-left-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 {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
@ -2155,6 +2152,14 @@ video {
padding-left: 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 {
padding-top: 0.375rem;
padding-bottom: 0.375rem;
@ -2167,18 +2172,10 @@ video {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
.px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
@ -2522,6 +2519,10 @@ video {
--tw-text-opacity: 1;
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 {
--tw-text-opacity: 1;
color: rgba(251, 191, 36, var(--tw-text-opacity));
@ -3078,6 +3079,25 @@ video {
.btn-purple:focus {
--tw-text-opacity: 1;
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 {
border-color: rgba(0, 0, 0, 0.1);
@ -3277,567 +3297,451 @@ video {
.agendaposter {
text-transform: uppercase !important;
}
code {
text-transform: none !important;
}
.first\:pt-0:first-child {
padding-top: 0px;
}
.odd\:bg-gray-300:nth-child(odd) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-300), var(--tw-bg-opacity));
}
.odd\:bg-gray-200:nth-child(odd) {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-200), var(--tw-bg-opacity));
}
.visited\:text-gray-700:visited {
--tw-text-opacity: 1;
color: rgba(var(--color-700), var(--tw-text-opacity));
}
.hover\:scale-\[1\.15\]:hover {
--tw-scale-x: 1.15;
--tw-scale-y: 1.15;
transform: var(--tw-transform);
}
.hover\:cursor-pointer:hover {
cursor: pointer;
}
.hover\:border-gray-400:hover {
--tw-border-opacity: 1;
border-color: rgba(var(--color-400), var(--tw-border-opacity));
}
.hover\:border-gray-500:hover {
--tw-border-opacity: 1;
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 {
--tw-bg-opacity: 1;
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 {
background-color: rgba(0, 0, 0, 0.3);
}
.hover\:bg-gray-100:hover {
--tw-bg-opacity: 1;
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 {
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.hover\:from-gray-100:hover {
--tw-gradient-from: rgb(var(--color-100));
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0));
}
.hover\:from-green-600:hover {
--tw-gradient-from: #16a34a;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 163, 74, 0));
}
.hover\:from-yellow-500:hover {
--tw-gradient-from: #f59e0b;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0));
}
.hover\:from-red-800:hover {
--tw-gradient-from: #991b1b;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
}
.hover\:from-yellow-600:hover {
--tw-gradient-from: #d97706;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
}
.hover\:from-red-600:hover {
--tw-gradient-from: #dc2626;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(220, 38, 38, 0));
}
.hover\:from-green-800:hover {
--tw-gradient-from: #166534;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0));
}
.hover\:to-gray-200:hover {
--tw-gradient-to: rgb(var(--color-200));
}
.hover\:to-green-700:hover {
--tw-gradient-to: #15803d;
}
.hover\:to-yellow-600:hover {
--tw-gradient-to: #d97706;
}
.hover\:to-red-700:hover {
--tw-gradient-to: #b91c1c;
}
.hover\:to-yellow-500:hover {
--tw-gradient-to: #f59e0b;
}
.hover\:text-primary:hover {
--tw-text-opacity: 1;
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 {
--tw-text-opacity: 1;
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 {
--tw-text-opacity: 1;
color: rgba(var(--color-400), var(--tw-text-opacity));
}
.hover\:text-gray-300:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-300), var(--tw-text-opacity));
}
.hover\:text-gray-200:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-200), var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:text-yellow-400:hover {
--tw-text-opacity: 1;
color: rgba(251, 191, 36, var(--tw-text-opacity));
}
.hover\:text-green-700:hover {
--tw-text-opacity: 1;
color: rgba(21, 128, 61, var(--tw-text-opacity));
}
.hover\:text-gray-500:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-500), var(--tw-text-opacity));
}
.hover\:text-gray-600:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-600), var(--tw-text-opacity));
}
.hover\:text-blue-600:hover {
--tw-text-opacity: 1;
color: rgba(2, 132, 199, var(--tw-text-opacity));
}
.hover\:text-red-700:hover {
--tw-text-opacity: 1;
color: rgba(185, 28, 28, var(--tw-text-opacity));
}
.hover\:text-yellow-900:hover {
--tw-text-opacity: 1;
color: rgba(120, 53, 15, var(--tw-text-opacity));
}
.hover\:text-gray-800:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-800), var(--tw-text-opacity));
}
.hover\:underline:hover {
text-decoration: underline;
}
.hover\:opacity-100:hover {
opacity: 1;
}
.hover\:shadow-inner:hover {
--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);
}
.focus\:border-blue-300:focus {
--tw-border-opacity: 1;
border-color: rgba(125, 211, 252, var(--tw-border-opacity));
}
.focus\:bg-white:focus {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.focus\:bg-gradient-to-t:focus {
background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.focus\:from-gray-100:focus {
--tw-gradient-from: rgb(var(--color-100));
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--color-100), 0));
}
.focus\:from-red-800:focus {
--tw-gradient-from: #991b1b;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(153, 27, 27, 0));
}
.focus\:from-yellow-600:focus {
--tw-gradient-from: #d97706;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0));
}
.focus\:from-green-800:focus {
--tw-gradient-from: #166534;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 101, 52, 0));
}
.focus\:to-gray-200:focus {
--tw-gradient-to: rgb(var(--color-200));
}
.focus\:to-red-700:focus {
--tw-gradient-to: #b91c1c;
}
.focus\:to-yellow-500:focus {
--tw-gradient-to: #f59e0b;
}
.focus\:to-green-700:focus {
--tw-gradient-to: #15803d;
}
.focus\:font-bold:focus {
font-weight: 700;
}
.focus\:text-black:focus {
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity));
}
.focus\:text-gray-900:focus {
--tw-text-opacity: 1;
color: rgba(var(--color-900), var(--tw-text-opacity));
}
.focus\:text-gray-500:focus {
--tw-text-opacity: 1;
color: rgba(var(--color-500), var(--tw-text-opacity));
}
.focus\:text-yellow-500:focus {
--tw-text-opacity: 1;
color: rgba(245, 158, 11, var(--tw-text-opacity));
}
.focus\:text-gray-300:focus {
--tw-text-opacity: 1;
color: rgba(var(--color-300), var(--tw-text-opacity));
}
.focus\:text-gray-200:focus {
--tw-text-opacity: 1;
color: rgba(var(--color-200), var(--tw-text-opacity));
}
.focus\:text-gray-400:focus {
--tw-text-opacity: 1;
color: rgba(var(--color-400), var(--tw-text-opacity));
}
.focus\:shadow-inner:focus {
--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);
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.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-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);
}
.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-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);
}
.focus\:ring-inset:focus {
--tw-ring-inset: inset;
}
.focus\:ring-white:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
}
.focus\:ring-blue-200:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(186, 230, 253, var(--tw-ring-opacity));
}
.focus\:ring-opacity-50:focus {
--tw-ring-opacity: 0.5;
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.focus\:ring-offset-gray-800:focus {
--tw-ring-offset-color: rgb(var(--color-800));
}
.focus\:text-shadow:focus {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12)
}
.active\:text-gray-800:active {
--tw-text-opacity: 1;
color: rgba(var(--color-800), var(--tw-text-opacity));
}
.active\:shadow-inner:active {
--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);
}
.active\:outline-none:active {
outline: 2px solid transparent;
outline-offset: 2px;
}
.group:hover .group-hover\:block {
display: block;
}
@keyframes pulse {
50% {
opacity: .5;
}
}
.group:hover .group-hover\:animate-pulse {
-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;
}
.group:hover .group-hover\:text-primary {
--tw-text-opacity: 1;
color: rgba(var(--color-primary), var(--tw-text-opacity));
}
.peer:checked ~ .peer-checked\:border-blue-500 {
--tw-border-opacity: 1;
border-color: rgba(14, 165, 233, var(--tw-border-opacity));
}
.peer:checked ~ .peer-checked\:bg-gray-400 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-400), var(--tw-bg-opacity));
}
.peer:checked ~ .peer-checked\:bg-blue-600\/10 {
background-color: rgba(2, 132, 199, 0.1);
}
.peer:checked ~ .peer-checked\:shadow-inner {
--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);
}
.dark .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgba(var(--color-700), var(--tw-divide-opacity));
}
.dark .dark\:border-b {
border-bottom-width: 1px;
}
.dark .dark\:border-gray-900 {
--tw-border-opacity: 1;
border-color: rgba(var(--color-900), var(--tw-border-opacity));
}
.dark .dark\:border-gray-700 {
--tw-border-opacity: 1;
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 {
--tw-border-opacity: 1;
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 {
border-color: transparent;
}
.dark .dark\:border-white\/\[\.05\] {
border-color: rgba(255, 255, 255, .05);
}
.dark .dark\:bg-gray-700 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-700), var(--tw-bg-opacity));
}
.dark .dark\:bg-gray-900 {
--tw-bg-opacity: 1;
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 {
--tw-bg-opacity: 1;
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 {
background-color: rgba(255, 255, 255, 0.1);
}
.dark .dark\:bg-gray-700\/40 {
background-color: rgba(var(--color-700), 0.4);
}
.dark .dark\:bg-none {
background-image: none;
}
.dark .dark\:text-gray-100 {
--tw-text-opacity: 1;
color: rgba(var(--color-100), var(--tw-text-opacity));
}
.dark .dark\:text-gray-400 {
--tw-text-opacity: 1;
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 {
--tw-text-opacity: 1;
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 {
--tw-text-opacity: 1;
color: rgba(var(--color-300), var(--tw-text-opacity));
}
.dark .dark\:text-gray-700 {
--tw-text-opacity: 1;
color: rgba(var(--color-700), var(--tw-text-opacity));
}
.dark .dark\:odd\:bg-white\/\[\.05\]:nth-child(odd) {
background-color: rgba(255, 255, 255, .05);
}
.dark .dark\:visited\:text-gray-400:visited {
--tw-text-opacity: 1;
color: rgba(var(--color-400), var(--tw-text-opacity));
}
.dark .dark\:hover\:bg-white\/10:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.dark .dark\:hover\:bg-gray-700:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-700), var(--tw-bg-opacity));
}
.dark .dark\:hover\:bg-gray-600:hover {
--tw-bg-opacity: 1;
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 {
--tw-text-opacity: 1;
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 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary), var(--tw-text-opacity));
}
.dark .dark\:focus\:bg-transparent:focus {
background-color: transparent;
}
.dark .dark\:focus\:text-gray-400:focus {
--tw-text-opacity: 1;
color: rgba(var(--color-400), var(--tw-text-opacity));
}
@media (min-width: 640px) {
.sm\:static {
@ -3921,7 +3825,6 @@ code {
line-height: 1.75rem;
}
}
@media (min-width: 768px) {
.md\:col-span-1 {
@ -4144,11 +4047,6 @@ code {
padding-bottom: 0.75rem;
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.md\:px-0 {
padding-left: 0px;
padding-right: 0px;
@ -4159,6 +4057,11 @@ code {
padding-bottom: 12rem;
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
@ -4245,7 +4148,6 @@ code {
background-color: transparent;
}
}
@media (min-width: 1024px) {
.lg\:block {
@ -4285,7 +4187,6 @@ code {
padding-right: 2rem;
}
}
@media (min-width: 1280px) {
.xl\:col-span-9 {

View File

@ -347,10 +347,10 @@
ul {
@apply mb-3
}
.comment-text > ul, .post-text > ul {
.comment-text > ul, .post-text > ul, .prose > ul {
@apply list-disc pl-5
}
.comment-text > ol, .post-text > ol {
.comment-text > ol, .post-text > ol, .prose > ol {
@apply list-decimal pl-5
}
strong {
@ -410,6 +410,9 @@
.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;
}
.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 {
@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;
}

View File

@ -192,9 +192,9 @@
{% 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 %}
<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/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>

View File

@ -33,9 +33,9 @@
<div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start">
<div class="flex-shrink-0 flex items-center">
<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">
<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>
</div>
<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'}}">
<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">
<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>
<button type="button" class="ml-auto close p-2" data-bs-dismiss="offcanvas" aria-label="Close">
<span aria-hidden="true">
@ -224,7 +224,7 @@
</li>
</ul>
{% 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"/>
</a>
<small class="hidden mt-1 text-gray-500">

View File

@ -34,9 +34,9 @@
{% 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 %}
<style>:root{--primary:#{{v.themecolor}}}</style>

View File

@ -22,6 +22,7 @@
<span class="text-gray-500 group-hover:text-primary font-normal">
Activity
<i class="fas fa-arrow-alt-right fa-fw fa-sm"></i>
</span>
</a>
</h2>
</div>

View File

@ -1,70 +1,183 @@
{% set random = range(0,11)|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'
}
]
%}
{% set random = range(1,95)|random() %}
<div class="sidebar hidden xl:block xl:col-start-10 xl:col-end-13 flex-shrink-0 py-4">
<!-- Artwork -->
<div>
<h2 class="ml-2 font-bold text-xl text-gray-900 dark:text-gray-300 font-heading leading-normal mb-2">
Stickies
<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">
<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 &#183; 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">
Were all doing this for fun. Dont 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 thats 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>
<ul class="flex flex-col space-y-2 mb-0">
<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">
</div>
<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">
Merry Christmas rdrama, what did you get?!
<a href="/post/16583" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
Emoji Megathread
</a>
<small class="block text-gray-500">
posted by
<a href="/@Klenvastermas" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
@Klenvastermas
<a href="/@aevann" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
@aevann
</a>
</small>
</div>
@ -88,49 +201,17 @@
<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/29748/" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
UI overhaul bug report thread
<a href="/post/18459" class="block font-medium text-black dark:text-gray-200 hover:text-primary truncate ellipsis">
Bugs/Suggestions Megathread
</a>
<small class="block text-gray-500">
posted by
<a href="/@christmaspathianflorist" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
@christmaspathianflorist
</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 href="/@aevann" class="text-gray-500 hover:text-gray-600 dark:hover:text-gray-400">
@aevann
</a>
</small>
</div>
</li>
</ul>
</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>