Initial implementation of mcq — document reading queue
Single-binary service: push raw markdown via REST/gRPC API, read rendered HTML through mobile-friendly web UI. MCIAS auth on all endpoints, SQLite storage, goldmark rendering with GFM and syntax highlighting. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
26
web/templates/layout.html
Normal file
26
web/templates/layout.html
Normal file
@@ -0,0 +1,26 @@
|
||||
{{define "layout"}}<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>mcq{{block "title" .}}{{end}}</title>
|
||||
<link rel="stylesheet" href="/static/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="topnav">
|
||||
<a href="/" class="topnav-brand">mcq</a>
|
||||
{{if .Username}}
|
||||
<div class="topnav-right">
|
||||
<span class="topnav-user">{{.Username}}</span>
|
||||
<form method="POST" action="/logout" style="margin:0">
|
||||
{{csrfField}}
|
||||
<button type="submit" class="btn-ghost btn">Logout</button>
|
||||
</form>
|
||||
</div>
|
||||
{{end}}
|
||||
</nav>
|
||||
<div class="{{block "container-class" .}}page-container{{end}}">
|
||||
{{template "content" .}}
|
||||
</div>
|
||||
</body>
|
||||
</html>{{end}}
|
||||
22
web/templates/list.html
Normal file
22
web/templates/list.html
Normal file
@@ -0,0 +1,22 @@
|
||||
{{define "title"}} — Queue{{end}}
|
||||
{{define "content"}}
|
||||
<h2>Reading Queue</h2>
|
||||
{{if not .Documents}}
|
||||
<div class="card">
|
||||
<p>No documents in queue.</p>
|
||||
</div>
|
||||
{{else}}
|
||||
<div class="doc-list">
|
||||
{{range .Documents}}
|
||||
<a href="/d/{{.Slug}}" class="doc-item {{if .Read}}doc-read{{end}}">
|
||||
<div class="doc-title">{{.Title}}</div>
|
||||
<div class="doc-meta">
|
||||
<span>{{.PushedBy}}</span>
|
||||
<span>{{.PushedAt}}</span>
|
||||
{{if .Read}}<span class="doc-badge read">read</span>{{else}}<span class="doc-badge unread">unread</span>{{end}}
|
||||
</div>
|
||||
</a>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
29
web/templates/login.html
Normal file
29
web/templates/login.html
Normal file
@@ -0,0 +1,29 @@
|
||||
{{define "title"}} — Login{{end}}
|
||||
{{define "container-class"}}auth-container{{end}}
|
||||
{{define "content"}}
|
||||
<div class="auth-header">
|
||||
<div class="brand">mcq</div>
|
||||
<div class="tagline">Reading Queue</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
{{if .Error}}<div class="error">{{.Error}}</div>{{end}}
|
||||
<form method="POST" action="/login">
|
||||
{{csrfField}}
|
||||
<div class="form-group">
|
||||
<label for="username">Username</label>
|
||||
<input type="text" id="username" name="username" required autofocus>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" id="password" name="password" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="totp_code">TOTP Code (optional)</label>
|
||||
<input type="text" id="totp_code" name="totp_code" inputmode="numeric" autocomplete="one-time-code">
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn">Login</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{{end}}
|
||||
27
web/templates/read.html
Normal file
27
web/templates/read.html
Normal file
@@ -0,0 +1,27 @@
|
||||
{{define "title"}} — {{.Doc.Title}}{{end}}
|
||||
{{define "content"}}
|
||||
<div class="read-header">
|
||||
<h2>{{.Doc.Title}}</h2>
|
||||
<div class="read-meta">
|
||||
<span>Pushed by {{.Doc.PushedBy}}</span>
|
||||
<span>{{.Doc.PushedAt}}</span>
|
||||
</div>
|
||||
<div class="read-actions">
|
||||
{{if .Doc.Read}}
|
||||
<form method="POST" action="/d/{{.Doc.Slug}}/unread" style="display:inline">
|
||||
{{csrfField}}
|
||||
<button type="submit" class="btn-ghost btn btn-sm">Mark unread</button>
|
||||
</form>
|
||||
{{else}}
|
||||
<form method="POST" action="/d/{{.Doc.Slug}}/read" style="display:inline">
|
||||
{{csrfField}}
|
||||
<button type="submit" class="btn-ghost btn btn-sm">Mark read</button>
|
||||
</form>
|
||||
{{end}}
|
||||
<a href="/" class="btn-ghost btn btn-sm">Back to queue</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card markdown-body">
|
||||
{{.HTML}}
|
||||
</div>
|
||||
{{end}}
|
||||
Reference in New Issue
Block a user