lynnesbian/pecha.red
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

basic css, home page text

Browse source
This commit is contained in:
Lynne Megido 2020-04-12 19:03:02 +10:00
parent b44d3be2e9
commit 810c77cd6e
4 changed files with 94 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app.py
View file

@ -4,4 +4,8 @@ app = Flask(__name__)
@app.route("/")
def render_home():
return render_template("home.html")
return render_template("home.html", big_header = True)
@app.route("/contact")
def render_contact():
return render_template("contact.html")

65
static/style.css
View file

@ -1,3 +1,68 @@
body {
margin: 0;
background-color: #1E3942;
background-image: url("/static/images/worst.jpg");
background-attachment: fixed;
background-size: cover;
color: #cc9ba8;
font-family: sans-serif;
}
#big-header {
font-size: 2em;
font-family: 'VCR OSD Mono', monospace;
}
#big-header h1 {
font-size: 2.75em;
font-family: 'Montserrat', sans-serif;
margin: 0;
color: #6E2638;
}
#subtitle {
margin-bottom: 20px;
}
header {
text-align: center;
background: #0E111380;
padding: 40px 0;
}
nav {
width: 80%;
margin: 0 auto;
display: flex;
}
nav a {
font-family: 'VCR OSD Mono', monospace;
color: #90243A;
text-decoration: none;
padding: 5px 10px;
margin: 0;
height: 1.2em;
border-right: 2px red solid;
padding-right: 12px;
flex-basis: 100%;
user-select: none;
transition: 0.5s all;
}
nav a:first-of-type {
border-left: 2px red solid;
padding-left: 12px;
}
nav a:hover {
background-color:black;
}
h1 {
font-family: 'VCR OSD Mono', monospace;
}
main {
font-size: 1.25em;
padding: 10px;
margin: 30px auto;
width: 80%;
max-width: max-content;
background: #0E111380;
text-align: center;
font-family: 'VCR OSD Mono', monospace; /*???*/
}

19
templates/base.html
View file

@ -8,10 +8,27 @@
<link rel='stylesheet' type='text/css' href="{{ url_for('static', filename='style.css') }}" />
<!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap"> -->
<!-- <script src="{{ url_for('static', filename='script.js') }}"></script> -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<link rel='stylesheet' type='text/css' href="{{ url_for('static', filename='fonts/style.css') }}" />
</head>
<body>
<header>
{% if big_header %}
<div id='big-header'>
<h1>PECHA.RED</h1>
<div id='subtitle'>THE WORST IS YET TO COME</div>
</div>
{% endif %}
<nav>
<a href="/">HOME</a>
<a href="/writings">WRITINGS</a>
<a href="/library">LIBRARY</a>
<a href="https://petra.press">BLOG</a>
<a href="https://git.bune.city/petra-fied">GIT</a>
<a href="/contact">CONTACT</a>
</nav>
</header>
{% block content %}{% endblock %}
</body>
</html>

7
templates/home.html
View file

@ -1,5 +1,10 @@
{% extends 'base.html' %}
{% block title %}home{% endblock %}
{% block content %}
<h1>PECHA.RED</h1>
<main>
<h1>Henlo! 0u0</h1>
<p>My name is Petra, but Pet, Pech, Pecha etc are all fine =w=</p>
<p>I'm an aspiring Political Economist, but I'm broadly interested in the social sciences and philosophy pretty generally.</p>
<p>This is meant as a landing page for stuff I've created or am interested in.</p>
</main>
{% endblock %}