forked from are0h/TheBadSpace
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.symfony-version
parent
5ad29f78f6
commit
e897453664
@ -0,0 +1,12 @@
|
||||
section[role="about"] {
|
||||
background: var(--primary);
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
padding: 100px;
|
||||
margin: 0 auto;
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
section[role="about"] a {
|
||||
color: var(--highlight);
|
||||
}
|
@ -1,15 +1,37 @@
|
||||
section[role="intro"] {
|
||||
padding: 10px;
|
||||
width: 300px;
|
||||
color: var(--highlight);
|
||||
section[role="start"] {
|
||||
background-image: url("../../images/global/special-trash.jpg");
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
section[role="start"] div {
|
||||
background: var(--primary);
|
||||
width: 400px;
|
||||
border-radius: 3px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
section[role="intro"] span[role="title"] {
|
||||
section[role="start"] span[role="title"] {
|
||||
font-size: 100px;
|
||||
line-height: 80px;
|
||||
font-weight: bold;
|
||||
color: var(--secondary);
|
||||
}
|
||||
|
||||
section[role="intro"] p {
|
||||
section[role="start"] p {
|
||||
color: var(--white);
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 6px auto;
|
||||
font-size: 1.87em;
|
||||
}
|
||||
|
||||
section[role="start"] p a {
|
||||
color: var(--highlight);
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
@ -0,0 +1,13 @@
|
||||
section[role="listings"] {
|
||||
background: var(--primary);
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
border-radius: 3px;
|
||||
padding: 100px;
|
||||
margin: 0 auto;
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
section[role="listings"] a {
|
||||
color: var(--highlight);
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 648 KiB |
@ -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 %}
|
@ -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 %}
|
Loading…
Reference in New Issue