Modify mobile styles

diff --git a/static/css/style.css b/static/css/style.css
index 269c3e300b1492b75e8297b5bc5acaf9b7bedd5f..85e6388598915d21a4457bfe65b86450df5cd8df 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -10,6 +10,9 @@ body {
 h1, h2, h3, h4, h5, h6 {
   font-weight: 600;
   text-transform: uppercase;
+}
+
+h1, h2, h3, h4 {
   margin: 1.5rem 0;
 }
 
@@ -60,9 +63,9 @@ a:active {
 
 .jumbotron {
   background-image: url("../images/banner.png");
-  background-position: bottom;
+  background-position: bottom right;
   background-repeat: no-repeat;
-  background-size: 100%;
+  background-size: cover;
   box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
   height: 30rem;
   margin-bottom: 0;
@@ -124,3 +127,54 @@ a:active {
 sub {
   bottom: 0 !important;
 }
+
+@media (max-width: 991px) {
+  .navbar {
+    align-items: center !important;
+    padding: 0.5rem 2rem;
+  }
+
+  .logo {
+    display: none;
+  }
+
+  .jumbotron {
+    background-image: url("../images/banner-mobile.png");
+  }
+
+  .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) {
+  .jumbotron h1 {
+    margin: 0.5rem 0;
+  }
+
+  .jumbotron {
+    padding: 4rem 1rem;
+    text-align: right;
+  }
+
+  .jumbotron h1 {
+    font-size: 2.5rem;
+  }
+
+  .page-footer > .container > .row > .col-sm-4 {
+    padding: 0 2rem;
+  }
+}

diff --git a/static/images/banner-mobile.png b/static/images/banner-mobile.png
new file mode 100644 (file)
index 0000000..23fce4b
Binary files /dev/null and b/static/images/banner-mobile.png differ

diff --git a/templates/base.html b/templates/base.html
index 0abd5a06d3015f2103bed9e0c90ec608fd27318a..198548bc0cd2c1a3d8b2e6d6f73ed1804f67b980 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -11,7 +11,7 @@
                <meta name="keywords" content="PostgreSQL" />
                <meta name="author" content="United States PostgreSQL Association" />
                <meta name="google-site-verification" content="blxbviCSHoY6wxZrtoL4ZEvpdICZTrsIFx0VYEVHbuc" />
-               <meta name="theme-color" content="#D95A4B"/>
+               <meta name="theme-color" content="#336791"/>
 
                <title>{%block title%}PostgresOpen 2019{%endblock%}</title>
 

diff --git a/templates/index_base.html b/templates/index_base.html
index 7b5bc4484ee873f50413945f8cde482d27d010cb..0b120feae575b4542119097b9937d36eaaaabd5c 100644 (file)
--- a/templates/index_base.html
+++ b/templates/index_base.html
@@ -11,7 +11,7 @@
                <meta name="keywords" content="PostgreSQL" />
                <meta name="author" content="United States PostgreSQL Association" />
                <meta name="google-site-verification" content="blxbviCSHoY6wxZrtoL4ZEvpdICZTrsIFx0VYEVHbuc" />
-               <meta name="theme-color" content="#D95A4B"/>
+               <meta name="theme-color" content="#336791"/>
 
                <title>{%block title%}PostgresOpen 2019{%endblock%}</title>
 

diff --git a/templates/pages/about.html b/templates/pages/about.html
index 63ee8af1607d8729e6d615a815f1ea93038400c8..5819e1de3a96cbcbf5433d75ada06fcae3e63762 100644 (file)
--- a/templates/pages/about.html
+++ b/templates/pages/about.html
@@ -42,10 +42,9 @@ and from the 2017 Postgres Open conference <a href="https://www.youtube.com/play
 
 <ul>
   <li>Craig Kerstiens, Committee Co-Chair, Citus Data</li>
-  <li>Samantha Billington, OpenTable</li>
-  <li>Joe Conway, VP PostgreSQL Engineering, Crunchy Data Solutions, Inc., PGDG Committer and SDPUG organizer</li>
-  <li>Ozgun Erdogan, CTO, Citus Data</li>
-  <li>Shaun Thomas, Principal Consultant, 2ndQuadrant</li>
+  <li>Joe Conway, VP PostgreSQL Engineering, Crunchy Data Solutions, Inc., PGDG Committer</li>
+  <li>Stacey Hasler, PG Experts</li>
+  <li>Renee Phillips</li>
 </ul>
 
 <p>"PGDG" is the PostgreSQL Global Development Group</p>

diff --git a/templates/pages/index.html b/templates/pages/index.html
index b8916648ab55dfd569cfc0ee21c07674fc9a988c..fde0848d06ee5fb486c18e49c7a42617da1be9dc 100644 (file)
--- a/templates/pages/index.html
+++ b/templates/pages/index.html
@@ -20,9 +20,9 @@
        -->
 
        <!-- Description -->
-       <div class="container my-4">
+       <div class="container mt-4">
                <div class="row">
-                 <div class="col-sm-6">
+                 <div class="col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body">
                        <h5 class="card-title mb-4">Join us in Orlando!</h5>
@@ -38,7 +38,7 @@
                      </div>
                    </div>
                  </div>
-                 <div class="col-sm-6">
+                 <div class="col-sm-6 mb-4">
                    <div class="card">
                      <div class="card-body">
                        <h5 class="card-title mb-4">PostgreSQL Community</h5>
@@ -70,9 +70,9 @@
                </div>
        </div>
 
-       <div class="container mb-4">
+       <div class="container">
                <div class="row">
-                 <div class="col-sm-6">
+                 <div class="col-sm-6 mb-4">
                    <div class="card text-center">
                      <div class="card-body">
                                                <p class="card-text"><b>Call for Presentations Opens</b><br> May 27th, 2019</p>
@@ -88,7 +88,7 @@
                      </div>
                    </div>
                  </div>
-                 <div class="col-sm-6">
+                 <div class="col-sm-6 mb-4">
                    <div class="card text-center">
                      <div class="card-body">
                                                <p class="card-text"><b>Early Bird Registration Closes</b><br> June 30th, 2019</p>