theolem/fel_website
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Better support for chrome, modified header position.

Browse Source
This commit is contained in:
theo lem 2020-05-06 17:44:15 +02:00
parent 332c679eea
commit 1f3c5a5e66
10 changed files with 65 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
content/pages/about.md
View File

@ -5,6 +5,9 @@ Category: misc
Slug: about Slug: about
Summary: About this website Summary: About this website
Website by theo and felicie using [Pelican](https://blog.getpelican.com/) and [Libertinage font](http://osp.kitchen/foundry/libertinage/).
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. Hosted by OVH, managed by theo.
For information about this website : contact [ at ] theo-lem.org.

6
output/construction.html
View File

@ -5,11 +5,14 @@
<title>Better days | Construction <title>Better days | Construction
</title> </title>
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" /> <link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<header> <header>
<a href="/index.html"><h1>better days</h1></a> <a href="/index.html"><h1>better <br> days</h1></a>
</header> </header>
<div class='content'> <div class='content'>
<div class="article-content"> <div class="article-content">
<h1 class='article-title'>Construction</h1> <h1 class='article-title'>Construction</h1>
@ -29,7 +32,6 @@
</body> </body>
<footer> <footer>
<a id="home" href="/index.html">home</div>
<a id="about" href="/pages/about.html">about</div> <a id="about" href="/pages/about.html">about</div>
<a id="download" href="/pages/download.html">download</div> <a id="download" href="/pages/download.html">download</div>
</footer> </footer>

6
output/courtyard.html
View File

@ -5,11 +5,14 @@
<title>Better days | Courtyard <title>Better days | Courtyard
</title> </title>
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" /> <link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<header> <header>
<a href="/index.html"><h1>better days</h1></a> <a href="/index.html"><h1>better <br> days</h1></a>
</header> </header>
<div class='content'> <div class='content'>
<div class="article-content"> <div class="article-content">
<h1 class='article-title'>Courtyard</h1> <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> </body>
<footer> <footer>
<a id="home" href="/index.html">home</div>
<a id="about" href="/pages/about.html">about</div> <a id="about" href="/pages/about.html">about</div>
<a id="download" href="/pages/download.html">download</div> <a id="download" href="/pages/download.html">download</div>
</footer> </footer>

6
output/index.html
View File

@ -5,11 +5,14 @@
<title>Better days | home <title>Better days | home
</title> </title>
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" /> <link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<header> <header>
<a href="/index.html"><h1>better days</h1></a> <a href="/index.html"><h1>better <br> days</h1></a>
</header> </header>
<div class='content'> <div class='content'>
<article id="articles"> <article id="articles">
@ -34,7 +37,6 @@
</body> </body>
<footer> <footer>
<a id="home" href="/index.html">home</div>
<a id="about" href="/pages/about.html">about</div> <a id="about" href="/pages/about.html">about</div>
<a id="download" href="/pages/download.html">download</div> <a id="download" href="/pages/download.html">download</div>
</footer> </footer>

9
output/pages/about.html
View File

@ -5,19 +5,22 @@
<title>Better days | About <title>Better days | About
</title> </title>
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" /> <link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<header> <header>
<a href="/index.html"><h1>better days</h1></a> <a href="/index.html"><h1>better <br> days</h1></a>
</header> </header>
<div class='content'> <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>Hosted by OVH, managed by theo. </p>
<p>For information about this website : contact [ at ] theo-lem.org.</p>
</div> </div>
</body> </body>
<footer> <footer>
<a id="home" href="/index.html">home</div>
<a id="about" href="/pages/about.html">about</div> <a id="about" href="/pages/about.html">about</div>
<a id="download" href="/pages/download.html">download</div> <a id="download" href="/pages/download.html">download</div>
</footer> </footer>

6
output/pages/download.html
View File

@ -5,18 +5,20 @@
<title>Better days | Download <title>Better days | Download
</title> </title>
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" /> <link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<header> <header>
<a href="/index.html"><h1>better days</h1></a> <a href="/index.html"><h1>better <br> days</h1></a>
</header> </header>
<div class='content'> <div class='content'>
<p>You can download all the content of this website here. </p> <p>You can download all the content of this website here. </p>
</div> </div>
</body> </body>
<footer> <footer>
<a id="home" href="/index.html">home</div>
<a id="about" href="/pages/about.html">about</div> <a id="about" href="/pages/about.html">about</div>
<a id="download" href="/pages/download.html">download</div> <a id="download" href="/pages/download.html">download</div>
</footer> </footer>

6
output/sunday.html
View File

@ -5,11 +5,14 @@
<title>Better days | Sunday <title>Better days | Sunday
</title> </title>
<link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" /> <link rel="stylesheet" href="/theme/css/main-v2.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<header> <header>
<a href="/index.html"><h1>better days</h1></a> <a href="/index.html"><h1>better <br> days</h1></a>
</header> </header>
<div class='content'> <div class='content'>
<div class="article-content"> <div class="article-content">
<h1 class='article-title'>Sunday</h1> <h1 class='article-title'>Sunday</h1>
@ -27,7 +30,6 @@
</body> </body>
<footer> <footer>
<a id="home" href="/index.html">home</div>
<a id="about" href="/pages/about.html">about</div> <a id="about" href="/pages/about.html">about</div>
<a id="download" href="/pages/download.html">download</div> <a id="download" href="/pages/download.html">download</div>
</footer> </footer>

35
output/theme/css/main-v2.css
View File

@ -17,9 +17,9 @@ font-family: solidemirage;
header{ header{
position: fixed; position: fixed;
z-index: 5; z-index: 5;
margin-left: 280px; margin-left: 80%;
top: 50px; top: 10%;
height: 50px; height: 100px;
border: 3px solid #00FF00; border: 3px solid #00FF00;
border-radius: 10px; border-radius: 10px;
background-color: #ffffff; background-color: #ffffff;
@ -28,32 +28,14 @@ header{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
font;
} }
#articles { #articles {
margin-top: 100px; 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 { #about {
position: fixed; position: fixed;
bottom: 60px; bottom: 60px;
@ -119,6 +101,8 @@ header{
.img-menu { .img-menu {
border: 3px solid #000000; border: 3px solid #000000;
border-radius: 10px; border-radius: 10px;
/* for chrome and safari support */
max-width: 70%;
} }
.img-menu:hover { .img-menu:hover {
@ -135,6 +119,11 @@ a {
text-decoration: unset; text-decoration: unset;
} }
/* only underline anchors inside content text */
p a {
text-decoration: underline;
}
.article-title { .article-title {
font-family: libertinage; font-family: libertinage;
font-size: 50px; font-size: 50px;

35
themes/felicie/static/css/main-v2.css
View File

@ -17,9 +17,9 @@ font-family: solidemirage;
header{ header{
position: fixed; position: fixed;
z-index: 5; z-index: 5;
margin-left: 280px; margin-left: 80%;
top: 50px; top: 10%;
height: 50px; height: 100px;
border: 3px solid #00FF00; border: 3px solid #00FF00;
border-radius: 10px; border-radius: 10px;
background-color: #ffffff; background-color: #ffffff;
@ -28,32 +28,14 @@ header{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
font;
} }
#articles { #articles {
margin-top: 100px; 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 { #about {
position: fixed; position: fixed;
bottom: 60px; bottom: 60px;
@ -119,6 +101,8 @@ header{
.img-menu { .img-menu {
border: 3px solid #000000; border: 3px solid #000000;
border-radius: 10px; border-radius: 10px;
/* for chrome and safari support */
max-width: 70%;
} }
.img-menu:hover { .img-menu:hover {
@ -135,6 +119,11 @@ a {
text-decoration: unset; text-decoration: unset;
} }
/* only underline anchors inside content text */
p a {
text-decoration: underline;
}
.article-title { .article-title {
font-family: libertinage; font-family: libertinage;
font-size: 50px; font-size: 50px;

6
themes/felicie/templates/base.html
View File

@ -4,18 +4,20 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>{% block title %}{{ SITENAME }}{% endblock %}</title> <title>{% block title %}{{ SITENAME }}{% endblock %}</title>
<link rel="stylesheet" href="{{ SITE_URL }}/theme/css/main-v2.css" type="text/css" /> <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> </head>
<body> <body>
<header> <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> </header>
<div class='content'> <div class='content'>
{% block content%} {% endblock %} {% block content%} {% endblock %}
</div> </div>
</body> </body>
<footer> <footer>
<a id="home" href="{{ SITE_URL}}/index.html">home</div>
<a id="about" href="{{ SITE_URL }}/pages/about.html">about</div> <a id="about" href="{{ SITE_URL }}/pages/about.html">about</div>
<a id="download" href="{{ SITE_URL}}/pages/download.html">download</div> <a id="download" href="{{ SITE_URL}}/pages/download.html">download</div>
</footer> </footer>