Commit 96b03e0f authored by ak's avatar ak
Browse files

fixes

parent d6d9e280
Pipeline #2174 passed with stage
in 16 seconds
......@@ -95,4 +95,6 @@ Docs Extended can be read on the command line [r][p] Docs Extended. In repositor
README.md
<a href="https://ak.harmlos.info"><img src="images/ak.png" class="icon"></a>
---
......@@ -324,7 +324,7 @@ figure:hover img:hover, figure:focus img:focus{
transition-delay: 1s;
}
#TOC::before{
#TOC::after{
font-size: 1rem;
font-family: 'Texturina';
color: goldenrod;
......@@ -335,25 +335,22 @@ figure:hover img:hover, figure:focus img:focus{
#TOC{
margin: 0;
padding: 0;
line-height: 1.2;
font-size: 0;
min-height: 2em;
min-height: 5vh;
width: 100%;
background-color: darkslategray;
/* position: sticky; */
position: fixed;
bottom: 0;
left: 0;
padding: 1em;
border-radius: 1em;
transition: 0.5s ease-in;
transition-delay: 1s;
/* transition: 0.5s ease-in;
transition-delay: 1s; */
}
#TOC:hover, #TOC:focus{
padding: 1em;
border-radius: 1em;
font-size: 1.2em;
font-size: 1em;
transition-delay: 0s;
bottom: 0;
left: 0;
......@@ -392,6 +389,24 @@ figure:hover img:hover, figure:focus img:focus{
}
#BEFORE{
text-align: right;
font-family: 'Texturina';
margin: 0;
padding-top: 0.5vh;
padding-bottom: 0.5vh;
padding-right: 1em;
min-height: 4vh;
font-size: 1.2em;
width: 100%;
background-color: goldenrod;
position: fixed;
bottom: 0;
right: 10vw;
z-index: +1;
border-radius: 1em;
}
/* #BEFORE{
text-align: right;
font-family: 'Texturina';
margin: 0;
......@@ -399,15 +414,27 @@ figure:hover img:hover, figure:focus img:focus{
padding-bottom: 0.5em;
padding-right: 0.5em;
line-height: 1;
height: 1.5em;
vertical-align: baseline;
font-size: 1.2em;
min-height: 1.5em;
vertical-align: middle;
font-size: 1.5em;
width: 100%;
background-color: goldenrod;
position: sticky;
top: 0;
bottom: 0;
right: 10vw;
z-index: +1;
} */
#BEFORE a {
padding-left: 1vw;
font: optional bolder;
display: inline-block;
}
#BEFORE #pagetitle {
padding-left: 1vw;
font-weight: lighter;
display: inline-block;
}
.icon{
......@@ -438,10 +465,11 @@ html {
}
#BEFORE{
font-size: smaller;
font-size: 1em;
}
#TOC li {
font-size: larger;
display: block;
width: 100%;
overflow: visible;
......
......@@ -403,9 +403,9 @@ figure:hover img:hover, figure:focus img:focus{
padding-bottom: 0.5em;
padding-right: 0.5em;
line-height: 1;
height: 1.5em;
vertical-align: baseline;
font-size: 1.2em;
min-height: 1.5em;
vertical-align: middle;
font-size: 1.5em;
width: 100%;
background-color: goldenrod;
position: sticky;
......@@ -414,15 +414,21 @@ figure:hover img:hover, figure:focus img:focus{
z-index: +1;
}
#BEFORE a {
padding-left: 1vw;
font-weight: bolder;
display: inline-block;
}
.icon{
max-width: 5em;
padding: 0.5em;
border-radius: 50%;
padding: 0.5em;
transition: 0.5s ease;
}
.icon:hover, .icon:focus{
max-width: 5em;
border-radius: 50%;
border-radius: 25%;
padding: 0.5em;
background-color: goldenrod;
transition: 0.5s ease;
......@@ -441,11 +447,12 @@ html {
font-size: smaller;
}
#BEFORE{
/* #BEFORE{
font-size: smaller;
}
} */
#TOC li {
font-size: larger;
display: block;
width: 100%;
overflow: visible;
......
/* Monospace NF */
@font-face {
@font-face {
font-family: 'Monospace';
font-style: normal;
font-weight: 400;
......@@ -194,6 +194,7 @@ html{
}
body {
padding: 0;
margin: 0;
padding-left: 3vw;
......@@ -258,18 +259,15 @@ blockquote {
color: black;
}
header h1{
font-size: 2em;
font-size: 3em;
font-family: 'Texturina';
}
header p{
font-weight: bolder;
font-size: 1.6em;
line-height: 1em;
}
code{
font-family: 'Monospace';
/* margin-left: 1em; */
line-height: 0.8;
}
......@@ -282,7 +280,6 @@ code{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.texturina{
......@@ -297,17 +294,12 @@ code{
content: 'by ';
}
.author{
font-weight: lighter;
font-size: smaller;
.date::before{
content: '⏱️ ';
}
.preview{
text-align: center;
}
.preview img{
max-height: 3em;
.author, .date{
font-size: smaller;
}
figure figcaption{
......@@ -332,11 +324,7 @@ figure:hover img:hover, figure:focus img:focus{
transition-delay: 1s;
}
.preview:hover img{
max-height: 2em;
}
#TOC::before{
#TOC::after{
font-size: 1rem;
font-family: 'Texturina';
color: goldenrod;
......@@ -347,24 +335,22 @@ figure:hover img:hover, figure:focus img:focus{
#TOC{
margin: 0;
padding: 0;
line-height: 1.2;
font-size: 0;
min-height: 2em;
min-height: 5vh;
width: 100%;
background-color: darkslategray;
position: fixed;
/* position: sticky; */
position: fixed;
bottom: 0;
left: 0;
padding: 1em;
border-radius: 1em;
transition: 0.5s ease-in;
transition-delay: 1s;
/* transition: 0.5s ease-in;
transition-delay: 1s; */
}
#TOC:hover, #TOC:focus{
padding: 1em;
border-radius: 1em;
font-size: 1.2em;
font-size: 1em;
transition-delay: 0s;
bottom: 0;
left: 0;
......@@ -402,23 +388,53 @@ figure:hover img:hover, figure:focus img:focus{
z-index: +5;
}
#BEFORE{
#BEFORE{
text-align: right;
font-family: 'Texturina';
margin: 0;
padding-top: 0.5vh;
padding-bottom: 0.5vh;
padding-right: 1em;
min-height: 4vh;
font-size: 1.2em;
width: 100%;
background-color: goldenrod;
position: fixed;
bottom: 0;
right: 10vw;
z-index: +1;
border-radius: 1em;
}
/* #BEFORE{
text-align: right;
font-family: 'Texturina';
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 0.5em;
padding-right: 0.5em;
line-height: 1;
height: 1.5em;
min-height: 1.5em;
vertical-align: middle;
font-size: 1.2em;
font-size: 1.5em;
width: 100%;
background-color: goldenrod;
position: sticky;
top: 0;
bottom: 0;
right: 10vw;
z-index: +1;
} */
#BEFORE a {
padding-left: 1vw;
font: optional bolder;
display: inline-block;
}
#BEFORE #title {
padding-left: 1vw;
font-weight: lighter;
display: inline-block;
}
.icon{
......@@ -449,10 +465,11 @@ html {
}
#BEFORE{
font-size: smaller;
font-size: 1em;
}
#TOC li {
font-size: larger;
display: block;
width: 100%;
overflow: visible;
......@@ -465,3 +482,11 @@ html {
overflow: hidden;
text-overflow: ellipsis;
}
.icon{
max-width: 10em;
}
.icon:hover, .icon:focus{
max-width: 10em;
}
\ No newline at end of file
......@@ -24,7 +24,7 @@
</ul>
</nav>
<div id="BEFORE">
<a href="../">Pykyll</a> Demo Blog
<a href="../">Pykyll</a> Demo Blog
</div>
<h4 id="demo-blog">Demo Blog</h4>
<h1 id="baz"><a href="post_3">baz</a></h1>
......
......@@ -24,7 +24,7 @@
<p class="date">2021-05-03 16:24</p>
</header>
<div id="BEFORE">
<a href="../../">Pykyll</a> <a href="../">Demo Blog</a> – foo
<a href="../../">Pykyll</a> <a href="../">Demo Blog</a><a href="#" id="pagetitle">foo</a>
</div>
<p>
foo post – a demo post
......
......@@ -24,7 +24,7 @@
<p class="date">2021-05-03 16:29</p>
</header>
<div id="BEFORE">
<a href="../../">Pykyll</a> <a href="../">Demo Blog</a> – bar
<a href="../../">Pykyll</a> <a href="../">Demo Blog</a><a href="#" id="pagetitle">bar</a>
</div>
<p>
bar post for foo blog
......
......@@ -29,7 +29,7 @@
</ul>
</nav>
<div id="BEFORE">
<a href="../../">Pykyll</a> <a href="../">Demo Blog</a> – baz
<a href="../../">Pykyll</a> <a href="../">Demo Blog</a><a href="#" id="pagetitle">baz</a>
</div>
<p>
baz post for foo blog
......
......@@ -324,7 +324,7 @@ figure:hover img:hover, figure:focus img:focus{
transition-delay: 1s;
}
#TOC::before{
#TOC::after{
font-size: 1rem;
font-family: 'Texturina';
color: goldenrod;
......@@ -335,25 +335,22 @@ figure:hover img:hover, figure:focus img:focus{
#TOC{
margin: 0;
padding: 0;
line-height: 1.2;
font-size: 0;
min-height: 2em;
min-height: 5vh;
width: 100%;
background-color: darkslategray;
/* position: sticky; */
position: fixed;
bottom: 0;
left: 0;
padding: 1em;
border-radius: 1em;
transition: 0.5s ease-in;
transition-delay: 1s;
/* transition: 0.5s ease-in;
transition-delay: 1s; */
}
#TOC:hover, #TOC:focus{
padding: 1em;
border-radius: 1em;
font-size: 1.2em;
font-size: 1em;
transition-delay: 0s;
bottom: 0;
left: 0;
......@@ -392,6 +389,24 @@ figure:hover img:hover, figure:focus img:focus{
}
#BEFORE{
text-align: right;
font-family: 'Texturina';
margin: 0;
padding-top: 0.5vh;
padding-bottom: 0.5vh;
padding-right: 1em;
min-height: 4vh;
font-size: 1.2em;
width: 100%;
background-color: goldenrod;
position: fixed;
bottom: 0;
right: 10vw;
z-index: +1;
border-radius: 1em;
}
/* #BEFORE{
text-align: right;
font-family: 'Texturina';
margin: 0;
......@@ -399,15 +414,27 @@ figure:hover img:hover, figure:focus img:focus{
padding-bottom: 0.5em;
padding-right: 0.5em;
line-height: 1;
height: 1.5em;
vertical-align: baseline;
font-size: 1.2em;
min-height: 1.5em;
vertical-align: middle;
font-size: 1.5em;
width: 100%;
background-color: goldenrod;
position: sticky;
top: 0;
bottom: 0;
right: 10vw;
z-index: +1;
} */
#BEFORE a {
padding-left: 1vw;
font: optional bolder;
display: inline-block;
}
#BEFORE #pagetitle {
padding-left: 1vw;
font-weight: lighter;
display: inline-block;
}
.icon{
......@@ -438,10 +465,11 @@ html {
}
#BEFORE{
font-size: smaller;
font-size: 1em;
}
#TOC li {
font-size: larger;
display: block;
width: 100%;
overflow: visible;
......
......@@ -403,9 +403,9 @@ figure:hover img:hover, figure:focus img:focus{
padding-bottom: 0.5em;
padding-right: 0.5em;
line-height: 1;
height: 1.5em;
vertical-align: baseline;
font-size: 1.2em;
min-height: 1.5em;
vertical-align: middle;
font-size: 1.5em;
width: 100%;
background-color: goldenrod;
position: sticky;
......@@ -414,15 +414,21 @@ figure:hover img:hover, figure:focus img:focus{
z-index: +1;
}
#BEFORE a {
padding-left: 1vw;
font-weight: bolder;
display: inline-block;
}
.icon{
max-width: 5em;
padding: 0.5em;
border-radius: 50%;
padding: 0.5em;
transition: 0.5s ease;
}
.icon:hover, .icon:focus{
max-width: 5em;
border-radius: 50%;
border-radius: 25%;
padding: 0.5em;
background-color: goldenrod;
transition: 0.5s ease;
......@@ -441,11 +447,12 @@ html {
font-size: smaller;
}
#BEFORE{
/* #BEFORE{
font-size: smaller;
}
} */
#TOC li {
font-size: larger;
display: block;
width: 100%;
overflow: visible;
......
/* Monospace NF */
@font-face {
@font-face {
font-family: 'Monospace';
font-style: normal;
font-weight: 400;
......@@ -194,6 +194,7 @@ html{
}
body {
padding: 0;
margin: 0;
padding-left: 3vw;
......@@ -258,18 +259,15 @@ blockquote {
color: black;
}
header h1{
font-size: 2em;
font-size: 3em;
font-family: 'Texturina';
}
header p{
font-weight: bolder;
font-size: 1.6em;
line-height: 1em;
}
code{
font-family: 'Monospace';
/* margin-left: 1em; */
line-height: 0.8;
}
......@@ -282,7 +280,6 @@ code{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.texturina{
......@@ -297,17 +294,12 @@ code{
content: 'by ';
}
.author{
font-weight: lighter;
font-size: smaller;
.date::before{
content: '⏱️ ';
}
.preview{
text-align: center;
}
.preview img{
max-height: 3em;
.author, .date{
font-size: smaller;
}
figure figcaption{
......@@ -332,11 +324,7 @@ figure:hover img:hover, figure:focus img:focus{
transition-delay: 1s;
}
.preview:hover img{
max-height: 2em;
}
#TOC::before{
#TOC::after{
font-size: 1rem;
font-family: 'Texturina';
color: goldenrod;
......@@ -347,24 +335,22 @@ figure:hover img:hover, figure:focus img:focus{
#TOC{
margin: 0;
padding: 0;
line-height: 1.2;
font-size: 0;
min-height: 2em;