add sauce

2024-12-11 21:20:28 +00:00 · 2024-12-11 21:20:28 +00:00 · b856cb894f
commit b856cb894f
48 changed files with 28950 additions and 0 deletions
--- a/css/wah.css
+++ b/css/wah.css
@ -0,0 +1,184 @@
+:root {
+  --background: #f2efbd;
+  --background-dim: #d2d0a4;
+  --foreground: #2a271c;
+  --border-color: #f27405;
+  --border: var(--border-color) 2px solid;
+  --shadow-color: hsla(11, 96%, 43%, 0.4);
+  --shadow: drop-shadow(8px 8px var(--shadow-color));
+  --shadow-small: drop-shadow(3px 3px var(--shadow-color));
+  --links: hsl(183, 93%, 27%);
+  --links-hover: hsl(183, 93%, 15%);
+  --table-header: hsla(11, 96%, 43%, 0.2);
+}
+
+html {
+  height: 100%;
+  color-scheme: light;
+}
+
+body {
+  color: var(--foreground);
+  min-height: 100%;
+  background-color: hsla(0, 0%, 0%, 0);
+  padding: 10px;
+  font-family: serif;
+}
+
+/*noinspection CssUnknownTarget*/
+body::before {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  background-image: url("/images/background.jpg");
+  width: 100%;
+  height: 100%;
+  z-index: -1;
+  opacity: 0.8;
+  background-size: cover;
+  background-attachment: fixed;
+  overflow: hidden;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+}
+
+p,
+ul,
+ol,
+dl,
+menu,
+dir {
+  margin: 0;
+}
+
+hr {
+  border: none;
+  border-top: var(--border);
+}
+
+a {
+  color: var(--links);
+  text-decoration: underline dotted;
+}
+
+a:hover {
+  color: var(--links-hover);
+  text-decoration: underline solid;
+}
+
+div.page-container {
+  /* width: 1000px; */
+  width: 800px;
+  margin: 5px auto;
+}
+
+div.page-container > div {
+  background-color: var(--background);
+  filter: var(--shadow);
+  padding: 10px;
+  border: var(--border);
+  margin-bottom: 20px;
+  /* temporary */
+  /* height: 600px; */
+}
+
+div.page-container > div:last-child {
+  margin-bottom: 0;
+}
+
+div#header h1 {
+  margin: 0;
+  font-style: italic;
+}
+
+div#header h1,
+div#header p {
+  display: inline;
+}
+
+div#content {
+  position: relative;
+}
+
+div#content::after {
+  display: block;
+  content: "";
+  clear: both;
+}
+
+div#footer {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: 1fr;
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  align-items: center;
+}
+
+div#footer div:last-child {
+  text-align: right;
+}
+
+div#footer div:last-child img {
+  image-rendering: pixelated;
+  margin: 0;
+  padding: 0;
+  width: 88px;
+  height: 31px;
+}
+
+/* -------------------------------------------------------------------------- */
+
+table.almanac td:nth-child(odd) {
+  font-weight: bold;
+}
+
+table.almanac td {
+  padding: 0 10px;
+}
+
+table.almanac td:nth-child(even) {
+  padding: 0 15px;
+}
+
+table.almanac {
+  min-width: 100%;
+}
+
+table.conditions-now {
+  border-collapse: collapse;
+  border: var(--border);
+  filter: var(--shadow-small);
+  background-color: var(--background);
+}
+
+table.conditions-now th {
+  text-align: left;
+  background-color: var(--background-dim);
+  border-top: var(--border);
+}
+
+table.conditions-now tr td,
+table.conditions-now tr th {
+  padding: 5px 10px 5px 5px;
+}
+table.conditions-now tr td:nth-child(2) {
+  padding-right: 40px;
+}
+
+table.conditions-now tr td:nth-child(odd) {
+  font-weight: bold;
+}
+
+table.conditions-now tr:last-child td:nth-child(3) {
+  font-weight: normal;
+  font-style: italic;
+}