lew/guestbook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

replace pre with div.page-container, document template

Browse source
This commit is contained in:
Lewis Wynne 2026-04-09 17:34:40 +01:00
parent 232a1d4526
commit 250dc02407
3 changed files with 54 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/render.rs
View file

@ -8,8 +8,7 @@ pub const DEFAULT_TEMPLATE: &str = r#"<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{title}}</title> <title>{{title}}</title>
<style> <style>
pre { .page-container {
font: unset;
max-width: 70ch; max-width: 70ch;
margin: 0 auto; margin: 0 auto;
padding: 1rem; padding: 1rem;
@ -20,7 +19,7 @@ pub const DEFAULT_TEMPLATE: &str = r#"<!DOCTYPE html>
{{style}} {{style}}
</head> </head>
<body> <body>
<pre> <div class="page-container">
{{title}} {{title}}
guestbook guestbook
@ -31,7 +30,7 @@ guestbook
entries entries
======= =======
{{entries}} {{entries}}
</pre> </div>
</body> </body>
</html> </html>
"#; "#;

19
templates/default.css
View file

@ -1,8 +1,23 @@
pre { /* Page container */
font: unset; .page-container {
max-width: 70ch; max-width: 70ch;
margin: 0 auto; margin: 0 auto;
padding: 1rem; padding: 1rem;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
} }
/* Form */
.guestbook-prompt {}
.guestbook-form {}
.guestbook-label {}
.guestbook-input {}
.guestbook-textarea {}
.guestbook-button {}
/* Entries */
.entry-header {}
.entry-name {}
.entry-website {}
.entry-body {}
.entry-separator {}

39
templates/default.html
View file

@ -1,3 +1,34 @@
<!--
Default guestbook template.
Copy this file and point BOOK_TEMPLATE at your copy to customize.
Available placeholders:
{{title}} - Site title (BOOK_SITE_TITLE). Useful in <title> and headings.
{{form}} - The submission form (labels, inputs, button). Controlled by
BOOK_FORM_PROMPT, BOOK_LABEL_NAME, BOOK_LABEL_WEBSITE,
BOOK_LABEL_MESSAGE, BOOK_BUTTON_TEXT, BOOK_TEXTAREA_ROWS,
BOOK_TEXTAREA_COLS. Empty when BOOK_OPEN_REGISTRATION=false.
{{entries}} - Approved guestbook entries, newest first. Entry separator
controlled by BOOK_SEPARATOR.
{{style}} - Custom CSS from BOOK_STYLE or BOOK_STYLE_FILE, wrapped in
a <style> tag. Empty when neither is set.
Available CSS classes on rendered elements:
.page-container - Main page wrapper
.guestbook-prompt - Text above the form
.guestbook-form - The <form> element
.guestbook-label - Field labels
.guestbook-input - Text inputs (name, website)
.guestbook-textarea - Message textarea
.guestbook-button - Submit button
.entry-header - Entry date/name/website line
.entry-name - Author name within the header
.entry-website - Website link within the header
.entry-body - Entry message content (raw HTML, not escaped)
.entry-separator - Divider between entries
-->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -5,10 +36,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{title}}</title> <title>{{title}}</title>
<style> <style>
pre { .page-container {
font: unset;
max-width: 70ch; max-width: 70ch;
margin: 0 auto; margin: 0 auto;
padding: 1rem; padding: 1rem;
white-space: pre-wrap; white-space: pre-wrap;
@ -18,7 +47,7 @@
{{style}} {{style}}
</head> </head>
<body> <body>
<pre> <div class="page-container">
{{title}} {{title}}
guestbook guestbook
@ -29,6 +58,6 @@ guestbook
entries entries
======= =======
{{entries}} {{entries}}
</pre> </div>
</body> </body>
</html> </html>