Add home.tmpl

home.tmpl

@@ -0,0 +1,110 @@
+{{template "base/head" .}}
+<style>
+  body {
+    display: flex !important;
+    flex-direction: column !important;
+    height: 100vh !important;
+    margin: 0 !important;
+    overflow: hidden !important;
+  }
+
+  .forge-main-wrapper {
+    flex: 1 0 auto !important;
+    display: flex !important;
+    flex-direction: column !important;
+    justify-content: center !important;
+    align-items: center !important;
+    padding: 20px !important;
+    text-align: center;
+    background-color: var(--color-body);
+  }
+
+  footer {
+    flex-shrink: 0 !important;
+    background-color: var(--color-footer) !important;
+  }
+
+  .forge-content-box {
+    width: 100%;
+    max-width: 800px;
+    margin-top: -40px;
+  }
+
+  .forge-header-text {
+    font-size: 2.5rem !important;
+    font-weight: 600 !important;
+    margin: 15px 0 10px 0 !important;
+    color: var(--color-text) !important;
+  }
+
+  .forge-subtitle {
+    font-size: 1.1rem;
+    color: var(--color-text-light);
+    margin-bottom: 30px;
+  }
+
+  .forge-nav-buttons {
+    max-width: 700px !important;
+    margin: 0 auto !important;
+  }
+
+  .forge-btn {
+    padding: 12px !important;
+    font-weight: 500 !important;
+    border: 1px solid var(--color-input-border) !important;
+    background: var(--color-button) !important;
+    color: var(--color-text) !important;
+    transition: background 0.2s ease, border-color 0.2s ease !important;
+  }
+
+  .forge-btn:hover {
+    background: var(--color-secondary-dark-1) !important;
+    border-color: var(--color-input-border-hover) !important;
+    color: var(--color-text) !important;
+  }
+
+  .forge-hr {
+    border: none !important;
+    border-top: 1px solid var(--color-light-border) !important;
+    margin: 30px auto !important;
+    width: 50%;
+    opacity: 0.5;
+  }
+
+  .forge-disclaimer {
+    font-size: 0.9rem;
+    color: var(--color-placeholder-text);
+    max-width: 550px;
+    margin: 0 auto;
+    line-height: 1.4;
+  }
+</style>
+
+<div class="page-content forge-main-wrapper">
+  <div class="forge-content-box">
+
+    <img class="logo" src="{{AssetUrlPrefix}}/img/logo.svg" width="100" height="100">
+    <h1 class="ui header forge-header-text">Atridad Lahiji's Code Forge</h1>
+    <p class="forge-subtitle">A private space for my source available projects.</p>
+
+    <div class="ui three column stackable grid forge-nav-buttons">
+      <div class="column">
+        <a class="ui fluid button forge-btn" href="/explore/repos">Explore Projects</a>
+      </div>
+      <div class="column">
+        <a class="ui fluid button forge-btn" href="/user/login">Access Forge</a>
+      </div>
+      <div class="column">
+        <a class="ui fluid button forge-btn" href="https://github.com/atridadl" target="_blank">Public GitHub</a>
+      </div>
+    </div>
+
+    <div class="ui divider forge-hr"></div>
+    <p class="forge-disclaimer">
+      Unauthorized use of code or content for training AI models or
+      AI-driven data scraping is strictly prohibited.
+    </p>
+
+  </div>
+</div>
+{{template "base/footer" .}}