xemu-website/templates/template_base.html
2021-06-14 01:52:19 -07:00

86 lines
4.2 KiB
HTML

{% set description = "A free and open-source application that emulates the original Microsoft Xbox game console, enabling people to play their original Xbox games on Windows, macOS, and Linux systems." %}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:type" content="website">
<meta property="og:title" content="{% if self.title() %}{{ self.title() }} | {% endif %}xemu: Original Xbox Emulator">
<meta property="og:description" content="{{ description }}">
<meta property="og:image" content="{{ main_url_base }}/docs/assets/images/social_banner.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@xemu_project">
<meta name="twitter:creator" content="@xemu_project">
<meta name="twitter:title" content="{% if self.title() %}{{ self.title() }} | {% endif %}xemu: Original Xbox Emulator">
<meta name="twitter:description" content="{{ description }}">
<meta name="twitter:image" content="{{ main_url_base }}/docs/assets/images/social_banner.png">
<link rel="stylesheet" href="{{ main_url_base }}/theme.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<title>{%block title %}{% endblock %}{% if self.title() %} | {% endif %}xemu: Original Xbox Emulator</title>
{% block append_head %}{% endblock %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-163809672-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-163809672-1');
</script>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="{{ main_url_base }}/"><img alt="xemu logo" src="/logo-green.svg" style="height: 1em"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample04">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="{{ main_url_base }}/#compatibility">Compatibility</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ main_url_base }}/docs/getting-started">Documentation</a>
</li>
</ul>
</div>
</nav>
<main role="main">
{% block jumbotron %}{% endblock %}
<div class="container">
<div class="col-lg-10 mx-auto mt-5">
{% block content %}{% endblock %}
<footer class="my-5 pt-5 text-muted text-center text-small">
<p><strong>Disclaimer:</strong>
All product names, logos, and brands are property of their respective owners. All company, product and service names and/or images used in this website are for identification purposes only.
</p>
<p>&copy; 2020-2021 xemu Project</p>
{% if False %}
<ul class="list-inline">
<li class="list-inline-item"><a href="#">Privacy</a></li>
<li class="list-inline-item"><a href="#">Terms</a></li>
<li class="list-inline-item"><a href="#">Support</a></li>
</ul>
{% endif %}
</footer>
</div>
</div>
</main>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
{% block append_foot %}{% endblock %}
</body>
</html>