Merge pull request #203 from chkworks/redesign/full-width-video-new

Thank you @chkworks
stride3d · Oct 13, 2023 · 35f5a12 · 35f5a12
2 parents 9f1e36a + b1ab6f8
commit 35f5a12
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 16 deletions.
diff --git a/_includes/video_home.html b/_includes/video_home.html
@@ -3,23 +3,18 @@
     <div class="intro-video">
       <iframe width="560" height="315" src="https://www.youtube.com/embed/SlipyjcEb0g?controls=0&autoplay=1&mute=1&loop=1&playlist=SlipyjcEb0g" title="Stride YouTube demo" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
     </div>
-    <div class="intro-content p-3 p-sm-5 d-flex align-items-end">
+    <div class="intro-content p-4 p-sm-5 d-flex align-items-end">
       <div class="container-xxl">
         <div class="hero-video-text">
-          <h1 class="h1 mb-3 text-light mb-3 display-5 fw-bold">Stride Engine</h1>
-          <p class="text-light mb-2 lead fw-normal">Stride is a free, open-source, <br class="d-md-none" /> cross-platform game engine.
-          <p class="text-light mb-4 lead fw-normal">Use it to create 2D and 3D video games and interactive content <br class="d-none d-md-inline" /> for PC, mobile devices and Virtual Reality.</p>
-          <div class="row g-2 g-md-3">
+          <h1 class="h1 mb-3 text-light mb-3 display-5 fw-bold">Stride Game Engine</h1>
+          <p class="text-light mb-2 lead fw-normal">Stride is a free and <a href="{{ site.links.github-stride-url }}" target="_blank" rel="noopener">open-source</a><br class="d-md-none" /> cross-platform game engine.
+          <p class="text-light mb-4 lead fw-normal">Use it to create 2D and 3D video games and interactive content<br class="d-none d-md-inline" /> for PC, mobile devices and Virtual Reality.</p>
+          <div class="row g-2 g-md-3 mb-3">
             <div class="col-auto">
               <a href="/download/" class="btn btn-lg btn-stride">
                 <i class="fa-solid fa-download"></i> Download {{ site.download-version }}
               </a>
             </div>
-            <div class="col-auto">
-              <a href="{{ site.links.github-stride-url }}" class="btn btn-lg btn-outline-stride" target="_blank" rel="noopener">
-                <i class="fa-brands fa-github text-decoration-none"></i> Source Code (MIT)
-              </a>
-            </div>
             <div class="col-auto">
               <a href="{{ site.links.open-collective-url }}" class="btn btn-lg btn-info" target="_blank" rel="noopener">
                 {% include svg-icons.html type:'open-collective' size:22 %}&nbsp;Donate to our Collective

diff --git a/css/styles.scss b/css/styles.scss
@@ -91,8 +91,8 @@ a {
     .intro-video {
         position: relative;
         overflow: hidden;
-        width: 100vw;
-        height: 100vh;
+        // width: 100vw;
+        height: 85vh;
 
         iframe {
             position: absolute;

diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
   description: Stride, an MIT-licensed C# game engine, built for the future of gaming. Use {{ site.csharp-version }} and {{ site.dotnet-version }} to create your own games. #opensource
 ---
 {% include video_home.html %}
-<div class="container-xl mt-5">
+<div class="container-xl mt-4">
     <div class="row gy-4 gx-sm-4 justify-content-center mb-4">
         <div class="col-lg-6">
             <div class="card h-100">
@@ -70,10 +70,10 @@ <h3 class="mb-3 fw-bold">Documentation that sings</h3>
                 <div class="card-body pt-5 px-5">
                     <h3 class="mb-3 fw-bold">Collaborate with us</h3>
                     <ul class="mb-4 fa-ul" style="--fa-li-margin: 1.8em;">
-                        {% include bullet-point.html text:'Editor and runtime open source (MIT)' %}
-                        {% include bullet-point.html text:'Participate in the community' %}
-                        {% include bullet-point.html text:'Propose changes to the engine and docs' %}
+                        {% include bullet-point.html text:'Editor and runtime fully open source' %}
+                        <li><span class="fa-li"><i class="fa-solid fa-circle-check text-stride me-2"></i></span>Dive into our source code (MIT) on <a href="{{ site.links.github-stride-url }}" target="_blank" rel="noopener">GitHub</a></li>      
                         {% include bullet-point.html text:'Connect with Stride game engine community' %}
+                        {% include bullet-point.html text:'Propose changes to the engine, website and documentation' %}
                     </ul>
                 </div>
                 <div class="px-5 pb-5">