diff --git a/src/build.tsx b/src/build.tsx
index 9233918..656d4c5 100644
--- a/src/build.tsx
+++ b/src/build.tsx
@@ -117,10 +117,10 @@ let html = renderToString(
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/static/tailwind.css b/src/static/tailwind.css
index 7c4a924..356c791 100644
--- a/src/static/tailwind.css
+++ b/src/static/tailwind.css
@@ -530,6 +530,42 @@
.static {
position: static;
}
+ .sticky {
+ position: sticky;
+ }
+ .top-0 {
+ top: calc(var(--spacing) * 0);
+ }
+ .right-0 {
+ right: calc(var(--spacing) * 0);
+ }
+ .left-0 {
+ left: calc(var(--spacing) * 0);
+ }
+ .z-10 {
+ z-index: 10;
+ }
+ .container {
+ width: 100%;
+ @media (width >= 40rem) {
+ max-width: 40rem;
+ }
+ @media (width >= 48rem) {
+ max-width: 48rem;
+ }
+ @media (width >= 64rem) {
+ max-width: 64rem;
+ }
+ @media (width >= 80rem) {
+ max-width: 80rem;
+ }
+ @media (width >= 96rem) {
+ max-width: 96rem;
+ }
+ }
+ .mx-auto {
+ margin-inline: auto;
+ }
.block {
display: block;
}
@@ -545,6 +581,12 @@
.table {
display: table;
}
+ .h-6 {
+ height: calc(var(--spacing) * 6);
+ }
+ .min-h-16 {
+ min-height: calc(var(--spacing) * 16);
+ }
.border-collapse {
border-collapse: collapse;
}
@@ -557,13 +599,35 @@
.flex-wrap {
flex-wrap: wrap;
}
+ .items-center {
+ align-items: center;
+ }
+ .justify-between {
+ justify-content: space-between;
+ }
+ .gap-4 {
+ gap: calc(var(--spacing) * 4);
+ }
.gap-8 {
gap: calc(var(--spacing) * 8);
}
+ .rounded-b-lg {
+ border-bottom-right-radius: var(--radius-lg);
+ border-bottom-left-radius: var(--radius-lg);
+ }
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
+ .bg-\[\#1d1f3d\] {
+ background-color: #1d1f3d;
+ }
+ .px-8 {
+ padding-inline: calc(var(--spacing) * 8);
+ }
+ .py-4 {
+ padding-block: calc(var(--spacing) * 4);
+ }
.text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
@@ -572,6 +636,9 @@
font-size: var(--text-8xl);
line-height: var(--tw-leading, var(--text-8xl--line-height));
}
+ .text-\[\#f9ebeb\] {
+ color: #f9ebeb;
+ }
.text-green-400 {
color: var(--color-green-400);
}
@@ -588,6 +655,62 @@
.filter {
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
+ .sm\:h-10 {
+ @media (width >= 40rem) {
+ height: calc(var(--spacing) * 10);
+ }
+ }
+ .lg\:text-xl {
+ @media (width >= 64rem) {
+ font-size: var(--text-xl);
+ line-height: var(--tw-leading, var(--text-xl--line-height));
+ }
+ }
+ .dark\:bg-\[\#100000\] {
+ @media (prefers-color-scheme: dark) {
+ background-color: #100000;
+ }
+ }
+ .dark\:bg-\[\#150505\] {
+ @media (prefers-color-scheme: dark) {
+ background-color: #150505;
+ }
+ }
+ .dark\:bg-\[\#160606\] {
+ @media (prefers-color-scheme: dark) {
+ background-color: #160606;
+ }
+ }
+ .dark\:bg-orange-700 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-orange-700);
+ }
+ }
+ .dark\:bg-orange-800 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-orange-800);
+ }
+ }
+ .dark\:bg-orange-900 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-orange-900);
+ }
+ }
+ .dark\:bg-orange-950 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-orange-950);
+ }
+ }
+ .dark\:bg-slate-400 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-slate-400);
+ }
+ }
+ .dark\:bg-slate-900 {
+ @media (prefers-color-scheme: dark) {
+ background-color: var(--color-slate-900);
+ }
+ }
}
@keyframes spin {
to {
diff --git a/src/templates/Components/Head.tsx b/src/templates/Components/Head.tsx
index 273553e..f95a029 100644
--- a/src/templates/Components/Head.tsx
+++ b/src/templates/Components/Head.tsx
@@ -28,7 +28,7 @@ export default function head(props: {
{props.preload ? props.preload.map((item) => ) : ""}
{props.dns ? props.dns.map((item) => ) : ""}
- {/* */}
+
{props.environment == "dev" ? (
) : (
diff --git a/src/templates/Components/Header.tsx b/src/templates/Components/Header.tsx
new file mode 100644
index 0000000..c23e2b8
--- /dev/null
+++ b/src/templates/Components/Header.tsx
@@ -0,0 +1,19 @@
+export default function Header(props: {path: string}) {
+ return (
+
+ );
+}
diff --git a/src/templates/index.tsx b/src/templates/index.tsx
index f524c3e..71e0815 100644
--- a/src/templates/index.tsx
+++ b/src/templates/index.tsx
@@ -1,11 +1,14 @@
import Head from "./Components/Head";
+import Header from "./Components/Header";
+
+
export default function Index(props: {
environment: "prod" | "dev";
title: string;
+ path: string;
head: {
description: string;
image: string;
- path: string;
url: string;
preload?: string[];
dns?: string[];
@@ -16,9 +19,11 @@ export default function Index(props: {
-
+
+ 
+