Add content

src/jbutcher5_github_io/core.clj

@@ -9,8 +9,24 @@
     [:title "James' Portfolio"]
     (include-css "output.css")]
    [:body
-    [:h1 "Lorem Ipsum"]]))
-
+    [:p.text-white.text-4xl.p-4.font-bold.text-center "Hey, I'm James"]
+    [:p#text-block.py-4 "I enjoy programming and here are some of my interests:"
+     [:ul.list-disc.list-inside
+      (map
+       (fn [x] [:li#text-block x])
+       ["Compilers/Interpreters"
+        "Procedual Generation"
+        "Functional Programming"
+        "Low-level Programming"])]]
+    [:p#text-block.py-4 "Here are some of my favourite programming languages:"
+     [:ul.list-decimal.list-inside
+      (map
+       (fn [x] [:li#text-block x])
+       ["Scheme"
+        "C"
+        "Rust"
+        "Clojure"
+        "D"])]]]))
 (def pages [["index" index]])
 
 (defn write-pages [pages]

styles.css

@@ -1,3 +1,28 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+html,
+body {
+  padding: 0;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+}
+
+#text-block {
+  @apply text-white text-lg font-light text-center
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  @apply bg-background;
+}

tailwind.config.js

@@ -2,7 +2,16 @@
 module.exports = {
   content: ["./*.html"],
   theme: {
-    extend: {},
+    extend: {
+      colors: {
+        background: '#1d2021',
+        black: '#3b4252',
+        white: '#d8dee9',
+        pisswhite: '#D7D8C8',
+        lime: '#A5A45F',
+        darkgreen: '#485642'
+      }
+    },
   },
   plugins: [],
 }