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>
|
||||
<html>
|
||||
{% include 'includes/head.html' %}
|
||||
<body style="background-color: black; color: white;">
|
||||
{% include 'includes/header.html' %}
|
||||
<body>
|
||||
{% include 'includes/navbar.html' %}
|
||||
{% block content %}{% endblock %}
|
||||
{% include 'includes/debug.html' %}
|
||||
<style>
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
}
|
||||
a, a:visited {
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,18 +1,16 @@
|
||||
<form method="POST" action="">
|
||||
<form method="post" action="">
|
||||
{% for f in form %}
|
||||
{% if f.name == 'csrf_token' %}
|
||||
{{ f }}
|
||||
{% else %}
|
||||
<div class="form-group">
|
||||
{{ f.label }}
|
||||
{{ f }}
|
||||
</div>
|
||||
{{ f.label }}
|
||||
{{ f }}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<ul>
|
||||
{% for field, errors in form.errors.items() %}
|
||||
{%- for field, errors in form.errors.items() %}
|
||||
<li>{{ form[field].label }}: {{ ', '.join(errors) }}</li>
|
||||
{% endfor %}
|
||||
{%- endfor %}
|
||||
</ul>
|
||||
<input type="submit" value="Confirm" class="btn btn-link btn-outline btn-xl">
|
||||
<input type="submit" value="Submit" class="button-primary">
|
||||
</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