it exists

2 files changed, 262 insertions, 0 deletions

diff --git a/static/amethyst.css b/static/amethyst.css
new file mode 100644
index 0000000..3312a69
--- /dev/null
+++ b/static/amethyst.css
@@ -0,0 +1,262 @@
+
+body {
+	background-image: url("/static/bg-tile.png");
+	background-color: #002200;
+	color: #e4ffe4;
+	background-attachment:fixed;
+	font-family: sans-serif;
+	margin-left: auto;
+	margin-right: auto;
+	overflow-wrap: break-word;
+	max-width: 60ch;
+	margin-top: 30px;
+}
+
+/* large screens */
+@media all and (min-width: 800px) { 
+	body {
+		font-size: larger;
+	}
+}
+
+/* small screens */
+@media not all and (min-width: 800px) {
+	body {
+		margin-right: 15px;
+		margin-left: 15px;
+	}
+}
+
+a {
+	color: #FFFFFF;
+}
+
+a:visited {
+	color: #AAAAAA;
+}
+
+h1,h2,h3,h4,h5,h6 {
+	text-align: left;
+}
+
+nav > ul {
+	list-style-type: none;
+	padding-left: 0;
+	line-height: 150%;
+}
+
+#backlink > a {
+	color: lightblue;
+}
+
+#backlink > a::before {
+	content: "🡤 "
+}
+
+li {
+	margin-bottom: 10px;
+}
+
+footer {
+	border-top: 2px solid white;
+	margin-top: 50px;
+	padding-bottom: 50px;
+	font-size: smaller;
+	font-style: italic;
+}
+
+#about-links {
+	display: flex;
+	justify-content: flex-end;
+}
+
+#about-links > p {
+	margin-left: 20px;
+}
+
+hr {
+	border-bottom: 0;
+	border-left: 0;
+	border-right: 0;
+	border-top: 2px solid #e4ffe4;
+	margin-top: 25px;
+}
+
+textarea, input[type="text"] {
+	border: 2px solid #e4ffe4;
+	background-color: transparent;
+	color: inherit;
+	font-size: inherit;
+	padding: 5px;
+}
+
+input[type="text"] {
+	font-family: inherit;
+}
+
+textarea {
+	width: 100%;
+	max-width: 100%;
+	min-width: 100%;
+	min-height: 200px;
+	margin: auto;
+	margin-bottom: 10px;
+	padding: 5px;
+	box-sizing: border-box;
+}
+
+button, input[type="submit"] {
+	border: 0;
+	border-radius: 5px;
+	padding: 5px;
+	font-family: inherit;
+	font-size: inherit;
+	color: black;
+	background-color: #e4ffe4;
+	min-width: 100px;
+}
+
+button:active, input[type="submit"]:active {
+	background-color: lightblue;
+}
+
+.buttons {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 10px;
+	justify-content: flex-end;
+	align-items: center;
+}
+
+/*
+#scrolltext > span {
+	z-index: -1;
+	opacity: 0.3;
+	position: absolute;
+	user-select: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	
+	top: 30px;
+	left: 0;
+	animation: scroll-left 60s linear infinite;
+	inline-size: max-content;
+
+	font-family: monospace;
+}
+*/
+
+#motd {
+	opacity: 0.4;
+
+	user-select: none;
+	font-family: monospace;
+	margin: auto;
+	margin-top: 0;
+	max-width: 400px;
+}
+
+@keyframes scroll-left {
+	0% {
+		transform: translateX(115vw);
+	}
+	100% {
+		transform: translateX(-100%);
+	}
+}
+
+@media (prefers-reduced-motion) {
+	#scrolltext {
+		display: none !important;
+	}
+}
+
+#badges {
+	margin-top: 15px;
+	margin-left: 10px;
+	float: right;
+}
+
+img {
+	max-width: 100%;
+}
+
+.imgfig {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 100%;
+}
+
+.imgfig > a {
+	display: block;
+	height: max(500px, calc(100vh - 380px));
+	max-width 100%;
+}
+
+.imgfig > a > img {
+	height: 100%;
+	width: 100%;
+	object-fit: contain;
+}
+
+.imgfig > figcaption {
+	margin-top: 10px;
+}
+
+#gallery {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-around;
+	gap: 30px;
+}
+
+#postlist > li {
+	margin-bottom: 15px;
+}
+
+.imgbox {
+	width: 200px;
+	height: 200px;
+	background-color: #312c3e;
+}
+
+.imgbox > img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+}
+
+
+grge {
+	color: cyan;
+	text-decoration: underline;
+	text-decoration-color: blue;
+	text-decoration-thickness: 2px;
+	font-style: oblique;
+	letter-spacing: 6px;
+}
+
+.small {
+	font-size: smaller;
+}
+
+
+.important {
+	color: cyan !important;
+}
+
+#wyd {
+	width: 100%;
+	box-sizing: border-box;
+}
+
+pre {
+	background-color: white;
+	padding: 10px;
+	overflow-x: scroll;
+}
+
+pre > code {
+	color: black;
+}
diff --git a/static/bg-tile.png b/static/bg-tile.png
new file mode 100644
index 0000000..d57ad6b
--- /dev/null
+++ b/static/bg-tile.png