ref: 3c881d576b8485e626c96ace48682040e163a609
parent: b5645ec96af3ef2f5a017e61d5ce8404741ff224
author: halfwit <michaelmisch1985@gmail.com>
date: Sat Nov 9 07:00:52 PST 2019
Start ripping out the unused CSS crap
--- a/resources/css/default.css
+++ b/resources/css/default.css
@@ -50,10 +50,6 @@
width: 1px !important;
overflow: hidden;
}
-header nav.hamburger {- display: none;
- font-size: 1.1em;
-}
header nav.login {order: 3;
}
@@ -120,10 +116,6 @@
font-size: 16px;
font-family: "Avenir Next", "Avenir", "Nunito", "Lato", sans-serif;
}
-aside {- width: 1024px;
- height: 768px;
-}
body {display: grid;
grid-gap: 20px;
@@ -133,58 +125,6 @@
"content"
"footer";
}
-header input:checked ~ nav {- top: 5rem;
- display: flex;
- flex-direction: column;
- align-content: center;
- position: absolute;
- background: #cdcdcd;
- right: 0;
- width: 100%;
- min-width: 200px;
- max-width: 400px;
- height: 100vh;
- border-radius: 2px;
- box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.2);
-}
-header input:checked ~ nav.hamburger {- height: calc(85% - 4.5rem);
- overflow: auto;
- list-style-type: none;
- -webkit-font-smoothing: antialiased;
-}
-header input:checked ~ nav.hamburger a,
-header input:checked ~ nav.hamburger details {- font-family: "Arial";
- cursor: pointer;
- display: block;
- padding: 22px;
- color: #232323;
-}
-header input:checked ~ nav.hamburger hr {- width: 90%;
- border-bottom: 1px solid #323232;
-}
-header input:checked ~ nav.hamburger details[open] ul {- margin-top: 1rem;
-}
-header input:checked ~ nav.hamburger details:hover,
-header input:checked ~ nav.hamburger a:hover {- color: #3b4a96;
-}
-header input:checked ~ nav.login {- display: flex;
- flex-direction: row;
- justify-content: space-around;
- width: 100%;
- top: calc(100vh - 15%);
- height: 15%;
- padding-top: 1em;
- background: #323232;
- list-style-type: none;
- -webkit-font-smoothing: antialiased;
-}
main section {padding: 1.5rem;
width: auto;
@@ -251,139 +191,9 @@
fill: #4b83f2;
filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
}
-@media (max-width: 700px) {- footer {- flex-direction: column;
- flex-flow: column-wrap;
- align-items: center;
- }
- footer nav.rightfooter {- order: 0;
- }
-}
-@media (pointer: coarse) and (orientation: portrait) {- footer {- font-size: 3rem;
- flex-direction: column;
- flex-flow: column-wrap;
- align-items: center;
- }
- footer nav.rightfooter {- order: 0;
- }
-}
footer nav details[open] footer nav details[open] li a {color: #cdcdcd;
}
footer nav details[open] li a:hover {color: #3b4a96;
-}
-
-@media (max-width: 700px) {- header a.logo {- visibility: collapse;
- width: 0px;
- padding: 0px;
- flex-shrink: 50;
- }
-}
-@media (max-width: 500px) {- header svg.headerlogo {- display: none;
- }
-}
-@media (hover: hover) and (pointer: fine) and (max-width: 900px) {- header {- font-size: 1rem;
- height: 48px;
- }
-
- header a.logo {- visibility: collapse;
- width: 0px;
- padding: 0px;
- flex-shrink: 50;
- }
- header input:checked ~ nav {- top: 48px;
- }
- header nav.login a { - font-size: 1rem;
- padding: 0.8rem;
- }
- header nav.login a:hover {- font-size: 1rem;
- padding: 0.8rem;
- }
-}
-@media (hover: hover) and (pointer: fine) and (min-width: 900px) {- hr,
- header label {- display: none;
- }
- header {- padding-right: 0;
- height: 48px;
- }
- header nav.hamburger {- order: 3;
- display: flex;
- color: #cdcdcd;
- }
- header nav.hamburger li,
- header nav.hamburger details {- display: flex;
- padding: 0.8rem 0.5rem;
- font-size: 1rem;
- cursor: pointer;
- font-family: "Arial";
- }
- header nav.hamburger details[open] ul {- display: flex;
- flex-direction: column;
- position: absolute;
- width: auto;
- top: 100%;
- z-index: 1;
- background: #cdcdcd;
- box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.3);
- padding: 0.5rem;
- margin: 4px 0 0 -10px;
- border-radius: 0.2rem;
- }
- header nav.hamburger details[open] li {- width: auto;
- display: block;
- padding: 1rem 0.2rem;
- }
- header nav.hamburger details[open] li a {- color: #323232;
- padding: 1rem 0.2rem;
- }
- header nav.hamburger details[open] li a:hover {- width: 100%;
- display: block;
- padding: 1rem 0.2rem;
- color: #3b4a96;
- }
- header nav.hamburger ul {- display: flex;
- }
- header nav.login a {- font-size: 1rem;
- padding: 0.8rem 0.5rem;
- }
- header nav.login a.signin {- margin-right: 1rem;
- }
- header nav.login a.signup {- background-color: #323232;
- margin-right: 0rem;
- }
- header nav.hamburger details:hover,
- header nav.login a:hover {- padding: 0.8rem 0.5rem;
- background-color: #111111;
- transition: all 0.5s ease;
- }
}
\ No newline at end of file
--- a/resources/css/index.css
+++ /dev/null
@@ -1,27 +1,0 @@
-aside.tagline {- margin: 0 auto;
- background-size: contain;
- background-image: url('https://image.shutterstock.com/z/stock-vector-online-consultation-concept-with-character-can-use-for-web-banner-infographics-hero-images-flat-1241185750.jpg');- background-repeat: no-repeat;
- padding-bottom: 38%;
-}
-@media (any-hover: hover) and (any-pointer: fine) {- aside.tagline {- background-image: url('https://image.shutterstock.com/z/stock-vector-online-doctor-at-work-can-use-for-web-banner-infographics-hero-images-flat-isometric-vector-1241183551.jpg');- }
-}
-
-aside.showcase {- display: flex;
- flex-direction: row;
- flex-flow: row wrap;
- justify-content: space-evenly;
-}
-aside.showcase table th {- padding: 1.5rem;
- font-family: "Avenir Next", "Avenir", "Nunito", "Lato", sans-serif;
- color: #323232;
-}
-aside.showcase th p {- font-family: "Georgia", "Times", "Times New Roman", serif;
-}
--- a/templates/header.tpl
+++ b/templates/header.tpl
@@ -13,9 +13,7 @@
<body>
<header class="navbar">
<!-- This changes based on user login status-->
- <a href="{{.basedir}}/index.html" class="logo"><svg class="headerlogo" 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> Olmax Medical</a>- <input type="checkbox" id="showmenu" />
- <label for="showmenu">☰</label>
+ <a href="{{.basedir}}/index.html" class="logo"><svg class="headerlogo" xmlns="http://www.w3.org/2000/svg"><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> Olmax Medical</a><nav class="hamburger">
<details class="how-it-works">
<summary>{{.howworks}}</summary>