Updating page, footer and styling

_board_info/advanced-micro-devices,-inc.md → _board_info/advanced-micro-devices.md

@@ -1,9 +1,9 @@
 ---
-title: Advanced Micro Devices, Inc
+title: AMD
 summary: ''
 link: https://pytorch.org/resources/contributors
 image: /assets/images/announcement-logo-amd.jpg
 class: pytorch-resource
 order: 1
 featured-home: true
----
+---

_board_info/amazon-web-services,-inc.md → _board_info/amazon-web-services.md

@@ -1,9 +1,9 @@
 ---
-title: Amazon Web Services, Inc
+title: Amazon
 summary: ''
 link: https://pytorch.org/resources/contributors
 image: /assets/images/announcement-logo-aws.jpg
 class: pytorch-resource
 order: 2
 featured-home: true
----
+---

_board_info/google-llc.md → _board_info/google-cloud.md

@@ -1,9 +1,9 @@
 ---
-title: Google LLC
+title: Google Cloud
 summary: ''
 link: https://pytorch.org/resources/contributors
-image: /assets/images/announcement-logo-google.jpg
+image: /assets/images/announcement-logo-google.png
 class: pytorch-resource
 order: 3
 featured-home: true
----
+---

_board_info/microsoft-corporation.md

@@ -1,9 +1,9 @@
 ---
-title: Microsoft Corporation
+title: Microsoft
 summary: ''
 link: https://pytorch.org/resources/contributors
 image: /assets/images/announcement-logo-microsoft.jpg
 class: pytorch-resource
 order: 5
 featured-home: true
----
+---

_board_info/nvidia-corporation.md

@@ -1,9 +1,9 @@
 ---
-title: Nvidia Corporation
+title: Nvidia
 summary: ''
 link: https://pytorch.org/resources/contributors
 image: /assets/images/announcement-logo-nvidia.jpg
 class: pytorch-resource
 order: 5
 featured-home: true
----
+---

_includes/footer.html

@@ -74,10 +74,17 @@ <h2>Resources</h2>
 
     <div class="privacy-policy">
       <ul>
-        <li class="privacy-policy-links"><a href="{{ site.baseurl }}/assets/tos-oss-privacy-policy/fb-tos-privacy-policy.pdf" target="_blank">Terms</a></li>
+        <li class="privacy-policy-links"><a href="https://www.linuxfoundation.org/terms/" target="_blank">Terms</a></li>
         <li class="privacy-policy-links">|</li>
-        <li class="privacy-policy-links"><a href="{{ site.baseurl }}/assets/tos-oss-privacy-policy/fb-oss-privacy-policy.pdf" target="_blank">Privacy</a></li>
+        <li class="privacy-policy-links"><a href="https://www.linuxfoundation.org/privacy-policy/" target="_blank">Privacy</a></li>
       </ul>
+      <div class="copyright">
+        <p>© Copyright The Linux Foundation. The PyTorch Foundation is a project of The Linux Foundation. 
+          For web site terms of use, trademark policy and other policies applicable to The PyTorch Foundation please see 
+          <a href="www.linuxfoundation.org/policies/">www.linuxfoundation.org/policies/</a>. The PyTorch Foundation supports the PyTorch open source 
+          project, which has been established as PyTorch Project a Series of LF Projects, LLC. For policies applicable to the PyTorch Project a Series of LF Projects, LLC, 
+          please see <a href="www.lfprojects.org/policies/">www.lfprojects.org/policies/</a>.</p>
+      </div>
     </div>
   </div>
   {% include google_pixel.html %}

_includes/main_menu.html

@@ -98,8 +98,8 @@
             <p>Learn about PyTorch’s features and capabilities</p>
           </a>
           <a class="nav-dropdown-item" href="{{ site.baseurl }}/pytorch-foundation">
