mirror of
https://git.wownero.com/wownero/YellWOWPages.git
synced 2024-08-15 01:03:25 +00:00
Rewrite to Quart web-framework, refactor code.
This commit is contained in:
dsc
Sander
parent
95b0569f7a
commit
df51c98e02
39 changed files with 656 additions and 980 deletions
49
yellow/templates/about.html
Normal file
49
yellow/templates/about.html
Normal file
|
|
@ -0,0 +1,49 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
<div style="display:none">
|
||||
{% block title %}YellWOWPages - About{% endblock %}
|
||||
</div>
|
||||
|
||||
<div id="main">
|
||||
<h1>About</h1>
|
||||
<p>
|
||||
Search for any Wownero <em>address</em> you want by username and pay
|
||||
the world!
|
||||
<br>
|
||||
This application uses <u>Wownero's Centralized Authentication Service.</u>
|
||||
</p>
|
||||
<p>
|
||||
Other Wownero related stuff:
|
||||
<br>
|
||||
<a href="https://wownero.org/">WebSite</a>
|
||||
<br>
|
||||
<a href="https://suchwow.xyz">SuchWow</a>
|
||||
<br>
|
||||
<a href="https://git.wownero.com">Official Git</a>
|
||||
<br>
|
||||
<a href="https://discord.com/invite/ykZyAzJhDK">Discord server</a>
|
||||
</p>
|
||||
<p>
|
||||
Made by <a href="https://notmtth.xyz">NotMtth</a> and <code>dsc</code>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
#main{
|
||||
width: 100%;
|
||||
height: 80vh;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
form{
|
||||
height: 50px;
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
kbd{
|
||||
width: 100vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
{% endblock %}
|
||||
36
yellow/templates/api.html
Normal file
36
yellow/templates/api.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
<div style="display:none">
|
||||
{% block title %}YellWOWPages - API{% endblock %}
|
||||
</div>
|
||||
|
||||
<div id="main">
|
||||
<h1>API</h1>
|
||||
<p>
|
||||
Search user: <code><a href="/api/user/dsc" data-tooltip="partial search supported">/api/user/{username}</a></code>
|
||||
<br><br>
|
||||
Get all users: <code><a href="/api/user/">/api/user/</a></code>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
#main {
|
||||
width: 100%;
|
||||
height: 80vh;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
form {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
kbd {
|
||||
width: 100vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
{% endblock %}
|
||||
83
yellow/templates/base.html
Normal file
83
yellow/templates/base.html
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% block title %}YellWOWPages - Sex and Drugs in the metaverse{% endblock %}</title>
|
||||
|
||||
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='colors.css') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='icon.css') }}">
|
||||
</head>
|
||||
<style>
|
||||
html, body{
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
a{
|
||||
color: var(--yellow);
|
||||
}
|
||||
span{
|
||||
color: var(--purple);
|
||||
}
|
||||
strong{
|
||||
color: var(--yellow);
|
||||
}
|
||||
#dropdown{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
#dropdowncontent{
|
||||
display: none;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
background-color: var(--table-border-color);
|
||||
min-width: 160px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
padding: 30px 50px;
|
||||
color: var(--yellow);
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
}
|
||||
#dropdown:hover #dropdowncontent {
|
||||
display: block;
|
||||
}
|
||||
#main{
|
||||
width: 100%;
|
||||
height: 80vh;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
}
|
||||
main{
|
||||
font-size: bold;
|
||||
font-size: 10rem;
|
||||
}
|
||||
img{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
object-fit: contain;
|
||||
}
|
||||
#footer{
|
||||
height: 12vh;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
main{
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
{% include 'includes/nav.html' %}
|
||||
|
||||
{% block content %} {% endblock %}
|
||||
</div>
|
||||
|
||||
<div id="footer">
|
||||
2022 - ... [the future is w0w]
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
40
yellow/templates/dashboard.html
Normal file
40
yellow/templates/dashboard.html
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
<div style="display:none">
|
||||
{% block title %}YellWOWPages - Dashboard{% endblock %}
|
||||
</div>
|
||||
|
||||
<div id="main">
|
||||
<article>
|
||||
<Header>Welcome back <em>{{user.username}}</em>!</Header>
|
||||
Current <u>WOW address</u>: <label>
|
||||
{% if user.address %}
|
||||
<mark>{{user.address}}</mark>
|
||||
{% else %}
|
||||
<mark>empty</mark>
|
||||
{% endif %}
|
||||
</label>
|
||||
<footer>
|
||||
Change <u>WOW address</u>:
|
||||
<form action="{{ url_for('bp_routes.dashboard_address_post') }}" method="POST">
|
||||
<input type="text" name="address">
|
||||
<button data-tooltip="Be sure it's correct">Submit</button>
|
||||
</form>
|
||||
</footer>
|
||||
|
||||
</article>
|
||||
</div>
|
||||
<style>
|
||||
|
||||
#main {
|
||||
width: 100%;
|
||||
height: 85vh;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
}
|
||||
</style>
|
||||
|
||||
{% endblock %}
|
||||
30
yellow/templates/error.html
Normal file
30
yellow/templates/error.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="refresh" content="3; URL={{url}}">
|
||||
<title>Such {{code}} error :(</title>
|
||||
<link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.min.css">
|
||||
<link rel="stylesheet" href="../../static/colors.css">
|
||||
<link rel="stylesheet" href="../../static/icon.css">
|
||||
</head>
|
||||
<style>
|
||||
html, body{
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
}
|
||||
#main{
|
||||
height: 100vh;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<div id="main">
|
||||
<p>Error {{code}}: {{msg}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
yellow/templates/includes/nav.html
Normal file
25
yellow/templates/includes/nav.html
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<div id="dropdown">
|
||||
<i class="icon icon-menu"></i>
|
||||
<div id="dropdowncontent">
|
||||
<p>
|
||||
{% if not user %}
|
||||
<a href="{{ url_for('bp_routes.login') }}">Login</a>
|
||||
{% else %}
|
||||
<a href="{{ url_for('bp_routes.logout') }}">Logout</a>
|
||||
{% endif %}
|
||||
<a href="{{ url_for('bp_routes.dashboard') }}">Dashboard</a>
|
||||
<a href="{{ url_for('bp_routes.search') }}">Yell<span>WOW</span>Page search</a>
|
||||
<a href="{{ url_for('bp_routes.about') }}">About</a>
|
||||
<a href="{{ url_for('bp_api.api_root') }}">Api</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="https://git.wownero.com/muchwowmining/YellWOWPages"><i class="icon icon-edit"></i></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
17
yellow/templates/index.html
Normal file
17
yellow/templates/index.html
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
<div style="display:none">
|
||||
{% block title %}YellWOWPages - Sex and Drugs in the metaverse{% endblock %}
|
||||
</div>
|
||||
|
||||
<div id="main">
|
||||
<main>
|
||||
<strong>Yell<span>WOW</span>Pages</strong>
|
||||
</main>
|
||||
<div>
|
||||
The first <img src="../../static/wownero.png" alt=""> addresses library -
|
||||
from the community to the community
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
59
yellow/templates/search.html
Normal file
59
yellow/templates/search.html
Normal file
|
|
@ -0,0 +1,59 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
<div style="display:none">
|
||||
{% block title %}YellWOWPages - Yellwow{% endblock %}
|
||||
</div>
|
||||
|
||||
<div id="main">
|
||||
<form action="{{ url_for('bp_routes.search') }}" method="GET">
|
||||
<input type="text" name="username" placeholder="Search for an username...">
|
||||
</form>
|
||||
|
||||
<div id="addresses">
|
||||
{% for user in users %}
|
||||
<article>
|
||||
<header>
|
||||
<em>{{user.username}}</em>
|
||||
</header>
|
||||
<kbd>{{user.address}}</kbd>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
#main {
|
||||
width: 100%;
|
||||
height: 80vh;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
}
|
||||
|
||||
form {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
#addresses {
|
||||
width: 100%;
|
||||
height: 54vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#addresses::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#footer {
|
||||
height: 12vh;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
kbd {
|
||||
width: 100vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
{% endblock %}
|
||||
60
yellow/templates/search_results.html
Normal file
60
yellow/templates/search_results.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
<div style="display:none">
|
||||
{% block title %}YellWOWPages - User{% endblock %}
|
||||
</div>
|
||||
|
||||
<div id="main">
|
||||
<form action="{{ url_for('bp_routes.search') }}" method="GET">
|
||||
<input type="text" name="username" placeholder="Username to search">
|
||||
</form>
|
||||
<br>
|
||||
Result(s): {{users|length}}
|
||||
|
||||
{% if not users %}
|
||||
Nothing found...
|
||||
{% else %}
|
||||
<div id="addresses">
|
||||
{% for user in users %}
|
||||
<article>
|
||||
<header>
|
||||
<em>{{user.username}}</em>
|
||||
</header>
|
||||
<kbd>{{user.address}}</kbd>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<style>
|
||||
#main{
|
||||
width: 100%;
|
||||
height: 80vh;
|
||||
display: grid;
|
||||
place-content: center;
|
||||
}
|
||||
form{
|
||||
height: 80px;
|
||||
}
|
||||
#addresses{
|
||||
width: 100%;
|
||||
height: 50vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
#addresses::-webkit-scrollbar{
|
||||
display: none;
|
||||
}
|
||||
#footer{
|
||||
height: 12vh;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
kbd{
|
||||
width: 100vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
{% endblock %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue