ktyl
/
ktyl.dev
1
0
Fork 0
Code Issues 18 Pull Requests 1 Packages Projects 1 Releases Wiki Activity

update sidebar links, delete contact page

This commit is contained in:
ktyl 2021-12-22 22:12:01 +00:00
parent 54c6604cde
commit 6c20794489
5 changed files with 61 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/root/about.html
View File

@ -11,6 +11,33 @@
/about /about
#include titleend.html #include titleend.html
#include sidebarlinks.html #include sidebarlinks.html
#include socials.html
</div>
<div class="page">
<h1>hi!</h1>
<div class="textPanel">
<p>
hello! im cat. i like art, science, philosophy, language and everything in between.
</p>
<div class="separator"></div>
<p>
by day i work with hardware, software and people finding useful things to do with immersive technology. for professional interests, please see my <a href="#">cv</a> or find me on <a href="https://www.linkedin.com/in/cat-flynn-08751611b/">linkedin</a>.
</p>
<div class="separator"></div>
<p>
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 <a href="gallery.html">gallery</a> for to see my visual creations, and my <a href="blog.html">blog</a> for my writings. as a side project itself of course, this website is incomplete however, so i might direct you to my <a href="https://ktyl.itch.io/">itch.io</a> to see my games as well as my <a href="https://github.com/ktyldev/">github</a> and <a href="https://gitlab.com/ktyldev/">gitlab</a> to see my public code.
</p>
</p>
</div>
</div> </div>
#include planets.html #include planets.html

2
src/root/blog.html
View File

@ -11,6 +11,8 @@
/blog /blog
#include titleend.html #include titleend.html
#include sidebarlinks.html #include sidebarlinks.html
#include socials.html
</div> </div>
#include planets.html #include planets.html

20
src/root/contact.html
View File

@ -1,20 +0,0 @@
<!doctype html>
<html>
#include header.html
<body>
<title>ktyl ~ contact</title>
<div class="sidebar">
#include titlestart.html
/contact
#include titleend.html
#include sidebarlinks.html
</div>
#include planets.html
</body>
</html>

2
src/root/gallery.html
View File

@ -11,6 +11,8 @@
/gallery /gallery
#include titleend.html #include titleend.html
#include sidebarlinks.html #include sidebarlinks.html
#include socials.html
</div> </div>
<div class="page portfolio"> <div class="page portfolio">

35
src/root/styles.css
View File

@ -14,6 +14,7 @@ body {
#include title.css #include title.css
#include sidebar.css #include sidebar.css
#include landing.css
.pageTitle { .pageTitle {
margin-left: -0.15em; margin-left: -0.15em;
@ -72,11 +73,33 @@ a.fsText:hover {
transform: translate(-50%, 0); transform: translate(-50%, 0);
} }
.page p { .page .textPanel .separator {
margin: 0; position: relative;
margin-right: 1em; background-color: var(--foreground-inactive);
padding: .6em;
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); color: var(--foreground);
}
.page .textPanel {
margin: 0;
margin-left: -2em;
padding: .6em 2em;
color: var(--foreground-inactive);
font-size: 1.1em; font-size: 1.1em;
/*font-weight: bold;*/ /*font-weight: bold;*/
@ -84,7 +107,7 @@ a.fsText:hover {
line-height: 1.25em; line-height: 1.25em;
background-color: var(--background); background-color: var(--background);
border-radius: .5em; border-radius: 2em;
width: 100%; width: 100%;
border-color: var(--background-alt); border-color: var(--background-alt);
@ -98,6 +121,8 @@ a.fsText:hover {
font-size: 1.7em; font-size: 1.7em;
margin: .5em; margin: .5em;
text-align: center;
} }
#include socials.css #include socials.css