Basic frontend layouts

This commit is contained in:
Xevion
2022-03-26 19:04:52 -05:00
parent a068365aaa
commit 27222fdfe5
6 changed files with 45 additions and 14 deletions

View File

@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Runnerspace</title>
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
</head>
<body>
</body>
</html>

View File

@@ -1,4 +0,0 @@
{% extends 'base.html' %}
{% block content %}
{% endblock %}

View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Runnerspace</title>
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
</head>
<body>
<div id="content">
{% include 'layouts/header.html' %}
{% block content %}
Do not extend <strong>base.html</strong> directly.
{% endblock content %}
{% include 'layouts/footer.html' %}
</div>
</body>
</html>

View File

@@ -0,0 +1,3 @@
<div id="footer">
</div>

View File

@@ -0,0 +1,20 @@
<div class="header">
<div class="header-primary">
<span id="logo">runnerspace</span>
<div class="header-login">
Logged in as <a href="/user/{{ user.username }}" class="username">{{ user.username }}</a>
</div>
</div>
<nav class="header-secondary">
<ul class="links">
<li><a href="/">Home</a></li>
<li><a href="/feed">My Feed</a></li>
<li><a href="/users">Browse</a></li>
<li><a href="/search">Search</a></li>
<li><a href="/messages">My Messages</a></li>
<li><a href="/blogs">Blog</a></li>
<li><a href="/groups">Groups</a></li>
<li><a href="/about">About</a></li>
</ul>
</nav>
</div>

View File

@@ -0,0 +1,5 @@
{% extends 'layouts/base.html' %}
{% block content %}
Hello, World!
{% endblock %}