index.gohtml RawHistoryFolder

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>{{ .header.meta.title }}</title>
7    <meta name="description" content="{{ .Header.Meta.Description }}" />
8    <meta name="keywords" content="{{ .Header.Meta.Keywords }}" />
9    <!-- Custom CSS + Tailwind -->
10    <link rel="stylesheet" href="/assets/css/tailwind.css" />
11    <!-- HTMX min js  -->
12    <script src="/libs/htmx.min.js"></script>
13    <!-- HTMX SSE -->
14    <script src="/libs/htmx-sse.js"></script>
15    <!-- Custom JS from assets/js -->
16    <script src="/assets/js/custom.js"></script>
17  </head>
18
19  <body class="IBMPlexSans bg-zinc-200 md:p-8 flex flex-col items-center">
20    <!-- Logo and Title -->
21    <div
22      id="logo-mascot"
23      class="flex flex-col justify-center items-center p-4 mb-4">
24      <div class="circle-shadow flex justify-center w-100">
25        <img
26          src="/assets/imgs/gordon-mascot-mq-trsp.png"
27          alt="logo gordon"
28          class="sm:h-24 h-32 xl:h-48" />
29      </div>
30      <div class="flex justify-center mt-4">
31        <h1
32          class="gordon-title text-4xl lg:text-4xl xl:text-5xl text-gordonmascot-hblue tracking-tighter">
33          Gordon
34        </h1>
35        <span
36          class="gordon-v-subtitle text-gordonmascot-mblue text-sm ml-2"
37          >{{ .BuildVersion }}</span
38        >
39      </div>
40    </div>
41
42    <!-- Main Content -->
43    <div class="bg-white p-4 rounded-md shadow mb-4 w-2/3">
44      <!-- Login Section -->
45      <div id="login-section">
46        <div class="flex flex-col items-center">
47          <h2 class="text-2xl font-semibold text-gray-800">Login</h2>
48          <!-- GitHub OAuth -->
49          <div
50            class="mt-4 p-2 bg-gordonmascot-hblue text-white rounded-md flex justify-left">
51            <a href="login/oauth/github" class="flex items-center">
52              <img
53                src="/assets/imgs/github/github-mark-white.png"
54                alt="logo github"
55                class="h-8 xl:h-12" />
56              <span class="w-full p-2 text-white">Login with GitHub</span>
57            </a>
58          </div>
59        </div>
60      </div>
61      <!-- End Login Section -->
62    </div>
63  </body>
64</html>