aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--content/pages/demo.rst26
-rw-r--r--theme/bulma/mine.scss24
-rw-r--r--theme/bulma/templates/article.html2
-rw-r--r--theme/bulma/templates/base.html7
4 files changed, 49 insertions, 10 deletions
diff --git a/content/pages/demo.rst b/content/pages/demo.rst
index 44bac5d..c1024f4 100644
--- a/content/pages/demo.rst
+++ b/content/pages/demo.rst
@@ -141,3 +141,29 @@ Admonitions
`Lien`_
+Images
+======
+
+.. image:: /images/profile.webp
+ :align: center
+ :alt: La photo du profil
+
+----------
+
+.. figure:: /images/profile.webp
+ :alt: La photo du profil
+ :align: left
+
+ Left
+
+.. figure:: /images/profile.webp
+ :alt: La photo du profil
+ :align: center
+
+ Center
+
+.. figure:: /images/profile.webp
+ :alt: La photo du profil
+ :align: right
+
+ Right
diff --git a/theme/bulma/mine.scss b/theme/bulma/mine.scss
index 0c3ad20..136d276 100644
--- a/theme/bulma/mine.scss
+++ b/theme/bulma/mine.scss
@@ -5,7 +5,7 @@
@use "bulma/sass/utilities/derived-variables.scss" with (
$primary: rgb(216,222,233)
);
-@use "bulma/sass/base" ;
+@use "bulma/sass/base";
@use "bulma/sass/themes";
@use "bulma/sass/elements/title.scss" with (
$title-family: "'Noto Serif Display', serif",
@@ -20,6 +20,8 @@
@use "bulma/sass/helpers/typography.scss";
@use "bulma/sass/helpers/spacing.scss";
@use "bulma/sass/components/pagination.scss";
+@use "bulma/sass/utilities/mixins.scss" as mx;
+@use "bulma/sass/helpers/float.scss";
html[data-theme="dark"] {
--main-text-color: #d8dee9;
@@ -50,20 +52,26 @@ body {
background-color: var(--main-background-color);
}
+
main {
font-size: 1.5em;
font-weight: 300;
}
-main article header p{
- font-weight: lighter;
-}
-
.aside {
background-color: var(--side-background-color);
--bulma-link-text: #eceff4;
--bulma-text: #eceff4;
- min-height: 100vh;
+ @include mx.desktop {
+ min-height: 100vh;
+ }
+}
+aside {
+ @include mx.desktop {
+ position: fixed;
+ left: 11%;
+ transform: translate(-50%, 0);
+ }
}
.aside .title, .aside .subtitle {
@@ -95,3 +103,7 @@ main article header p{
h1 { @extend .title, .is-1 }
h2 { @extend .title, .is-2 }
h3 { @extend .title, .is-3 }
+
+.figure.align-center { @extend .has-text-centered }
+.figure.align-left { @extend .has-text-left }
+.figure.align-right { @extend .has-text-right }
diff --git a/theme/bulma/templates/article.html b/theme/bulma/templates/article.html
index bc78ec9..69a746b 100644
--- a/theme/bulma/templates/article.html
+++ b/theme/bulma/templates/article.html
@@ -1,7 +1,7 @@
{% extends "base.html" %}
{% block html_lang %}{{ article.lang }}{% endblock %}
-{% block title %}{{ SITENAME }} - {{ article.title|striptags }}{% endblock %}
+{% block title %} - {{ article.title|striptags }}{% endblock %}
{% block head %}
{{ super() }}
diff --git a/theme/bulma/templates/base.html b/theme/bulma/templates/base.html
index 6b281d6..d3eb571 100644
--- a/theme/bulma/templates/base.html
+++ b/theme/bulma/templates/base.html
@@ -4,6 +4,7 @@
{% block head %}
<meta charset="utf-8" />
<meta name="generator" content="Pelican" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/style.min.css">
{% if FEED_ALL_ATOM %}
<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" />
@@ -56,12 +57,12 @@
</head>
<body id="index" class="home">
- <main class="columns">
- <div class="column is-3 has-text-centered aside p-6">
+ <main class="columns is-desktop">
+ <div class="column is-3-desktop has-text-centered aside p-6">
{% include "partial/sidebar.html" %}
{% include "partial/nav.html" %}
</div>
- <div class="column is-9 p-6">
+ <div class="column is-9-desktop p-6">
{% block content %}
{% endblock %}
{% include "partial/footer.html" %}