diff --git a/assets/css/header_footer.css b/assets/css/header_footer.css
new file mode 100644
index 0000000..cc161d9
--- /dev/null
+++ b/assets/css/header_footer.css
@@ -0,0 +1,23 @@
+li.header, li.footer {
+ display: inline-block;
+}
+
+footer {
+ position: absolute;
+ bottom: 0;
+ padding: 10px;
+ right: 0;
+ z-index: 10;
+}
+
+footer hr {
+ margin: 10px;
+}
+
+footer ul {
+ display: inline-block;
+}
+
+footer li {
+ padding: 10px;
+}
diff --git a/assets/css/index.css b/assets/css/index.css
new file mode 100644
index 0000000..02ca6f7
--- /dev/null
+++ b/assets/css/index.css
@@ -0,0 +1,9 @@
+body {
+ background-image: url("../images/keem_achill.jpg");
+ background-repeat:no-repeat;
+ background-position: center;
+ background-color: black;
+ background-size: cover;
+ overflow: scroll;
+}
+
diff --git a/assets/css/main.css b/assets/css/main.css
index 92afba9..2225870 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -4,12 +4,6 @@ html, body {
}
body {
- background-image: url("../images/keem_achill.jpg");
- background-repeat:no-repeat;
- background-position: center;
- background-color: black;
- background-size: cover;
- overflow: scroll;
font-family: courier, mono;
padding: 10px;
}
@@ -32,10 +26,6 @@ li {
list-style: none;
}
-li.header, li.footer {
- display: inline-block;
-}
-
code {
background-color: white;
opacity: 0.9;
@@ -60,14 +50,6 @@ article li {
display: flex;
}
-footer {
- position: absolute;
- bottom: 0;
- padding: 10px;
- right: 0;
- z-index: 10;
-}
-
/* Links */
a {
@@ -98,15 +80,3 @@ hr {
float: right;
width: 200px;
}
-
-footer hr {
- margin: 10px;
-}
-
-footer ul {
- display: inline-block;
-}
-
-footer li {
- padding: 10px;
-}
diff --git a/assets/css/notes.css b/assets/css/notes.css
new file mode 100644
index 0000000..42c20c0
--- /dev/null
+++ b/assets/css/notes.css
@@ -0,0 +1,9 @@
+body {
+ background-image: url("../images/keel_achill.jpg");
+ background-repeat:no-repeat;
+ background-position: center;
+ background-color: black;
+ background-size: cover;
+ overflow: scroll;
+}
+
diff --git a/assets/css/today_i_learned.css b/assets/css/today_i_learned.css
new file mode 100644
index 0000000..f18474f
--- /dev/null
+++ b/assets/css/today_i_learned.css
@@ -0,0 +1,88 @@
+html, body {
+ height: 100%;
+ color: yellow;
+}
+
+body {
+ background-image: url("../images/myajima.png");
+ background-repeat:no-repeat;
+ background-position: center;
+ background-color: black;
+ background-size: cover;
+ overflow: scroll;
+ font-family: courier, mono;
+ padding: 10px;
+}
+
+h1 {
+ text-align: right;
+ text-transform: uppercase;
+}
+
+/* Lists */
+
+ul {
+ color: white;
+ text-align: right;
+}
+
+li {
+ text-align: right;
+ padding-top: 5px;
+ list-style: none;
+}
+
+code {
+ background-color: white;
+ opacity: 0.9;
+ color: black;
+ font-weight: bold;
+ padding: 15px;
+ border-radius: 15px;
+}
+
+article {
+ background-color: black;
+ height: 100%;
+ opacity: 0.4;
+ margin: 5px;
+ padding: 15px;
+ border-radius: 15px;
+}
+
+article li {
+ color: yellow;
+ text-align: left;
+ display: flex;
+}
+
+/* Links */
+
+a {
+ text-decoration: none;
+}
+
+/* unvisited link */
+a:link {
+ color: pink;
+}
+
+/* visited link */
+a:visited {
+ color: white;
+}
+
+/* mouse over link */
+a:hover {
+ color: hotpink;
+}
+
+#index {
+ float: right;
+ text-align: right;
+}
+
+hr {
+ float: right;
+ width: 200px;
+}
diff --git a/assets/images/myajima.png b/assets/images/myajima.png
index ac6b42e..cd57187 100644
Binary files a/assets/images/myajima.png and b/assets/images/myajima.png differ
diff --git a/index.html b/index.html
index 58f2ed6..d401c13 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,8 @@
Kelly's Site
+
+
@@ -21,7 +23,7 @@