<!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="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Source+Code+Pro:wght@400;500;600&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Cute+Font&display=swap" rel="stylesheet">
    <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>
    <script>
        // Check for embedded query parameter
        if (window.location.search.includes('embedded')) {
            document.body.classList.add('embedded-mode');
        }
    </script>
    
    {% unless page.embed or site.embedded %}
    <header class="site-header">
        <div class="wrapper">
            <a href="https://hacktivity.co.uk"><img src="{{ '/assets/images/hacktivity-logo.svg' | relative_url }}" alt="Hacktivity Logo" class="hacktivity-logo"></a></span>
            <!-- <a class="nav-link" href="{{ '/' | relative_url }}">Sheets</a>
            <a class="nav-link" href="https://github.com/{{ site.github.repository_name }}" target="_blank">GitHub</a> -->
            
        </div>
    </header>
    {% endunless %}

    <main class="page-content">
        <div class="wrapper">
            {{ content }}
        </div>
    </main>

    {% unless page.embed or site.embedded %}
    <footer class="site-footer">
        <div class="wrapper">
            <p class="footer-text">
                <a href="https://github.com/cliffe/{{ site.github.repository_name }}">View on GitHub</a>
            </p>
        </div>
    </footer>
    {% endunless %}
</body>
</html>