YellWOWPages/yellow/templates/base.html
2022-03-14 19:38:35 +02:00

86 lines
2.2 KiB
HTML

<!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;
}
#dropdowncontent a {
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: 3rem;
}
}
</style>
<body>
<div class="container-fluid">
{% include 'includes/nav.html' %}
{% block content %} {% endblock %}
</div>
<div id="footer">
{{ year }} - ... [the future is w0w]
</div>
</body>
</html>