Compare commits

..

1 Commits

Author SHA1 Message Date
a3cefc0c35 chore: remove CSS templating
All checks were successful
continuous-integration/drone/push Build is passing
continuous-integration/drone/pr Build is passing
re #31
2024-06-16 16:11:23 +01:00
7 changed files with 105 additions and 27 deletions

View File

@ -63,6 +63,10 @@ steps:
- delete_current_files="sudo -n rm -r $host_dir"
- deploy_new_files="sudo -n mv $${HOST} $host_dir"
# archive old site
- ssh $host $make_backup_dir
- ssh $host $copy_backup_files
# deploy new site
- rsync -rP site/* "$host:$${HOST}"
- ssh $host $delete_current_files

2
blog

@ -1 +1 @@
Subproject commit 201f3d49309a4e7a873fbf6a49872ef291e776d0
Subproject commit 745cedab0f6f829c9d61a0d1d31d6a8913d7e81e

View File

@ -1,4 +1,5 @@
<ul class="nav-links">
<li><a href="/about.html">about</a></li>
<li><a href="/blog.html">blog</a></li>
<li><a href="/gallery.html">gallery</a></li>
<li><a href="/vn/books.html">vn</a></li>

62
src/root/about.html Normal file
View File

@ -0,0 +1,62 @@
<!doctype html>
<html>
#include header.html
<body>
<title>ktyl ~ about</title>
<div class="nav">
#include titlestart.html
/about
#include titleend.html
#include nav.html
#include socials.html
</div>
<div class="page">
<div class="pfp">
<img src="pfp.jpg"></img>
</div>
<h1>Hi, I'm Cat</h1>
<div class="text-panel">
<p>
I am an engineer/artist exploring human technology.
</p>
<div class="separator"></div>
<p>
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 tools that serve everyone.
</p>
<p>
I tinker for fun and when I can, make things inspired by physics, the universe and boundaries, physical, imagined or otherwise.
I am currently most enamoured by optics, orbital mechanics and relativity.
</p>
<p>
Besides computing, I like caring for my plants, photography, and studying language, culture and philosophy.
I explore fashion, makeup, gender expression and regularly see live music.
</p>
<div class="separator"></div>
<p>
For inquiries, professional or otherwise, please <a href="mailto:me@ktyl.dev">send me an email</a>!
</p>
</div>
</div>
#include planets.html
</body>
</html>

View File

@ -1,4 +1,12 @@
:root {
/* Special */
--background: #eee;
--background-alt: #b8b8b8;
--foreground: #444;
--foreground-inactive: #777;
--accent: #ff369a;
--clear: rgba(0,0,0,0);
/* Colors */
--color0: #0000ff;
--color1: #00ff00;
@ -6,22 +14,6 @@
--color3: #ff00ff;
--color4: #ffff00;
--color5: #00ffff;
--clear: rgba(0,0,0,0);
--error: #f0f;
--dblue: #211953;
--lblue: #748FE8;
--lpink: #F8C8DC;
--pink: #eeafbd;
--purple: #330e39;
--white: var(--lpink);
/* Special */
--background: var(--lpink);
--background-alt: var(--dblue);
--foreground: var(--lblue);
--foreground-inactive: var(--dblue);
--accent: var(--lblue);
/* TODO: extract general varibles file ? */
/* Text */

17
src/root/contact Normal file
View File

@ -0,0 +1,17 @@
<!doctype html>
<html>
#include header.html
<body>
#include titlestart.html
/contact
#include titleend.html
#include sidebar.html
#include planets.html
</body>
</html>

View File

@ -31,7 +31,7 @@ body {
}
.title a:hover {
color: var(--lblue);
color: var(--accent);
transform: translateY(50%);
}
@ -91,7 +91,7 @@ ul.nav-links {
}
.nav li a:hover {
color: var(--lblue);
color: var(--accent);
}
@media only screen and (max-width: 1200px) {
@ -186,24 +186,25 @@ ul.nav-links {
transition: all 0.1s;
}
.page a:hover {
color: var(--lpink);
color: var(--foreground);
}
.page .text-panel {
margin: 0;
margin-left: -1.5em;
padding: .2em 1.3em;
color: var(--white);
color: var(--foreground-inactive);
font-size: 1.1em;
/*font-weight: bold;*/
line-height: 1.25em;
background-color: var(--purple);
background-color: var(--background);
border-radius: 1.5em;
width: 100%;
border-color: var(--clear);
border-color: var(--background-alt);
border-width: 3px;
border-style: solid;
}
@ -378,17 +379,17 @@ ul.blog-index li {
}
ul.blog-index li a {
color: var(--lblue);
color: var(--foreground-inactive);
transition: none;
text-decoration: none;
}
.blog-index li a:hover {
color: var(--lpink);
color: var(--accent);
}
.blog-index li a:visited {
color: var(--lpink);
color: var(--foreground);
}
.page ul.blog-index li a::before {
@ -482,7 +483,8 @@ a {
transition: color 0.3s;
}
.socials i:hover {
color: var(--lblue);
color: var(--accent);
}
.socials a {