page title templates

This commit is contained in:
ktyl 2021-11-30 00:32:21 +00:00
parent d814d0f8f4
commit 5be642e5e7
9 changed files with 56 additions and 36 deletions

View File

@ -0,0 +1 @@
</span></h1></div>

View File

@ -0,0 +1,2 @@
<div class="title">
<h1 class="fsText"><a href="index.html">ktyl@website</a><span class="pageTitle">

View File

@ -4,12 +4,13 @@
#include header.html
<body>
<div class="title">
<h1 class="fsText"><a href="index.html">ktyl@website</a>/about</h1>
</div>
#include sidebar.html
#include planets.html
#include titlestart.html
/about
#include titleend.html
#include sidebar.html
#include planets.html
</body>

View File

@ -4,12 +4,13 @@
#include header.html
<body>
<div class="title">
<h1 class="fsText"><a href="index.html">ktyl@website</a>/blog</h1>
</div>
#include sidebar.html
#include planets.html
#include titlestart.html
/blog
#include titleend.html
#include sidebar.html
#include planets.html
</body>

View File

@ -4,11 +4,13 @@
#include header.html
<body>
<div class="title">
<h1 class="fsText"><a href="index.html">ktyl@website</a>/contact</h1>
</div>
#include sidebar.html
#include titlestart.html
/contact
#include titleend.html
#include sidebar.html
#include planets.html
</body>

View File

@ -4,12 +4,13 @@
#include header.html
<body>
<div class="title">
<h1 class="fsText"><a href="index.html">ktyl@website</a>/contact</h1>
</div>
#include sidebar.html
#include planets.html
#include titlestart.html
/contact
#include titleend.html
#include sidebar.html
#include planets.html
</body>

View File

@ -4,30 +4,31 @@
#include header.html
<body>
<div class="title">
<h1 class="fsText"><a href="index.html">ktyl@website</a>/gallery</h1>
</div>
#include titlestart.html
/gallery
#include titleend.html
#include sidebar.html
<div class="page portfolio">
<div class="wrapper">
<img src="cloudsteroid.png"></img>
<img src="oglc.png"></img>
<img src="ecollapse.png"></img>
<img src="relativity.png"></img>
<img src="doppler.png"></img>
<img src="relanoise.png"></img>
<img src="skeinring.png"></img>
<img src="membrain.png"></img>
<img src="revival.png"></img>
<img src="lsd.png"></img>
<div class="wrapper">
<img src="cloudsteroid.png"></img>
<img src="oglc.png"></img>
<img src="ecollapse.png"></img>
<img src="relativity.png"></img>
<img src="doppler.png"></img>
<img src="relanoise.png"></img>
<img src="skeinring.png"></img>
<img src="membrain.png"></img>
<img src="revival.png"></img>
<img src="lsd.png"></img>
</div>
</div>
#include planets.html
#include footer.html
</body>
</html>

View File

@ -7,9 +7,14 @@
<title>ktyl ~ home</title>
<!-- actually a headline -->
#include titlestart.html
#include titleend.html
<!--
<div class="title">
<h1 class="fsText">ktyl@website</h1>
</div>
-->
#include sidebar.html
<div class="page">

View File

@ -13,7 +13,6 @@ body {
.title {
position: relative;
margin-top: 40px;
margin-left: 80px;
font-size: 1.4em;
@ -21,12 +20,19 @@ body {
.title a {
transition: color 0.3s;
color: var(--foreground-active);
}
.title a:hover {
color: lightpink;
}
.pageTitle {
margin-left: -0.15em;
color: var(--foreground-inactive);
}
h1 {
font-size: var(--font-size);
color: var(--color1);