3 files changed, 23 insertions, 10 deletions
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" %}