You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
YellWOWPages/frontend/templates/dashboard/index.html

100 lines
3.2 KiB

<!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>Such dashboard</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;
overflow: hidden;
}
a{
color: var(--yellow);
}
span{
color: var(--purple);
}
.nav{
border-color: var(--yellow);
border: 2px;
}
#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: 85vh;
display: grid;
place-content: center;
}
@media (max-width: 800px) {}
</style>
<body>
<div class="container-fluid">
<nav>
<ul>
<li>
<div id="dropdown">
<i class="icon icon-menu"></i>
<div id="dropdowncontent">
<p>
<a href="/login">Login</a>
<a href="/dashboard">Dashboard</a>
<a href="/yellwowpage">Yell<span>WOW</span>Page</a>
<a href="/about">About</a>
<a href="/about/api">Api</a>
</p>
</div>
</div>
</li>
</ul>
<ul>
<li><strong><a href="/">Yell<span>WOW</span>Pages</a></strong></li>
</ul>
<ul>
<li><a href="https://git.wownero.com/muchwowmining/YellWOWPages"><i class="icon icon-edit"></i></a></li>
</ul>
</nav>
</div>
<div class="container-fluid">
<div id="main">
<article>
{% for username, address in user_data.items() %}
<Header>Welcome back <em>{{username}}</em>!</Header>
Current <u>sub-address</u>: <label><mark>{{address}}</mark></label>
<footer>
Change <u>sub-address</u>:
<form action="/submit_address" method="POST">
<input type="text" name="address">
<button data-tooltip="Be sure it's correct">Submit</button>
</form>
</footer>
{% endfor %}
</article>
</div>
</div>
</body>
</html>