Front End Templating

Began the process of getting the front end together by adding about and
listing pages and applied some light styling to it doesn't look like
garbage.

Still need to turn on the indivial instance display pages, so that will
be next.

templates/front/about.twig

@@ -0,0 +1,25 @@
+{% extends "base/frame.twig" %}
+{% block stylesheets %}
+	<link rel="stylesheet" type="text/css" href="/assets/css/front/start.css?=sdfsdf">
+	{% endblock %}
+
+	{% block main %}
+		<section role="about">
+			<h1>About The Bad Space</h1>
+			<p>The Bad Space project was born from a need to effectively identify instances that house bad actors and are poorly moderated, which puts marginalized communities at risk. It is an extension of the
+				<strong>#fediblock</strong>
+				hashtag created
+				<a href="https://www.artistmarciax.com/">by Arist Maricia X
+				</a>with additional support from
+				<a href="https://digital.rooting.garden">Ginger</a>
+				to provide a catolog of instances seek to cause harm and reduce the quality of experience in the fediverse.
+			</p>
+
+
+
+			<p>
+				Technial support provided by
+				<a href="https://roiskinda.cool/profile.html">Ro</a>.
+			</p>
+		</section>
+	{% endblock %}

templates/front/index.twig

@@ -4,11 +4,13 @@
 	{% endblock %}
 
 	{% block main %}
-		<section role="intro">
-			<span role="title">The Bad Space</span><br/>
-			Because some people are just awful humans.
-			<p>Coming Soonish...
-			</p>
-
+		<section role="start">
+			<div>
+				<span role="title">{{ options.count }}</span>
+				<p>
+					Bad Spaces tracked.<br/>
+					Pace yourself.
+				</p>
+			</div>
 		</section>
 	{% endblock %}

templates/front/listing.twig

@@ -0,0 +1,18 @@
+{% extends "base/frame.twig" %}
+{% block stylesheets %}
+	<link rel="stylesheet" type="text/css" href="/assets/css/front/start.css?=sdfsdf">
+	{% endblock %}
+
+	{% block main %}
+		<section role="listings">
+			<h1>The Bad Space Listings</h1>
+			<h2>Page
+				{{ options.page }}</h2>
+			{% for location in options.list.locations %}
+				<sup>ID:{{ location.id }}</sup>
+				<a href="/location/{{ location.uuid }}">
+
+					{{ location.name }}</a><br/>
+			{% endfor %}
+		</section>
+	{% endblock %}