Start on about page

assets/css/styles.css

@@ -116,7 +116,7 @@ h1, .h1 {
 }
 @media (min-width: 1200px) {
   h1, .h1 {
-    font-size: 2rem;
+    font-size: 2.5rem;
   }
 }
 

content/about/contents.lr

@@ -0,0 +1,10 @@
+_model: about
+---
+intro:
+
+---
+transl:
+Anybody that knows English and a second language can become a translator
+---
+devs:
+If you are a game developer creating LGBT+ games, we can help you get your game translated

models/about.ini

@@ -0,0 +1,16 @@
+[model]
+name = about
+label = {{ this.title }}
+hidden = yes
+
+[fields.intro]
+type = markdown
+translate = False
+
+[fields.transl]
+type = markdown
+translate = False
+
+[fields.devs]
+type = markdown
+translate = False

templates/about.html

@@ -0,0 +1,26 @@
+{% extends "layout.html" %}
+{% block page %}
+{% include 'header.html' %}
+
+<div class="text-center">
+  <h1>What is Queerscriptors?</h1>
+</div>
+
+<div class="card" id="transl">
+  <div class="card-header">
+    Translators
+  </div>
+  <div class="card-body">
+    <p class="card-text">{{ this.transl }}</p>
+  </div>
+</div>
+
+<div class="card" id="devs">
+  <div class="card-header">
+    Game Developers
+  </div>
+  <div class="card-body">
+    <p class="card-text">{{ this.devs }}</p>
+  </div>
+</div>
+{% endblock %}

templates/header.html

@@ -1,9 +1,9 @@
 <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
 	<div class="container px-4 px-lg-5">
 		<a class="navbar-brand" href="{{ "/"|url(alt=this.alt) }}">Queerscriptors</a>
-		<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+    {# <button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
 			{{ _("Menu") }}
 			<i class="fas fa-bars"></i>
-		</button>
+    </button> #}
 	</div>
 </nav>