Footer updates (#575)

mattfarina · prydonius · commit eadfa5a7e61e · 2018-12-06T15:09:54.000-08:00
* Removing GitHub fork icon in top right

Monocular can be run in numerous places with an intent other
than highlighting monocular. Our next big example is the hub.
Since the about link can be customized we are enabling the
header to focus on how the instance is setup.

Signed-off-by: Matt Farina &lt;matt@mattfarina.com&gt;

* Updating the Monocular footer

The new footer highlights:
- The Helm Hub
- The CNCF
- Where people can follow Helm
- Monocular

Signed-off-by: Matt Farina &lt;matt@mattfarina.com&gt;
diff --git a/frontend/src/app/footer/footer.component.html b/frontend/src/app/footer/footer.component.html
@@ -1,23 +1,25 @@
 <footer class="footer">
-  <app-footer-list [title]="'Contribute'">
-    <li><a class="reverse" target="_blank" href="https://github.com/helm/monocular">Github</a></li>
-    <li><a class="reverse" target="_blank" href="http://slack.k8s.io/#helm-users">Slack</a></li>
-    <li><a class="reverse" target="_blank" href="https://twitter.com/helmpack">Twitter</a></li>
-  </app-footer-list>
-  <app-footer-list [title]="'How to use'">
+  <app-footer-list [title]="'Helm'">
     <li><a class="reverse" target="_blank" href="https://helm.sh/">What is Helm?</a></li>
     <li><a class="reverse" target="_blank" href="https://docs.helm.sh">Documentation</a></li>
     <li><a class="reverse" target="_blank" href="https://github.com/helm/community">Community</a></li>
   </app-footer-list>
+  <app-footer-list [title]="'Contribute'">
+    <li><a class="reverse" target="_blank" href="https://github.com/helm/hub">Helm Hub</a></li>
+    <li><a class="reverse" target="_blank" href="https://github.com/helm/monocular">Monocular</a></li>
+    <li><a class="reverse" target="_blank" href="https://github.com/helm/helm">Helm</a></li>
+  </app-footer-list>
+  <app-footer-list [title]="'Follow'">
+    <li><a class="reverse" target="_blank" href="http://slack.k8s.io/#helm-users">Slack</a></li>
+    <li><a class="reverse" target="_blank" href="https://twitter.com/helmpack">Twitter</a></li>
+    <li><a class="reverse" target="_blank" href="https://www.youtube.com/c/helmpack">YouTube</a></li>
+  </app-footer-list>
   <div class="footer__repo">
-    <div class="footer__opensource">Monocular is an
-      <a class="reverse" href="https://github.com/helm/monocular">Open Source project</a>
-      | {{ monocularVersion }}
+    <div class="footer__opensource">
+        We are a <a href="https://www.cncf.io/" target="_blank">Cloud Native Computing Foundation</a> incubating project.
     </div>
     <span class="footer__maintainers">
-      With <img src="/assets/images/hearth.svg" />
-      by <a class="reverse" target="_blank" href="https://bitnami.com/">Bitnami</a>
-      and <a class="reverse" target="_blank" href="https://microsoft.com/">Microsoft</a>
+        <a href="https://www.cncf.io/" target="_blank"><img src="/assets/images/logo-CNCF.png" /></a>
     </span>
   </div>
 </footer>
diff --git a/frontend/src/app/footer/footer.component.scss b/frontend/src/app/footer/footer.component.scss
@@ -29,7 +29,6 @@
     font-size: .9em;
 
     img {
-      width: 1em;
       display: inline-block;
       vertical-align: bottom;
     }
diff --git a/frontend/src/assets/images/logo-CNCF.png b/frontend/src/assets/images/logo-CNCF.png
diff --git a/frontend/src/index.html b/frontend/src/index.html
@@ -30,9 +30,6 @@
   <script src="assets/js/overrides.js"></script>
 </head>
 <body>
-  <a href="https://github.com/helm/monocular" class="github-corner" aria-label="View source on Github">
-    <svg viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg>
-  </a>
   <div class='container'>
     <app-root>
       <div class="main-loader">

Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,6 @@`
`29`	`29`	`font-size: .9em;`
`30`	`30`
`31`	`31`	`img {`
`32`		`- width: 1em;`
`33`	`32`	`display: inline-block;`
`34`	`33`	`vertical-align: bottom;`
`35`	`34`	`}`