more complex template html

This commit is contained in:
Tykayn 2024-11-10 18:03:31 +01:00 committed by tykayn
parent 22b713fb4a
commit f016f842c9
844 changed files with 8190 additions and 10977 deletions

View file

@ -1,87 +1,86 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="/img/icon.jpg">
<meta property="og:locale" content="fr_FR">
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par Baptiste Lemoine">
<meta property="og:url" content="https://portfolio.cipherbliss.com/">
<meta property="og:site_name" content="Cipher Bliss">
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
href="https://www.cipherbliss.com/feed/">
<link href="https://portfolio.cipherbliss.com/build/css/app.7d561c23.css" rel="stylesheet">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="/img/icon.jpg">
<meta property="og:locale" content="fr_FR">
<meta property="og:description" content="Code, nouvelles technologies et entrepreneurariat par Baptiste Lemoine">
<meta property="og:url" content="https://portfolio.cipherbliss.com/">
<meta property="og:site_name" content="Cipher Bliss">
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
href="https://www.cipherbliss.com/feed/">
<link href="https://portfolio.cipherbliss.com/build/css/app.7d561c23.css" rel="stylesheet">
<meta charset="utf-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>$$TITLE$$</title>
<meta name="author" content="$$AUTHOR$$">
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
href="http://www.cipherbliss.com/feed/">
<meta property="og:title" content="$$PAGE_TITLE$$">
<meta property="og:locale" content="$$LOCALE$$">
<!-- Description de la page -->
<meta name="description" content="$$DESCRIPTION$$">
<meta name="reply-to" content="$$EMAIL$$">
<link rel="icon" type="$$SITE_ICON$$" href="$$SITE_ICON$$">
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>$$TITLE$$</title>
<meta name="author" content="$$AUTHOR$$">
<link rel="alternate" type="application/rss+xml" title="Cipher Bliss » Flux"
href="http://www.cipherbliss.com/feed/">
<meta property="og:title" content="$$PAGE_TITLE$$">
<meta property="og:locale" content="$$LOCALE$$">
<!-- Description de la page -->
<meta name="description" content="$$DESCRIPTION$$">
<meta name="reply-to" content="$$EMAIL$$">
<link rel="icon" type="$$SITE_ICON$$" href="$$SITE_ICON$$">
</head>
<body>
<div id="page">
<header>
<header id="masthead" class="site-header">
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://portfolio.cipherbliss.com">
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
class="img-fluid">
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<body>
<div id="page">
<header>
<header id="masthead" class="site-header">
<nav class="navbar is-fixed-top is-dark" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="https://portfolio.cipherbliss.com">
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
class="img-fluid">
</a>
$$NAVIGATION$$
</div>
<div class="navbar-end">
<div class="navbar-item">
<form role="search" method="get" class="search-form" action="/">
<label>
<input class="search-field" placeholder="Recherche" value="" name="s"
type="search">
</label>
<input class="is-hidden search-submit" value="Rechercher" type="submit">
</form>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" href="https://portfolio.cipherbliss.com">
<img src="https://www.cipherbliss.com/wp-content/uploads/2016/12/rond.png"
class="img-fluid">
</a>
$$NAVIGATION$$
</div>
<div class="navbar-end">
<div class="navbar-item">
<form role="search" method="get" class="search-form" action="/">
<label>
<input class="search-field" placeholder="Recherche" value="" name="s"
type="search">
</label>
<input class="is-hidden search-submit" value="Rechercher" type="submit">
</form>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="header-image">
$$BANNIERE_ENTETE$$
<!-- <img src="https://clairelemoine.art/wp-content/uploads/2023/10/cropped-SiteEntete-Oiseau-aquarelle-1.jpg" alt="$$BANNIERE_ENTETE_ALT$$"> -->
</div>
</header>
<main class="body-wrap boxed-container">
<article class="content">
$$ARTICLE$$
</article>
</main>
<footer class="site-footer has-top-divider">
<div class="container">
<div class="site-footer-inner">
$$FOOTER$$
</nav>
</header>
<div class="header-image">
$$BANNIERE_ENTETE$$
<!-- <img src="https://clairelemoine.art/wp-content/uploads/2023/10/cropped-SiteEntete-Oiseau-aquarelle-1.jpg" alt="$$BANNIERE_ENTETE_ALT$$"> -->
</div>
</div>
</footer>
</div>
</body>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
</header>
<main class="body-wrap boxed-container">
<article class="content">
$$ARTICLE$$
</article>
</main>
<footer class="site-footer has-top-divider">
<div class="container">
<div class="site-footer-inner">
$$FOOTER$$
</div>
</div>
</footer>
</div>
</body>
<!-- généré avec orgmode-to-gemini-blog par Tykayn -->
</html>

View file

@ -11,14 +11,19 @@ html {
body {
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 70ch;
color: #000;
background: #fff;
}
nav, .navbar,
.container,
.body-wrap {
max-width: 70ch;
margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
margin-top: 1em;
@ -115,6 +120,16 @@ li {
display: none;
}
.navbar-menu img {
width: 2rem;
height: 2rem;
margin-right: 1rem;
}
.content {
min-height: 50rem;
}
@media (max-width: 20rem) {
body {
padding: 1rem;

View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAEA;EACE;;AAEA;EACE;;;AAIJ;AACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;;;AAGF;AAEA;EACE;;;AAGF;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;IACE","file":"style_general.css"}
{"version":3,"sourceRoot":"","sources":["../styles_src/style_general.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EAEA;EACA;EAEA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;AAEA;EACE;;AAEA;EACE;;;AAIJ;AACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAEA;EACE;;;AAGF;AAEA;EACE;;;AAGF;AAEA;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;;;AAIA;EAEE;EACA;EACA;;;AAIJ;EACE;;;AAEF;EACE;IACE","file":"style_general.css"}

View file

@ -11,13 +11,20 @@
body {
text-align: left;
margin: 0 auto;
font-size: 1.5rem;
line-height: 1.5em;
max-width: 70ch;
color: #000;
background: #fff;
}
nav, .navbar,
.container,
.body-wrap{
max-width: 70ch;
margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
@ -121,6 +128,18 @@
display: none;
}
.navbar-menu{
img{
width: 2rem;
height: 2rem;
margin-right: 1rem;
}
}
.content{
min-height: 50rem;
}
@media (max-width: 20rem) {
body {
padding: 1rem;