diff --git a/articles/sitemap.org b/articles/sitemap.org
index 6e6d1b6..3e6a095 100644
--- a/articles/sitemap.org
+++ b/articles/sitemap.org
@@ -1,7 +1,7 @@
 #+TITLE: Article List
 
-- [[file:why-i-love-whiteboards.org][Why I Love: Whiteboards #+DATE: <2024-01-23 Tue> #+DESCRIPTION: Whiteboards. They're pretty great.]]
-- [[file:why-i-love-manuals.org][Why I Love: Manuals]]
 - [[file:why-i-love-the-cold.org][Why I Love: The Cold]]
+- [[file:why-i-love-manuals.org][Why I Love: Manuals]]
+- [[file:why-i-love-whiteboards.org][Why I Love: Whiteboards]]
 - [[file:realizing-you-need-to-start-over.org][Realizing You Need To Start Over]]
 - [[file:for-want-of-a-more-limited-computer.org][For Want Of A More Limited Computer]]
\ No newline at end of file
diff --git a/articles/why-i-love-the-cold.org b/articles/why-i-love-the-cold.org
index 6e62161..77461c2 100644
--- a/articles/why-i-love-the-cold.org
+++ b/articles/why-i-love-the-cold.org
@@ -1,5 +1,5 @@
 #+TITLE: Why I Love: The Cold
-#+DATE: <2024-02-23 Fri>
+#+DATE: <2024-03-23 Fri>
 #+DESCRIPTION: Brrr.
 Some say the world will end in fire, some say in ice, I say through someone making what could be described as a
 catastrophic diplomatic failure, but I wouldn't mind the world ending in ice. I adore the cold.
diff --git a/css/article.css b/css/article.css
deleted file mode 100644
index 899a521..0000000
--- a/css/article.css
+++ /dev/null
@@ -1,211 +0,0 @@
-@font-face
-{
-  font-family: ibmplexmono;
-  src: url(IBMPlexMono-Medium.ttf);
-}
-
-html
-{
-	background-color: #9DA9A0;	
-	color: #D3C6AA;
-	height: 100%;
-	margin: 0;
-	text-align: left;
-	font-family: ibmplexmono;
-} 
-
-p
-{
-	padding: 5px;
-}
-body
-{
-	border: 2px solid black;
-	position: fixed;
-	top: 0.5%;
-	bottom: 0.5%;
-	left: 2.5%;
-	right: 2.5%;
-	background-color: #272E33;
-	margin: 0;
-	box-shadow: 2px 2px 5px #272E33;
-}
-
-.tab-bar
-{
-	position: absolute;
-	top: 0;
-	left: 0;
-	right: 0;
-	height: 1.5em;
-	background-color: #1E2326;
-}
-
-.tab-bar-tab-list
-{
-	display:inline;
-	margin: 0;
-	padding: 0;
-}
-.tab-bar-active-tab
-{
-	position: relative;
-	top: 2px;
-	bottom: 0;
-	padding-left: 10px;
-	padding-right: 10px;
-	background-color: #272E33;	
-	display:inline;
-	border-top: 0.10em;
-	border-bottom: 0.15em;
-	border-top-style: solid;
-	border-top-color: #8DA101;
-	border-bottom-style: solid;
-	border-bottom-color: #272E33;
-
-}
-
-.tab-bar-inactive-tab
-{
-	position: relative;
-	top: 2px;
-	bottom: 0;
-	padding-left: 10px;
-	padding-right: 10px;
-	background-color: #1E2326;
-	display:inline;
-	border-top: 0.10em;
-	border-bottom: 0.10em;
-	border-top-style: solid;
-	border-top-color: #1E2326;
-	border-bottom-color: #8DA101;
-	border-bottom-style: solid;
-
-
-}
-
-h2
-{
-	color:  #8DA101;
-}
-
-a:link
-{
-	color: #FFFBEF;
-	transition: text-shadow 0.2s;	
-}
-
-a:visited
-{
-	color:  #8DA101;
-}
-
-a:hover
-{
-	color: #FFFBEF;
-	text-shadow: 0px 0px 2px #D3C6AA;
-}
-
-.tab-bar-active-tab a:link
-{
-	color: #FFFBEF;
-	transition: text-shadow 0.2s;
-	text-decoration: none;
-}
-
-.tab-bar-active-tab a:visited
-{
-	color: #FFFBEF;
-	text-decoration: none;
-}
-
-.tab-bar-active-tab a:hover
-{
-	color: #FFFBEF;
-	text-shadow: 0px 0px 2px #D3C6AA;
-	text-decoration: none;
-}
-
-
-.tab-bar-inactive-tab a:link
-{
-	color: #9DA9A0;
-	transition: text-shadow 0.2s;
-	text-decoration: none;
-}
-
-.tab-bar-inactive-tab a:visited
-{
-	color: #9DA9A0;
-	text-decoration: none;
-}
-
-.tab-bar-inactive-tab a:hover
-{
-	color: #FFFBEF;
-	text-shadow: 0px 0px 2px #D3C6AA;
-	text-decoration: none;
-}
-.mode-line
-{
-	position: absolute;
-	bottom: 1.5em;
-	height: 1.5em;
-	background-color: #374145;
-	left: 0;
-	right: 0;
-}
-
-.mode-line-buffer-name
-{
-	background-color: #8DA101;
-	color: #FFFBEF;
-	float: left;
-	height: 100%;
-	margin-left: 1em;
-	padding-left: 10px;
-	padding-right: 10px;
-}
-
-.title
-{
-	color: #FFFBEF;
-}
-
-.content
-{
-	position: absolute;
-	top: 1.5em;
-	bottom: 3em;
-	left: 0;
-	right: 0;
-	-ms-overflow-style: none;  /* IE and Edge */
-	scrollbar-width: none;  /* Firefox */
-	padding: 1em;
-	overflow-y:auto;
-}
-
-.content::-webkit-scrollbar {
-	display: none;
-}
-
-.mode-line-mode-name
-{
-	float: right;
-	margin-right: 1em;
-	color: #8DA101;
-}
-
-@media screen and (max-width: 800px)
-{
-	body
-	{
-		position: fixed;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		margin: 0;
-		box-shadow: none;
-	}
-}
diff --git a/css/index.css b/css/ocathain.css
similarity index 58%
rename from css/index.css
rename to css/ocathain.css
index f3199f6..6332576 100644
--- a/css/index.css
+++ b/css/ocathain.css
@@ -1,13 +1,38 @@
+:root {
+	--normal-background: #101214;
+	--strong-background: #1E2326;
+	--weak-foreground: #D0D0D0;
+	--normal-foreground: #FFEFEF;
+	--strong-foreground: #FFFFFF;
+	--red: #FA0000;
+	--orange: #FAA000;
+	--yellow: #FCC202;
+	--green: #00AF00;
+	--blue: #0099FF;
+	--cyan: #AAFAFF;
+	--purple: #AA00AF;
+}
 @font-face
 {
-  font-family: ibmplexmono;
-  src: url(IBMPlexMono-Medium.ttf);
+	font-family: ibmplexmono;
+	src: url(IBMPlexMono-Medium.ttf);
+}
+
+@keyframes window-open
+{
+	from {opacity: 0%; transform: scale(0.9, 0.9);}
+	to {opacity: 100%; transform: scale (1, 1);}
 }
 
 html
 {
-	background-color: #9DA9A0;	
-	color: #D3C6AA;
+	background-color: #90aed0;
+	background-image: url("../images/background.jpg");
+	background-repeat: no-repeat;
+	background-position: center;
+	background-attachment: fixed;
+	background-size: cover;
+	color: var(--normal-foreground);
 	height: 100%;
 	margin: 0;
 	text-align: left;
@@ -20,15 +45,22 @@ p
 }
 body
 {
-	border: 2px solid black;
+	border: 1px solid var(--strong-background);
 	position: fixed;
-	top: 0.5%;
-	bottom: 0.5%;
+	top: 2.5%;
+	bottom: 2.5%;
 	left: 2.5%;
 	right: 2.5%;
-	background-color: #272E33;
+	opacity: 95%;
+	background-color: var(--normal-background);
 	margin: 0;
-	box-shadow: 2px 2px 5px #272E33;
+	box-shadow: 2px 2px 5px var(--normal-background);
+}
+
+.window-open-animation
+{
+	animation-name: window-open;
+	animation-duration: 0.5s;
 }
 
 .tab-bar
@@ -38,7 +70,7 @@ body
 	left: 0;
 	right: 0;
 	height: 1.5em;
-	background-color: #1E2326;
+	background-color: var(--strong-background);
 }
 
 .tab-bar-tab-list
@@ -50,38 +82,35 @@ body
 .tab-bar-active-tab
 {
 	position: relative;
-	top: 2px;
+	top: 0opx;
 	bottom: 0;
 	padding-left: 10px;
 	padding-right: 10px;
-	background-color: #272E33;	
+	background-color: var(--normal-background);	
 	display:inline;
-	border-top: 0.10em;
-	border-bottom: 0.15em;
-	border-top-style: solid;
-	border-top-color: #8DA101;
+	border-top: 0.2em;
+	border-bottom: 0.2em;
+	border-top: 1px solid var(--yellow);
 	border-bottom-style: solid;
-	border-bottom-color: #272E33;
+	border-bottom-color: var(--normal-background);
 
 }
 
 .tab-bar-inactive-tab
 {
-	position: relative;
 	top: 2px;
 	bottom: 0;
-	padding-left: 10px;
-	padding-right: 10px;
-	background-color: #1E2326;
 	display:inline;
 	border-top: 0.10em;
+	position: relative;
+	padding-left: 10px;
+	padding-right: 10px;
 	border-bottom: 0.10em;
 	border-top-style: solid;
-	border-top-color: #1E2326;
-	border-bottom-color: #8DA101;
 	border-bottom-style: solid;
-
-
+	border-bottom-color: var(--yellow);
+	border-top-color: var(--strong-background);
+	background-color: var(--strong-background);
 }
 
 a:link
@@ -92,12 +121,12 @@ a:link
 
 a:visited
 {
-	color:  #8DA101;
+	color: var(--green);
 }
 
 h2
 {
-	color:  #8DA101;
+	color: var(--green);
 }
 a:hover
 {
@@ -147,17 +176,19 @@ a:hover
 }
 .mode-line
 {
+	padding-left: 1em;
 	position: absolute;
 	bottom: 1.5em;
 	height: 1.5em;
-	background-color: #374145;
+	background-color: var(--strong-background);
+	padding-top: 2px;
+	border-top: 1px solid var(--yellow);
 	left: 0;
 	right: 0;
 }
 
 .mode-line-buffer-name
 {
-	background-color: #8DA101;
 	color: #FFFBEF;
 	float: left;
 	height: 100%;
@@ -184,9 +215,7 @@ a:hover
 }
 .mode-line-mode-name
 {
-	float: right;
-	margin-right: 1em;
-	color: #8DA101;
+	float: left;
 }
 
 @media screen and (max-width: 800px)
@@ -203,13 +232,19 @@ a:hover
 	}
 }
 
