Update tests for dark mode & GitHub link changes

This commit is contained in:
Justin Mayer 2025-07-22 17:16:03 +02:00
commit 87e3b60da7
77 changed files with 905 additions and 74 deletions

View file

@ -27,6 +27,13 @@ body {
text-align: left; text-align: left;
} }
@media (prefers-color-scheme: dark) {
body {
background: #070808;
color: #FFFEFE;
}
}
/* Headings */ /* Headings */
h1 {font-size: 2em } h1 {font-size: 2em }
h2 {font-size: 1.571em} /* 22px */ h2 {font-size: 1.571em} /* 22px */
@ -106,6 +113,12 @@ dd {margin-left: 1.5em;}
pre{background-color: rgb(238, 238, 238); padding: 10px; margin: 10px; overflow: auto;} pre{background-color: rgb(238, 238, 238); padding: 10px; margin: 10px; overflow: auto;}
@media (prefers-color-scheme: dark) {
pre {
background: rgb(38, 38, 38);
}
}
/* Quotes */ /* Quotes */
blockquote { blockquote {
margin: 20px; margin: 20px;
@ -197,6 +210,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
#banner h1 strong {font-size: 0.36em; font-weight: normal;} #banner h1 strong {font-size: 0.36em; font-weight: normal;}
@media (prefers-color-scheme: dark) {
#banner h1 a:link, #banner h1 a:visited {
color: #FFFAF8;
}
}
/* Main Nav */ /* Main Nav */
#banner nav { #banner nav {
background: #000305; background: #000305;
@ -213,6 +232,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
} }
@media (prefers-color-scheme: dark) {
#banner nav {
background: #121518;
}
}
#banner nav ul {list-style: none; margin: 0 auto; max-width: 800px;} #banner nav ul {list-style: none; margin: 0 auto; max-width: 800px;}
#banner nav li {float: left; display: inline; margin: 0;} #banner nav li {float: left; display: inline; margin: 0;}
@ -255,6 +280,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
@media (prefers-color-scheme: dark) {
#featured {
background: #151617;
}
}
#featured figure { #featured figure {
border: 2px solid #eee; border: 2px solid #eee;
float: right; float: right;
@ -284,6 +315,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
@media (prefers-color-scheme: dark) {
#content {
background: #111;
}
}
/* /*
Extras Extras
*****************/ *****************/
@ -306,6 +343,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
padding: .3em .25em; padding: .3em .25em;
} }
@media (prefers-color-scheme: dark) {
#extras a:link, #extras a:visited {
color: #888;
}
}
#extras a:hover, #extras a:active {color: #fff;} #extras a:hover, #extras a:active {color: #fff;}
/* Blogroll */ /* Blogroll */
@ -339,6 +382,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
@media (prefers-color-scheme: dark) {
#about {
background: #222;
}
}
#about .primary {float: left; max-width: 165px;} #about .primary {float: left; max-width: 165px;}
#about .primary strong {color: #C64350; display: block; font-size: 1.286em;} #about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
#about .photo {float: left; margin: 5px 20px;} #about .photo {float: left; margin: 5px 20px;}
@ -367,6 +416,12 @@ li:first-child .hentry, #content > .hentry {border: 0; margin: 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;} .entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}
.entry-title a:visited {background-color: #fff;} .entry-title a:visited {background-color: #fff;}
@media (prefers-color-scheme: dark) {
.entry-title a:link, .entry-title a:visited {
color: #C74350;
}
}
.hentry .post-info * {font-style: normal;} .hentry .post-info * {font-style: normal;}
/* Content */ /* Content */

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -14,8 +14,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -14,8 +14,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -14,8 +14,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -14,8 +14,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="../">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -27,6 +27,13 @@ body {
text-align: left; text-align: left;
} }
@media (prefers-color-scheme: dark) {
body {
background: #070808;
color: #FFFEFE;
}
}
/* Headings */ /* Headings */
h1 {font-size: 2em } h1 {font-size: 2em }
h2 {font-size: 1.571em} /* 22px */ h2 {font-size: 1.571em} /* 22px */
@ -106,6 +113,12 @@ dd {margin-left: 1.5em;}
pre{background-color: rgb(238, 238, 238); padding: 10px; margin: 10px; overflow: auto;} pre{background-color: rgb(238, 238, 238); padding: 10px; margin: 10px; overflow: auto;}
@media (prefers-color-scheme: dark) {
pre {
background: rgb(38, 38, 38);
}
}
/* Quotes */ /* Quotes */
blockquote { blockquote {
margin: 20px; margin: 20px;
@ -197,6 +210,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
#banner h1 strong {font-size: 0.36em; font-weight: normal;} #banner h1 strong {font-size: 0.36em; font-weight: normal;}
@media (prefers-color-scheme: dark) {
#banner h1 a:link, #banner h1 a:visited {
color: #FFFAF8;
}
}
/* Main Nav */ /* Main Nav */
#banner nav { #banner nav {
background: #000305; background: #000305;
@ -213,6 +232,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
} }
@media (prefers-color-scheme: dark) {
#banner nav {
background: #121518;
}
}
#banner nav ul {list-style: none; margin: 0 auto; max-width: 800px;} #banner nav ul {list-style: none; margin: 0 auto; max-width: 800px;}
#banner nav li {float: left; display: inline; margin: 0;} #banner nav li {float: left; display: inline; margin: 0;}
@ -255,6 +280,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
@media (prefers-color-scheme: dark) {
#featured {
background: #151617;
}
}
#featured figure { #featured figure {
border: 2px solid #eee; border: 2px solid #eee;
float: right; float: right;
@ -284,6 +315,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
@media (prefers-color-scheme: dark) {
#content {
background: #111;
}
}
/* /*
Extras Extras
*****************/ *****************/
@ -306,6 +343,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
padding: .3em .25em; padding: .3em .25em;
} }
@media (prefers-color-scheme: dark) {
#extras a:link, #extras a:visited {
color: #888;
}
}
#extras a:hover, #extras a:active {color: #fff;} #extras a:hover, #extras a:active {color: #fff;}
/* Blogroll */ /* Blogroll */
@ -339,6 +382,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
@media (prefers-color-scheme: dark) {
#about {
background: #222;
}
}
#about .primary {float: left; max-width: 165px;} #about .primary {float: left; max-width: 165px;}
#about .primary strong {color: #C64350; display: block; font-size: 1.286em;} #about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
#about .photo {float: left; margin: 5px 20px;} #about .photo {float: left; margin: 5px 20px;}
@ -367,6 +416,12 @@ li:first-child .hentry, #content > .hentry {border: 0; margin: 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;} .entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}
.entry-title a:visited {background-color: #fff;} .entry-title a:visited {background-color: #fff;}
@media (prefers-color-scheme: dark) {
.entry-title a:link, .entry-title a:visited {
color: #C74350;
}
}
.hentry .post-info * {font-style: normal;} .hentry .post-info * {font-style: normal;}
/* Content */ /* Content */

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1> <h1><a href="./">Alexis' log <strong>A personal blog.</strong></a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log</a></h1> <h1><a href="./">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log</a></h1> <h1><a href="./">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log</a></h1> <h1><a href="./">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log</a></h1> <h1><a href="./">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log</a></h1> <h1><a href="./">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log</a></h1> <h1><a href="./">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log</a></h1> <h1><a href="./">Alexis' log</a></h1>

View file

@ -14,8 +14,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log</a></h1> <h1><a href="./">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../../../../../">Alexis' log</a></h1> <h1><a href="../../../../../">Alexis' log</a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../../../../../">Alexis' log</a></h1> <h1><a href="../../../../../">Alexis' log</a></h1>

View file

@ -14,8 +14,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../../../../../">Alexis' log</a></h1> <h1><a href="../../../../../">Alexis' log</a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../../../../../">Alexis' log</a></h1> <h1><a href="../../../../../">Alexis' log</a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../../../../../">Alexis' log</a></h1> <h1><a href="../../../../../">Alexis' log</a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../../../../../">Alexis' log</a></h1> <h1><a href="../../../../../">Alexis' log</a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../../../../../">Alexis' log</a></h1> <h1><a href="../../../../../">Alexis' log</a></h1>

View file

@ -14,8 +14,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../../../../../">Alexis' log</a></h1> <h1><a href="../../../../../">Alexis' log</a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../../../../../">Alexis' log</a></h1> <h1><a href="../../../../../">Alexis' log</a></h1>

View file

@ -14,8 +14,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log</a></h1> <h1><a href="./">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -12,8 +12,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="../">Alexis' log</a></h1> <h1><a href="../">Alexis' log</a></h1>

View file

@ -11,8 +11,17 @@
</head> </head>
<body id="index" class="home"> <body id="index" class="home">
<style type="text/css">
div.github_url {
position: absolute;
border: 0;
background: black;
padding: 2px 8px;
width: 120px;
}
</style>
<a href="http://github.com/ametaireau/"> <a href="http://github.com/ametaireau/">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" alt="Fork me on GitHub" /> <div class="github_url" style="top: 0; right: 0; border-radius: 0 0 0 8px;">Fork me on GitHub</div>
</a> </a>
<header id="banner" class="body"> <header id="banner" class="body">
<h1><a href="./">Alexis' log</a></h1> <h1><a href="./">Alexis' log</a></h1>

View file

@ -27,6 +27,13 @@ body {
text-align: left; text-align: left;
} }
@media (prefers-color-scheme: dark) {
body {
background: #070808;
color: #FFFEFE;
}
}
/* Headings */ /* Headings */
h1 {font-size: 2em } h1 {font-size: 2em }
h2 {font-size: 1.571em} /* 22px */ h2 {font-size: 1.571em} /* 22px */
@ -106,6 +113,12 @@ dd {margin-left: 1.5em;}
pre{background-color: rgb(238, 238, 238); padding: 10px; margin: 10px; overflow: auto;} pre{background-color: rgb(238, 238, 238); padding: 10px; margin: 10px; overflow: auto;}
@media (prefers-color-scheme: dark) {
pre {
background: rgb(38, 38, 38);
}
}
/* Quotes */ /* Quotes */
blockquote { blockquote {
margin: 20px; margin: 20px;
@ -197,6 +210,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
#banner h1 strong {font-size: 0.36em; font-weight: normal;} #banner h1 strong {font-size: 0.36em; font-weight: normal;}
@media (prefers-color-scheme: dark) {
#banner h1 a:link, #banner h1 a:visited {
color: #FFFAF8;
}
}
/* Main Nav */ /* Main Nav */
#banner nav { #banner nav {
background: #000305; background: #000305;
@ -213,6 +232,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
} }
@media (prefers-color-scheme: dark) {
#banner nav {
background: #121518;
}
}
#banner nav ul {list-style: none; margin: 0 auto; max-width: 800px;} #banner nav ul {list-style: none; margin: 0 auto; max-width: 800px;}
#banner nav li {float: left; display: inline; margin: 0;} #banner nav li {float: left; display: inline; margin: 0;}
@ -255,6 +280,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
@media (prefers-color-scheme: dark) {
#featured {
background: #151617;
}
}
#featured figure { #featured figure {
border: 2px solid #eee; border: 2px solid #eee;
float: right; float: right;
@ -284,6 +315,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
@media (prefers-color-scheme: dark) {
#content {
background: #111;
}
}
/* /*
Extras Extras
*****************/ *****************/
@ -306,6 +343,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
padding: .3em .25em; padding: .3em .25em;
} }
@media (prefers-color-scheme: dark) {
#extras a:link, #extras a:visited {
color: #888;
}
}
#extras a:hover, #extras a:active {color: #fff;} #extras a:hover, #extras a:active {color: #fff;}
/* Blogroll */ /* Blogroll */
@ -339,6 +382,12 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
-webkit-border-radius: 10px; -webkit-border-radius: 10px;
} }
@media (prefers-color-scheme: dark) {
#about {
background: #222;
}
}
#about .primary {float: left; max-width: 165px;} #about .primary {float: left; max-width: 165px;}
#about .primary strong {color: #C64350; display: block; font-size: 1.286em;} #about .primary strong {color: #C64350; display: block; font-size: 1.286em;}
#about .photo {float: left; margin: 5px 20px;} #about .photo {float: left; margin: 5px 20px;}
@ -367,6 +416,12 @@ li:first-child .hentry, #content > .hentry {border: 0; margin: 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;} .entry-title a:link, .entry-title a:visited {text-decoration: none; color: #333;}
.entry-title a:visited {background-color: #fff;} .entry-title a:visited {background-color: #fff;}
@media (prefers-color-scheme: dark) {
.entry-title a:link, .entry-title a:visited {
color: #C74350;
}
}
.hentry .post-info * {font-style: normal;} .hentry .post-info * {font-style: normal;}
/* Content */ /* Content */