Merge pull request #345 from stride3d/master

Deploy latest website updates to staging

Author: VaclavElias

_includes/oc_sponsors.njk _includes/open-collective-sponsors.njk_includes/oc_sponsors.njk renamed to _includes/open-collective-sponsors.njk

@@ -1,8 +1,8 @@
 <div class="card mt-5">
     <div class="oc-sponsors-container">
         <div class="tier-container">
-            <div class="tier-item gold">GOLD STRIDERS</div>
-            <div class="tier-item"> 
+            <div class="tier-item gold fw-bold display-4 text-dark">Gold Striders</div>
+            <div class="tier-item">
                 {% for sponsor in gold_sponsors %}
                     <div class="img-container">
                         {% if sponsor.image %}
@@ -16,8 +16,8 @@
             </div>
         </div>
         <div class="tier-container">
-            <div class="tier-item silver">SILVER STRIDERS</div>
-            <div class="tier-item"> 
+            <div class="tier-item silver fw-bold display-4 text-dark">Silver Striders</div>
+            <div class="tier-item">
                 {% for sponsor in silver_sponsors %}
                     <div class="img-container">
                         {% if sponsor.image %}
@@ -31,8 +31,8 @@
             </div>
         </div>
         <div class="tier-container">
-            <div class="tier-item bronze">BRONZE STRIDERS</div>
-            <div class="tier-item"> 
+            <div class="tier-item bronze fw-bold display-4 text-dark">Bronze Striders</div>
+            <div class="tier-item">
                 {% for sponsor in bronze_sponsors %}
                     <div class="img-container">
                         {% if sponsor.image %}

css/styles.scss

@@ -1,6 +1,5 @@
 @import "custom-bootstrap";
 @import "/css/all.min.css";
-@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 :root {
     --main-shadow: 2px 2px 8px #0000001a;
@@ -297,7 +296,7 @@ svg path.logo-path {
     .tier-container {
         display: flex;
         flex-direction: column;
-        
+
         @media screen and (min-width: 1280px) {
             flex-direction: row;
         }
@@ -309,22 +308,18 @@ svg path.logo-path {
             gap: 20px;
             align-items: center;
             justify-content: center;
-            font-family: "Kanit", serif;
-            font-weight: 900;
-            font-size: 46px;
-            letter-spacing: -2px;
             padding: 40px 12px;
             flex-wrap: wrap;
         }
 
-        .tier-item.gold {             
+        .tier-item.gold {
             background-color: rgb(221, 205, 62);
         }
 
         .tier-item.silver {
             background-color: silver;
         }
-        
+
         .tier-item.bronze {
             background-color: rgb(216, 156, 78);
         }

images/home/silk.net-logo.svg

@@ -93,11 +93,27 @@ <h2 class="h3 mb-3 fw-bold text-stride">Collaborate with us</h2>
                 </div>
             </div>
         </div>
+        <div class="col-12">
+            <div class="card h-100">
+                <div class="p-5 pull-left">
+                    <h2 class="mb-3 fw-bold">Too high level for you? Try Silk.NET.</h2>
+                    <div class="row">
+                        <div class="col-12 col-md-9">
+                            <p class="lead pe-0 pe-md-4">Stride takes care of most of the low-level game logic for you, and while the engine is fairly modular, you may prefer having full control over those bits of your engine. If that's the case, have a look at Silk.NET! Silk.NET is a powerful set of bindings supported by the .NET Foundation for multimedia applications.</p>
+                        </div>
+                        <div class="col-12 col-md-3">
+                            <a href="https://dotnet.github.io/Silk.NET/"><img src="/images/home/silk.net-logo.svg" style="" alt="Silk.NET Logo" class="img-fluid mt-4 mt-lg-0"></a>
+                            <div class="mt-5 text-lg-center">
+                                <a href="https://dotnet.github.io/Silk.NET/" class="btn btn-lg btn-outline-stride me-md-2">Learn more</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 </div>
-
 {% include blog-home.html %}
-
 <div class="container-xl">
     <div class="row gy-4 gx-sm-4 justify-content-center mb-5">
         <div class="col-12">