add motd and further expand on themes also *even* more cleanup (big surprise there!)

config.maple

···
 	bio_max_len = 200
 	bio_pattern = '(.|\s)*'
 
-	default_theme = ''
+	default_theme = 'https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.min.css'
 	allow_changing_theme = true
 }

doc/themes.md

···
 > is not even close to comprehensive. these are just my personal picks that i
 > found to be comfy with beep!
 
-| name                          | source                                  | css theme url                                               |
-|-------------------------------|-----------------------------------------|-------------------------------------------------------------|
-| sakura                        | <https://github.com/oxalorg/sakura>     | https://cdn.jsdelivr.net/npm/sakura.css/css/sakura.css      |
-| water.css (auto)              | <https://github.com/kognise/water.css>  | https://cdn.jsdelivr.net/npm/water.css@2/out/water.min.css  |
-| water.css (dark)              | <https://github.com/kognise/water.css>  | https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css   |
-| water.css (light)             | <https://github.com/kognise/water.css>  | https://cdn.jsdelivr.net/npm/water.css@2/out/light.min.css  |
-| kacit                         | <https://github.com/Kimeiga/kacit>      | https://cdn.rawgit.com/Kimeiga/kacit/b3f813ed/kacit.min.css |
+| name       | source                                   | css theme url                                                           |
+|------------|------------------------------------------|-------------------------------------------------------------------------|
+| sakura     | <https://github.com/oxalorg/sakura>      | https://cdn.jsdelivr.net/npm/sakura.css/css/sakura.css                  |
+| water.css  | <https://github.com/kognise/water.css>   | https://cdn.jsdelivr.net/npm/water.css@2/out/water.min.css              |
+| kacit      | <https://github.com/Kimeiga/kacit>       | https://cdn.rawgit.com/Kimeiga/kacit/b3f813ed/kacit.min.css             |
+| pico       | <https://github.com/picocss/pico>        | https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.min.css |
+| simple.css | <https://github.com/kevquirk/simple.css> | https://unpkg.com/simpledotcss/simple.min.css                           |
 
 > here is a big list of drop-in themes:
 > <https://github.com/dohliam/dropin-minimal-css>
···
 
 ## built-in
 
-| name                      | based on (if applicable)        | css theme url                 |
-|---------------------------|---------------------------------|-------------------------------|
-| catppuccin-macchiato-pink | water.css + catpuccin macchiato | catppuccin-macchiato-pink.css |
+| name                        | based on (if applicable)        | css theme url                   |
+|-----------------------------|---------------------------------|---------------------------------|
+| catppuccin-macchiato-pink   | water.css + catpuccin macchiato | catppuccin-macchiato-pink.css   |
+| catppuccin-macchiato-green  | water.css + catpuccin macchiato | catppuccin-macchiato-green.css  |
+| catppuccin-macchiato-yellow | water.css + catpuccin macchiato | catppuccin-macchiato-yellow.css |
+| hackerman                   | simple.css                      | hackerman.css                   |
 
 > beep also features some built-in themes, some of which are based on the themes
 > present in the "it just works" list!

doc/todo.md

···
 
 ## in-progress
 
+- [ ] post:mentioning ('tagging') other users in posts
+
 ## planing
 
-- [ ] site:message of the day (admins can add a welcome message displayed on index.html)
-- [ ] post:mentioning ('tagging') other users in posts
 - [ ] post:replies
 - [ ] post:tags ('hashtags')
 - [ ] post:images (should have a config.maple toggle to enable/disable)
···
 - [x] post:likes/dislikes
 - [ ] ~~site:stylesheet (and a toggle for html-only mode)~~
 	- replaced with per-user optional stylesheets
+- [x] site:message of the day (admins can add a welcome message displayed on index.html)

src/api.v

···
 
 import veb
 import auth
-import entity { User, Post, Like, LikeCache }
+import entity { Site, User, Post, Like, LikeCache }
 
 ////// Users //////
 
···
 		return ctx.ok('disliked post')
 	}
 }
+
+////// Site //////
+
+@['/api/site/set_motd'; post]
+fn (mut app App) api_site_set_motd(mut ctx Context, motd string) veb.Result {
+	user := app.whoami(mut ctx) or {
+		ctx.error('not logged in!')
+		return ctx.redirect('/login')
+	}
+
+	if user.admin {
+		sql app.db {
+			update Site set motd = motd where id == 1
+		} or {
+			ctx.error('failed to set motd')
+			eprintln('failed to set motd: ${motd}')
+			return ctx.redirect('/')
+		}
+		println('set motd to: ${motd}')
+		return ctx.redirect('/')
+	} else {
+		ctx.error('insufficient permissions!')
+		eprintln('insufficient perms to set motd to: ${motd} (${user.id})')
+		return ctx.redirect('/')
+	}
+}

