article layout
This commit is contained in:
parent
9df7088c64
commit
8a38408db2
37
_layouts/article.html
Normal file
37
_layouts/article.html
Normal 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>
|
@ -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 {
|
||||
|
Loading…
x
Reference in New Issue
Block a user