luxick/chronological
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add tuicss library

Browse Source
This commit is contained in:
luxick
2025-12-12 11:55:37 +01:00
parent e5bbdcab42
commit 4bbc7975b3
7 changed files with 293 additions and 431 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
web/templates/layouts/base.html
View File

@@ -1,20 +1,42 @@
{{define "base"}}
<!DOCTYPE html>
<html lang="en">
<html lang="en" class="tui-bg-cyan-black">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chronological</title>
<link rel="stylesheet" href="/static/vendor/tuicss/tuicss.css">
<link rel="stylesheet" href="/static/css/style.css">
<script src="/static/js/htmx.min.js"></script>
</head>
<body>
<header class="app-header">
<h1>Chronological</h1>
</header>
<body class="tui-bg-cyan-black">
<!-- Navbar (Turbo Vision style) -->
<nav class="tui-nav">
<ul>
<li class="tui-dropdown">
<span class="red-168-text">C</span>hronological
<div class="tui-dropdown-content">
<ul>
<li><a href="/"><span class="red-168-text">H</span>ome</a></li>
</ul>
</div>
</li>
</ul>
</nav>
<!-- Main Content Area -->
<main class="app-main">
{{template "content" .}}
</main>
<!-- Status Bar (Turbo Vision style) -->
<div class="tui-statusbar absolute">
<ul>
<li><span class="cyan-255-text">Chronological</span> - Personal Timeline</li>
</ul>
</div>
<script src="/static/vendor/tuicss/tuicss.js"></script>
<script src="/static/js/app.js"></script>
</body>
</html>