Titan/webapp/titanembeds/templates/site_layout.html.j2
2018-01-03 12:59:47 +01:00

102 lines
5.6 KiB
Django/Jinja

<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">
<head>
<!--Import Google Icon Font-->
<link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" integrity="sha256-e22BQKCF7bb/h/4MFJ1a4lTRR2OuAe8Hxa/3tgU5Taw=" crossorigin="anonymous" />
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>{{ title }} - Titan Embeds for Discord</title>
<!--Provide default mobile metadata-->
<meta name="apple-mobile-web-app-title" content="TitanEmbeds">
<meta name="application-name" content="TitanEmbeds">
<!--Specify icons for Apple devices (can also be used as fallback for Android)-->
<link rel="apple-touch-icon" href="https://titanembeds.com/static/img/titanembeds_square.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/img/appicons/icon_60x60@3x.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/static/img/appicons/icon_76x76@1x.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/static/img/appicons/icon_76x76@2x.png" />
<link rel="apple-touch-icon" sizes="58x58" href="/static/img/appicons/icon_58x58@1x.png" />
<!--Specify icons for Android devices-->
<link rel="icon" sizes="192x192" href="/static/img/appicons/icon_192x192.png">
<link rel="icon" sizes="128x128" href="/static/img/appicons/icon_128x128.png">
{% include 'seo_meta.html.j2' %}
{% with title=title, description="Embed your Discord server in any website. Titan is hassle free and designed as easy to setup." %}
{% include "opengraph_tags.html.j2" %}
{% endwith %}
{% block additional_head_elements %}{% endblock %}
{% include 'google_analytics.html.j2' %}
</head>
<body>
<main>
{% if session['unauthenticated'] is defined and not session['unauthenticated'] %}
<ul id="menu_dropdown" class="dropdown-content">
<li><a href="{{ url_for('user.dashboard') }}">Dashboard</a></li>
<li class="divider"></li>
<li><a href="{{ url_for('user.donate_get') }}"><i class="material-icons">monetization_on</i></nbr>{{ session["tokens"] }}</a></li>
{% if session['user_id'] is defined and session['user_id'] in devs %}
<li class="divider"></li>
<li><a href="{{ url_for('admin.index') }}">Admin</a></li>
{% endif %}
<li class="divider"></li>
<li><a href="{{ url_for('user.logout') }}">Logout</a></li>
</ul>
{% endif %}
<ul id="visitus_dropdown" class="dropdown-content">
<li><a href="{{url_for("embed.guild_embed", guild_id="295085744249110529")}}">Launch Embed Page</a></li>
<li class="divider"></li>
<li><a href="https://discord.io/Titan">Open in Discord</a></li>
</ul>
<nav>
<div class="nav-wrapper container">
<a href="/" class="brand-logo"><img src="{{ url_for('static', filename='img/titanembeds_shield.png') }}" /><span class="hide-on-med-and-down"><strong class="align-top">Titan</strong><span class="align-top">Embeds</span> <span class="betatag align-top">BETA</span></span></a>
<ul id="nav-mobile" class="right">
<li><a href="{{url_for("about")}}" class="waves-effect hide-on-large-only">About</a></li>
<li><a href="{{url_for("about")}}" class="waves-effect btn z-depth-3 hide-on-med-and-down">About</a></li>
<li><a data-activates="visitus_dropdown" class="waves-effect hide-on-large-only dropdown-button">Visit Us!</a></li>
<li><a data-activates="visitus_dropdown" class="waves-effect btn z-depth-3 hide-on-med-and-down dropdown-button">Visit Us!</a></li>
{% if session['unauthenticated'] is defined and not session['unauthenticated'] %}
<li><a id="menu_drop" data-activates="menu_dropdown" class="waves-effect btn z-depth-3 btn-floating dropdown-button avatar_menu" style='background-image: url(" {{ session['avatar'] }} ")'></a></li>
{% else %}
<li><a href="{{ url_for('user.login_authenticated') }}" class="waves-effect btn z-depth-3">Login</a></li>
{% endif %}
</ul>
</div>
</nav>
<div class="container">
{% block content %}{% endblock %}
</div>
</main>
<footer class="page-footer">
<div class="footer-copyright">
<div class="container">
A project by EndenDragon
<span class="right">
<a class="grey-text text-lighten-4" href="https://github.com/TitanEmbeds/Titan">GitHub <span class="hide-on-small-only">Repo</span></a>&nbsp;
<a class="grey-text text-lighten-4" href="{{ url_for('terms') }}">Terms <span class="hide-on-small-only">and Conditions</span></a>&nbsp;
<a class="grey-text text-lighten-4" href="{{ url_for('privacy') }}">Privacy <span class="hide-on-small-only">Policy</span></a>
</span>
</div>
</div>
</footer>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js" integrity="sha256-uWtSXRErwH9kdJTIr1swfHFJn/d/WQ6s72gELOHXQGM=" crossorigin="anonymous"></script>
{% block script %}{% endblock %}
</body>
</html>