From 1dc6b3d2270bfd926e9abf0871d476fd5f4ce941 Mon Sep 17 00:00:00 2001
From: HackerNCoder <hackerncoder@encryptionin.space>
Date: Fri, 18 Nov 2022 22:32:06 +0100
Subject: [PATCH] Create games list

---
 assets/css/styles.css |  4 ++--
 templates/games.html  | 23 +++++++++++++++++++++++
 templates/index.html  |  8 +++++++-
 3 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index 477b6ad..fe9c1fc 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -3589,8 +3589,8 @@ textarea.form-control-lg {
 }
 
 .btn-lg, .btn-group-lg > .btn {
-  padding: 0.5rem 1rem;
-  font-size: 1.25rem;
+  padding: 1.75rem 2.5rem !important;
+  font-size: 1.25rem !important;
   border-radius: 0.3rem;
 }
 
diff --git a/templates/games.html b/templates/games.html
index e69de29..1174f82 100644
--- a/templates/games.html
+++ b/templates/games.html
@@ -0,0 +1,23 @@
+{% extends "layout.html" %}
+{% block ogpdesc %}{{ this.shortbody }}{% endblock %}
+{% block ogptitle %}{{ this.title }} | Queerscriptors{% endblock %}
+{% block twitterdesc %}{{ this.shortbody }}{% endblock %}
+{% block twittertitle %}{{ this.title }} | Queerscriptors{% endblock %}
+{% block page %}
+{% include 'header.html' %}
+{% for project in this.children %}
+  {% set image = project.attachments.images.first() %}
+  <div class="card mb-3">
+      <div class="row gb-0" >
+          <div class="col-md-0" >
+              <img src="{{image}}" class="img-fluid rounded-start" >
+          </div>
+          <div class="col-md-8" >
+              <div class="card-body" >
+                  <h5 class="card-title" >{{project.title}}</h5>
+                  <p class="card-text" >{{project.shortbody}}</p>
+              </div>
+          </div>
+      </div>
+  </div>
+{% endblock %}
diff --git a/templates/index.html b/templates/index.html
index 8ac9da9..a1180de 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -3,7 +3,10 @@
 {% include 'masterhead.html' %}
 {% include 'joinus.html' %}
 <!-- Projects-->
-<div class="projects-section bg-light" id="projects">
+<div class="p-5 projects-section bg-light" id="projects">
+  <div class="text-center">
+    <h2 class="display-5 text-black pt-5 pb-3 mb-3">Featured games</h2>
+	</div>
 	<div class="container px-4 px-lg-5">
     {% for id, item in bag('featured').items() %}
 			{% set image = item.path+'main.jpg' %}
@@ -22,5 +25,8 @@
 			</div>
 		{% endfor %}
 	</div>
+  <div class="text-center pt-5">
+		<a href="games/" class="btn btn-primary btn-lg"><i class="fa fa-search" aria-hidden="true"></i> View all games</a>
+	</div>
 </div>
 {% endblock %}