diff --git a/src/root/about.html b/src/root/about.html index a5a5e1d..30a6047 100644 --- a/src/root/about.html +++ b/src/root/about.html @@ -11,6 +11,33 @@ /about #include titleend.html #include sidebarlinks.html + +#include socials.html + + +
+ +

hi!

+ +
+

+hello! im cat. i like art, science, philosophy, language and everything in between. +

+ +
+ +

+by day i work with hardware, software and people finding useful things to do with immersive technology. for professional interests, please see my cv or find me on linkedin. +

+ +
+ +

+by night, i like to create. i hope to use this site to share what i make, be it interactive, visual or written. please have a look through the gallery for to see my visual creations, and my blog for my writings. as a side project itself of course, this website is incomplete however, so i might direct you to my itch.io to see my games as well as my github and gitlab to see my public code. +

+

+
+
#include planets.html diff --git a/src/root/blog.html b/src/root/blog.html index d6f4858..7ca6fe3 100644 --- a/src/root/blog.html +++ b/src/root/blog.html @@ -11,6 +11,8 @@ /blog #include titleend.html #include sidebarlinks.html + +#include socials.html #include planets.html diff --git a/src/root/contact.html b/src/root/contact.html deleted file mode 100644 index cc101df..0000000 --- a/src/root/contact.html +++ /dev/null @@ -1,20 +0,0 @@ - - - -#include header.html - - -ktyl ~ contact - - - -#include planets.html - - - - diff --git a/src/root/gallery.html b/src/root/gallery.html index dc07ccb..0958108 100644 --- a/src/root/gallery.html +++ b/src/root/gallery.html @@ -11,6 +11,8 @@ /gallery #include titleend.html #include sidebarlinks.html + +#include socials.html
diff --git a/src/root/styles.css b/src/root/styles.css index 7942c93..f290c0c 100644 --- a/src/root/styles.css +++ b/src/root/styles.css @@ -14,6 +14,7 @@ body { #include title.css #include sidebar.css +#include landing.css .pageTitle { margin-left: -0.15em; @@ -72,11 +73,33 @@ a.fsText:hover { transform: translate(-50%, 0); } -.page p { - margin: 0; - margin-right: 1em; - padding: .6em; +.page .textPanel .separator { + position: relative; + background-color: var(--foreground-inactive); + + width: .25em; + height: .25em; + left: 50%; + + border-radius: 100%; + + transform: translateX(-50%); +} + +.page a { + text-decoration: none; + color: var(--accent); + transition: all 0.1s; +} +.page a:hover { color: var(--foreground); +} + +.page .textPanel { + margin: 0; + margin-left: -2em; + padding: .6em 2em; + color: var(--foreground-inactive); font-size: 1.1em; /*font-weight: bold;*/ @@ -84,7 +107,7 @@ a.fsText:hover { line-height: 1.25em; background-color: var(--background); - border-radius: .5em; + border-radius: 2em; width: 100%; border-color: var(--background-alt); @@ -98,6 +121,8 @@ a.fsText:hover { font-size: 1.7em; margin: .5em; + + text-align: center; } #include socials.css