diff --git a/static/css/main.css b/static/css/main.css
index 155f560..b5e498a 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,3 +1,58 @@
-#post_content {
- height: calc(100vh - 35rem);
+:root {
+ --color-border-default: #444c56;
+ --color-fg-default: #adbac7;
+}
+
+.light body {
+ background-color: whitesmoke;
+}
+
+main#main-card {
+ max-width: 768px;
+}
+
+.light main#main-card {
+ background-color: white;
+}
+
+.dark main#main-card {
+ background-color: var(--bs-body-bg-alt);
+ border: 1px solid var(--color-border-default);
+}
+
+.dark {
+ color: var(--color-fg-default);
+}
+
+
+.dark .hidedark, .light .hidelight {
+ display: none !important;
+}
+
+#theme-toggle {
+ position: fixed;
+ top: .5rem;
+ right: .5rem;
+}
+
+
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+ border-color: none;
+ box-shadow: none;
+ outline: 0 none;
}
\ No newline at end of file
diff --git a/templates/inc/footer.html b/templates/inc/footer.html
index 0293f9f..f1e542e 100644
--- a/templates/inc/footer.html
+++ b/templates/inc/footer.html
@@ -1,20 +1,4 @@
{{ define "inc/footer.html"}}
-
-
-
-
-
+
+
{{ end }}
\ No newline at end of file
diff --git a/templates/inc/header.html b/templates/inc/header.html
index 8165d1e..184e9ea 100644
--- a/templates/inc/header.html
+++ b/templates/inc/header.html
@@ -12,7 +12,10 @@
-
+
+
+
+
{{ end }}
\ No newline at end of file
diff --git a/templates/inc/theme-toggle.html b/templates/inc/theme-toggle.html
new file mode 100644
index 0000000..87b1cd0
--- /dev/null
+++ b/templates/inc/theme-toggle.html
@@ -0,0 +1,11 @@
+{{ define "inc/theme-toggle.html"}}
+
+{{ end }}
\ No newline at end of file
diff --git a/templates/pages/index.html b/templates/pages/index.html
index 837edb8..d45182a 100644
--- a/templates/pages/index.html
+++ b/templates/pages/index.html
@@ -1,5 +1,59 @@
{{ template "inc/header.html" .}}
+
+
- {{ template "inc/footer.html" .}}
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Ever wanted to transport information across platforms
+ without the hassle of loading times, sending files, logins, etc?
+
+
+ FreePad can easily store text information in any predefined url,
+ just write it in the box above and get to the right page, write anything in
+ and access the same address on any other device to get your info!
+