You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
166 lines
5.0 KiB
HTML
166 lines
5.0 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{{ site_meta.name }}</title>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="description" content="{{ site_meta.name }} official website." />
|
|
<meta name="author" content="github.com/lalanza808">
|
|
<meta name="keywords" content="monero xmr auction merchant selling buying" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="{% static 'favicons/apple-touch-icon.png' %}">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="{% static 'favicons/favicon-32x32.png' %}">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="{% static 'favicons/favicon-16x16.png' %}">
|
|
<link rel="mask-icon" href="{% static 'favicons/safari-pinned-tab.svg' %}" color="#ea7544">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<link rel="stylesheet" href="{% static 'css/all.min.css' %}" />
|
|
<link rel="stylesheet" href="{% static 'css/style.css' %}" />
|
|
<link rel="stylesheet" href="{% static 'css/noty.css' %}" />
|
|
<link rel="stylesheet" href="{% static 'css/noty-relax.css' %}" />
|
|
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
|
|
<script src="{% static 'js/jquery.min.js' %}"></script>
|
|
<script src="{% static 'js/skel.min.js' %}"></script>
|
|
<script src="{% static 'js/skel-layers.min.js' %}"></script>
|
|
<script>
|
|
// Perform init within template so we can pass dynamic static location
|
|
(function($) {
|
|
|
|
skel.init({
|
|
reset: 'full',
|
|
breakpoints: {
|
|
global: {
|
|
href: '{% static "css/style.css" %}',
|
|
containers: 1400,
|
|
grid: { gutters: ['2em', 0] }
|
|
},
|
|
xlarge: {
|
|
media: '(max-width: 1680px)',
|
|
href: '{% static "css/style-xlarge.css" %}',
|
|
containers: 1200
|
|
},
|
|
large: {
|
|
media: '(max-width: 1280px)',
|
|
href: '{% static "css/style-large.css" %}',
|
|
containers: 960,
|
|
grid: { gutters: ['1.5em', 0] },
|
|
viewport: { scalable: false }
|
|
},
|
|
medium: {
|
|
media: '(max-width: 980px)',
|
|
href: '{% static "css/style-medium.css" %}',
|
|
containers: '90%'
|
|
},
|
|
small: {
|
|
media: '(max-width: 736px)',
|
|
href: '{% static "css/style-small.css" %}',
|
|
containers: '90%',
|
|
grid: { gutters: ['1.25em', 0] }
|
|
},
|
|
xsmall: {
|
|
media: '(max-width: 480px)',
|
|
href: '{% static "css/style-xsmall.css" %}',
|
|
}
|
|
},
|
|
plugins: {
|
|
layers: {
|
|
config: {
|
|
mode: 'transform'
|
|
},
|
|
navPanel: {
|
|
animation: 'pushX',
|
|
breakpoints: 'medium',
|
|
clickToHide: true,
|
|
height: '100%',
|
|
hidden: true,
|
|
html: '<div data-action="moveElement" data-args="nav"></div>',
|
|
orientation: 'vertical',
|
|
position: 'top-right',
|
|
side: 'right',
|
|
width: 250
|
|
},
|
|
navButton: {
|
|
breakpoints: 'medium',
|
|
height: '4em',
|
|
html: '<span class="toggle" data-action="toggleLayer" data-args="navPanel"></span>',
|
|
position: 'top-right',
|
|
side: 'top',
|
|
width: '6em'
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
$(function() {
|
|
|
|
// ...
|
|
|
|
});
|
|
|
|
})(jQuery);
|
|
</script>
|
|
<script src="{% static 'js/noty.js' %}"></script>
|
|
<noscript>
|
|
<link rel="stylesheet" href="{% static 'css/skel.css' %}" />
|
|
<link rel="stylesheet" href="{% static 'css/style.css' %}" />
|
|
<link rel="stylesheet" href="{% static 'css/style-xlarge.css' %}" />
|
|
</noscript>
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
|
|
</head>
|
|
<body class="{% if request.path == '/' %}landing{% endif %}">
|
|
|
|
<header id="header">
|
|
<h1><a href="{% url 'home' %}">{{ site_meta.name }}</a></h1>
|
|
<nav id="nav">
|
|
<ul>
|
|
<li><a href="{% url 'list_items' %}">View Items</a></li>
|
|
<li><a href="{% url 'get_help' %}">Help</a></li>
|
|
{% if user.is_authenticated %}
|
|
<li><a href="{% url 'logout' %}">Logout ({{ request.user }})</a></li>
|
|
{% else %}
|
|
<li><a href="{% url 'login' %}">Login</a></li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
{% if messages %}
|
|
<script type="text/javascript">
|
|
{% for message in messages %}
|
|
new Noty({
|
|
type: '{{ message.tags }}',
|
|
theme: 'relax',
|
|
layout: 'topCenter',
|
|
text: '{{ message }}',
|
|
timeout: 3500
|
|
}).show();
|
|
{% endfor %}
|
|
</script>
|
|
{% endif %}
|
|
|
|
{% if system_notification %}
|
|
<script type="text/javascript">
|
|
new Noty({
|
|
type: 'info',
|
|
theme: 'relax',
|
|
layout: 'bottom',
|
|
text: '{{ system_notification }}',
|
|
timeout: 12000
|
|
}).show();
|
|
</script>
|
|
{% endif %}
|
|
|
|
{% block content %}
|
|
{% endblock %}
|
|
|
|
<hr>
|
|
<footer id="footer">
|
|
<div class="container">
|
|
<p id="tip-address"><strong><i class="fab fa-monero"></i> Leave a Tip</strong>:<br> {{ site_meta.tip_address }}</p>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|