updated styling, added gitea, deployed tomodachi
This commit is contained in:
+130
-30
@@ -571,14 +571,23 @@ video {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.left-0 {
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.z-20 {
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.mx-4 {
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.ml-2 {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.mt-4 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.mb-4 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
@@ -611,6 +620,10 @@ video {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.h-36 {
|
||||
height: 9rem;
|
||||
}
|
||||
|
||||
.min-h-\[40vh\] {
|
||||
min-height: 40vh;
|
||||
}
|
||||
@@ -647,6 +660,10 @@ video {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -663,6 +680,14 @@ video {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.justify-start {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
@@ -679,10 +704,41 @@ video {
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.rounded-b-lg {
|
||||
border-bottom-right-radius: 0.5rem;
|
||||
border-bottom-left-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.border-2 {
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
.border-4 {
|
||||
border-width: 4px;
|
||||
}
|
||||
|
||||
.border-t-8 {
|
||||
border-top-width: 8px;
|
||||
}
|
||||
|
||||
.border-l-2 {
|
||||
border-left-width: 2px;
|
||||
}
|
||||
|
||||
.border-rose-700 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(190 18 60 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-zinc-400 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(161 161 170 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-rose-700\/80 {
|
||||
border-color: rgb(190 18 60 / 0.8);
|
||||
}
|
||||
|
||||
.border-zinc-800 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(39 39 42 / var(--tw-border-opacity));
|
||||
@@ -707,8 +763,12 @@ video {
|
||||
background-color: rgb(39 39 42 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-rose-700\/60 {
|
||||
background-color: rgb(190 18 60 / 0.6);
|
||||
.bg-slate-700\/60 {
|
||||
background-color: rgb(51 65 85 / 0.6);
|
||||
}
|
||||
|
||||
.bg-rose-700\/10 {
|
||||
background-color: rgb(190 18 60 / 0.1);
|
||||
}
|
||||
|
||||
.bg-\[url\(\'\.\/src\/img\/andras-vas-Bd7gNnWJBkU-unsplash\.jpg\'\)\] {
|
||||
@@ -765,6 +825,16 @@ video {
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.px-2 {
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.py-1 {
|
||||
padding-top: 0.25rem;
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.py-3 {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
@@ -778,6 +848,14 @@ video {
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.pr-2 {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.pl-2 {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
@@ -816,8 +894,9 @@ video {
|
||||
color: rgb(24 24 27 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.opacity-0 {
|
||||
opacity: 0;
|
||||
.text-zinc-500 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(113 113 122 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.backdrop-blur-md {
|
||||
@@ -826,20 +905,6 @@ video {
|
||||
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
||||
}
|
||||
|
||||
.text-shadow {
|
||||
text-shadow: 1px 1px 3px #000000e0;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth
|
||||
}
|
||||
|
||||
@media screen and (prefers-reduced-motion: reduce) {
|
||||
html {
|
||||
scroll-behavior: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.hover\:border-rose-700:hover {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(190 18 60 / var(--tw-border-opacity));
|
||||
@@ -865,11 +930,20 @@ html {
|
||||
color: rgb(244 244 245 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.hover\:opacity-100:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.md\:mx-12 {
|
||||
margin-left: 3rem;
|
||||
margin-right: 3rem;
|
||||
}
|
||||
|
||||
.md\:mb-24 {
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
|
||||
.md\:ml-4 {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.md\:mb-12 {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
@@ -886,14 +960,14 @@ html {
|
||||
width: 16rem;
|
||||
}
|
||||
|
||||
.md\:grid-cols-3 {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.md\:rounded-none {
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
.md\:rounded-xl {
|
||||
border-radius: 0.75rem;
|
||||
}
|
||||
|
||||
.md\:p-24 {
|
||||
padding: 6rem;
|
||||
}
|
||||
@@ -912,6 +986,16 @@ html {
|
||||
padding-right: 6rem;
|
||||
}
|
||||
|
||||
.md\:px-4 {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.md\:py-2 {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.md\:py-12 {
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 3rem;
|
||||
@@ -925,4 +1009,20 @@ html {
|
||||
font-size: 6rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.md\:text-lg {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.md\:text-xl {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
.xl\:grid-cols-3 {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user