First jameswitzema.net commit

2026-05-29 11:30:10 -07:00
commit 32cc108c4a
200 changed files with 1200635 additions and 0 deletions
@@ -0,0 +1,167 @@
+
+/* Common CSS */
+html {
+	background-color: var(--bg-primary);
+	color: var(--grey);
+}
+
+h1, h2 {
+	font-size: 1em;
+}
+
+body {
+	margin: 0;
+	font-family: "Liberation Mono", monospace;
+}
+#titlebar {
+	font-family: unifont;
+}
+#titlebar h1 {
+	font-size: 2rem;
+}
+#subhead {
+	color: var(--cyan);
+	font-weight: bold;
+}
+#subhead a {
+	text-decoration: none;
+	padding: 0 0.5em 0 0.5em;
+	margin: 0 0.5em 0 0.5em;
+	color: var(--cyan);
+}
+#subhead a:hover {
+	/*text-decoration: underline;*/
+	background-color: var(--bg-secondary);
+	color: var(--orange);
+}
+#subhead ul {
+	border-bottom: 2px dashed var(--red);
+}
+
+.content p {
+	text-indent: 2em;
+}
+
+#foot {
+	border-top: 4px double var(--yellow);
+	padding-top: 2em;
+	padding-bottom: 1em;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+a {
+	color: var(--cyan);
+}
+a:hover {
+	color: var(--orange);
+	text-decoration: none;
+	cursor: pointer;
+}
+
+/* Desktop CSS */
+@media only screen and (min-aspect-ratio: 0.72) {
+	body {
+		display: flex;
+		align-items: stretch;
+		flex-direction: column;
+		width: 100vw;
+	}
+	#head {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+	}
+	#titlebar {
+		align-self: stretch;
+		border-bottom: 4px double var(--yellow);
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		height: 2em;
+	}
+	#titlebar h1{
+		margin: 0 0 0 0.3em;
+	}
+	#titlebar .item1 {
+	}
+	#titlebar .item2 {
+	}
+	#subhead {
+		width: 100%;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+	#subhead ul {
+		list-style-type: none;
+		display: flex;
+		margin: 0 0 0 0;
+	}
+	#subhead ul li {
+	}
+	#motd {
+		margin-left: 10px;
+		tab-size: 4;
+		white-space: pre-wrap;
+	}
+	.content {
+		width: 90vw;
+		max-width: 65em;
+		margin-top: 1em;
+		padding-left: 1em;
+		/*align-self: center;*/
+		margin-left: 2em;
+		min-height: 85vh;
+		border-left: 2px solid var(--bg-secondary);
+	}
+}
+
+/* Mobile CSS */
+@media screen and (max-aspect-ratio: 0.71) {
+	html {
+		font-size: 2vh;
+	}
+	#titlebar {
+		border-bottom: 4px double var(--yellow);
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: space-between;
+	}
+	#titlebar h1{
+		margin: 0;
+		padding-bottom: 0.3em;
+	}
+	#titlebar .item1 {
+	}
+	#titlebar .item2 {
+	}
+	#subhead {
+		color: var(--cyan);
+		display: flex;
+		flex-direction: column-reverse;
+		justify-content: space-between;
+		align-items: stretch;
+		width: 100%;
+	}
+	#subhead ul {
+		list-style-type: none;
+		display: flex;
+		justify-content: center;
+		margin: 0 0 0 0;
+	}
+	#motd {
+		margin-left: 0.5em;
+		display: flex;
+		justify-content: left;
+		align-items: center;
+		tab-size: 4;
+		white-space: pre-wrap;
+	}
+	.content {
+		margin-left: 15px;
+		font-size: 0.7em;
+	}
+}