-            <span class=dropdown-title>About the PyTorch Foundation</span>
-            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
+            <span class=dropdown-title>PyTorch Foundation</span>
+            <p>Learn more about the PyTorch Foundation, the charter, and our governing board.</p>
           </a>
           <a class="nav-dropdown-item" href="{{ site.baseurl }}/#community-module">
             <span class=dropdown-title>Community</span>

_includes/mobile_menu.html

@@ -106,7 +106,7 @@
           </li>
 
           <li>
-            <a href="{{ site.baseurl }}/pytorch-foundation">About the PyTorch Foundation</a>
+            <a href="{{ site.baseurl }}/pytorch-foundation">PyTorch Foundation</a>
           </li>
 
           <li>

_sass/_variables.scss

@@ -23,7 +23,7 @@ $mid_gray: #979797;
 
 $desktop_header_height: 90px;
 $mobile_header_height: 68px;
-$desktop_footer_height: 471px;
+$desktop_footer_height: 560px;
 $site_horizontal_padding: 30px;
 
 @import "../node_modules/bootstrap/scss/variables";

_sass/announcement.scss

@@ -7,30 +7,29 @@
   }
 
   .hero-content { 
-    top: $mobile_header_height + 32px;
-    height: 100%;
+    top: $mobile_header_height + 60px;
+    height: 230px;
     position: relative;
     margin-bottom: 140px;
     justify-content: center;
 
-    @media screen and (min-width: 746px) {
-      margin-bottom: 190px;
-    }
     @media screen and (min-width: 1000px) {
+      height: 300px;
       top: $mobile_header_height + 60px;
-      grid-template-rows: auto;
-      column-gap: 30px;
     }
+
     h1 {
+      font-size: rem(60px);
+      text-transform: uppercase;
+      font-weight: lighter;
+      letter-spacing: 1.08px;
+      margin-bottom: rem(10px);
+      line-height: 1.05;
       color: $white;
-      font-weight: 300;
-      font-size: 60px;
-    }
-    p.lead {
-      margin-bottom: rem(25px);
-      padding-top: rem(30px);
-      color: $white;
-      width: 100%;
+
+      @include desktop {
+        font-size: rem(72px);
+      }
     }
   }
 
@@ -44,16 +43,7 @@
   }
 
   .main-background {
-    height: 15.5%;
-    @media screen and (min-width: 420px) {
-      height: 14.5%;
-    }
-    @media screen and (min-width: 498px) {
-      height: 12.5%;
-    }
-    @media screen and (min-width: 746px) {
-      height: 13.6%;
-    }
+    height: 350px;
 
   }
 
