TinyLifeWeb/web/_layouts/default.html

70 lines
2.8 KiB
HTML
Raw Normal View History

2022-01-23 15:58:04 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
{% if page.summary %}
{% assign description = page.summary %}
{% elsif page.excerpt %}
{% assign description = page.excerpt | strip_html | strip_newlines %}
{% endif %}
2022-01-23 15:58:04 +01:00
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ page.title }}</title>
2022-10-19 12:45:14 +02:00
<meta name="author" content="Ellpeck Games">
{% if description %}
<meta name="description" content="{{ description }}">
2023-06-01 23:17:28 +02:00
{% endif %}
2022-10-19 12:45:14 +02:00
<meta name="keywords" content="Ellpeck, Ellpeck Games, Tiny Life, Steam, itch, itch.io, Sandbox, Life Simulator, Simulator, Sim, Isometric, Pixelart, Pixel Art, Retro">
2022-01-23 15:58:04 +01:00
<meta property="og:title" content="{{ page.title }}">
{% if description %}
<meta property="og:description" content="{{ description }}">
2023-06-01 23:17:28 +02:00
{% endif %}
2022-01-23 15:58:04 +01:00
<meta property="og:image" content="https://tinylifegame.com/media/icon.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@Ellpeck">
<meta name="twitter:creator" content="@Ellpeck">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
2023-06-19 10:44:55 +02:00
<script>
const darkStorage = localStorage.getItem("dark");
const darkTheme = darkStorage === null ? window.matchMedia("(prefers-color-scheme: dark)").matches : darkStorage === "true";
</script>
2023-06-18 19:34:49 +02:00
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=JetBrains+Mono&display=swap">
2023-06-18 19:34:49 +02:00
<link rel="stylesheet" href="https://fonts.cdnfonts.com/css/cadman">
<link rel="stylesheet" href="/style.css">
<link rel="icon" href="/favicon.ico">
2022-01-23 15:58:04 +01:00
</head>
2022-05-31 21:44:35 +02:00
<body data-spy="scroll" data-target="#navbar" data-offset="80">
2023-06-18 19:12:43 +02:00
<script>
if (darkTheme)
$("body").addClass("dark-mode");
</script>
2022-05-31 21:44:35 +02:00
{% include navbar.html %}
2022-01-23 15:58:04 +01:00
{{ content }}
2022-05-31 21:44:35 +02:00
<div class="footer bg-light">
2023-06-13 17:24:58 +02:00
<script>
if (darkTheme) {
let footer = $(".footer");
footer.removeClass("bg-light");
footer.addClass("bg-dark");
}
</script>
2023-01-16 12:40:15 +01:00
<a href="https://github.com/Ellpeck/TinyLifeWeb">&copy; 2021-2023</a> <a href="https://games.ellpeck.de">Ellpeck Games</a>, <a href="https://tophat.studio/">Top Hat Studios</a> &ndash; <a href="https://ellpeck.de/impressum">Impressum</a> &ndash; <a href="https://ellpeck.de/privacy">Privacy</a> &ndash; <a href="https://status.ellpeck.de">Status</a>
2022-05-31 21:44:35 +02:00
</div>
2022-01-23 15:58:04 +01:00
</body>
2022-10-19 12:45:14 +02:00
</html>