Add Sustainability section, update mobile styles accordingly

diff --git a/static/css/style.css b/static/css/style.css
index 002a29bcb47d83af5073bc6330eb927c55e643d7..2b11f22051e64725c299396b7708796d2015288c 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -29,6 +29,10 @@ a:active {
   text-decoration: none;
 }
 
+b, strong {
+  color: #EA5455;
+}
+
 .fa,
 .fab,
 .fas {
@@ -107,10 +111,6 @@ a:active {
   color: #f4f4f4;
 }
 
-.page-footer > .container > .row > .col-sm-4 {
-  padding: 0 4rem;
-}
-
 .page-footer a:hover,
 .page-footer .fab:hover:before {
   color: #f4f4f4 !important;
@@ -133,6 +133,28 @@ sub {
   bottom: 0 !important;
 }
 
+@media (max-width: 1024px) {
+  .col-sm-4 {
+    flex: 0 0 100% !important;
+    max-width: 100% !important;
+  }
+
+  .page-footer .col-sm-4:not(:last-child) {
+    margin-bottom: 1.5rem;
+  }
+
+  .px-5 {
+    padding: 0 2rem !important;
+  }
+
+  .page-footer > .container {
+    width: 100% !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+    max-width: unset !important;
+  }
+}
+
 @media (max-width: 991px) {
   .navbar {
     align-items: center !important;
@@ -150,19 +172,6 @@ sub {
   .py-5 {
     padding: 2rem !important;
   }
-
-  .page-footer > .container > .row > .col-sm-4 {
-    padding: 0;
-  }
-
-  .page-footer .col-sm-4 {
-    flex: 0 0 100%;
-    max-width: 100%;
-  }
-
-  .page-footer .col-sm-4:not(:last-child) {
-    margin-bottom: 1.5rem;
-  }
 }
 
 @media (max-width: 768px) {
@@ -179,7 +188,7 @@ sub {
     font-size: 2.5rem;
   }
 
-  .page-footer > .container > .row > .col-sm-4 {
-    padding: 0 2rem;
+  .px-5 {
+    padding: 0 1rem !important;
   }
 }

diff --git a/templates/base.html b/templates/base.html
index 3351d941c39c2450c5d184daba2f19fea73bc413..a336b765384943ae92ee24aefa1e551902f77f31 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -112,7 +112,7 @@
 
                <!-- Footer -->
                <footer class="page-footer font-small">
-                       <div class="container">
+                       <div class="container px-5">
                                <div class="row">
                                        <div class="col-sm-4">
                                                <h5>Contact Us</h5>

diff --git a/templates/index_base.html b/templates/index_base.html
index 6bec63ed6652996b80fdaf223a3af75e55d83903..e336d5f2cf7a589d31e200e5e122fb95edc04e73 100644 (file)
--- a/templates/index_base.html
+++ b/templates/index_base.html
@@ -93,7 +93,7 @@
 
                <!-- Footer -->
                <footer class="page-footer font-small">
-                       <div class="container">
+                       <div class="container px-5">
                                <div class="row">
                                        <div class="col-sm-4">
                                                <h5>Contact Us</h5>

diff --git a/templates/pages/index.html b/templates/pages/index.html
index 1752b1d5750cbaefa9395f0c60041e8aed4c4dff..c0863ed26a5ef0073bc30f05499f9030424e6ec7 100644 (file)
--- a/templates/pages/index.html
+++ b/templates/pages/index.html
@@ -20,16 +20,21 @@
        -->
 
        <!-- Description -->
-       <div class="container mt-4">
+       <div class="container-fluid mt-4 px-5">
                <div class="row">
-                 <div class="col-sm-6 mb-4">
+                 <div class="col-sm-4 mb-4">
                    <div class="card">
                      <div class="card-body">
                        <h5 class="card-title mb-4">Join us in Orlando!</h5>
-                                               <p class="card-text">PostgresOpen 2019 will be held from September 11th - 13th in Orlando, FL at the Rosen Centre Hotel.</p>
                                                <p class="card-text">
-                                                       The conference delivers two days packed with tutorials and presentations about PostgreSQL and related
-                                                       technologies, one day of extended trainings, and the usual hallway and social track!
+                                                       PostgresOpen is a non–profit, community–run conference series in the United States focused on PostgreSQL,
+                                                       the world’s leading open source database.
+                                                       Our conference delivers two days packed with tutorials and presentations about PostgreSQL and related
+                                                       technologies, one day of extended trainings, and the usual hallway and social track.
+                                                       <strong>
+                                                               Our eighth annual conference will be held September 11th - 13th, 2019 in Orlando, Florida at the Rosen
+                                                               Centre Hotel.
+                                                       </strong>
                                                </p>
                                                <p class="card-text">View our speaker videos from the 2018 PostgresOpen conference <a href="https://www.youtube.com/watch?v=s7a6o0XA6-c&list=PLN8NEqxwuywTzv69eAVgeZ5YO_4q_LJM_">here.</a></p>
                                                <p class="card-text">
@@ -38,7 +43,7 @@
                      </div>
                    </div>
                  </div>
-                 <div class="col-sm-6 mb-4">
+                 <div class="col-sm-4 mb-4">
                    <div class="card">
                      <div class="card-body">
                        <h5 class="card-title mb-4">PostgreSQL Community</h5>
@@ -56,10 +61,28 @@
                      </div>
                    </div>
                  </div>
+                       <div class="col-sm-4 mb-4">
+                               <div class="card">
+                                       <div class="card-body">
+                                               <h5 class="card-title mb-4">Sustainability</h5>
+                                               <p class="card-text">
+                                                       PostgresOpen has committed to providing an environmentally friendly conference experience, involving an organized approach
+                                                       to introducing sustainable materials and processes throughout the conference. 2019 is the first year of PostgresOpen's sustainable
+                                                       approach, and we are working on making small, manageable changes in order to move on to more widespread and effective permanent
+                                                       changes to how our conference is managed. Our goal is to contribute in a meaningful way towards a greener and more sustainable
+                                                       future.
+                                               </p>
+                                               <p class="card-text">
+                                                       More information regarding our initiatives and committments to providing an environmentally friendly conference experience will
+                                                       be made available soon.
+                                               </p>
+                                       </div>
+                               </div>
+                       </div>
                </div>
        </div>
 
-       <div class="container mb-4">
+       <div class="container-fluid mb-4 px-5">
                <div class="card text-center">
                  <div class="card-body">
                    <h5 class="card-title">Important Dates</h5>
@@ -70,7 +93,7 @@
                </div>
        </div>
 
-       <div class="container">
+       <div class="container-fluid px-5">
                <div class="row">
                  <div class="col-sm-6 mb-4">
                    <div class="card text-center">