@@ -103,17 +93,24 @@
         .hs-button {
           background-image: url($baseurl + "/assets/images/chevron-right-orange.svg");
           background-size: 6px 13px;
-          background-position: top 9px right 11px;
+          background-position: top 16px right 11px;
           background-repeat: no-repeat;
           border-radius: 0;
           border: none;
-          background-color: $light_grey;
+          background-color: $white;
           color: $quick_start_grey;
           font-weight: 400;
           position: relative;
           letter-spacing: 0.25px;
-          padding: rem(2px) rem(32px) rem(2px) rem(12px);
+          padding: rem(12px) rem(32px) rem(12px) rem(12px);
           margin: 10px 0;
+
+          @include animated_border_hover_state;
+
+          @include desktop {
+            background-position: top 19px right 11px;
+          }
+
         }
 
         fieldset.form-columns-2, fieldset.form-columns-1 {

_sass/footer.scss

@@ -1,13 +1,12 @@
 .site-footer {
-  padding: rem(40px) 0;
+  padding: rem(60px) 0;
   width: 100%;
   background: $black;
   background-size: 100%;
   margin-left: 0;
   margin-right: 0;
 
   @include desktop {
-    padding: rem(80px) 0;
     position: absolute;
     left: 0;
     bottom: 0;
@@ -53,11 +52,22 @@
   .privacy-policy {
     background: #000000;
     display: flex;
-    .privacy-policy-links {
+    flex-direction: column;
+    ul {
+      border-bottom: 1px solid white;
+      .privacy-policy-links {
+        padding-bottom: 1rem;
+        padding-top: 1rem;
+        padding-right: 1rem;
+        display: inline-flex;
+        color: white;
+      }
+    }
+    .copyright {
       padding-top: 1rem;
-      padding-right: 1rem;
-      display: inline-flex;
-      color: white;
+      p {
+        color: $quick_start_grey;
+      }
     }
   }
 }
@@ -159,6 +169,7 @@
 .footer-links-wrapper {
   display: flex;
   flex-wrap: wrap;
+  padding-bottom: 1rem;
   border-bottom: 1px solid white;
 
   @include desktop {

_sass/search.scss

@@ -289,7 +289,7 @@ input::placeholder {
   padding: 4px;
 }
 
-.homepage-header {
+.homepage-header, .announcement-header {
   input#search-input {
     background-image: url($baseurl + "/assets/images/search-icon-white.svg");
     color: $white;

announcement.html

@@ -10,14 +10,22 @@
 <div class="container">
   <div class="row hero-content">
     <div class="col-md-10">
-      <h1>About the PyTorch Foundation</h1>
-      <span></span>
-      <p class="lead">The PyTorch Foundation is a neutral home for the deep learning community to collaborate 
-        on the open source PyTorch framework and ecosystem. The PyTorch Foundation is supported by leading contributors to the 
-        PyTorch open source project and leverages resources provided by members and contributors to enable community discussions and collaboration. 
-        Community collaboration is critical for the framework’s evolution as well as the development of associated projects that support using PyTorch in 
-        production and at scale. The PyTorch community also collaborates on training, local and regional events, open source developer tooling, academic 
-        research, and guides to help new users and contributors have a productive experience.</p>
+      <h1>PyTorch<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Foundation</h1>
+    </div>
+  </div>
+</div>
+
+<div class="container-fluid light-background-section">
+  <div class="container">
+    <div class="row content">
+      <div class="col-md-10 body-side-text">
+        <p class="lead">The PyTorch Foundation is a neutral home for the deep learning community to collaborate 
+          on the open source PyTorch framework and ecosystem. The PyTorch Foundation is supported by leading contributors to the 
+          PyTorch open source project and leverages resources provided by members and contributors to enable community discussions and collaboration. 
+          Community collaboration is critical for the framework’s evolution as well as the development of associated projects that support using PyTorch in 
+          production and at scale. The PyTorch community also collaborates on training, local and regional events, open source developer tooling, academic 
+          research, and guides to help new users and contributors have a productive experience.</p>
+      </div>
     </div>
   </div>
 </div>
@@ -47,7 +55,6 @@ <h1>Members & Governing Board</h1>
                   <div class="card {{ card.title }}">
                     <a href="{{ card.link }}" target="_blank">
                       <div class="card-body">
-                        <h4>{{ card.title }}</h4>
                         <img src="{{ card.image }}"/>
                       </div>
                     </a>
@@ -84,7 +91,7 @@ <h1>Governance</h1>
         <span></span>
         <p class="lead">The PyTorch Foundation’s governance structure establishes a Governing Board to oversee the Foundation’s activities 
           according to its <a href="#">Guiding Principles</a>. The Foundation’s governance is defined in its <a href="#">Charter</a>. The technical governance structure for the PyTorch open source project 
-          is defined by the PyTorch maintainers and is available in the GitHub repository <a href="https://pytorch.org/docs/master/community/governance.html">here</a> and <a href="#">here</a>.</p>
+          is defined by the PyTorch maintainers and is available in the  <a href="https://pytorch.org/docs/master/community/governance.html">GitHub repository</a>.</p>
         <a class="btn btn-lg with-right-arrow" href="https://pytorch.org/#community-module">
           Join
         </a>