Better support for chrome, modified header position.
This commit is contained in:
parent
332c679eea
commit
1f3c5a5e66
@ -5,6 +5,9 @@ Category: misc
|
||||
Slug: about
|
||||
Summary: About this website
|
||||
|
||||
Website by theo and felicie using [Pelican](https://blog.getpelican.com/) and [Libertinage font](http://osp.kitchen/foundry/libertinage/).
|
||||
|
||||
Hosted by OVH, managed by theo.
|
||||
Website by felicie and theo using [Pelican](https://blog.getpelican.com/) and [Libertinage font](http://osp.kitchen/foundry/libertinage/).
|
||||
|
||||
Hosted by OVH, managed by theo.
|
||||
|
||||
For information about this website : contact [ at ] theo-lem.org.
|
@ -5,11 +5,14 @@
|
||||
<title>Better days | Construction
|
||||
</title>
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/index.html"><h1>better days</h1></a>
|
||||
<a href="/index.html"><h1>better <br> days</h1></a>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<div class="article-content">
|
||||
<h1 class='article-title'>Construction</h1>
|
||||
@ -29,7 +32,6 @@
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
@ -5,11 +5,14 @@
|
||||
<title>Better days | Courtyard
|
||||
</title>
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/index.html"><h1>better days</h1></a>
|
||||
<a href="/index.html"><h1>better <br> days</h1></a>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<div class="article-content">
|
||||
<h1 class='article-title'>Courtyard</h1>
|
||||
@ -39,7 +42,6 @@ He can hear neighbors laughing out loud, as they always had in peaceful sunny sp
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
@ -5,11 +5,14 @@
|
||||
<title>Better days | home
|
||||
</title>
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/index.html"><h1>better days</h1></a>
|
||||
<a href="/index.html"><h1>better <br> days</h1></a>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
|
||||
<article id="articles">
|
||||
@ -34,7 +37,6 @@
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
@ -5,19 +5,22 @@
|
||||
<title>Better days | About
|
||||
</title>
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/index.html"><h1>better days</h1></a>
|
||||
<a href="/index.html"><h1>better <br> days</h1></a>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<p>Website by theo and felicie using <a href="https://blog.getpelican.com/">Pelican</a> and <a href="http://osp.kitchen/foundry/libertinage/">Libertinage font</a>. </p>
|
||||
<p>Website by felicie and theo using <a href="https://blog.getpelican.com/">Pelican</a> and <a href="http://osp.kitchen/foundry/libertinage/">Libertinage font</a>. </p>
|
||||
<p>Hosted by OVH, managed by theo. </p>
|
||||
<p>For information about this website : contact [ at ] theo-lem.org.</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
@ -5,18 +5,20 @@
|
||||
<title>Better days | Download
|
||||
</title>
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/index.html"><h1>better days</h1></a>
|
||||
<a href="/index.html"><h1>better <br> days</h1></a>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<p>You can download all the content of this website here. </p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
@ -5,11 +5,14 @@
|
||||
<title>Better days | Sunday
|
||||
</title>
|
||||
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/index.html"><h1>better days</h1></a>
|
||||
<a href="/index.html"><h1>better <br> days</h1></a>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
<div class="article-content">
|
||||
<h1 class='article-title'>Sunday</h1>
|
||||
@ -27,7 +30,6 @@
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="/index.html">home</div>
|
||||
<a id="about" href="/pages/about.html">about</div>
|
||||
<a id="download" href="/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
@ -10,16 +10,16 @@
|
||||
|
||||
|
||||
h1{
|
||||
font-family: solidemirage;
|
||||
font-family: solidemirage;
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
header{
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
margin-left: 280px;
|
||||
top: 50px;
|
||||
height: 50px;
|
||||
margin-left: 80%;
|
||||
top: 10%;
|
||||
height: 100px;
|
||||
border: 3px solid #00FF00;
|
||||
border-radius: 10px;
|
||||
background-color: #ffffff;
|
||||
@ -28,32 +28,14 @@ header{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
font;
|
||||
}
|
||||
|
||||
#articles {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
|
||||
#home {
|
||||
position: fixed;
|
||||
bottom: 110px;
|
||||
right: 10px;
|
||||
z-index: 10;
|
||||
|
||||
border: 2px solid #000000;
|
||||
border-radius: 10px;
|
||||
background-color: #ffffff;
|
||||
margin: 20px;
|
||||
padding: 10px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
font-family: solidemirage;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#about {
|
||||
position: fixed;
|
||||
bottom: 60px;
|
||||
@ -119,6 +101,8 @@ header{
|
||||
.img-menu {
|
||||
border: 3px solid #000000;
|
||||
border-radius: 10px;
|
||||
/* for chrome and safari support */
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.img-menu:hover {
|
||||
@ -131,8 +115,13 @@ header{
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
text-decoration:unset;
|
||||
color: black;
|
||||
text-decoration: unset;
|
||||
}
|
||||
|
||||
/* only underline anchors inside content text */
|
||||
p a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.article-title {
|
||||
|
@ -10,16 +10,16 @@
|
||||
|
||||
|
||||
h1{
|
||||
font-family: solidemirage;
|
||||
font-family: solidemirage;
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
header{
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
margin-left: 280px;
|
||||
top: 50px;
|
||||
height: 50px;
|
||||
margin-left: 80%;
|
||||
top: 10%;
|
||||
height: 100px;
|
||||
border: 3px solid #00FF00;
|
||||
border-radius: 10px;
|
||||
background-color: #ffffff;
|
||||
@ -28,32 +28,14 @@ header{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
font;
|
||||
}
|
||||
|
||||
#articles {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
|
||||
#home {
|
||||
position: fixed;
|
||||
bottom: 110px;
|
||||
right: 10px;
|
||||
z-index: 10;
|
||||
|
||||
border: 2px solid #000000;
|
||||
border-radius: 10px;
|
||||
background-color: #ffffff;
|
||||
margin: 20px;
|
||||
padding: 10px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
font-family: solidemirage;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
#about {
|
||||
position: fixed;
|
||||
bottom: 60px;
|
||||
@ -119,6 +101,8 @@ header{
|
||||
.img-menu {
|
||||
border: 3px solid #000000;
|
||||
border-radius: 10px;
|
||||
/* for chrome and safari support */
|
||||
max-width: 70%;
|
||||
}
|
||||
|
||||
.img-menu:hover {
|
||||
@ -131,8 +115,13 @@ header{
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
text-decoration:unset;
|
||||
color: black;
|
||||
text-decoration: unset;
|
||||
}
|
||||
|
||||
/* only underline anchors inside content text */
|
||||
p a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.article-title {
|
||||
|
@ -4,18 +4,20 @@
|
||||
<meta charset="utf-8">
|
||||
<title>{% block title %}{{ SITENAME }}{% endblock %}</title>
|
||||
<link rel="stylesheet" href="{{ SITE_URL }}/theme/css/main-v2.css" type="text/css" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="{{ SITE_URL }}/index.html"><h1>better days</h1></a>
|
||||
<a href="{{ SITE_URL }}/index.html"><h1>better <br> days</h1></a>
|
||||
</header>
|
||||
|
||||
<div class='content'>
|
||||
{% block content%} {% endblock %}
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<a id="home" href="{{ SITE_URL}}/index.html">home</div>
|
||||
<a id="about" href="{{ SITE_URL }}/pages/about.html">about</div>
|
||||
<a id="download" href="{{ SITE_URL}}/pages/download.html">download</div>
|
||||
</footer>
|
||||
|
Loading…
Reference in New Issue
Block a user