Mathew Sir Guest the bestandClaude Opus 4.6
334efc3f6e
Add Source Code section with GitHub repo link and Demo Video section with YouTube link to the about page. Add footer links to GitHub, YouTube, mathewguest.com, and zavage-software.com with Bootstrap Icons and themed hover styling. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
105 lines
4.6 KiB
HTML
105 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}Word Search{% end %}</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
|
rel="stylesheet"
|
|
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
|
|
crossorigin="anonymous">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" href="{{ static_url('css/theme.css') }}">
|
|
<script>
|
|
(function() {
|
|
var t = localStorage.getItem("ws-theme") || "indigo";
|
|
document.documentElement.setAttribute("data-theme", t);
|
|
document.documentElement.setAttribute("data-bs-theme", (t === "light" || t === "ocean") ? "light" : "dark");
|
|
})();
|
|
</script>
|
|
</head>
|
|
<body data-base-url="{{ base_url }}">
|
|
{% block active_page %}{% end %}
|
|
|
|
<nav class="navbar navbar-expand-lg">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="{{ base_url }}">
|
|
<i class="bi bi-search"></i> Word Search
|
|
</a>
|
|
<button class="navbar-toggler" type="button"
|
|
data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if active_page == 'home' %}active{% end %}"
|
|
href="{{ base_url }}">
|
|
<i class="bi bi-house-door"></i> Home
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if active_page == 'play' %}active{% end %}"
|
|
href="{{ base_url }}game">
|
|
<i class="bi bi-controller"></i> Play
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if active_page == 'howtoplay' %}active{% end %}"
|
|
href="{{ base_url }}howtoplay">
|
|
<i class="bi bi-question-circle"></i> How to Play
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if active_page == 'scoreboard' %}active{% end %}"
|
|
href="{{ base_url }}scoreboard">
|
|
<i class="bi bi-trophy"></i> Scoreboard
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link {% if active_page == 'about' %}active{% end %}"
|
|
href="{{ base_url }}about">
|
|
<i class="bi bi-info-circle"></i> About
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<button id="theme-toggle" class="btn btn-sm btn-outline-secondary ms-2"
|
|
title="Switch theme">
|
|
<i class="bi bi-moon-stars"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="container py-4">
|
|
{% block content %}{% end %}
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<div class="mb-2">
|
|
<a href="https://github.com/mathewguest/wordsearch" target="_blank" rel="noopener" class="footer-link">
|
|
<i class="bi bi-github"></i> GitHub
|
|
</a>
|
|
<a href="https://youtu.be/3Cr4GnvK7co" target="_blank" rel="noopener" class="footer-link">
|
|
<i class="bi bi-youtube"></i> YouTube
|
|
</a>
|
|
<a href="https://mathewguest.com" target="_blank" rel="noopener" class="footer-link">
|
|
<i class="bi bi-globe"></i> mathewguest.com
|
|
</a>
|
|
<a href="https://zavage-software.com" target="_blank" rel="noopener" class="footer-link">
|
|
<i class="bi bi-globe"></i> zavage-software.com
|
|
</a>
|
|
</div>
|
|
© 2026 Word Search
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
|
|
crossorigin="anonymous"></script>
|
|
<script src="{{ static_url('js/theme.js') }}"></script>
|
|
</body>
|
|
</html>
|