workshopped changes

Author: bishabosha

_data/awesome-scala.yml

@@ -1,4 +1,4 @@
-summaryText: Have another use case? Scaladex indexes awesome Scala libraries. Search in the box below or pick one of the popular categories.
+summaryText: Have another use case? Scaladex indexes awesome Scala libraries. Search in the box below.
 links:
 - title: Big Data Processing
   url: https://index.scala-lang.org/awesome#big-data

_layouts/frontpage.html

@@ -184,26 +184,26 @@ <h2><span>{{page.ecosystemTitle}}</span></h2>
         <div class="main-browser">
           <div class="input-control">
             <span><i class="fa fa-search"></i></span>
-            <input type="text" placeholder="e.g. scala/toolkit" id="scaladex-search">
+            <input type="text" placeholder="e.g. database" id="scaladex-search">
           </div>
         </div>
         <a class="button awesome" href="{{site.data.common.scaladexUrl}}/awesome">Awesome Scala</a>
       </div>
     </div>
-    <div class="awesome-table">
+    <!-- <div class="awesome-table">
       <div class="wrap">
         <div class="awesome-items">
           {% for awesomeLink in site.data.awesome-scala.links %}
-          <a href="{{awesomeLink.url}}" class="content-card">
+          <a href="{{awesomeLink.url}}" class="button button_call-to-action content-card">
             <h3><i class="fa fa-search"></i>{{awesomeLink.title}}</h3>
           </a>
           {% endfor %}
-        </div>
+        </div> -->
         <!-- <div class="awesome-summary">
           <p class="awesome-summary-text">{{site.data.awesome-scala.summaryText}}</p>
         </div> -->
-      </div>
-    </div>
+      <!-- </div>
+    </div> -->
   </div>
 </section>
 

_sass/components/buttons.scss

@@ -8,9 +8,12 @@
     text-transform: uppercase;
     color: #fff;
     background: $brand-secondary;
-    border-radius: $border-radius-base;
+    border-radius: $border-radius-bold;
     display: inline-block;
 
+    box-shadow: 0 4px 7px 0  rgba(0, 0, 0, 0.2);
+
+
     &:active,
     &:focus,
     &:hover {

_sass/layout/nutshell.scss

@@ -56,6 +56,8 @@
                 top: -10px;
                 background: none;
 
+                box-shadow: none;
+
                 &:active,
                 &:focus,
                 &:hover {
@@ -179,6 +181,10 @@
                         &.scala-row_align-start {
                             @include align-items(start);
                         }
+
+                        &:has(+ .scala-row) {
+                            margin-bottom: 20px;
+                        }
                     }
 
                     h3 {

_sass/layout/scala-ecosystem.scss

@@ -45,19 +45,8 @@
 
                 .content-card {
                     float: left;
-                    // border: 2px solid $gray-dark;
-                    // padding: 2px;
-                    background: $brand-secondary;
-                    margin: 5px 3px;
+                    margin: 3px;
                     display: block;
-                    border-radius: $border-radius-base;
-
-                    &:active,
-                    &:focus,
-                    &:hover {
-                        background: $brand-primary;
-                    }
-
                 }
 
                 a {
@@ -66,7 +55,6 @@
 
                         font-size: $font-size-small;
                         transition: $base-transition;
-                        padding: 10px;
                         i {
                             margin-right: 6px;
                         }

_sass/utils/_variables.scss

@@ -93,6 +93,7 @@ $padding-medium: 30px;
 $padding-small: 20px;
 $padding-xsmall: 10px;
 //------------------------------------------------
+$border-radius-bold: 5px;
 $border-radius-base: 3px;
 $border-radius-small: 2px;
 $border-radius-medium: 10px;

_scala_use_case_items/2-data.md

@@ -20,7 +20,7 @@ icon: "icon11.svg"
         <div class="code-element dark">
             <div class="bar-code"><span>Analyse data across a cluster with Spark</span></div>
             <pre><code class="language-scala">// Count the number of words in a text source
-val textFile = sc.textFile("hdfs://...")
+val textFile = spark.textFile("hdfs://...")
 val counts = textFile
   .flatMap(line => line.split(" "))
   .map(word => (word, 1))

_scala_use_case_items/3-cli.md

@@ -1,7 +1,7 @@
 ---
 shortTitle: "Command Line"
 shortDescription: "Superpower your scripts with the Scala command. Get hands-on with the Scala Toolkit. Easily add libraries. Build CLI apps with instant startup."
-expandText: "Building Utilities"
+expandText: "Scripting Utilities"
 anchorTarget: "build-scala-tools"
 icon: "icon4.svg"
 ---
@@ -36,7 +36,7 @@ os.list(os.pwd).sortBy(os.size).foreach(println)</code></pre>
         <div class="scala-text scala-text-large">
             <h3>Get productive with the Scala Toolkit</h3>
             <p class="emph">The Scala Toolkit is a good fit for writing a script, prototyping, or bootstrapping a new application.</p>
-            <p>Including a selection of approachable libraries to perform everyday tasks, Toolkit helps you work with files and processes, parse JSON, send HTTP requests and unit test code.</p>
+            <p>Including a selection of approachable libraries to perform everyday tasks, the Scala Toolkit helps you work with files and processes, parse JSON, send HTTP requests and unit test code.</p>
             <p>Toolkit libraries work great on the JVM, JS and Native platforms, all while leveraging a simple code style.</p>
             <a class="button button_call-to-action" href="https://docs.scala-lang.org/toolkit/introduction.html" target="_blank" rel="none">find useful snippets in the Toolkit Tutorials</a>
         </div>
@@ -64,7 +64,7 @@ os.write(os.pwd / "response.json", response.body)</code></pre>
 <div class="scala-row">
     <div class="scala-code">
         <div class="scala-text scala-text-large">
-            <h3>Compile to native, then deploy easily</h3>
+            <h3>Package to native, deploy easily</h3>
             <p class="emph">Package your apps to native binaries for instant startup time.</p>
             <p>Deploy to Docker images, JS scripts, Spark or Hadoop jobs, and more.</p>
             <a class="button button_call-to-action" href="https://scala-cli.virtuslab.org/docs/commands/package" target="_blank" rel="none">other ways to package applications</a>

_scala_use_case_items/4-frontend.md

@@ -1,7 +1,7 @@
 ---
 shortTitle: "Frontend Web"
 shortDescription: "Reactive UI's backed by types. Use the same Scala libraries across the stack. Integrate with the JavaScript library and tooling ecosystem."
-expandText: "build for frontend"
+expandText: "building frontend"
 anchorTarget: "explore-scalajs"
 icon: "icon8.svg"
 ---

index.md

@@ -13,11 +13,11 @@ headerButtonUrl: "/what-is-scala/"
 gettingStarted:
   mainTitle: "Get Started"
   mainUrl: "https://docs.scala-lang.org/getting-started.html"
-  subtitle: "Scala Book"
-  subtitleLink: "https://docs.scala-lang.org/scala3/book/introduction.html"
+  subtitle: "Overview"
+  subtitleLink: "https://docs.scala-lang.org/tour/tour-of-scala.html"
   links:
-    - title: "Tour"
-      url: "https://docs.scala-lang.org/tour/tour-of-scala.html"
+    - title: "Guide"
+      url: "https://docs.scala-lang.org/scala3/book/introduction.html"
     - title: "Courses"
       url: "https://docs.scala-lang.org/online-courses.html"
 apiDocs: