new design implementation for footer and removed the pre-footer secti…

…on (#6036) * new design implementation for footer and removed the pre-footer section Signed-off-by: SHRAVANI KAWARE <[email protected]> * code formatting * footer spacing issue fixed * removed commented code --------- Signed-off-by: SHRAVANI KAWARE <[email protected]>
knative · Jul 17, 2024 · 3377a60 · 3377a60
1 parent c98f1e6
commit 3377a60
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 46 deletions.
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -2,7 +2,8 @@
   --md-primary-fg-color: #f3f1f2;
   --md-primary-fg-color--dark: #0D4984;
   --md-primary-fg-color--light: #6593C8;
-  --nav-item-color: #494848;
+  --nav-item-color: #4d4d4d;
+  --md-footer-bg-color: #081729;
 }
 
 .md-clipboard {
@@ -356,12 +357,20 @@ border-radius: 0.7rem 0 0 0 ;
 
 .md-footer-meta {
   background-color: var(--md-footer-bg-color);
+  width: 100%;
+}
+
+.md-footer-meta__inner{
+  display: flex;
+  flex-direction: row;
+  margin: 0.5rem 1.5rem;
 }
 
 .footer-links {
   display: flex;
   flex-grow: 1;
   align-items: center;
+  justify-content: center;
 }
 
 .footer-links a {
@@ -488,3 +497,5 @@ border-radius: 0.7rem 0 0 0 ;
     color: var(--nav-item-color);
   }
 }
+
+
diff --git a/overrides/assets/stylesheets/home.css b/overrides/assets/stylesheets/home.css
@@ -488,7 +488,7 @@ position: relative;
 /* cncf notice container css */
 .cncf-notice-container {
   background-color: white;
-  padding-top: 0;
+  padding-top: 1rem;
 }
 
 .cncf-notice-container h3 {

diff --git a/overrides/home.html b/overrides/home.html
@@ -277,49 +277,6 @@ <h1>
     <h3>Knative is a <a href="https://www.cncf.io/">Cloud Native Computing Foundation</a> incubation project</h3>
     <img class="cncf-logo" src="images/home-images/cncf-color.png" alt="" draggable="false" />
   </section>
-
-  <section class="whats-next-container">
-    <div class="md-grid md-typeset">
-      <h1>What's Next?</h1>
-      <div class="component-flex">
-        <div class="pane">
-          <a href="https://slack.cncf.io" title="Slack Link">
-            <div class="twemoji">
-              {% include ".icons/fontawesome/brands/slack.svg" %}
-            </div>
-            <h2>Talk to us on Slack in #knative</h2>
-            <p class="normal-text">Interested in learning more, speaking to other contributors, or finding answers?</p>
-          </a>
-        </div>
-        <div class="pane">
-          <a href="{{ 'community/contributing' | url }}" title="Contributing Link">
-            <div class="twemoji">
-              {% include ".icons/fontawesome/brands/github.svg" %}
-            </div>
-            <h2>Contributions Welcome</h2>
-            <p class="normal-text">Want to join the fun on Github? New users are always welcome!</p>
-          </a>
-        </div>
-        <div class="pane">
-          <div class="whats-next-logo">
-            <a href="https://twitter.com/KnativeProject" title="Twitter Link">
-              <div class="twemoji">
-                <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" /></svg>
-              </div>
-            </a>
-            <h1 style="font-size: 50px;">|</h1>
-            <a href="https://www.linkedin.com/company/knative" title="Linkedin Link">
-              <div class="twemoji">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -15 448 512"><path d="M100.3 448H7.4V148.9h92.9zM53.8 108.1C24.1 108.1 0 83.5 0 53.8a53.8 53.8 0 0 1 107.6 0c0 29.7-24.1 54.3-53.8 54.3zM447.9 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448z" /></svg>
-              </div>
-            </a>
-          </div>
-          <h2>Follow us</h2>
-          <p class="normal-text">For feature announcements, interesting Knative news, and other great things.</p>
-        </div>
-      </div>
-    </div>
-  </section>
 </div>
 {% endblock %}
 

diff --git a/overrides/partials/footer.html b/overrides/partials/footer.html
@@ -59,7 +59,7 @@
 
   <!-- Further information -->
   <div class="md-footer-meta md-typeset">
-    <div class="md-footer-meta__inner md-grid">
+    <div class="md-footer-meta__inner">
 
       <!-- Copyright and theme information -->
       <div class="md-footer-copyright">