summaryrefslogtreecommitdiffstatshomepage
Commit message (Collapse)AuthorAgeLines
* Have the post title contain a permalinkWolfgang Müller2022-11-04-6/+4
| | | | | | | | | | | | | The use of the section sign § as a permalink marker has been bugging us for a while now. Whilst being fairly well highlighted it is very hard to click on account of being so small. Some other sites usually "hide" the permalink behind the date, but that feels very counterintuitive to us. Instead, use the most prominent feature of the banner, the title. Make sure to underline it so that people know it's clickable. Whilst we're there, also remove the special handling for related posts (no need anymore now to reveal the post number on the page). Since we were using the 'bold-hover' class in this particular element only, also remove it.
* Use "related" instead of "mentions"Wolfgang Müller2022-11-04-11/+11
| | | | | | | | Whilst we specifically mention related or relevant posts in some cases, sometimes related posts are added without any commentary. In that case it is confusing to name them "mentioned" without there being any mention of them in the post itself. Naming these kinds of posts "related" makes more sense and is clearer.
* templates: Increase default width for img shortcodeWolfgang Müller2022-11-04-1/+1
| | | | | | This should make sure that the picture takes all of the available space in the post since the earlier value of 500px was too small to fill the entire <figure> element.
* sass: Display anchors in figures as a block elementWolfgang Müller2022-11-04-0/+3
|
* sass: Use em instead of px for max-widthWolfgang Müller2022-04-24-1/+1
|
* Use float classes instead of inline stylesWolfgang Müller2022-04-09-1/+7
| | | | | | | | | | | Commit ea7baaa (templates: Allow setting 'float' for figures in the 'img' shortcode, 2022-04-09) introduces inline styles which were considered more straightforward than adding special CSS rules. Sadly, restrictive Content-Security-Policy settings will make browsers disregard inline styles as a security measure. Since we don't want to turn off CSP, this comment implement CSS rules for setting the float attribute on elements.
* content: Add post: "Thoughts on: Biosphere's Microgravity, Substrata"Wolfgang Müller2022-04-09-0/+70
|
* sass: Always set margin-top for first <p> in <article>Wolfgang Müller2022-04-09-0/+3
| | | | | | | | | | | | | | | | | Common elements in <article> usually have their own margin settings. In a previous CSS rule we make sure to set 'margin-top' for the first element in <article> to a lower value such that we have a consistent margin between the article header and the content itself. However, if the first element is not a <p>, no such margin change will take effect for the first <p> element. For example, if the first element is a floating <figure>, the <figure> element will have its margin modified, whilst the <p> will keep its usual settings, resulting in a very inconsistent layout. We assume that the first <p> element is at the top of the article in almost all cases, and include a new rule in this commit that applies the margin settings correctly.
* templates: Allow setting custom links in the 'img' shortcodeWolfgang Müller2022-04-09-1/+1
| | | | | | | | Up until now we always linked to the image itself, but in the future we may want to link to any arbitrary (even external) page. Add a 'link' argument to the 'img' shortcode to facilitate this. If no link is given, we fall back to linking to the image; this makes sure that older posts need not be changed.
* templates: Allow setting 'float' for figures in the 'img' shortcodeWolfgang Müller2022-04-09-0/+4
| | | | | | | We've never had to flow text around a <figure> element before, so this particular feature was missing. Instead of creating small CSS rules, interface with the style attribute directly. This is easier and allows more straight-forward control.
* templates: Allow specifying widths for images in the 'img' shortcodeWolfgang Müller2022-04-09-1/+1
| | | | | | | An upcoming post will require a smaller figure which has text flowing around it. This is not nicely possible with the hard-coded setting of 500 pixels. Introduce an optional argument 'width' to the shortcode to make custom sizes possible.
* content: Add new post: "Getting MPD to parse TIT1 in MP3 files"Wolfgang Müller2022-02-13-0/+81
|
* Update image template functions for zola 0.14.0Wolfgang Müller2022-02-06-1/+2
| | | | | | | The 'resize_image' function was changed to return a map in [1], so we have to update our code accordingly. [1] https://github.com/getzola/zola/commit/7fb99eaa44f387fadf744354c605f0cfcc582800
* content: Add new post: "Building the Linux kernel with clang and full LTO"Wolfgang Müller2022-02-05-0/+42
|
* content: Mention the Minecraft server in post 14Wolfgang Müller2021-12-29-0/+3
| | | | Since we ended up actually doing what we joked about, this is only fair.
* content: Add new post: "Minecraft on syys"Wolfgang Müller2021-12-29-0/+26
|
* content: Add new post: "A post from syys"Wolfgang Müller2021-12-29-0/+19
|
* content: Add new post: "Filtering files in Thunar"Wolfgang Müller2021-11-27-0/+61
|
* content: Add new post: "proc(5) hidepid=2 and systemd"Wolfgang Müller2021-10-27-0/+35
|
* templates: Use a unitless integer for the img width attributeWolfgang Müller2021-10-19-1/+1
| | | | | | | According to MDN [1], the width attribute carries a unitless integer instead of "px" et al. Make sure we conform to the standard. [1] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-width
* templates: Also set avatar size in HTMLWolfgang Müller2021-10-18-1/+1
| | | | | | | Legacy devices might not render the CSS correctly, making the high-resolution avatar images take up most of the space on the site. Make sure to resize them to 64px in HTML using a width attribute.
* sass: Draw a border around preWolfgang Müller2021-09-04-1/+3
| | | | | | Instead of just indenting the pre block, it is more visually pleasing and clear to draw a border around it. That way, code blocks are clearly delineated from text.
* templates: Fix permalink content for mentioned postsWolfgang Müller2021-08-13-1/+1
| | | | | | | | | | | | | | A regular posts indicates its permalink with a section sign. However, for mentioned posts we'd like to be explicit about the post number, since we may refer to them this way in the parent post. This behaviour should have been working since day one in ad2be2b (Initial commit, 2021-06-12), but it was subtly broken. Since the render_post macro does not have access to the 'mention' variable, only the section sign would ever be used to indicate a permalink. This probably happened because the rendering code for a post used to live in the post template instead of a macro.
* templates: Do not show exact post timesWolfgang Müller2021-08-13-1/+1
| | | | | | | | | | Now that about two months have passed since the initial publication, we know better with which frequency posts are made. Since there's usually more than one day between posts, rendering prominently the time at which posts were made is needlessly noisy. We already put the exact date and time in the HTML source and the title tag, so it is still there if really needed.
* content: Add new post: "Better hunk headers with gitattributes(5)"Wolfgang Müller2021-08-11-0/+50
|
* content: Add new post: "Trying out the Nikon D5200"Wolfgang Müller2021-08-09-0/+26
|
* templates: Render markdown in img's figcaptionWolfgang Müller2021-08-09-1/+1
| | | | | | | | | | The img shortcode inserts, along the picture itself, a figcaption element containing a brief description. We may want to include links or other HTML elements in that description. This is not possible right now because we insert the caption content verbatim. This commit changes the img shortcode such that markdown is now rendered inline for the figcaption element.
* content: Mention Maildir difficulties in post 8Wolfgang Müller2021-07-25-1/+4
| | | | | People might read post 8 on its own so make sure we mention the followup.
* content: Add new post: "git-am(1) and mail sorting"Wolfgang Müller2021-07-25-0/+35
|
* templates: Have the 'ref' shortcode use a.internalWolfgang Müller2021-07-25-1/+1
| | | | | | Added in the previous commit, this class renders a link more subtly and is supposed to be used when referencing internal content. We do exactly this here.
* sass: Add style for internal linksWolfgang Müller2021-07-25-0/+7
| | | | | | | | We may want a post to contain references to a whole number of previous posts. The styling for external links will then clash, especially if there are a lot of them. Make sure to make it possible to highlight internal links differently and more subtly by adding an "internal" class for <a>.
* Use h3 for "Mentioned posts"Wolfgang Müller2021-07-25-3/+3
| | | | | | | | | An upcoming post will (finally) make use of the "mentions" feature. Whilst working on that post we noticed that the header indicating mentioned posts is a big too big and clashes even with the site title. h3 should be better suited for this purpose. Since the default margins are slightly different from h2, make sure to tweak the stylesheet too.
* content: Add new post: "Applying patches with mutt(1)"Wolfgang Müller2021-07-23-0/+60
|
* content: Add new post: "Wrap-around search in less(1)"Wolfgang Müller2021-07-09-0/+41
|
* content/1: Link zunzuncito's git repositoryWolfgang Müller2021-07-06-0/+5
|
* content: Add new post: "Firefox and the Link HTTP header"Wolfgang Müller2021-07-03-0/+43
|
* templates: Allow passing format to img shortcodeWolfgang Müller2021-07-03-1/+1
| | | | | | | | Sometimes we may want to override the default setting when processing images. Furthermore, since we will most likely want to generate JPG files in the general case in order to minimise the amount of data transferred when opening the front page, have the default in the shortcode be "jpg" instead of "auto".
* sass: Decrease the size of the logo on small screensWolfgang Müller2021-06-27-0/+6
| | | | | This further increases the space available for text and makes the logo a lot less dominant.
* content: Add new post: "Use git-send-email(1) only to send"Wolfgang Müller2021-06-25-0/+49
|
* Revert "sass: Add some padding to <code>"Wolfgang Müller2021-06-25-1/+0
| | | | | | | This reverts commit f99133842b48dc7d99e577df37e34ea143f1eeaf. We have found this solution to introduce other (worse) problems because the padding is unconditional. For now do not apply any special style to <code>.
* templates: Simplify Tera blocksWolfgang Müller2021-06-24-4/+4
| | | | | We don't need to reference the block name in the 'endblock' statement if blocks are not nested.
* templates: Add "about" link to the first postWolfgang Müller2021-06-24-0/+1
| | | | | | The first post has information on what to expect from this site. Since it will scroll further and further down, make sure we reference it for quick access.
* content/1: Add contact informationWolfgang Müller2021-06-24-1/+6
| | | | | This was still missing from here. Whilst we're here, slightly reword a sentence.
* sass: Have pre overflowWolfgang Müller2021-06-24-0/+1
| | | | | These elements overflow on smaller screens, so make sure that they're getting scrollbars.
* post.sh: Always set titleWolfgang Müller2021-06-24-1/+1
| | | | | This was missed in f28cb70 (templates: Make page titles mandatory, 2021-06-16).
* content: Add new post: "(Un)Blinking cursorsWolfgang Müller2021-06-17-0/+25
|
* sass: Apply margin to tags in the banner onlyWolfgang Müller2021-06-16-2/+3
|
* Use CSS to hide titles on single post pagesWolfgang Müller2021-06-16-1/+4
| | | | | | This removes a branch from the template and also makes sure that screen readers and similar software still get access to the post title even if we want to hide it on the presentational layer.
* Use "title" class for the header in the bannerWolfgang Müller2021-06-16-13/+13
| | | | This improves the readability and consistency of the CSS.
* sass: Provide better rendering for narrow displaysWolfgang Müller2021-06-16-0/+16
| | | | | | Users with narrow displays currently have to deal with post banners that do not collapse nicely. This commit adds some padding to the tag list and hides the post time on smaller resolutions.
powered by cgit and git | oriole.systems | how to verify signatures