src/app.v

···
 import veb
 import db.pg
 import auth
-import entity { User, Post, Like, LikeCache }
+import entity { Site, User, Post, Like, LikeCache }
 
 pub struct App {
 	veb.StaticHandler
···
 
 	return likes
 }
+
+pub fn (app &App) get_or_create_site_config() Site {
+	configs := sql app.db {
+		select from entity.Site
+	} or { [] }
+	if configs.len == 0 {
+		// make the site config
+		site_config := entity.Site{ }
+		sql app.db {
+			insert site_config into entity.Site
+		} or {
+			panic('failed to create site config (${err})')
+		}
+	} else if configs.len > 1 {
+		// this should never happen
+		panic('there are multiple site configs')
+	}
+	return configs[0]
+}
+
+pub fn (app &App) get_motd() string {
+	site := app.get_or_create_site_config()
+	return site.motd
+}

src/entity/post.v

···
 
 import time
 
-@[json: 'post']
 pub struct Post {
 pub mut:
 	id        int @[primary; sql: serial]

src/entity/site.v

···
+module entity
+
+pub struct Site {
+pub mut:
+	id   int    @[primary; sql: serial]
+	motd string
+}

src/entity/user.v

···
 
 import time
 
-@[json: 'user']
 pub struct User {
 pub mut:
 	id       int    @[primary; sql: serial]
···
 pub fn (user User) get_theme() string {
 	return user.theme or { '' }
 }
+
+@[inline]
+pub fn (user User) to_str_without_sensitive_data() string {
+	return user.str()
+		.replace(user.password, '*'.repeat(16))
+		.replace(user.password_salt, '*'.repeat(16))
+}

src/main.v

···
 
 fn init_db(db pg.DB) ! {
 	sql db {
+		create table entity.Site
 		create table entity.User
 		create table entity.Post
 		create table entity.Like
···
 
 	app.mount_static_folder_at(app.config.static_path, '/static')!
 	init_db(db)!
+
+	// make the website config, if it does not exist
+	app.get_or_create_site_config()
 
 	if config.dev_mode {
 		println('\033[1;31mNOTE: YOU ARE IN DEV MODE\033[0m')

src/pages.v

···
 	user := app.whoami(mut ctx) or { User{} }
 	recent_posts := app.get_recent_posts()
 	pinned_posts := app.get_pinned_posts()
+	motd := app.get_motd()
 	return $veb.html()
 }
 

src/static/style.css

···
 	margin: 0;
 }
 
+.post + .post {
+	margin-top: 6px;
+}
+
 pre {
 	white-space: pre-wrap;
 }

src/static/themes/catppuccin-macchiato-green.css

···
+@import url('/static/themes/catppuccin-macchiato.css');
+
+:root {
+	--accent: var(--ctp-macchiato-green);
+}

src/static/themes/catppuccin-macchiato-pink.css

···
-@import url('https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css');
-@import url('https://unpkg.com/@catppuccin/palette/css/catppuccin.css');
+@import url('/static/themes/catppuccin-macchiato.css');
 
 :root {
 	--accent: var(--ctp-macchiato-pink);
-
-	--background-body: var(--ctp-macchiato-base);
-	--background: var(--ctp-macchiato-base);
-	--background-alt: var(--ctp-macchiato-crust);
-	--selection: var(--ctp-macchiato-overlay-2);
-	--text-main: var(--ctp-macchiato-text);
-	--text-bright: var(--ctp-macchiato-overlay-1);
-	--text-muted: var(--ctp-macchiato-subtext-0);
-	--links: var(--ctp-macchiato-blue);
-	--focus: var(--accent);
-	--border: var(--accent);
-	--code: var(--ctp-macchiato-text);
-	--button-hover: var(--ctp-macchiato-overlay-3);
-	--scrollbar-thumb: var(--accent);
-	--form-placeholder: var(--ctp-macchiato-overlay-1);
-	--form-text: var(--ctp-macchiato-text);
-	--variable: var(--ctp-macchiato-pink);
-	--highlight: var(--ctp-macchiato-blue);
-	--select-arrow: var(--accent);
-}
-
-input {
-	border: 1px solid var(--border);
-	margin-right: none;
-	width: calc(100% - 2px);
-	padding-right: 10px;
-	padding-left: 10px;
-}
-
-input[type="text"],
-input[type="number"],
-input[type="url"] {
-	width: calc(100% - 22px);
-}
-
-input[type="button"],
-input[type="submit"] {
-	width: 100%;
-}
-
-textarea {
-	border: 1px solid var(--border);
-	width: 100%;
-	padding-right: 10px;
-	padding-left: 10px;
-	margin-right: none;
-}
-
-.post {
-	border: 1px solid var(--border);
-	width: calc(100% - 20px);
-	border-radius: 6px;
-	padding: 10px;
-}
-
-.post.post-full #id {
-	display: none;
 }

src/static/themes/catppuccin-macchiato-yellow.css

···
+@import url('/static/themes/catppuccin-macchiato.css');
+
+:root {
+	--accent: var(--ctp-macchiato-yellow);
+}

src/static/themes/catppuccin-macchiato.css

···
+@import url('https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css');
+@import url('https://unpkg.com/@catppuccin/palette/css/catppuccin.css');
+
+:root {
+	--background-body: var(--ctp-macchiato-base);
+	--background: var(--ctp-macchiato-mantle);
+	--background-alt: var(--ctp-macchiato-crust);
+	--selection: var(--ctp-macchiato-overlay-2);
+	--text-main: var(--ctp-macchiato-text);
+	--text-bright: var(--ctp-macchiato-overlay-1);
+	--text-muted: var(--ctp-macchiato-subtext-0);
+	--links: var(--accent);
+	--focus: var(--accent);
+	--border: var(--accent);
+	--code: var(--ctp-macchiato-text);
+	--button-hover: var(--ctp-macchiato-mantle);
+	--scrollbar-thumb: var(--accent);
+	--form-placeholder: var(--ctp-macchiato-overlay-1);
+	--form-text: var(--ctp-macchiato-text);
+	--variable: var(--ctp-macchiato-pink);
+	--highlight: var(--ctp-macchiato-blue);
+	--select-arrow: var(--accent);
+}
+
+input {
+	border: 1px solid var(--border);
+	margin-right: none;
+	width: calc(100% - 2px);
+	padding-right: 10px;
+	padding-left: 10px;
+}
+
+input[type="text"],
+input[type="number"],
+input[type="url"] {
+	width: calc(100% - 22px);
+}
+
+input[type="button"],
+input[type="submit"] {
+	width: 100%;
+}
+
+textarea {
+	border: 1px solid var(--border);
+	width: 100%;
+	padding-right: 10px;
+	padding-left: 10px;
+	margin-right: none;
+}
+
+.post {
+	border: 1px solid var(--border);
+	width: calc(100% - 20px);
+	border-radius: 6px;
+	padding: 10px;
+}
+
+.post.post-full #id {
+	display: none;
+}

src/static/themes/hackerman.css

···
+@import url('https://unpkg.com/simpledotcss/simple.min.css');
+
+:root {
+	color-scheme: dark;
+	--bg: black;
+	--accent-bg: black;
+	--text: green;
+	--text-light: light-green;
+	--accent: green;
+	--accent-hover: light-green
+	--accent-text: black;
+	--code: green;
+	--preformatted: green;
+	--disabled: #333;
+}

src/templates/admin.html

···
 @else
 
 <h1>admin dashboard</h1>
+
 <p>logged in as:</p>
-<pre>@user</pre>
+<details>
+	<summary>show user details (<strong>SENSITIVE DATA IS CENSORED BUT FOR THE SAKE OF GOOD PRACTICE, DO NOT SHOW THIS DATA TO ANYONE</strong>)</summary>
+	<pre>@user.to_str_without_sensitive_data()</pre>
+</details>
+
+<div>
+	<h2>site settings:</h2>
+	<form action="/api/site/set_motd" method="post">
+		<label for="motd">message of the day (motd): </label>
+		<input type="text" name="motd" id="motd" value="@app.get_motd()">
+		<input type="submit" value="save">
+	</form>
+</div>
+
 <div>
 	<h2>user list:</h2>
 	<ul>

src/templates/index.html

···
 
 <h1>@app.config.instance.welcome</h1>
 
-@if ctx.is_logged_in()
-<p>logged in as: @{user.get_name()}</p>
+@if motd != ''
+<p><em>@motd</em></p>
 @end
 
 <div>