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,9 +4,10 @@
#include header.html #include header.html
<body> <body>
<div class="title">
<h1 class="fsText"><a href="index.html">ktyl@website</a>/about</h1> #include titlestart.html
</div> /about
#include titleend.html
#include sidebar.html #include sidebar.html
#include planets.html #include planets.html

View File

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

View File

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

View File

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

View File

@ -4,14 +4,14 @@
#include header.html #include header.html
<body> <body>
<div class="title">
<h1 class="fsText"><a href="index.html">ktyl@website</a>/gallery</h1> #include titlestart.html
</div> /gallery
#include titleend.html
#include sidebar.html #include sidebar.html
<div class="page portfolio"> <div class="page portfolio">
<div class="wrapper"> <div class="wrapper">
<img src="cloudsteroid.png"></img> <img src="cloudsteroid.png"></img>
<img src="oglc.png"></img> <img src="oglc.png"></img>
@ -24,10 +24,11 @@
<img src="revival.png"></img> <img src="revival.png"></img>
<img src="lsd.png"></img> <img src="lsd.png"></img>
</div> </div>
</div>
#include planets.html #include planets.html
#include footer.html #include footer.html
</body> </body>
</html> </html>

View File

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

View File

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