article layout

This commit is contained in:
Sam Hadow 2024-03-09 17:24:27 +01:00
parent 9df7088c64
commit 8a38408db2
2 changed files with 45 additions and 3 deletions

37
_layouts/article.html Normal file
View File

@ -0,0 +1,37 @@
{% case site.color-scheme %}
{% when "", nil, false, 0, empty %}
{% assign ColorScheme = "auto" %}
{% else %}
{% assign ColorScheme = site.color-scheme %}
{% endcase %}
<!DOCTYPE html>
<html lang="{{ site.lang | default: "en-US" }}">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{{ "/assets/css/colors-ColorScheme.css?v=" | replace: "ColorScheme", ColorScheme | append: site.build_revision | relative_url }}">
<link rel="stylesheet" href="{{ "/assets/css/style-article.css?v=" | append: site.build_revision | relative_url }}">
<link rel="preload" href="{{site.logo | relative_url}}" as="image">
{% include head-custom.html %}
</head>
<body>
<div class="wrapper">
<section>
{{ content }}
<p><br /><br />Copyright (c) 2024 Sam Hadow Verbatim copying and redistribution of this entire page are permitted provided this notice is preserved.</p>
</section>
<footer>
{%- include footer.html -%}
</footer>
</div>
<script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
</body>
</html>

View File

@ -2,6 +2,11 @@
@import "rouge-github";
@import "colors";
// default variables
$section-width: 610px !default;
$section-float: right !default;
$section-padding-bottom: 30px !default;
body {
background-color: var(--clr-bg);
padding:50px;
@ -174,9 +179,9 @@ strong {
}
section {
width: 610px;
float:right;
padding-bottom:30px;
width: $section-width;
float: $section-float;
padding-bottom: $section-padding-bottom;
}
small {