Footer updates (#575)

* 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 <[email protected]> * Updating the Monocular footer The new footer highlights: - The Helm Hub - The CNCF - Where people can follow Helm - Monocular Signed-off-by: Matt Farina <[email protected]>
helm · Dec 6, 2018 · eadfa5a · eadfa5a
1 parent c5f9514
commit eadfa5a
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 16 deletions.
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">