+img
+{
+	width: 80%;
+	left: 10%;
+}
+
 .content
 {
-	position: absolute;
-	overflow: scroll;
-	top: 1.5em;
 	bottom: 3em;
-	right: 0;
 	left: 0;
+	overflow: scroll;
 	padding: 1em;
+	position: absolute;
+	right: 0;
+	top: 1.5em;
 }
diff --git a/css/project.css b/css/project.css
deleted file mode 100644
index cec8a2b..0000000
--- a/css/project.css
+++ /dev/null
@@ -1,215 +0,0 @@
-@font-face
-{
-  font-family: ibmplexmono;
-  src: url(IBMPlexMono-Medium.ttf);
-}
-h2
-{
-	color:  #8DA101;
-}
-
-html
-{
-	background-color: #9DA9A0;	
-	color: #D3C6AA;
-	height: 100%;
-	margin: 0;
-	text-align: left;
-	font-family: ibmplexmono;
-} 
-
-p
-{
-	padding: 5px;
-}
-body
-{
-	border: 2px solid black;
-	position: fixed;
-	top: 0.5%;
-	bottom: 0.5%;
-	left: 2.5%;
-	right: 2.5%;
-	background-color: #272E33;
-	margin: 0;
-	box-shadow: 2px 2px 5px #272E33;
-}
-
-.tab-bar
-{
-	position: absolute;
-	top: 0;
-	left: 0;
-	right: 0;
-	height: 1.5em;
-	background-color: #1E2326;
-}
-
-.tab-bar-tab-list
-{
-	display:inline;
-	margin: 0;
-	padding: 0;
-}
-.tab-bar-active-tab
-{
-	position: relative;
-	top: 2px;
-	bottom: 0;
-	padding-left: 10px;
-	padding-right: 10px;
-	background-color: #272E33;	
-	display:inline;
-	border-top: 0.10em;
-	border-bottom: 0.15em;
-	border-top-style: solid;
-	border-top-color: #8DA101;
-	border-bottom-style: solid;
-	border-bottom-color: #272E33;
-
-}
-
-.tab-bar-inactive-tab
-{
-	position: relative;
-	top: 2px;
-	bottom: 0;
-	padding-left: 10px;
-	padding-right: 10px;
-	background-color: #1E2326;
-	display:inline;
-	border-top: 0.10em;
-	border-bottom: 0.10em;
-	border-top-style: solid;
-	border-top-color: #1E2326;
-	border-bottom-color: #8DA101;
-	border-bottom-style: solid;
-
-
-}
-
-a:link
-{
-	color: #FFFBEF;
-	transition: text-shadow 0.2s;	
-}
-
-a:visited
-{
-	color:  #8DA101;
-}
-
-a:hover
-{
-	color: #FFFBEF;
-	text-shadow: 0px 0px 2px #D3C6AA;
-}
-
-.tab-bar-active-tab a:link
-{
-	color: #FFFBEF;
-	transition: text-shadow 0.2s;
-	text-decoration: none;
-}
-
-.tab-bar-active-tab a:visited
-{
-	color: #FFFBEF;
-	text-decoration: none;
-}
-
-.tab-bar-active-tab a:hover
-{
-	color: #FFFBEF;
-	text-shadow: 0px 0px 2px #D3C6AA;
-	text-decoration: none;
-}
-
-
-.tab-bar-inactive-tab a:link
-{
-	color: #9DA9A0;
-	transition: text-shadow 0.2s;
-	text-decoration: none;
-}
-
-.tab-bar-inactive-tab a:visited
-{
-	color: #9DA9A0;
-	text-decoration: none;
-}
-
-.tab-bar-inactive-tab a:hover
-{
-	color: #FFFBEF;
-	text-shadow: 0px 0px 2px #D3C6AA;
-	text-decoration: none;
-}
-.mode-line
-{
-	position: absolute;
-	bottom: 1.5em;
-	height: 1.5em;
-	background-color: #374145;
-	left: 0;
-	right: 0;
-}
-
-.mode-line-buffer-name
-{
-	background-color: #8DA101;
-	color: #FFFBEF;
-	float: left;
-	height: 100%;
-	margin-left: 1em;
-	padding-left: 10px;
-	padding-right: 10px;
-}
-
-.title
-{
-	color: #FFFBEF;
-}
-
-.content
-{
-	overflow-y:auto;
-	-ms-overflow-style: none;  /* IE and Edge */
-	scrollbar-width: none;  /* Firefox */
-	padding: 1em;
-}
-
-.content::-webkit-scrollbar {
-	display: none;
-}
-.mode-line-mode-name
-{
-	float: right;
-	margin-right: 1em;
-	color: #8DA101;
-}
-
-@media screen and (max-width: 800px)
-{
-	body
-	{
-		position: fixed;
-		top: 0;
-		bottom: 0;
-		left: 0;
-		right: 0;
-		margin: 0;
-		box-shadow: none;
-	}
-}
-
-.content
-{
-	position: absolute;
-	overflow: scroll;
-	top: 1.5em;
-	bottom: 3em;
-	right: 0;
-	left: 0;
-	padding: 1em;
-}
diff --git a/images/background.jpg b/images/background.jpg
new file mode 100644
index 0000000..04ab974
Binary files /dev/null and b/images/background.jpg differ
diff --git a/js/window-animation.js b/js/window-animation.js
new file mode 100644
index 0000000..976e61f
--- /dev/null
+++ b/js/window-animation.js
@@ -0,0 +1,8 @@
+window.onload = function ()
+{
+	if (sessionStorage.getItem("windowAnimation") == null)
+	{
+		document.body.classList.add("window-open-animation");
+		sessionStorage.setItem("windowAnimation", true);	
+	}
+}