forked from
tangled.org/core
This repository has no description
appview: setup tailwind and htmx
Also gets rid of unused old templates.
author
Anirudh Oppiliappan
date
(Feb 13, 2025, 9:18 AM +0200)
commit
ea935977
ea935977a872a43b63442a85e15d55ea18a5cbcf
parent
3990d9a3
3990d9a32bafa907211c48bd6a13dab9d84f5862
+112
-116
+10
-1
appview/pages/pages.go
+10
-1
appview/pages/pages.go
···
7
7
"io"
8
8
"io/fs"
9
9
"log"
10
+
"net/http"
10
11
"path"
11
12
"strings"
12
13
···
15
16
"github.com/sotangled/tangled/types"
16
17
)
17
18
18
-
//go:embed templates/*
19
+
//go:embed templates/* static/*
19
20
var files embed.FS
20
21
21
22
type Pages struct {
···
239
240
func (p *Pages) RepoBlob(w io.Writer, params RepoBlobParams) error {
240
241
return p.executeRepo("repo/blob", w, params)
241
242
}
243
+
244
+
func (p *Pages) Static() http.Handler {
245
+
sub, err := fs.Sub(files, "static")
246
+
if err != nil {
247
+
log.Fatalf("no static dir found? that's crazy: %v", err)
248
+
}
249
+
return http.StripPrefix("/static/", http.FileServer(http.FS(sub)))
250
+
}
+19
-21
appview/pages/templates/layouts/base.html
+19
-21
appview/pages/templates/layouts/base.html
···
1
1
{{ define "layouts/base" }}
2
-
<!doctype html>
3
-
<html lang="en">
4
-
<head>
5
-
<meta charset="UTF-8" />
6
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
-
<script
8
-
src="https://unpkg.com/htmx.org@2.0.4"
9
-
integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+"
10
-
crossorigin="anonymous"
11
-
></script>
12
-
<title>{{block "title" .}}tangled{{end}}</title>
13
-
</head>
14
-
<body>
15
-
<header class="topbar">
16
-
{{ block "topbar" .}}
17
-
{{ template "layouts/topbar" . }}
18
-
{{end}}
19
-
</header>
20
-
<main class="content">{{block "content" .}}{{end}}</main>
21
-
</body>
22
-
</html>
2
+
<!doctype html>
3
+
<html lang="en">
4
+
<head>
5
+
<meta charset="UTF-8" />
6
+
<meta
7
+
name="viewport"
8
+
content="width=device-width, initial-scale=1.0"
9
+
/>
10
+
<title>{{ block "title" . }}tangled{{ end }}</title>
11
+
</head>
12
+
<body>
13
+
<header class="topbar">
14
+
{{ block "topbar" . }}
15
+
{{ template "layouts/topbar" . }}
16
+
{{ end }}
17
+
</header>
18
+
<main class="content">{{ block "content" . }}{{ end }}</main>
19
+
</body>
20
+
</html>
23
21
{{ end }}
-37
appview/pages/templates/layouts/head.html
-37
appview/pages/templates/layouts/head.html
···
1
-
<head>
2
-
<meta charset="utf-8" />
3
-
<meta name="viewport" content="width=device-width, initial-scale=1" />
4
-
<link rel="stylesheet" href="/static/style.css" type="text/css" />
5
-
<link rel="icon" type="image/png" size="32x32" href="/static/legit.png" />
6
-
<script src="https://unpkg.com/htmx.org@2.0.4"></script>
7
-
<meta name="htmx-config" content='{"selfRequestsOnly":false}' />
8
-
9
-
{{ if .parent }}
10
-
<title>
11
-
{{ .meta.Title }} — {{ .name }} ({{ .ref }}): {{ .parent }}/
12
-
</title>
13
-
14
-
{{ else if .path }}
15
-
<title>
16
-
{{ .meta.Title }} — {{ .name }} ({{ .ref }}): {{ .path }}
17
-
</title>
18
-
{{ else if .files }}
19
-
<title>{{ .meta.Title }} — {{ .name }} ({{ .ref }})</title>
20
-
{{ else if .commit }}
21
-
<title>{{ .meta.Title }} — {{ .name }}: {{ .commit.This }}</title>
22
-
{{ else if .branches }}
23
-
<title>{{ .meta.Title }} — {{ .name }}: refs</title>
24
-
{{ else if .commits }} {{ if .log }}
25
-
<title>{{ .meta.Title }} — {{ .name }}: log</title>
26
-
{{ else }}
27
-
<title>{{ .meta.Title }} — {{ .name }}</title>
28
-
{{ end }} {{ else }}
29
-
<title>{{ .meta.Title }}</title>
30
-
{{ end }} {{ if and .servername .gomod }}
31
-
<meta
32
-
name="go-import"
33
-
content="{{ .servername}}/{{ .name }} git https://{{ .servername }}/{{ .name }}"
34
-
/>
35
-
{{ end }}
36
-
<!-- other meta tags here -->
37
-
</head>
-11
appview/pages/templates/layouts/repo-header.html
-11
appview/pages/templates/layouts/repo-header.html
+1
-2
appview/pages/templates/layouts/repoBase.html
appview/pages/templates/layouts/repobase.html
+1
-2
appview/pages/templates/layouts/repoBase.html
appview/pages/templates/layouts/repobase.html
-5
appview/pages/templates/layouts/test.html
-5
appview/pages/templates/layouts/test.html
+35
-26
appview/pages/templates/user/login.html
+35
-26
appview/pages/templates/user/login.html
···
1
1
{{ define "user/login" }}
2
-
<!doctype html>
3
-
<html lang="en">
4
-
<head>
5
-
<meta charset="UTF-8" />
6
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
-
<script
8
-
src="https://unpkg.com/htmx.org@2.0.4"
9
-
integrity="sha384-HGfztofotfshcF7+8n44JQL2oJmowVChPTg48S+jvZoztPfvwD79OC/LTtG6dMp+"
10
-
crossorigin="anonymous"
11
-
></script>
12
-
<title>login</title>
13
-
</head>
14
-
<body>
15
-
<main class="content">
16
-
<h1>login</h1>
17
-
<form method="POST" action="/login">
18
-
<label for="handle">handle</label>
19
-
<input type="text" id="handle" name="handle" required />
2
+
<!doctype html>
3
+
<html lang="en">
4
+
<head>
5
+
<meta charset="UTF-8" />
6
+
<meta
7
+
name="viewport"
8
+
content="width=device-width, initial-scale=1.0"
9
+
/>
10
+
<script src="/static/htmx.min.js"></script>
11
+
<link rel="stylesheet" href="/static/tw.css" type="text/css" />
12
+
<title>login</title>
13
+
</head>
14
+
<body>
15
+
<main class="content">
16
+
<h1>login</h1>
17
+
<form method="POST" action="/login">
18
+
<label for="handle">handle</label>
19
+
<input type="text" id="handle" name="handle" required />
20
20
21
-
<label for="app_password">app password</label>
22
-
<input type="password" id="app_password" name="app_password" required />
23
-
24
-
<button type="submit">login</button>
25
-
</form>
26
-
</main>
27
-
</body>
28
-
</html>
21
+
<label for="app_password">app password</label>
22
+
<input
23
+
type="password"
24
+
id="app_password"
25
+
name="app_password"
26
+
required
27
+
/>
29
28
29
+
<button
30
+
class="bg-blue-500 text-white font-bold py-2 px-4 rounded"
31
+
type="submit"
32
+
>
33
+
login
34
+
</button>
35
+
</form>
36
+
</main>
37
+
</body>
38
+
</html>
30
39
{{ end }}
+2
appview/state/state.go
+2
appview/state/state.go
+1
flake.nix
+1
flake.nix
+21
input.css
+21
input.css
···
1
+
@tailwind base;
2
+
@tailwind components;
3
+
@tailwind utilities;
4
+
@layer base {
5
+
@font-face {
6
+
font-family: "Inter";
7
+
font-style: normal;
8
+
font-weight: 400;
9
+
font-display: swap;
10
+
}
11
+
h1 {
12
+
@apply text-2xl;
13
+
@apply font-sans;
14
+
@apply text-gray-900;
15
+
}
16
+
::selection {
17
+
@apply bg-green-400;
18
+
@apply text-gray-900;
19
+
@apply bg-opacity-30;
20
+
}
21
+
}
+22
tailwind.config.js
+22
tailwind.config.js
···
1
+
/** @type {import('tailwindcss').Config} */
2
+
module.exports = {
3
+
content: ["./appview/pages/templates/**/*.html"],
4
+
theme: {
5
+
container: {
6
+
padding: "2rem",
7
+
center: true,
8
+
screens: {
9
+
sm: "540px",
10
+
md: "650px",
11
+
lg: "900px",
12
+
xl: "1100px",
13
+
"2xl": "1300x",
14
+
},
15
+
},
16
+
extend: {
17
+
fontFamily: {
18
+
sans: ["Inter", "system-ui", "sans-serif", "ui-sans-serif"],
19
+
},
20
+
},
21
+
},
22
+
};