New theme

This commit is contained in:
BastelPichi 2024-05-20 20:19:55 +02:00
parent 14649267a8
commit b60523e87f
3 changed files with 67 additions and 3 deletions

View File

@ -1,6 +1,3 @@
# Theme configuration
theme: jekyll-theme-hacker
# Site settings
title: SHFW-Walkthrough
description: Simple guide to get familiar with the basics.

26
_layouts/default.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: 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">
{% seo %}
<link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
{% include head-custom.html %}
</head>
<body>
<div class="container-lg px-3 my-5 markdown-body">
{{ content }}
{% if site.github.private != true and site.github.license %}
<div class="footer border-top border-gray-light mt-5 pt-3 text-right text-gray">
This site is open source. {% github_edit_link "Improve this page" %}.
</div>
{% endif %}
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltB>
<script>anchors.add();</script>
</body>
</html>

41
assets/css/style.scss Normal file
View File

@ -0,0 +1,41 @@
---
---
/* @import "{{ site.theme }}"; this is the default */
@import "https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.5.1/github-markdown.min.css";
body {
margin: 0;
}
@media (prefers-color-scheme: light) {
body {
/*
--color-canvas-default, copied from
https://github.com/sindresorhus/github-markdown-css/blob/main/github-markdown.css
*/
background-color: #ffffff;
}
}
@media (prefers-color-scheme: dark) {
body {
/* --color-canvas-default */
background-color: #0d1117;
}
}
.markdown-body {
box-sizing: border-box;
min-width: 200px;
max-width: 980px;
margin: 0 auto;
padding: 45px;
}
@media (max-width: 767px) {
.markdown-body {
padding: 15px;
}
}