From 810c77cd6ee623546d8e5430cc686172a366028e Mon Sep 17 00:00:00 2001 From: Lynne Date: Sun, 12 Apr 2020 19:03:02 +1000 Subject: [PATCH] basic css, home page text --- app.py | 6 ++++- static/style.css | 65 +++++++++++++++++++++++++++++++++++++++++++++ templates/base.html | 19 ++++++++++++- templates/home.html | 7 ++++- 4 files changed, 94 insertions(+), 3 deletions(-) diff --git a/app.py b/app.py index 6919a4b..53b2966 100755 --- a/app.py +++ b/app.py @@ -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") diff --git a/static/style.css b/static/style.css index 9bc75dd..37d1519 100644 --- a/static/style.css +++ b/static/style.css @@ -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; /*???*/ } diff --git a/templates/base.html b/templates/base.html index 218dab6..3ee45d5 100644 --- a/templates/base.html +++ b/templates/base.html @@ -8,10 +8,27 @@ - + + +
+ {% if big_header %} +
+

PECHA.RED

+
THE WORST IS YET TO COME
+
+ {% endif %} + +
{% block content %}{% endblock %} diff --git a/templates/home.html b/templates/home.html index 3fe3568..6bb6f73 100644 --- a/templates/home.html +++ b/templates/home.html @@ -1,5 +1,10 @@ {% extends 'base.html' %} {% block title %}home{% endblock %} {% block content %} -

PECHA.RED

+
+

Henlo! 0u0

+

My name is Petra, but Pet, Pech, Pecha etc are all fine =w=

+

I'm an aspiring Political Economist, but I'm broadly interested in the social sciences and philosophy pretty generally.

+

This is meant as a landing page for stuff I've created or am interested in.

+
{% endblock %}