Safsaf is a Guile web framework, written using Claude Code running Claude Opus 4.6, based off of the Guix Data Service, Nar Herder and Guix Build Coordinator codebases.
This commit is contained in:
commit
5b0e6397dc
53 changed files with 7427 additions and 0 deletions
30
examples/blog-site/static/style.css
Normal file
30
examples/blog-site/static/style.css
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { font-family: system-ui, sans-serif; line-height: 1.6; max-width: 48rem; margin: 0 auto; padding: 1rem; color: #222; }
|
||||
nav { border-bottom: 1px solid #ddd; padding: 0.75rem 0; margin-bottom: 1.5rem; }
|
||||
nav a { text-decoration: none; color: #444; margin-right: 1rem; }
|
||||
nav a:hover { color: #000; }
|
||||
h1 { margin-bottom: 0.75rem; }
|
||||
h1 a { text-decoration: none; color: inherit; }
|
||||
p, ul, pre { margin-bottom: 1rem; }
|
||||
ul { padding-left: 1.5rem; }
|
||||
a { color: #1a6; }
|
||||
pre { background: #f5f5f5; padding: 1rem; overflow-x: auto; white-space: pre-wrap; }
|
||||
form label { display: block; margin-bottom: 0.25rem; font-weight: 600; }
|
||||
form input[type="text"], form textarea { width: 100%; padding: 0.4rem; border: 1px solid #ccc; border-radius: 3px; font-family: inherit; font-size: inherit; }
|
||||
form textarea { resize: vertical; }
|
||||
form button { margin-top: 0.5rem; padding: 0.4rem 1.2rem; background: #1a6; color: #fff; border: none; border-radius: 3px; cursor: pointer; }
|
||||
form button:hover { background: #158; }
|
||||
.field { margin-bottom: 1rem; }
|
||||
.error { color: #c33; font-size: 0.9rem; margin-top: 0.2rem; }
|
||||
.post-meta { color: #888; font-size: 0.9rem; margin-bottom: 1rem; }
|
||||
.header-image { width: 100%; max-height: 20rem; object-fit: cover; border-radius: 4px; margin-bottom: 1rem; }
|
||||
.nav-form { display: inline; }
|
||||
.nav-link { background: none; border: none; color: #444; cursor: pointer; font: inherit; padding: 0; margin-right: 1rem; }
|
||||
.nav-link:hover { color: #000; }
|
||||
form input[type="file"] { margin-top: 0.25rem; }
|
||||
.post-actions { margin-bottom: 1rem; }
|
||||
.post-actions a { margin-right: 0.5rem; }
|
||||
.inline-form { display: inline; }
|
||||
.danger { background: #c33; color: #fff; border: none; border-radius: 3px; padding: 0.2rem 0.6rem; cursor: pointer; font-size: 0.9rem; }
|
||||
.danger:hover { background: #a22; }
|
||||
footer { border-top: 1px solid #ddd; padding-top: 0.75rem; margin-top: 2rem; color: #888; font-size: 0.9rem; }
|
||||
Loading…
Add table
Add a link
Reference in a new issue