PyTorch Conference hero takeover (#1710)

cjyabraham · web-flow · commit 5acd73bf3413 · 2024-08-19T07:59:25.000+07:00
* PyTorch Conference hero takeover

Signed-off-by: Chris Abraham &lt;cjyabraham@gmail.com&gt;

* reduce size of mobile font

Signed-off-by: Chris Abraham &lt;cjyabraham@gmail.com&gt;

* improve the fading on bg image

Signed-off-by: Chris Abraham &lt;cjyabraham@gmail.com&gt;

---------

Signed-off-by: Chris Abraham &lt;cjyabraham@gmail.com&gt;
diff --git a/_sass/base_styles.scss b/_sass/base_styles.scss
@@ -128,8 +128,12 @@ a, .btn {
   &.home-page-background {
     z-index: -1;
     height: 350px;
+    background-size: unset;
+    background-image: url($baseurl + "/assets/images/pt-conference.jpg");
+    
     @include desktop {
       height: 570px;
+      background-size: 100%;
     }
   }
   &.hub-background {
diff --git a/_sass/jumbotron.scss b/_sass/jumbotron.scss
@@ -32,7 +32,7 @@
   }
 
   h1 {
-    font-size: rem(36px);
+    font-size: rem(32px);
     text-transform: uppercase;
     font-weight: lighter;
     letter-spacing: 1.08px;
@@ -41,7 +41,7 @@
     margin-top: 4rem;
 
     @include desktop {
-      font-size: rem(62px);
+      font-size: rem(54px);
       margin-top: 0;
     }
     
diff --git a/assets/images/pt-conference.jpg b/assets/images/pt-conference.jpg
diff --git a/assets/images/pytconf24-color-whitetext.svg b/assets/images/pytconf24-color-whitetext.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="-6.95 32.55 413.66 179.66"><title>pytconf24-color-whitetext.svg</title><style>svg {enable-background:new 0 0 400 245}</style><style>.st0{fill:#fff}</style><path d="M57.8 64l-5.9 5.9c9.7 9.7 9.7 25.5 0 35.3-9.7 9.7-25.5 9.7-35.3 0-9.7-9.7-9.7-25.5 0-35.3l15.5-15.5 2.1-2.1V40.5L10.8 64c-13 13-13 34.1 0 47s34.1 13 47 0 13-34 0-47" class="st0"/><path d="M49.1 61.2c1.7-1.7 1.7-4.4 0-6.1-1.7-1.7-4.4-1.7-6.1 0s-1.7 4.4 0 6.1 4.4 1.7 6.1 0" class="st0"/><path d="M123.2 64.1h-9.1v28.7l8.9-.2c11.8-.2 18.2-4.9 18.2-14.6.1-8.9-6.3-13.9-18-13.9m-.6 34.5l-8.5.1v22h-6.4V58.2h15.7c16.5 0 24.4 8 24.4 19.5.1 13.7-9.6 20.7-25.2 20.9m54.1 21.6l-3.7 9.9c-4.2 11.2-8.6 14.4-14.8 14.4-3.5 0-6.1-.9-8.9-2.1l1.9-5.7c2.2 1.2 4.5 2 7 2 3.5 0 6.1-1.9 9.4-10.6l3.1-8.1-17.9-45.2h6.7l14.4 37.9L188 74.9h6.5l-17.8 45.3z" class="st0"/><path d="M215.7 64.2v56.5h-6.4V64.2h-22.1v-6h50.5v6z" class="st0"/><path d="M256 79.2c-9.7 0-16.1 7.7-16.1 18.5s6.5 18.7 16.2 18.7 16.1-7.7 16.1-18.5-6.5-18.7-16.2-18.7m-.2 42.8c-12.7 0-22.1-9.4-22.1-24.1s9.8-24.3 22.6-24.3 22 9.4 22 24.1-9.8 24.3-22.5 24.3m38.2-1.3h-6.2V74.9l6.2-1.3v9.8c3-5.9 7.5-9.8 13.5-9.8 3 0 5.9.9 8 2.1l-1.6 5.8c-2-1.2-4.4-2-7-2-4.8 0-9.3 3.6-12.9 11.8v29.4zm46 1.3c-13.8 0-22.4-9.9-22.4-24.1s9.5-24.3 22.5-24.3c5.6 0 10.4 1.4 14.3 3.9l-1.6 5.6c-3.5-2.3-7.9-3.7-12.7-3.7-9.9 0-16.1 7.4-16.1 18.3s6.5 18.5 16.2 18.5c4.6 0 9.2-1.5 12.7-3.8l1.3 5.7c-3.9 2.4-8.9 3.9-14.2 3.9m52.8-1.3V91.1c0-8-3.2-11.6-9.8-11.6-5.3 0-10.4 2.7-14.2 6.5v34.7h-6.2V53.2l6.2-1.3v28.9c4.8-4.8 10.8-7.3 15.9-7.3 8.9 0 14.3 5.7 14.3 15.7v31.4l-6.2.1z" class="st0"/><g><linearGradient id="SVGID_1_" x1="1" x2="398.9" y1="725.05" y2="725.05" gradientTransform="translate(0 -546)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ee3b24"/><stop offset=".083" stop-color="#ec3948"/><stop offset=".174" stop-color="#ea3769"/><stop offset=".263" stop-color="#e83680"/><stop offset=".345" stop-color="#e7358e"/><stop offset=".415" stop-color="#e73593"/><stop offset="1" stop-color="#824298"/></linearGradient><path fill="url(#SVGID_1_)" d="M1 153.6h397.9v50.9H1z"/><path d="M36.2 192.3c-1.9 0-3.7-.3-5.4-1-1.7-.7-3.1-1.6-4.4-2.8-1.2-1.2-2.2-2.6-2.9-4.2-.7-1.6-1.1-3.4-1.1-5.2 0-1.9.4-3.6 1.1-5.2.7-1.6 1.7-3 2.9-4.3 1.3-1.2 2.7-2.2 4.4-2.8 1.7-.7 3.5-1 5.4-1 1.4 0 2.8.2 4.1.6 1.3.4 2.6.9 3.7 1.7 1.1.7 2.1 1.6 2.9 2.6l-3.6 3.6c-.9-1.2-2-2-3.2-2.6s-2.6-.9-4-.9c-1.2 0-2.2.2-3.3.6-1 .4-1.9 1-2.6 1.8s-1.3 1.6-1.7 2.6c-.4 1-.6 2.1-.6 3.4 0 1.2.2 2.3.6 3.3s1 1.9 1.8 2.7 1.6 1.3 2.7 1.8c1 .4 2.2.6 3.4.6 1.4 0 2.6-.3 3.8-.9 1.2-.6 2.2-1.4 3.1-2.4l3.5 3.5c-.8 1-1.8 1.8-2.9 2.6-1.1.7-2.3 1.3-3.7 1.6-1.3.1-2.6.3-4 .3zm26 .1c-1.9 0-3.7-.3-5.4-1s-3.1-1.6-4.4-2.8c-1.2-1.2-2.2-2.6-2.9-4.3-.7-1.6-1.1-3.4-1.1-5.2 0-1.9.4-3.6 1.1-5.2.7-1.6 1.7-3 2.9-4.3 1.2-1.2 2.7-2.2 4.4-2.8 1.7-.7 3.5-1 5.4-1 1.9 0 3.7.3 5.3 1 1.7.7 3.1 1.6 4.4 2.8 1.2 1.2 2.2 2.6 2.9 4.3.7 1.6 1 3.4 1 5.2 0 1.9-.3 3.6-1 5.2s-1.7 3-2.9 4.3c-1.2 1.2-2.7 2.2-4.4 2.8-1.6.6-3.4 1-5.3 1zm0-4.9c1.2 0 2.2-.2 3.2-.6 1-.4 1.8-1 2.6-1.8.7-.8 1.3-1.6 1.7-2.7.4-1 .6-2.1.6-3.3s-.2-2.4-.6-3.4-1-1.9-1.7-2.6c-.7-.8-1.6-1.3-2.6-1.8-1-.4-2-.6-3.2-.6s-2.3.2-3.3.6c-1 .4-1.9 1-2.6 1.8-.7.8-1.3 1.6-1.7 2.6s-.6 2.1-.6 3.3.2 2.4.6 3.4c.4 1 1 1.9 1.7 2.7s1.6 1.3 2.6 1.8c1.1.3 2.1.6 3.3.6zm17.3 4.5v-25.9h5.1l12.8 16.7v-16.7h5.1V192h-4.7l-13.2-17.3V192h-5.1zm27.7 0v-25.9h20v4.7h-14.6v6.1h9.7v4.5h-9.7V192h-5.4zm23.7 0v-25.9h19.9v4.7h-14.5v5.9h9.6v4.5h-9.6v6.2H151v4.7l-20.1-.1zm23.8 0v-25.9h12.6c1.8 0 3.3.3 4.7 1 1.3.7 2.4 1.6 3.1 2.8.8 1.2 1.1 2.6 1.1 4.2s-.5 3.1-1.4 4.3c-.9 1.3-2.1 2.2-3.7 2.8L177 192h-6l-5.1-9.9h-5.8v9.9h-5.4zm5.4-14.3h6.8c1.2 0 2.2-.3 2.9-1 .7-.6 1.1-1.5 1.1-2.5 0-1.1-.4-1.9-1.1-2.6-.7-.6-1.7-1-2.9-1h-6.8v7.1zm19.7 14.3v-25.9h19.9v4.7h-14.5v5.9h9.6v4.5h-9.6v6.2h14.7v4.7l-20.1-.1zm23.9 0v-25.9h5.1l12.8 16.7v-16.7h5.1V192H222l-13.2-17.3V192h-5.1zm40.5.3c-1.9 0-3.7-.3-5.4-1s-3.1-1.6-4.4-2.8c-1.2-1.2-2.2-2.6-2.9-4.2-.7-1.6-1.1-3.4-1.1-5.2 0-1.9.4-3.6 1.1-5.2.7-1.6 1.7-3 2.9-4.3 1.3-1.2 2.7-2.2 4.4-2.8 1.7-.7 3.5-1 5.4-1 1.4 0 2.8.2 4.1.6 1.3.4 2.6.9 3.7 1.7 1.1.7 2.1 1.6 2.9 2.6l-3.6 3.6c-.9-1.2-2-2-3.2-2.6s-2.6-.9-4-.9c-1.2 0-2.2.2-3.3.6-1 .4-1.9 1-2.6 1.8-.7.8-1.3 1.6-1.7 2.6s-.6 2.1-.6 3.4c0 1.2.2 2.3.6 3.3.4 1 1 1.9 1.8 2.7s1.6 1.3 2.7 1.8c1 .4 2.2.6 3.4.6 1.4 0 2.6-.3 3.8-.9 1.2-.6 2.2-1.4 3.1-2.4l3.5 3.5c-.8 1-1.8 1.8-2.9 2.6-1.1.7-2.3 1.3-3.7 1.6-1.3.1-2.7.3-4 .3zm13.8-.3v-25.9h19.9v4.7h-14.5v5.9h9.6v4.5h-9.6v6.2H278v4.7l-20-.1zm30.7 0v-3.5l10.8-10.9c.5-.5 1-1 1.3-1.5s.5-.9.7-1.4c.1-.4.2-.9.2-1.4 0-1-.4-1.8-1.2-2.4-.8-.6-1.8-1-3.1-1-1.2 0-2.3.2-3.3.7s-2.1 1.3-3.3 2.5l-2.7-3.3c1.4-1.4 2.9-2.4 4.5-3.1 1.6-.7 3.2-1 5-1s3.3.3 4.6.9c1.3.6 2.4 1.5 3.1 2.6.8 1.1 1.1 2.4 1.1 3.8 0 .8-.1 1.6-.4 2.3-.2.8-.6 1.5-1.1 2.3s-1.2 1.6-2 2.4l-7.9 7.9h11.8v4.1h-18.1zm32.1.4c-2.3 0-4.3-.6-6-1.7-1.7-1.1-3-2.7-4-4.7-.9-2-1.4-4.3-1.4-7s.5-5 1.4-7 2.3-3.6 4-4.7c1.7-1.1 3.7-1.7 6-1.7 2.2 0 4.2.6 5.9 1.7 1.7 1.1 3.1 2.7 4 4.7 1 2 1.4 4.3 1.4 7 0 2.6-.5 5-1.4 7-1 2-2.3 3.6-4 4.7-1.7 1.1-3.7 1.7-5.9 1.7zm0-4.4c1.3 0 2.4-.4 3.4-1.1 1-.7 1.7-1.8 2.2-3.1.5-1.4.8-2.9.8-4.8 0-1.8-.3-3.4-.8-4.8-.5-1.3-1.3-2.4-2.2-3.1-1-.7-2.1-1.1-3.4-1.1s-2.5.4-3.4 1.1c-1 .7-1.7 1.7-2.2 3.1-.5 1.3-.8 2.9-.8 4.8 0 1.8.3 3.4.8 4.8s1.3 2.4 2.2 3.1c.9.7 2.1 1.1 3.4 1.1zm13.7 4v-3.5l10.8-10.9c.5-.5 1-1 1.3-1.5s.5-.9.7-1.4c.1-.4.2-.9.2-1.4 0-1-.4-1.8-1.2-2.4-.8-.6-1.8-1-3.1-1-1.2 0-2.3.2-3.3.7s-2.1 1.3-3.3 2.5l-2.7-3.3c1.4-1.4 2.9-2.4 4.5-3.1 1.6-.7 3.2-1 5-1s3.3.3 4.6.9c1.3.6 2.4 1.5 3.1 2.6.8 1.1 1.1 2.4 1.1 3.8 0 .8-.1 1.6-.4 2.3-.2.8-.6 1.5-1.1 2.3s-1.2 1.6-2 2.4l-7.9 7.9h11.8v4.1h-18.1zm34.8 0v-6.1h-14.6v-4.1l13.8-15.7h5.8v15.6h3.2v4.2h-3.2v6.1h-5zm-8.7-10.3h8.7v-9.9l-8.7 9.9z" class="st0"/></g></svg>
diff --git a/index.html b/index.html
@@ -7,13 +7,13 @@
 
 <div class="jumbotron jumbotron-fluid on-dark-background">
   <div class="container">
-    <h1><img src="{{ site.baseurl }}/assets/images/logo-white.svg" width="275px" alt="PyTorch logo"/><br />Get Started</h1>
-
-    <p class="lead">Choose Your Path: Install PyTorch Locally or Launch Instantly on Supported Cloud Platforms</p>
-
-    <a href="/get-started" class="btn btn-lg with-right-arrow" data-cta="join">
-      Get started
+    <h1><strong>Join us in San Francisco</strong><br/>September 18-19</h1>
+    <img src="{{ site.baseurl }}/assets/images/pytconf24-color-whitetext.svg" width="275px" alt="PyTorch Conference logo"/>
+    <p class="mt-4">
+    <a href="https://events.linuxfoundation.org/pytorch-conference/register/?utm_source=www&utm_medium=homepage&utm_campaign=Pytorch-Conference-2024&utm_content=hero" class="btn btn-lg with-right-arrow" data-cta="join">
+      Register Now
     </a>
+    </p>
   </div>
 </div>
 
@@ -22,12 +22,12 @@ <h1><img src="{{ site.baseurl }}/assets/images/logo-white.svg" width="275px" alt
   <div class="container homepage-box-module">
     <div class="row">
       <div class="col-md">
-        <h3>2024 PyTorch Conference</h3>
+        <h3>Get Started</h3>
         <p>
-          Join us at the Conference on September 18-19 for insightful keynotes and engaging mini-summits.
+          Choose your path: install PyTorch locally or launch instantly on supported cloud platforms
         </p>
         <p>
-          <a href="https://events.linuxfoundation.org/pytorch-conference/?utm_source=www&utm_medium=homepage&utm_campaign=Pytorch-Conference-2024&utm_content=hero">Don't miss out!</a>
+          <a href="https://pytorch.org/get-started">Get Started</a>
         </p>
       </div>
       <div class="col-md">

Original file line number	Diff line number	Diff line change
`@@ -128,8 +128,12 @@ a, .btn {`
`128`	`128`	`&.home-page-background {`
`129`	`129`	`z-index: -1;`
`130`	`130`	`height: 350px;`
	`131`	`+ background-size: unset;`
	`132`	`+ background-image: url($baseurl + "/assets/images/pt-conference.jpg");`
	`133`	`+`
`131`	`134`	`@include desktop {`
`132`	`135`	`height: 570px;`
	`136`	`+ background-size: 100%;`
`133`	`137`	`}`
`134`	`138`	`}`
`135`	`139`	`&.hub-background {`
Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`h1 {`
`35`		`- font-size: rem(36px);`
	`35`	`+ font-size: rem(32px);`
`36`	`36`	`text-transform: uppercase;`
`37`	`37`	`font-weight: lighter;`
`38`	`38`	`letter-spacing: 1.08px;`
`@@ -41,7 +41,7 @@`
`41`	`41`	`margin-top: 4rem;`
`42`	`42`
`43`	`43`	`@include desktop {`
`44`		`- font-size: rem(62px);`
	`44`	`+ font-size: rem(54px);`
`45`	`45`	`margin-top: 0;`
`46`	`46`	`}`
`47`	`47`