Compare commits
1 Commits
main
...
refactor/s
| Author | SHA1 | Date | |
|---|---|---|---|
| a3cefc0c35 |
@ -63,6 +63,10 @@ steps:
|
|||||||
- delete_current_files="sudo -n rm -r $host_dir"
|
- delete_current_files="sudo -n rm -r $host_dir"
|
||||||
- deploy_new_files="sudo -n mv $${HOST} $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
|
# deploy new site
|
||||||
- rsync -rP site/* "$host:$${HOST}"
|
- rsync -rP site/* "$host:$${HOST}"
|
||||||
- ssh $host $delete_current_files
|
- ssh $host $delete_current_files
|
||||||
|
|||||||
2
blog
2
blog
@ -1 +1 @@
|
|||||||
Subproject commit 201f3d49309a4e7a873fbf6a49872ef291e776d0
|
Subproject commit 745cedab0f6f829c9d61a0d1d31d6a8913d7e81e
|
||||||
@ -1,4 +1,5 @@
|
|||||||
<ul class="nav-links">
|
<ul class="nav-links">
|
||||||
|
<li><a href="/about.html">about</a></li>
|
||||||
<li><a href="/blog.html">blog</a></li>
|
<li><a href="/blog.html">blog</a></li>
|
||||||
<li><a href="/gallery.html">gallery</a></li>
|
<li><a href="/gallery.html">gallery</a></li>
|
||||||
<li><a href="/vn/books.html">vn</a></li>
|
<li><a href="/vn/books.html">vn</a></li>
|
||||||
|
|||||||
62
src/root/about.html
Normal file
62
src/root/about.html
Normal 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>
|
||||||
@ -1,4 +1,12 @@
|
|||||||
:root {
|
:root {
|
||||||
|
/* Special */
|
||||||
|
--background: #eee;
|
||||||
|
--background-alt: #b8b8b8;
|
||||||
|
--foreground: #444;
|
||||||
|
--foreground-inactive: #777;
|
||||||
|
--accent: #ff369a;
|
||||||
|
--clear: rgba(0,0,0,0);
|
||||||
|
|
||||||
/* Colors */
|
/* Colors */
|
||||||
--color0: #0000ff;
|
--color0: #0000ff;
|
||||||
--color1: #00ff00;
|
--color1: #00ff00;
|
||||||
@ -6,22 +14,6 @@
|
|||||||
--color3: #ff00ff;
|
--color3: #ff00ff;
|
||||||
--color4: #ffff00;
|
--color4: #ffff00;
|
||||||
--color5: #00ffff;
|
--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 ? */
|
/* TODO: extract general varibles file ? */
|
||||||
/* Text */
|
/* Text */
|
||||||
|
|||||||
17
src/root/contact
Normal file
17
src/root/contact
Normal 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>
|
||||||
@ -31,7 +31,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.title a:hover {
|
.title a:hover {
|
||||||
color: var(--lblue);
|
color: var(--accent);
|
||||||
transform: translateY(50%);
|
transform: translateY(50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -91,7 +91,7 @@ ul.nav-links {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.nav li a:hover {
|
.nav li a:hover {
|
||||||
color: var(--lblue);
|
color: var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 1200px) {
|
@media only screen and (max-width: 1200px) {
|
||||||
@ -186,24 +186,25 @@ ul.nav-links {
|
|||||||
transition: all 0.1s;
|
transition: all 0.1s;
|
||||||
}
|
}
|
||||||
.page a:hover {
|
.page a:hover {
|
||||||
color: var(--lpink);
|
color: var(--foreground);
|
||||||
}
|
}
|
||||||
|
|
||||||
.page .text-panel {
|
.page .text-panel {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
margin-left: -1.5em;
|
margin-left: -1.5em;
|
||||||
padding: .2em 1.3em;
|
padding: .2em 1.3em;
|
||||||
color: var(--white);
|
color: var(--foreground-inactive);
|
||||||
|
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
|
/*font-weight: bold;*/
|
||||||
|
|
||||||
line-height: 1.25em;
|
line-height: 1.25em;
|
||||||
|
|
||||||
background-color: var(--purple);
|
background-color: var(--background);
|
||||||
border-radius: 1.5em;
|
border-radius: 1.5em;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-color: var(--clear);
|
border-color: var(--background-alt);
|
||||||
border-width: 3px;
|
border-width: 3px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
}
|
}
|
||||||
@ -378,17 +379,17 @@ ul.blog-index li {
|
|||||||
}
|
}
|
||||||
|
|
||||||
ul.blog-index li a {
|
ul.blog-index li a {
|
||||||
color: var(--lblue);
|
color: var(--foreground-inactive);
|
||||||
transition: none;
|
transition: none;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-index li a:hover {
|
.blog-index li a:hover {
|
||||||
color: var(--lpink);
|
color: var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.blog-index li a:visited {
|
.blog-index li a:visited {
|
||||||
color: var(--lpink);
|
color: var(--foreground);
|
||||||
}
|
}
|
||||||
|
|
||||||
.page ul.blog-index li a::before {
|
.page ul.blog-index li a::before {
|
||||||
@ -482,7 +483,8 @@ a {
|
|||||||
transition: color 0.3s;
|
transition: color 0.3s;
|
||||||
}
|
}
|
||||||
.socials i:hover {
|
.socials i:hover {
|
||||||
color: var(--lblue);
|
|
||||||
|
color: var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
.socials a {
|
.socials a {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user