From fe5a904ff62cdcfe9232552962ab4de142f95f70 Mon Sep 17 00:00:00 2001
From: Tony <anthony@correa.co>
Date: Mon, 13 Jun 2022 21:39:49 -0500
Subject: [PATCH] add wordpress aspect ratio

---
 instagen/templates/instagen/instagen.html | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/instagen/templates/instagen/instagen.html b/instagen/templates/instagen/instagen.html
index 649cc2f..78497b0 100644
--- a/instagen/templates/instagen/instagen.html
+++ b/instagen/templates/instagen/instagen.html
@@ -9,9 +9,8 @@
         <div class="col text-nowrap px-0">Hounds Instagenerator</div>
     </div>
 {% endblock %}
-{% block page_subheading %}{{ event.data.formatted_title }}, {{ event.data.start_date }}, {{ event.data.location_name }}{% endblock %}
 {% block content %}
-
+    <h4 class="display-4">Generate Image</h4>
     <form method="get" action="{% url 'instagen_generate' team_id=event.data.team_id event_id=event.data.id %}">
 
         <div class="mb-3">
@@ -24,7 +23,7 @@
         </div>
 
         <div class="mb-3">
-            <legend class="">Background</legend>
+          <h4 class="fw-bold">Background</h4>
             <div class="form-check">
                 <input class="form-check-input" type="radio" name="background" id="backgroundLocation" checked value="location">
                 <label class="form-check-label" for="backgroundLocation">
@@ -47,7 +46,7 @@
         </div>
 
         <div class="mb-3">
-            <legend class="">Layout</legend>
+            <h4 class="fw-bold">Layout</h4>
             <div class="form-check">
                 <input class="form-check-input" type="radio" name="dimensions" id="square" checked value="1080x1080">
                 <label class="form-check-label" for="square">
@@ -61,14 +60,20 @@
                 </label>
             </div>
             <div class="form-check">
-                <input class="form-check-input" type="radio" name="dimensions" id="portrait" value="1920x1080">
-                <label class="form-check-label" for="portrait">
+                <input class="form-check-input" type="radio" name="dimensions" id="landscape" value="1920x1080">
+                <label class="form-check-label" for="landscape">
                     Landscape
                 </label>
             </div>
+          <div class="form-check">
+                <input class="form-check-input" type="radio" name="dimensions" id="wordpress" value="2064 x 1080">
+                <label class="form-check-label" for="wordpress">
+                    Wordpress (1200x628)
+                </label>
+            </div>
         </div>
 
-        <div class="d-lg-flex justify-content-lg-end align-items-lg-center mb-3">
+        <div class="d-lg-flex mb-3">
             <button type="submit" class="btn btn-primary btn-block">Get Image</button>
         </div>
     </form>