index.gohtml RawHistoryFolder

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