diff --git a/img/pfp.jpg b/img/pfp.jpg new file mode 100644 index 0000000..a45a630 Binary files /dev/null and b/img/pfp.jpg differ diff --git a/makefile b/makefile index 1c1fbb3..3102f9d 100644 --- a/makefile +++ b/makefile @@ -34,6 +34,7 @@ PNG_TARGETS = $(IMG_DIR)/%.png=$(OUT_DIR)/%.png site: $(HTML_TARGETS) $(CSS_TARGETS) cp $(IMG_DIR)/*.png $(OUT_DIR)/ + cp $(IMG_DIR)/*.jpg $(OUT_DIR)/ run: site diff --git a/src/inc_css/about.css b/src/inc_css/about.css new file mode 100644 index 0000000..f3945b1 --- /dev/null +++ b/src/inc_css/about.css @@ -0,0 +1,24 @@ +.pfp { + position: relative; + top: 3em; + left: 50%; + width: 20em; + height: 20em; + text-align: center; + overflow: hidden; + border-color: var(--background-alt); + border-style: solid; + border-width: 3px; + border-radius: 50%; + transform: translate(-50%, 0); + margin-bottom: 4em; +} + +.pfp img { + position: absolute; + left: 50%; + top: 50%; + height: 100%; + width: auto; + transform: translate(-50%, -50%); +} diff --git a/src/root/about.html b/src/root/about.html index 8efff3c..22fc88f 100644 --- a/src/root/about.html +++ b/src/root/about.html @@ -17,26 +17,50 @@
+
+ +
+

Hi, I'm Cat

- - -By day I work with hardware, software and people finding useful things to do with immersive technology. -For professional inquiries, please find me on LinkedIn. +I am an engineer and artist at the intersection of humans and technology.

- +In my day job I find novel uses for interactive, immersive and games technology for training and simulation. +I am passionate about free and open source software, and the importance of developing technologies that serve everyone. +

+

+I tinker for fun and make things when I can, inspired by physics, the universe and boundaries. I am currently most enamoured by optics, orbital mechanics and relativity. +

+ +

+Besides computing, I like caring for my plants, photography, and studying language, culture and philosophy. I take an interest in fashion, makeup and self-presentation, and regularly go to see live music. +

+ +
+ +

+For inquiries, professional or otherwise, please send me an email! +

+ +
diff --git a/src/root/styles.css b/src/root/styles.css index 47f5338..49d1769 100644 --- a/src/root/styles.css +++ b/src/root/styles.css @@ -17,6 +17,7 @@ body { #include page.css #include landing.css #include blog.css +#include about.css li { display:inline;