1
0
mirror of https://github.com/creyD/asiimov.git synced 2026-06-12 00:52:23 +02:00

Styled master.html

This commit is contained in:
2020-01-14 00:39:07 +01:00
parent 05c3fed18c
commit 22086be93e
3 changed files with 79 additions and 4 deletions

View File

@@ -0,0 +1,48 @@
html, body{
height: 100%;
width: 100%;
}
.hidden{
display: none;
}
a{
text-decoration: none;
color: #AA3B07;
}
a:visited{
text-decoration: none;
color: #AA3B07;
}
a:active{
text-decoration: none;
color: #AA3B07;
}
nav{
width: 100vw;
height: 5vh;
border: 1px solid black;
border-radius: 5px;
}
.nav_box{
position: relative;
padding-top: .5vh;
padding-bottom: .5vh;
}
#left_nav{
padding-left: 5vw;
text-align: left;
float: left;
}
#right_nav{
padding-right: 5vw;
text-align: right;
float: right;
}

View File

Before

Width:  |  Height:  |  Size: 6.4 KiB

After

Width:  |  Height:  |  Size: 6.4 KiB

View File

@@ -1,12 +1,39 @@
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Asiimov - CS:GO Trading Website</title>
<title>{% block title %}{% endblock %}</title>
<!-- Viewport for a pleasant mobile experience -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Charset for compatability and stability -->
<meta charset="utf-8">
<!-- Description for right SE indexing -->
<meta name="Description" content="Trading Platform Open Source CS:GO">
<!-- Load the default master.css for some values -->
<link rel="stylesheet" href="{% static 'css/master.css' %}">
<!-- JQuery for easier HTML manipulation -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<div id="header"></div>
{% block content %}{% endblock %}
<div id="footer">
<nav>
<div id="left_nav" class="nav_box">
<a href="{% url 'home' %}">Asiimov</a> | <a href="">Filter</a>
</div>
<div id="right_nav" class="nav_box">
{% if user.is_authenticated %}
<a href="{% url 'offer_create' %}">Add Offer</a> | <a href="{% url 'me_settings' %}">settings</a> | Welcome, <a href="{% url 'me' %}">{{ user.gamer.display_name }}</a>
{% else %}
<a href=""><img src="{% static 'pic/steam_sign_in.png' %}" /></a>
{% endif %}
</div>
</nav>
{% block content %}
{% endblock %}
<div id="footer" style="text-align:center">
<a href="https://github.com/creyD/asiimov" target="_blank">GitHub</a>.<a href="{% url 'imprint' %}">Imprint</a>.<a href="{% url 'help' %}">Help</a>
</div>
</body>