mirror of
https://github.com/Xevion/v1.xevion.dev.git
synced 2025-12-07 20:08:53 -06:00
152 lines
5.8 KiB
HTML
152 lines
5.8 KiB
HTML
{#
|
|
Title = Title of the Message Box
|
|
Text = Text inside the Message Box
|
|
Color = Bulma Color Type of the Message Box
|
|
#}
|
|
{% macro flash(title, text, color) -%}
|
|
<article class="message is-small {{ color }}">
|
|
<div class="message-header">
|
|
<span class="fas fa-exclamation-triangle"></span>
|
|
{{ title }}
|
|
<button id="message-box-delete" class="delete" aria-label="delete"></button>
|
|
</div>
|
|
<div class="message-body">
|
|
{{ text }}
|
|
</div>
|
|
</article>
|
|
{%- endmacro %}
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
{% block title %}
|
|
{% if title %}
|
|
<title>{{ title }} - Xevion.dev</title>
|
|
{% else %}
|
|
<title>Xevion.dev</title>
|
|
{% endif %}
|
|
{% endblock %}
|
|
{% block head %}
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-68895812-4"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'UA-68895812-4');
|
|
</script>
|
|
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.5/css/bulma.min.css">
|
|
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
|
|
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
|
|
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
|
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
|
|
<style type="text/css">
|
|
/* Single line word breaking for content */
|
|
.word-break {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.raleway-font {
|
|
font-family: 'Raleway', sans-serif;
|
|
font-size: 1.75rem;
|
|
}
|
|
|
|
.is-vertical-center {
|
|
vertical-align: middle;
|
|
padding: 1rem;
|
|
}
|
|
</style>
|
|
{% endblock head %}
|
|
<style type="text/css">
|
|
.navbar-text {
|
|
font-size: 110%;
|
|
}
|
|
|
|
.navbar-fa-icon {
|
|
margin-right: 0.35rem;
|
|
}
|
|
</style>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-divider@2.0.1/dist/css/bulma-divider.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
<div class="navbar-brand">
|
|
<a style="margin-left: 0.5rem;" class="navbar-item raleway-font" href="{{ url_for('index') }}">
|
|
Xevion
|
|
</a>
|
|
|
|
<a role="button" id="navbar-burger-id" class="navbar-burger burger"
|
|
onclick="document.querySelector('.navbar-menu').classList.toggle('is-active');" aria-label="menu"
|
|
aria-expanded="false">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navbar-menu-id" class="navbar-menu">
|
|
<div class="navbar-start">
|
|
{% block navbarstart %}
|
|
<a href="{{ url_for('index') }}" class="navbar-item">Home</a>
|
|
{% endblock navbarstart %}
|
|
</div>
|
|
|
|
<div class="navbar-end">
|
|
{% block navbarend %}
|
|
<div id="navbar-dropdown" class="navbar-item has-dropdown is-hoverable">
|
|
<a class="navbar-link is-mobile">
|
|
<figure style="padding: 0.5rem;" class="image is-48x48">
|
|
{% set default = 'https://via.placeholder.com/256' %}
|
|
<img class=""
|
|
src="{{ current_user.profile_picture or default if current_user.is_authenticated else default }}">
|
|
</figure>
|
|
<strong>
|
|
Hello, {{ current_user.username if current_user.is_authenticated else 'Anonymous' }}
|
|
</strong>
|
|
</a>
|
|
|
|
<div class="navbar-dropdown">
|
|
{% if current_user.is_authenticated %}
|
|
<a class="navbar-item" href="{{ url_for('dashboard') }}">
|
|
<span class="navbar-fa-icon fas fa-chart-line"></span>
|
|
<div class="navbar-text">Dashboard</div>
|
|
</a>
|
|
<hr class="navbar-divider">
|
|
{% if current_user.has_roles(['Hidden']) %}
|
|
<a class="navbar-item" href="{{ url_for('hidden') }}">
|
|
<span class="navbar-fa-icon fas fa-user-ninja"></span>
|
|
Hidden
|
|
</a>
|
|
<hr class="navbar-divider">
|
|
{% endif %}
|
|
<a class="navbar-item" href="{{ url_for('logout') }}">
|
|
<span class="navbar-fa-icon fas fa-power-off"></span>
|
|
<div class="navbar-text">Logout</div>
|
|
</a>
|
|
{% else %}
|
|
<a class="navbar-item" href="{{ url_for('login') }}">
|
|
<span class="navbar-fa-icon fas fa-arrow-circle-right"></span>
|
|
<div class="navbar-text">Login</div>
|
|
</a>
|
|
<a class="navbar-item" href="{{ url_for('register') }}">
|
|
<span class="navbar-fa-icon fas fa-pen"></span>
|
|
<div class="navbar-text">Register</div>
|
|
</a>
|
|
{% endif %}
|
|
|
|
</div>
|
|
</div>
|
|
{% endblock navbarend %}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
{% block body %}
|
|
|
|
{% endblock body %}
|
|
|
|
</body> |