3 files changed, 59 insertions, 1 deletions
diff --git a/template/static/css/styles.css b/template/static/css/styles.css
index f5d4f78..c025c3e 100644
--- a/template/static/css/styles.css
+++ b/template/static/css/styles.css
@@ -9,10 +9,51 @@
 
 * {
   box-sizing: border-box;
+}
+
+html {
+  margin: 0;
+  padding: 0;
   color: var(--text-color);
   font-family: GeistMono;
 }
 
 body {
   background-color: var(--background-color);
+  min-height: 100vh;
+}
+
+hr {
+  border: 0;
+  border-top: 1px solid var(--text-color);
+
+  margin: 20px 0;
+}
+
+.container {
+  max-width: 1600px;
+  margin: auto;
+  background-color: var(--container-bg);
+  padding: 1rem;
+}
+
+
+a {
+  color: var(--link-color);
+  text-decoration: none;
+  font-weight: bold;
+}
+a:hover {
+  text-decoration: underline;
+}
+
+.info {
+  margin-bottom: 1rem;
+  max-width: 600px;
+
+  transition: opacity 0.3s;
+}
+
+.info:hover {
+  opacity: 0.8;
 }
diff --git a/template/static/img/favicon.ico b/template/static/img/favicon.ico
new file mode 100644
index 0000000..58c53c3
--- /dev/null
+++ b/template/static/img/favicon.ico
diff --git a/template/templates/base.html b/template/templates/base.html
index 14b5e88..8d6aab2 100644
--- a/template/templates/base.html
+++ b/template/templates/base.html
@@ -5,10 +5,27 @@
     <title>{{ service_title }}</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+    <link href="/static/img/favicon.ico" rel="icon" type="image/x-icon">
     <link rel="stylesheet" type="text/css" href="/static/css/styles.css">
+
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://{{ service }}.simponic.xyz">
+    <meta property="og:title" content="{{ service_title }}">
+    <meta property="og:description" content="{{ service_title }}">
+    <meta property="og:image:secure_url" content="https://{{ service }}.simponic.xyz/static/img/favicon.ico">
+    <meta property="og:image:secure" content="https://{{ service }}.simponic.xyz/static/img/favicon.ico">
+
+    <script src="/static/js/util/setThemeBeforeRender.js"></script>
   </head>
-  <body data-theme="DARK">
+  <body>
     <div id="content" class="container">
+      <div>
+        <h1>{{ service }}</h1>
+        <a href="/">home.</a>
+        <span> | </span>
+        <a href="javascript:void(0);" id="theme-switcher">light mode.</a>
+      </div>
+      <hr>
       {{ template "content" . }}
     </div>
     <script data-main="/static/js/script.js" src="/static/js/require.js"></script>