feat: add boilerplate

2026-02-16 00:12:46 +01:00
parent a0e9786c07
commit 0691c8e04e
2 changed files with 430 additions and 0 deletions
--- a/webapp/styles.css
+++ b/webapp/styles.css
@@ -0,0 +1,111 @@
+body{
+  margin:0;
+  font-family:'IM Fell English', serif;
+  background:#e8d8b0;
+  color:#3b2f1b;
+}
+
+header{
+  background:#5a3e1b;
+  color:#f5e6c8;
+  padding:15px;
+  display:flex;
+  justify-content:space-between;
+  align-items:center;
+  font-family:'Cinzel', serif;
+}
+
+.title{
+  display:flex;
+  align-items:center;
+  gap:15px;
+}
+
+.last-saved{
+  font-size:12px;
+  opacity:0.85;
+  font-style:italic;
+}
+
+button{
+  background:#7a5c2e;
+  border:none;
+  color:#f5e6c8;
+  padding:6px 12px;
+  cursor:pointer;
+}
+
+button:hover{
+  background:#a67c3b;
+}
+
+.container{
+  padding:25px;
+  max-width:1100px;
+  margin:auto;
+}
+
+.section{
+  background:#f5e6c8;
+  border:2px solid #5a3e1b;
+  padding:20px;
+  margin-bottom:25px;
+  border-radius:8px;
+  box-shadow:4px 4px 8px rgba(0,0,0,0.2);
+}
+
+.section h2{
+  cursor:pointer;
+  margin-top:0;
+  border-bottom:1px solid #5a3e1b;
+}
+
+.grid{
+  display:grid;
+  gap:22px;
+  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
+}
+
+.field{
+  display:flex;
+  flex-direction:column;
+}
+
+label{
+  font-size:13px;
+  margin-bottom:4px;
+  font-family:'Cinzel', serif;
+}
+
+input, textarea, select{
+  padding:8px;
+  background:#fff8e7;
+  border:1px solid #5a3e1b;
+  border-radius:4px;
+}
+
+textarea{
+  min-height:220px;
+  width:98%;
+}
+
+.ability-grid{
+  display:grid;
+  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
+  gap:25px;
+}
+
+.ability-card{
+  background:#fff8e7;
+  border:2px solid #5a3e1b;
+  text-align:center;
+  padding:15px;
+  border-radius:6px;
+}
+
+.action-item{
+  border:1px solid #5a3e1b;
+  padding:18px;
+  margin-bottom:15px;
+  background:#fff8e7;
+}