hlfw.ca

webbing

Download patch

ref: 23ac9d04854f28a1abdd945650c23b2580e0aa4b
parent: f44534c9088c7344496d3229c15b080df8699d9e
author: Michael Misch <michaelmisch1985@gmail.com>
date: Mon Nov 11 10:53:18 PST 2019 

Stop messing with CSS for now


--- a/resources/css/default.css
+++ b/resources/css/default.css
@@ -3,89 +3,29 @@
   font-family: "Avenir Next", "Avenir", sans-serif;
   transition: top 0.3s;
 }
-header li {
-  padding: 1rem;
-}
-header a {
-  text-decoration: none;
-  color: #323232;
-}
-header a:visited {
-  color: #323232;
-}
-header label:hover {
-  color: #3b4a96;
-}
-.content {
-  grid-area: content;
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center;
-}
 main {
-  display: -ms-grid;
-  display: -moz-grid;
-  display: grid;
-  grid-gap: 1rem;
-  grid-auto-flow: dense;
-  grid-template-columns: repeat(auto-fill, minmax(60ch, 1fr));
+  grid-area: content;
+  font-size: 1.5rem;
   color: #323232;
 }
-main h2 {
-  padding: 0 1rem 1rem 0;
-  font-family: "Avenir Next", "Avenir", "Nunito", "Lato", sans-serif;
-  font-size: 30px;
-  margin-bottom: -1rem;
-}
-main form {
-  background: white;
-  padding: 1rem;  
-  display: -ms-flexbox;
-  display: -webkit-flex;
-  display: flex;
-  flex-direction: column;
-}
-main form input {
-  font-family: "Georgia", "Times", "Times New Roman", serif;
-  font-size: 16px;
-}
-main form label,
-main form button {
-  font-size: 16px;
-  font-family: "Avenir Next", "Avenir", "Nunito", "Lato", sans-serif;
-}
+
 body {
   display: grid;
   grid-gap: 1rem;
-  grid-template-rows: 10rem auto auto;
+  grid-template-rows: 8rem auto auto;
   grid-template-areas:
     "header"
     "content"
     "footer";
 }
-main section {
-  padding: 1.5rem;
-  width: auto;
-  background-color: white;
-}
-main section h2 {
-  font-family: "Avenir Next", "Avenir", "Nunito", "Lato", sans-serif;
-  color: #323232;
-  font-size: 30px;
-}
-main section p {
-  font-family: "Georgia", "Times", "Times New Roman", serif;
-}
 footer {
   grid-area: footer;
   padding: 1rem;
   padding-top: 2rem;
   display: flex;
-  flex-flow: row wrap;
-  justify-content: space-evenly;
+  flex-flow: column;
+  align-items: center;
+  justify-content: center;
   background-color: #323232;
   color: #cdcdcd;
   font-family: "Avenir Next", "Avenir", sans-serif;
@@ -97,24 +37,9 @@
   text-decoration: none;
   display: block;
 }
-@media all and (max-width: 800px) {
-  footer {
-    justify-content: center;
-    align-items: center;
-    flex-flow: column;
-  }
-  .leftfooter {
-    order: 1;
-  }
-  .rightfooter {
-    order: 2;
-  }
-  .branding {
-    padding-top: 1rem;
-    order: 3;
-  }
-}
 footer section.branding {
+  order: 1;
+  padding-bottom: 2rem;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
@@ -123,6 +48,7 @@
   align-items: center;
 }
 footer nav.leftfooter {
+  order: 2;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
@@ -130,6 +56,7 @@
   justify-content: top;
 }
 footer nav.rightfooter {
+  order: 3;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
@@ -137,9 +64,9 @@
   justify-content: top;
 }
 footer svg {
+  width: 6rem;
+  height: 6rem;
   display: block;
-  width: 6em;
-  height: 6em;
   fill: #4b83f2;
   filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
 }
@@ -148,4 +75,28 @@
 }
 footer nav details[open] li a:hover {
   color: #3b4a96;
+}
+@media only screen and (min-width: 800px) {
+  main {
+    font-size: 1rem;
+  }
+  h1 {
+    font-size: 2rem;
+  }
+  h2 {
+    font-size: 1.8rem;
+  }
+  footer {
+    justify-content: space-evenly;
+    flex-flow: row;
+  }
+  footer section.branding {
+    order: 2;
+  }
+  footer nav.leftfooter {
+    order: 1;
+  }
+  footer nav.rightfooter {
+    order: 3;
+  }
 }
