claude and example site

2025-09-28 07:51:22 -04:00
parent c99bced56e
commit c9a3a21f07
11 changed files with 1298 additions and 0 deletions
--- a/example_site/style/__file.md.css
+++ b/example_site/style/__file.md.css
@ -0,0 +1,87 @@
+.content img {
+    max-width: 20vw;
+    height: auto;
+    display: block;
+}
+
+.content p {
+    text-align: left;
+}
+
+.content * {
+    text-align: left;
+}
+
+.body {
+    min-width: 0px
+}
+
+
+.holder .title {
+    padding-bottom: 9em;
+    margin-bottom: 1em
+}
+
+.holder {
+    padding-left: 2em;
+    max-width: 1400px;
+    min-width: 0px;
+}
+
+.holder .title h1 {
+    font-size: 5em;
+    margin-top: 0.1em;
+    margin-bottom: 0.1em;
+}
+
+.holder .title h2 {
+    font-size: 2.5em;
+    margin-top: 0.1em;
+    margin-bottom: 0.1em;
+}
+
+.content {
+    flex-grow: 10;
+    display: flex;
+    flex-direction: row;
+}
+
+.content a {
+    color: oklch(58.28% 0.128 52.2);
+    text-decoration: none;
+    transition: all 0.3s ease-in-out;
+}
+
+.content a:hover {
+    color: oklch(75.84% 0.122 92.21);
+    text-decoration: none;
+    transition: all 0.3s ease-in-out;
+}
+
+.content a:visited {
+    color: oklch(63.8% 0.142 52.1);
+    text-decoration: none;
+    transition: all 0.3s ease-in-out;
+}
+
+.content a:visited:hover {
+    color: oklch(75.84% 0.122 92.21);
+    text-decoration: none;
+    transition: all 0.3s ease-in-out;
+}
+
+hr {
+  max-width: 800px;
+  margin-left: 0;
+}
+
+.content .metadata {
+    padding-right: 2em;
+    flex-shrink: 0;
+    max-width: 8em;
+    font-size: small;
+    display: flex;
+    flex-direction: column;
+    gap: 1em;
+    overflow-wrap: break-word;
+}