feat: Make the blog consistent with the website

This commit is contained in:
PapaTutuWawa 2022-05-31 20:18:11 +02:00
parent b74438edb6
commit c44ba61664
8 changed files with 42 additions and 22 deletions

View File

@ -2,7 +2,10 @@
box-sizing: border-box;
}
img {
/* Looks bad. And it is! Workaround for having no control over
* how the markdown python module renders the post.
*/
.post > article > p > img {
/* Prevent images in blog posts from getting too big */
max-width: 800px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 257 KiB

After

Width:  |  Height:  |  Size: 252 KiB

View File

@ -5,11 +5,11 @@
"nixpkgs": "nixpkgs"
},
"locked": {
"lastModified": 1652540787,
"narHash": "sha256-VU598G+6sAPkmHRIOoZohduMMjwXv/zRf2BYlgIcChA=",
"lastModified": 1654021036,
"narHash": "sha256-O2RlvhV4jOtCJTEVNSeZYDJEE0xh4rTPxXLqHKrKVSo=",
"ref": "refs/heads/master",
"rev": "de5a0ba39fb9da7eec81f1f59d07af67ec4a9233",
"revCount": 17,
"rev": "31dee4654f6b0577345a6d0a4bbbf1b795d5b7bc",
"revCount": 19,
"type": "git",
"url": "https://git.polynom.me/polynom.me/shared-assets.git"
},

View File

@ -21,5 +21,14 @@
shared-assets = assets.packages.${system}.default;
};
});
devShell = forAllSystems (system: let
pkgs = import nixpkgs { inherit system; };
pythonEnv = pkgs.python3.withPackages (ps: with ps; [ markdown ]);
in pkgs.mkShell {
buildInputs = with pkgs; [
pythonEnv gnumake imagemagick
];
});
};
}

View File

@ -15,28 +15,36 @@
{{ mathjax_include }}
</head>
<body>
<h1><center><a class="page-title" href="/">papatutuwawa@home:~$</a></center></h1>
<h3 class="title-sub"><center>by PapaTutuWawa</center></h3>
<div class="horizontal-center">
<div class="vertical header">
<div id="header" class="horizontal">
<img class="avatar" src="assets/img/avatar.jpg" />
<div class="container title-sub-subbar horizontal">
<a href="/about.html" class="subbar-link"><h3>About</h3></a>
<a href="/index.html" class="subbar-link"><h3>Archive</h3></a>
<a href="/atom.xml" class="subbar-link"><h3>RSS</h3></a>
</div>
<div class="vertical-center">
<span class="name-title">PapaTutuWawa's Blog</span>
<div class="container">
{{ content }}
</div>
</body>
<div id="header-links">
<ul>
<li><a href="index.html">Posts</a></li>
<li><a href="/atom.xml">RSS</a></li>
<li><a href="https://polynom.me">About</a></li>
</ul>
</div>
</div>
</div>
<br/>
<div class="horizontal-center">
{{ content }}
</div>
<footer>
<center>
<br />
<center class="footer">
Created by <i>PapaTutuWawa</i> with &lt;3 using
<a href="https://github.com/google/roboto">Roboto</a>,
<a href="https://github.com/RedHatOfficial/Overpass">Overpass</a> and
<a href="https://github.com/RedHatOfficial/Overpass">Overpass</a> and
<a href="https://github.com/sunainapai/makesite">makesite</a>
</center>
</footer>
</center>
</div>
</body>
</html>