\ No newline at end of file
--- a/templates/footer.tpl
+++ b/templates/footer.tpl
@@ -23,7 +23,7 @@
       </details>
     </nav>
     <section class="branding">
-      <a href="{{.basedir}}/index.html"><svg xmlns="http://www.w3.org/2000/svg" height="380pt" viewBox="0 0 380 380" width="380pt"><path d="m360.296875 172.976562-170.632813-170.632812c-.734374-.742188-1.621093-1.328125-2.613281-1.734375-1.953125-.808594-4.152343-.808594-6.113281 0-.984375.40625-1.871094 1-2.609375 1.734375l-170.621094 170.632812-5.359375 5.359376c-3.128906 3.128906-3.128906 8.183593 0 11.3125l175.992188 175.992187c.734375.742187 1.621094 1.328125 2.605468 1.734375.976563.410156 2.015626.617188 3.058594.617188 1.039063 0 2.078125-.207032 3.054688-.617188.984375-.40625 1.871094-.992188 2.605468-1.734375l175.992188-175.992187c3.128906-3.128907 3.128906-8.183594 0-11.3125zm-184.292969 48.777344-151.089844-37.761718 151.089844-37.761719zm16-75.523437 151.085938 37.761719-151.085938 37.761718zm-16-16.476563-136.570312 34.125 136.570312-136.574218zm0 108.476563v102.449219l-136.570312-136.574219zm16 0 136.566406-34.125-136.566406 136.574219zm0-108.476563v-102.449218l136.566406 136.566406zm0 0"/></svg></a>
+      <a href="{{.basedir}}/index.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 380" width="100%"><path d="m360.296875 172.976562-170.632813-170.632812c-.734374-.742188-1.621093-1.328125-2.613281-1.734375-1.953125-.808594-4.152343-.808594-6.113281 0-.984375.40625-1.871094 1-2.609375 1.734375l-170.621094 170.632812-5.359375 5.359376c-3.128906 3.128906-3.128906 8.183593 0 11.3125l175.992188 175.992187c.734375.742187 1.621094 1.328125 2.605468 1.734375.976563.410156 2.015626.617188 3.058594.617188 1.039063 0 2.078125-.207032 3.054688-.617188.984375-.40625 1.871094-.992188 2.605468-1.734375l175.992188-175.992187c3.128906-3.128907 3.128906-8.183594 0-11.3125zm-184.292969 48.777344-151.089844-37.761718 151.089844-37.761719zm16-75.523437 151.085938 37.761719-151.085938 37.761718zm-16-16.476563-136.570312 34.125 136.570312-136.574218zm0 108.476563v102.449219l-136.570312-136.574219zm16 0 136.566406-34.125-136.566406 136.574219zm0-108.476563v-102.449218l136.566406 136.566406zm0 0"/></svg></a>
       <h1>Olmax Medical</h1>
     	<banner>{{.banner}}</banner>
     	<small>{{.copy}}</small>
--- a/templates/help/provider.tpl
+++ b/templates/help/provider.tpl
@@ -31,7 +31,5 @@
 	    <h1><strong>{{.safety}}</strong></h1>
 	    <h3>{{.trust}}</h3>
 	    <p>{{.trustText}}</p>
-	    <h1>{{.seeingPatients}}</h1>
-	    <button>{{.getStartedLink}}</button>
 	</main>
 {{end}}
\ No newline at end of file
--- a/templates/index.tpl
+++ b/templates/index.tpl
@@ -21,20 +21,4 @@
 	      <p>{{.paymentText}}</p>
 	    </section>
 	  </main>
-	  <aside class="showcase">
-	    <table>
-	    <tr>
-	        <th colspan="3">{{.doctorsFrom}}<!-- {{.userCountry}} --></th>
-		{{range .doctors}}
-	    <tr>
-	    <th><img src="images/{{.Image}}" width="155" height="255"/><a href="guest/invoice.html"><h4>{{.Name}}</h4></a>
-		    <p>{{.Specialty}}
-		    <p>{{.Rate}}</p>
-		</th>
-		</tr>
-		{{end}}
-		<th><a href="guest/catalog.html"><h5>{{.seeMore}}</h5></a></th>
-	    </table>
-	    </section>
-	  </aside>
 {{end}}
\ No newline at end of file