tidy up css and link to page source
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
7756064af8
commit
99c385172b
|
@ -1,11 +1,11 @@
|
||||||
* { margin: 0; padding: 0; box-sizing: border-box;
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
/* Color scheme */
|
/* Color scheme */
|
||||||
|
|
||||||
--textcolor: #dadada;
|
--textcolor: #dadada;
|
||||||
--bgcolor: #141414;
|
--bgcolor: #141414;
|
||||||
--highlight: #ffc400;
|
--highlight: #ffc400;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -20,7 +20,6 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------- Sections ------- */
|
/* ------- Sections ------- */
|
||||||
|
|
||||||
section {
|
section {
|
||||||
padding: calc(6em + 5vw) 5vw 8vw 5vw;
|
padding: calc(6em + 5vw) 5vw 8vw 5vw;
|
||||||
/* ! Everything below is needed ! */
|
/* ! Everything below is needed ! */
|
||||||
|
@ -41,7 +40,6 @@ section#home { /* Show #home by default */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------- Header ------- */
|
/* ------- Header ------- */
|
||||||
|
|
||||||
header {
|
header {
|
||||||
padding: 5vw 5vw 0 5vw;
|
padding: 5vw 5vw 0 5vw;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -63,7 +61,6 @@ nav a:not(:last-of-type) {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------- General ------- */
|
/* ------- General ------- */
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--highlight);
|
color: var(--highlight);
|
||||||
|
@ -181,7 +178,6 @@ pre, textarea { /* for code samples */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Inline footnotes */
|
/* Inline footnotes */
|
||||||
|
|
||||||
label {
|
label {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
vertical-align: super;
|
vertical-align: super;
|
||||||
|
@ -220,7 +216,6 @@ figure figcaption {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Responsive video embeds */
|
/* Responsive video embeds */
|
||||||
|
|
||||||
figure.video {
|
figure.video {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-bottom: 56.25%; /* 16:9 */
|
padding-bottom: 56.25%; /* 16:9 */
|
||||||
|
@ -243,7 +238,6 @@ section:target iframe {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* External links */
|
/* External links */
|
||||||
|
|
||||||
a[href*="//"]:after {
|
a[href*="//"]:after {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: .85em;
|
font-size: .85em;
|
||||||
|
@ -259,6 +253,7 @@ a[href^="mailto:"]:after {
|
||||||
color: var(--textcolor);
|
color: var(--textcolor);
|
||||||
opacity: .25;
|
opacity: .25;
|
||||||
}
|
}
|
||||||
|
|
||||||
a[href^="xmpp:"]:after {
|
a[href^="xmpp:"]:after {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: .85em;
|
font-size: .85em;
|
||||||
|
@ -275,7 +270,6 @@ a[href*="//"]:hover:after {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* File links */
|
/* File links */
|
||||||
|
|
||||||
a:before {
|
a:before {
|
||||||
font-size: .7em;
|
font-size: .7em;
|
||||||
margin-right: .4em;
|
margin-right: .4em;
|
||||||
|
@ -283,7 +277,6 @@ a:before {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Add more filetypes here if you want */
|
/* Add more filetypes here if you want */
|
||||||
|
|
||||||
a[href$=".pdf"]:before { content: "pdf"; }
|
a[href$=".pdf"]:before { content: "pdf"; }
|
||||||
a[href$=".txt"]:before { content: "txt"; }
|
a[href$=".txt"]:before { content: "txt"; }
|
||||||
a[href$=".mp3"]:before { content: "mp3"; }
|
a[href$=".mp3"]:before { content: "mp3"; }
|
||||||
|
@ -296,7 +289,6 @@ a[href$=".png"]:before { content: "img"; }
|
||||||
a[href$=".asc"]:before { content: "asc"; }
|
a[href$=".asc"]:before { content: "asc"; }
|
||||||
|
|
||||||
/* ------- News ------- */
|
/* ------- News ------- */
|
||||||
|
|
||||||
article + article {
|
article + article {
|
||||||
margin-top: 4.5em;
|
margin-top: 4.5em;
|
||||||
}
|
}
|
||||||
|
@ -314,7 +306,6 @@ article time {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------- Images Grid ------- */
|
/* ------- Images Grid ------- */
|
||||||
|
|
||||||
.grid {
|
.grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-gap: 5vmin;
|
grid-gap: 5vmin;
|
||||||
|
@ -348,7 +339,6 @@ article time {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------- Slideshow ------- */
|
/* ------- Slideshow ------- */
|
||||||
|
|
||||||
.slides {
|
.slides {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -387,7 +377,6 @@ article time {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------- Lightbox ------- */
|
/* ------- Lightbox ------- */
|
||||||
|
|
||||||
.lightbox {
|
.lightbox {
|
||||||
display: none;
|
display: none;
|
||||||
color: var(--textcolor);
|
color: var(--textcolor);
|
||||||
|
@ -443,7 +432,6 @@ article time {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------- Smaller screens ------- */
|
/* ------- Smaller screens ------- */
|
||||||
|
|
||||||
@media only screen and (max-width: 680px) {
|
@media only screen and (max-width: 680px) {
|
||||||
body { font-size: 16px; }
|
body { font-size: 16px; }
|
||||||
}
|
}
|
||||||
|
@ -453,9 +441,7 @@ article time {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ------- Print ------- */
|
/* ------- Print ------- */
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
|
|
||||||
nav, .lightbox:target:after { display: none; }
|
nav, .lightbox:target:after { display: none; }
|
||||||
|
|
||||||
article, figure, img {
|
article, figure, img {
|
||||||
|
@ -464,13 +450,11 @@ article time {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Inline footnotes */
|
/* Inline footnotes */
|
||||||
|
|
||||||
label + input + small { display: inline; }
|
label + input + small { display: inline; }
|
||||||
label + input + small:before { content: "["; }
|
label + input + small:before { content: "["; }
|
||||||
label + input + small:after { content: "]"; }
|
label + input + small:after { content: "]"; }
|
||||||
|
|
||||||
/* Slides */
|
/* Slides */
|
||||||
|
|
||||||
.slides, .slides figure {
|
.slides, .slides figure {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
@ -485,5 +469,4 @@ article time {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -21,7 +21,7 @@
|
||||||
<meta name="twitter:card" content="/images/profilepic.jpg">
|
<meta name="twitter:card" content="/images/profilepic.jpg">
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
<!--# include file="css/style.css" -->
|
<!--# include file="css/style.min.css" -->
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
@ -100,6 +100,7 @@
|
||||||
<li><a href="https://hashbang.sh">hashbang</a></li>
|
<li><a href="https://hashbang.sh">hashbang</a></li>
|
||||||
<li>some random projects on my <a href="https://tildegit.org/ben" rel="me">tildegit account</a></li>
|
<li>some random projects on my <a href="https://tildegit.org/ben" rel="me">tildegit account</a></li>
|
||||||
<li>also <a href="https://github.com/benharri" rel="me">github</a> but i don't publish everything there</li>
|
<li>also <a href="https://github.com/benharri" rel="me">github</a> but i don't publish everything there</li>
|
||||||
|
<li>this site. you can find the source code <a href="https://tildegit.org/ben/site">here</a>.</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
Loading…
Reference in New Issue