mirror of
https://github.com/cliffe/HacktivityLabSheets.git
synced 2026-02-21 19:28:04 +00:00
3d9029a200
- Introduced a theme toggle button in the index page for switching between light and dark modes. - Added a new stylesheet for the Hacktivity theme with CSS variables for theming. - Updated existing styles in lab and default layouts to utilize CSS variables for consistent theming. - Enhanced accessibility and visual appeal with improved color contrasts and hover effects.
51 lines
2.0 KiB
HTML
51 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>{% if page.title %}{{ page.title | escape }} | {% endif %}{{ site.title | escape }}</title>
|
|
<meta name="description" content="{{ page.description | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
|
|
|
|
<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
|
|
<link rel="stylesheet" href="{{ '/assets/css/hacktivity-theme.css' | relative_url }}">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
|
|
|
{% if site.plugins contains 'jekyll-feed' %}
|
|
<link type="application/atom+xml" rel="alternate" href="{{ '/feed.xml' | relative_url }}" title="{{ site.title | escape }}" />
|
|
{% endif %}
|
|
</head>
|
|
|
|
<body>
|
|
<header class="site-header">
|
|
<div class="wrapper">
|
|
<a class="site-title" href="{{ '/' | relative_url }}">{{ site.title | escape }}</a>
|
|
|
|
<nav class="site-nav">
|
|
<span class="menu-icon">☰</span>
|
|
<div class="trigger">
|
|
<a class="page-link" href="{{ '/' | relative_url }}">Home</a>
|
|
<a class="page-link" href="https://github.com/{{ site.github.repository_name }}" target="_blank">GitHub</a>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="page-content">
|
|
<div class="wrapper">
|
|
{{ content }}
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="wrapper">
|
|
<p class="footer-text">
|
|
© 2024 {{ site.title | escape }}.
|
|
<a href="https://github.com/cliffe/{{ site.github.repository_name }}">View on GitHub</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |