Update features (#52)

dav1312 · web-flow · commit 258df0cbcdcc · 2025-03-22T12:18:56.000+01:00
diff --git a/assets/scss/components/_feature.scss b/assets/scss/components/_feature.scss
@@ -4,18 +4,22 @@
   padding: 20px;
   background-color: $gray-900;
   display: flex;
-  align-items: center;
   flex-direction: column;
   text-align: center;
+  transition: 0.3s;
   img {
     width: 100%;
     height: auto;
   }
   .feature-content {
     margin-bottom: auto;
-    margin-top: auto;
+    text-align: initial;
   }
   h2 {
     font-weight: 600;
   }
+  &:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
+  }
 }
diff --git a/data/features.json b/data/features.json
@@ -1,19 +1,19 @@
 [
   {
     "title": "Strong",
-    "description": "Stockfish has won the Top Chess Engine Championship and Chess.com Computer Chess Championship, and consistently ranks highly on rating lists.",
+    "description": "One of the strongest chess engines in the world. Winner of the Top Chess Engine Championship and Chess.com Computer Chess Championship, and consistently ranks highly on rating lists.",
     "url": "https://en.wikipedia.org/wiki/Stockfish_(chess)#Competition_results",
-    "button_text": "Competition Results"
+    "button_text": "View competition results"
   },
   {
-    "title": "Open Source",
-    "description": "Stockfish is open source (GPLv3 license). That means you can read the code, modify it, and contribute back.",
-    "url": "https://github.com/official-stockfish/Stockfish",
-    "button_text": "View Source"
+    "title": "Community-Driven",
+    "description": "Developed by a global community of chess enthusiasts and programmers and released under the GPLv3 license, so everyone can read the code, modify it, and contribute back.",
+    "url": "https://discord.gg/GWDRS3kU6R",
+    "button_text": "Join our Discord"
   },
   {
-    "title": "Run Anywhere",
-    "description": "You can use Stockfish on your computer or on your iOS or Android device. So you can get world-class chess analysis, wherever you are.",
+    "title": "Cross-Platform",
+    "description": "Available on Windows, macOS, Linux, Android, and iOS. You can get world-class chess analysis wherever you are.",
     "url": "/download/",
     "button_text": "Download"
   }
diff --git a/layouts/index.html b/layouts/index.html
@@ -33,7 +33,7 @@ <h1>{{ .Description }}</h1>
         <div class="tagline">{{ .Content }}</div>
         <div class="actions mb-5">
           <a href="/download/" class="button mb-1">Download</a>
-          <a href="https://github.com/official-stockfish/Stockfish" class="button button-secondary">View on GitHub</a>
+          <a href="https://github.com/official-stockfish/Stockfish" target="_blank" class="button button-secondary">View on GitHub</a>
         </div>
         <p class="mb-1">
           <strong>
@@ -72,7 +72,7 @@ <h2 class="feature-title">{{ .title }}</h2>
           <div class="feature-content">
             <p>{{ .description }}</p>
           </div>
-          <a href="{{ .url }}" class="button">{{ .button_text }}</a>
+          <a href="{{ .url }}" class="button" target="_blank">{{ .button_text }}</a>
         </div>
       </div>
       {{end}}

Original file line number	Diff line number	Diff line change
`@@ -1,19 +1,19 @@`
`1`	`1`	`[`
`2`	`2`	`{`
`3`	`3`	`"title": "Strong",`
`4`		`- "description": "Stockfish has won the Top Chess Engine Championship and Chess.com Computer Chess Championship, and consistently ranks highly on rating lists.",`
	`4`	`+ "description": "One of the strongest chess engines in the world. Winner of the Top Chess Engine Championship and Chess.com Computer Chess Championship, and consistently ranks highly on rating lists.",`
`5`	`5`	`"url": "https://en.wikipedia.org/wiki/Stockfish_(chess)#Competition_results",`
`6`		`- "button_text": "Competition Results"`
	`6`	`+ "button_text": "View competition results"`
`7`	`7`	`},`
`8`	`8`	`{`
`9`		`- "title": "Open Source",`
`10`		`- "description": "Stockfish is open source (GPLv3 license). That means you can read the code, modify it, and contribute back.",`
`11`		`- "url": "https://github.com/official-stockfish/Stockfish",`
`12`		`- "button_text": "View Source"`
	`9`	`+ "title": "Community-Driven",`
	`10`	`+ "description": "Developed by a global community of chess enthusiasts and programmers and released under the GPLv3 license, so everyone can read the code, modify it, and contribute back.",`
	`11`	`+ "url": "https://discord.gg/GWDRS3kU6R",`
	`12`	`+ "button_text": "Join our Discord"`
`13`	`13`	`},`
`14`	`14`	`{`
`15`		`- "title": "Run Anywhere",`
`16`		`- "description": "You can use Stockfish on your computer or on your iOS or Android device. So you can get world-class chess analysis, wherever you are.",`
	`15`	`+ "title": "Cross-Platform",`
	`16`	`+ "description": "Available on Windows, macOS, Linux, Android, and iOS. You can get world-class chess analysis wherever you are.",`
`17`	`17`	`"url": "/download/",`
`18`	`18`	`"button_text": "Download"`
`19`	`19`	`}`