Resolve "header and tagline like componentkit.org"

Closes #22 (closed)

src/css/custom.css

@@ -95,3 +95,32 @@ p {
   font-family: var(--ifm-font-family); 
   font-weight: 600;
 } 
+
+header {
+  position: relative;
+  height: 300px;
+  background-image: linear-gradient( var(--ifm-color-light-green),  var(--ifm-color-dark-green));
+  /* background-image: linear-gradient( var(--ifm-color-dark-green),  var(--ifm-color-light-green)); 
+  background-image: var(--ifm-color-dark-green);*/
+  clip-path: polygon(
+    0 0,
+    100% 0,
+    100% 100%,
+    0 calc(100% - 5vw)
+  );
+  /* change the calc height to a percentage height to get alternate responsive behavior*/
+}
+/*
+h1 {
+  margin: 0;
+  padding: 100px 0;
+   font: 44px "Arial";
+  color: white;
+  text-align: center;
+} */
+/* 
+section {
+  margin-top: 5vw;
+  background-image: linear-gradient(135deg, #777, #111);
+} 
+*/