revamping frontend
parent
fbf51acab6
commit
d937a12317
@ -0,0 +1,122 @@
|
|||||||
|
body {
|
||||||
|
background-color: black;
|
||||||
|
color: white;
|
||||||
|
font-family: monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
a, a:visited {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.artworkLink img {
|
||||||
|
border-radius: 2px;
|
||||||
|
margin: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.artworkLink {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.artworkDescription {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type="text"] {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.walletAddress {
|
||||||
|
overflow-wrap: anywhere;
|
||||||
|
user-select: all;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-primary {
|
||||||
|
background-color: #ff6600 !important;
|
||||||
|
border: 1px solid #ff6600 !important;
|
||||||
|
transition: all .3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-primary:hover {
|
||||||
|
background-color: #4c4c4c !important;
|
||||||
|
color: white !important;
|
||||||
|
border: 1px solid #4c4c4c !important;
|
||||||
|
transition: all .3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-margin {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar + .docs-section {
|
||||||
|
border-top-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar {
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar, .navbar-spacer {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 6.5rem;
|
||||||
|
z-index: 99;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-spacer {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar > .container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-list {
|
||||||
|
list-style: none;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-item {
|
||||||
|
position: relative;
|
||||||
|
float: left;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-link {
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: .2rem;
|
||||||
|
margin-right: 35px;
|
||||||
|
text-decoration: none;
|
||||||
|
line-height: 6.5rem;
|
||||||
|
color: #222;
|
||||||
|
transition: all .2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-link:hover {
|
||||||
|
color: #ff6600;
|
||||||
|
transition: all .2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-link.active {
|
||||||
|
color: #33C3F0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-docked-nav .navbar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-docked-nav .navbar-spacer {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Re-overiding the width 100% declaration to match size of % based container */
|
||||||
|
.has-docked-nav .navbar > .container {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
@ -1,18 +1,9 @@
|
|||||||
<!DOCTYPE HTML>
|
<!DOCTYPE HTML>
|
||||||
<html>
|
<html>
|
||||||
{% include 'includes/head.html' %}
|
{% include 'includes/head.html' %}
|
||||||
<body style="background-color: black; color: white;">
|
<body>
|
||||||
{% include 'includes/header.html' %}
|
{% include 'includes/navbar.html' %}
|
||||||
{% block content %}{% endblock %}
|
{% block content %}{% endblock %}
|
||||||
{% include 'includes/debug.html' %}
|
{% include 'includes/debug.html' %}
|
||||||
<style>
|
|
||||||
body {
|
|
||||||
background-color: black;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
a, a:visited {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -1,18 +1,16 @@
|
|||||||
<form method="POST" action="">
|
<form method="post" action="">
|
||||||
{% for f in form %}
|
{% for f in form %}
|
||||||
{% if f.name == 'csrf_token' %}
|
{% if f.name == 'csrf_token' %}
|
||||||
{{ f }}
|
{{ f }}
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="form-group">
|
|
||||||
{{ f.label }}
|
{{ f.label }}
|
||||||
{{ f }}
|
{{ f }}
|
||||||
</div>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
<ul>
|
<ul>
|
||||||
{% for field, errors in form.errors.items() %}
|
{%- for field, errors in form.errors.items() %}
|
||||||
<li>{{ form[field].label }}: {{ ', '.join(errors) }}</li>
|
<li>{{ form[field].label }}: {{ ', '.join(errors) }}</li>
|
||||||
{% endfor %}
|
{%- endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
<input type="submit" value="Confirm" class="btn btn-link btn-outline btn-xl">
|
<input type="submit" value="Submit" class="button-primary">
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
@ -1,20 +0,0 @@
|
|||||||
<header id="header">
|
|
||||||
<h1 id="logo"><a href="/">{{ config.SITE_NAME }}</a></h1>
|
|
||||||
<nav id="nav">
|
|
||||||
<ul>
|
|
||||||
<li><a href="{{ url_for('auth.login') }}">Login</a></li>
|
|
||||||
<li><a href="{{ url_for('auth.register') }}">Register</a></li>
|
|
||||||
<li><a href="{{ url_for('auth.logout') }}">Logout</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
||||||
{% if messages %}
|
|
||||||
<p>
|
|
||||||
{% for category, message in messages %}
|
|
||||||
<p>{{ message }} - {{ category }}</p>
|
|
||||||
{% endfor %}
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
{% endwith %}
|
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
<nav class="navbar">
|
||||||
|
<div class="container">
|
||||||
|
<ul class="navbar-list">
|
||||||
|
<li class="navbar-item"><a class="navbar-link" href="{{ url_for('main.index') }}">Home</a></li>
|
||||||
|
<li class="navbar-item"><a class="navbar-link" href="{{ url_for('main.about') }}">About</a></li>
|
||||||
|
{%- if current_user.is_authenticated %}
|
||||||
|
<li class="navbar-item"><a class="navbar-link" href="{{ url_for('auth.logout') }}">Logout</a></li>
|
||||||
|
{%- else %}
|
||||||
|
<li class="navbar-item"><a class="navbar-link" href="{{ url_for('auth.login') }}">Login</a></li>
|
||||||
|
{%- endif %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||||
|
{% if messages %}
|
||||||
|
<p>
|
||||||
|
{% for category, message in messages %}
|
||||||
|
<p>{{ message }} - {{ category }}</p>
|
||||||
|
{% endfor %}
|
||||||
|
</p>
|
||||||
|
{% endif %}
|
||||||
|
{% endwith %}
|
||||||
|
</div>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
flake8==6.0.0
|
||||||
|
pyflakes==3.0.1
|
||||||
|
lorem==0.1.1
|
||||||
Loading…
Reference in New Issue