diff options
| -rw-r--r-- | content/pages/demo.rst | 26 | ||||
| -rw-r--r-- | theme/bulma/mine.scss | 24 | ||||
| -rw-r--r-- | theme/bulma/templates/article.html | 2 | ||||
| -rw-r--r-- | theme/bulma/templates/base.html | 7 |
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" %} |