diff --git a/_data/projects.yml b/_data/projects.yml
new file mode 100644
index 0000000..d878543
--- /dev/null
+++ b/_data/projects.yml
@@ -0,0 +1,306 @@
+- name: Language
+  projects:
+  - name: Scala.js
+    logo: /resources/img/scala-js-logo-2.svg
+    force_name_display: true
+    web: https://github.com/scala-js/scala-js
+    github: https://github.com/scala-js/scala-js
+    stars: 4.5k
+    origin: null
+    contributors:
+    - sjrd
+    - Tobias Schlatter
+    process: false
+    description: Scala.js is a compiler that allows you to write Scala code that runs
+      on JavaScript platforms.
+    impact: 200,000 dl / month
+    start_year: 2018
+    end_year: null
+  - name: Scala Native
+    logo: /resources/img/scala-native.webp
+    force_name_display: true
+    web: https://github.com/scala-native/scala-native
+    github: https://github.com/scala-native/scala-native
+    stars: 4.3k
+    origin: null
+    contributors:
+    - ergys
+    - wmazur
+    - Lee Tibbert
+    - Eric Richardson
+    - sjrd
+    process: false
+    description: 'We completed critical work including support for Scala 2.12, 2.13 and 3.x versions.'
+    impact: 32,000 dl / month
+    start_year: 2020
+    end_year: 2022
+  - name: TASTy Reader for Scala 2.13
+    web: null
+    github: null
+    origin: https://github.com/scalacenter/advisoryboard/blob/main/proposals/018-converging-214-30.md
+    contributors: [jamie]
+    process: false
+    description: 'Adding forwards compatibility to use Scala 3 compiled artefacts from Scala 2.13.'
+    impact: Eases migration to Scala 3
+    start_year: 2019
+    end_year: 2020
+  - name: Scala 3 trait encoding
+    web: https://github.com/lampepfl/dotty/pull/8652
+    github: https://github.com/lampepfl/dotty/pull/8652
+    origin: null
+    contributors: [sjrd]
+    process: false
+    description: 'This contribution to Scala 3 ensures bytecode compatibility with Scala 2.13.'
+    impact: All Scala 3 users
+    start_year: 2020
+    end_year: 2020
+  - name: Scala 2.13 Collections
+    web: null
+    github: null
+    origin: https://github.com/scalacenter/advisoryboard/blob/main/proposals/007-collections.md
+    contributors: [julien]
+    process: false
+    description: 'Major redesign of the Scala Collections library for Scala 2.13.'
+    impact: All Scala users
+    start_year: 2016
+    end_year: 2018
+  - name: Scala 3 enums
+    web: null
+    github: null
+    origin: null
+    contributors: [jamie]
+    process: false
+    description: 'One of the new features of Scala 3, out-of-the-box support for enums.'
+    impact: All Scala 3 users
+    start_year: 2020
+    end_year: 2020
+  - name: Spores
+    web: https://github.com/scalacenter/spores
+    github: https://github.com/scalacenter/spores
+    origin: null
+    contributors:
+    - jorge
+    - heather
+    - Philipp Haller
+    process: false
+    description: 'Scala Spores, safe mobile closures for legacy versions of Scala.'
+    impact: null
+    start_year: 2016
+    end_year: 2016
+  - name: Compiler profiling
+    web: https://github.com/scalacenter/scalac-profiling
+    github: https://github.com/scalacenter/scalac-profiling
+    origin: null
+    contributors: []
+    process: false
+    description: Compiler profiling is a project focused on providing better compilation
+      performance information.
+    impact: ~1000 dl / month
+    start_year: 2017
+    end_year: 2018
+
+- name: Tooling
+  projects:
+  - name: Scaladex
+    logo: /resources/img/scaladex-dark.png
+    web: https://index.scala-lang.org/
+    github: https://github.com/scalacenter/scaladex
+    stars: 150+
+    origin: null
+    contributors:
+    - guillaume
+    - vincenzobaz
+    - julien
+    - meriam
+    description: Scaladex indexes Scala libraries, providing search functionality and categorisation.
+    impact: discover libraries to use in your projects
+    start_year: 2016
+    end_year: 2017
+  - name: Metals
+    logo: /resources/img/metals@2x.png
+    invert_logo_colors: true
+    web: https://scalameta.org/metals/
+    github: https://github.com/scalameta/metals
+    stars: 1.9k
+    origin: null
+    contributors:
+    - Olafur Geirsson
+    - tgodzik
+    - Gabriele Petronela
+    - chris
+    - meriam
+    process: false
+    description: Metals is a Scala language server that supports many text editors, providing rich IDE features, improving productivity.
+    impact: 400,000 installs of the VS Code plugin
+    start_year: 2017
+    end_year: null
+  - name: Scalafix
+    logo: /resources/img/scalafix@2x.png
+    invert_logo_colors: true
+    web: https://scalacenter.github.io/scalafix/
+    github: https://github.com/scalacenter/scalafix
+    stars: 700+
+    origin: null
+    contributors:
+    - Olafur Geirsson
+    - meriam
+    - guillaume
+    process: false
+    description: Scalafix can automatically rewrite Scala code at scale. Ship your custom code migrations, lint rules and refactorings.
+    impact: 50,000 dl / month
+    start_year: 2016
+    end_year: 2018
+  - name: Scastie
+    logo: /resources/img/scastie.png
+    invert_logo_colors: true
+    web: https://scastie.scala-lang.org/
+    github: https://github.com/ScalaCenter/scastie
+    stars: 400+
+    origin: null
+    contributors:
+    - OlegYch
+    - guillaume
+    - vincenzobaz
+    process: false
+    description: Scastie is an online environment for running Scala snippets, supporting sharing, IDE features and library dependencies.
+    impact: 27,000 users / month
+    start_year: 2016
+    end_year: 2017
+  - name: Ecosystem sbt upgrade to 1.x
+    web: null
+    github: null
+    origin: https://github.com/scalacenter/advisoryboard/blob/main/proposals/013-sbt-migration.md
+    contributors: [guillaume, martinduhem]
+    process: true
+    description: 'Campaign to help ecosystem upgrade to sbt 1.x'
+    impact: All the users of the target sbt plugins
+    start_year: 2017
+    end_year: 2017
+  - name: scalameta
+    web: http://scalameta.org/
+    github: https://github.com/scalameta/scalameta
+    stars: 1.1k
+    origin: null
+    contributors:
+    - Eugene Burmako
+    - Denys Shabalin
+    process: false
+    description: 'Library to read, analyze, transform and generate Scala programs'
+    impact: All Metals users
+    start_year: 2017
+    end_year: 2018
+  - name: scalajs-bundler
+    web: https://scalacenter.github.io/scalajs-bundler
+    github: https://github.com/scalacenter/scalajs-bundler
+    stars: 200+
+    origin: null
+    contributors: [sjrd, julien]
+    process: false
+    description: 'Module bundler for Scala.js projects that use NPM packages.'
+    impact: null
+    start_year: 2016
+    end_year: 2017
+  - name: Classpath shrinker
+    web: https://github.com/scalacenter/classpath-shrinker
+    github: https://github.com/scalacenter/classpath-shrinker
+    origin: null
+    contributors:
+    - jorge
+    process: false
+    description: Classpath shrinker is a tool that improves user experience for builds
+      that use only direct dependencies.
+    impact: ~1000 dl / month
+    start_year: 2017
+    end_year: 2017
+  - name: bloop
+    logo: /records/first-five-years/img/logos/logo-bloop.png
+    force_name_display: true
+    web: https://scalacenter.github.io/bloop/
+    github: https://github.com/scalacenter/bloop
+    stars: 800+
+    origin: null
+    contributors:
+    - jorge
+    - martinduhem
+    - tgodzik
+    - Marek Zarnowski
+    process: false
+    description: 'Bloop is a build server and CLI tool to compile, test and run Scala fast from any editor or build tool.'
+    impact: All Metals users
+    start_year: 2017
+    end_year: 2019
+  - name: Scala.js for Scala 3
+    web: null
+    github: null
+    origin: null
+    contributors: [sjrd]
+    process: false
+    description: Add Scala.js support for Scala 3
+    impact: All Scala.js users + library maintainers
+    start_year: 2020
+    end_year: 2020
+  - name: BSP in sbt
+    web: null
+    github: null
+    origin: https://github.com/scalacenter/advisoryboard/blob/main/proposals/023-bsp.md
+    contributors:
+    - adrien
+    - Eugene Yokota
+    process: false
+    description: Support for Build Server Protocol in sbt to ease integration of sbt with IDEs and language servers.
+    impact: null
+    start_year: 2020
+    end_year: 2020
+  - name: sbt-missinglink
+    web: https://github.com/scalacenter/sbt-missinglink
+    github: https://github.com/scalacenter/sbt-missinglink
+    stars: 100+
+    origin: null
+    contributors:
+    - alexandre
+    - sjrd
+    process: false
+    description: SBT transitive dependency conflicts management improvements
+    impact: null
+    start_year: 2019
+    end_year: 2019
+  - name: sbt-eviction-rules
+    web: https://github.com/scalacenter/sbt-eviction-rules
+    github: https://github.com/scalacenter/sbt-eviction-rules
+    origin: https://github.com/scalacenter/advisoryboard/blob/main/proposals/020-sbt-transitive-dependencies-conflicts.md
+    contributors: [alexandre, julien]
+    process: false
+    description: 'Eviction warnings plugin for SBT.'
+    impact: null
+    start_year: 2020
+    end_year: 2020
+
+- name: Governance
+  projects:
+  - name: Scala Improvement Process for Scala 3
+    web: https://docs.scala-lang.org/sips/
+    github: null
+    origin: null
+    contributors: [julien, darja]
+    process: true
+    description: The Scala Improvement Process (SIP) is the process by which new features
+      are added to the Scala language.
+    impact: All Scala users
+  - name: Tooling Summit
+    web: https://www.scala-lang.org/blog/2023/04/11/march-2023-scala-tooling-summit.html
+    github: null
+    origin: null
+    contributors: [darja, chris, johanna]
+    process: true
+    description: The Scala Tooling Summit is a bi-yearly event where tooling developers
+      meet to make decisions on the future of Scala tooling.
+    impact: All Scala users
+  - name: Scala Center Advisory Board
+    web: https://scala.epfl.ch/records.html
+    github: null
+    origin: null
+    contributors: [darja]
+    process: true
+    description: The Scala Center Advisory Board is a group of representatives from
+      the Scala community and industry that meets regularly to discuss the current state and future of Scala.
+    impact: null
diff --git a/_includes/navbar.html b/_includes/navbar.html
index efda70a..143e97c 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -19,6 +19,7 @@
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
       <ul class="nav navbar-nav navbar-right">
         <li {% if page.path == 'projects.md' %}class="active" {% endif %}><a href="{{ site.baseurl }}/projects.html">Projects</a></li>
+        <li {% if page.path == 'hall-of-fame.html' %}class="active" {% endif %}><a href="{{ site.baseurl }}/hall-of-fame.html">Hall of Fame</a></li>
         <li {% if page.path == 'team.html' %}class="active" {% endif %}><a href="{{ site.baseurl }}/team.html">Team</a></li>
         <li {% if page.path == 'faqs.md' %}class="active" {% endif %}><a href="{{ site.baseurl }}/faqs.html">FAQs</a></li>
         <li {% if page.path == 'records.md' %}class="active" {% endif %}><a href="{{ site.baseurl }}/records.html">Records</a></li>
diff --git a/_includes/project-block.html b/_includes/project-block.html
index bab1f63..58acf97 100644
--- a/_includes/project-block.html
+++ b/_includes/project-block.html
@@ -1,36 +1,31 @@
-
-{% assign projects_by_status = projects | sort: "priority" | reverse %}
-{% for project in projects_by_status %}
+{% for project in projects %}
 <div class="col-md-6">
-    <div class="project" id="{{ project.label }}">
+    <div class="project">
         <div class="header" data-title="{{ project.name }}">
             {% if project.logo %}
-            <img class="project-logo" src="{{ project.logo }}" alt="{{ project.name }}"/>
-            {% else %}
+            <img class="project-logo {% if project.invert_logo_colors %}project-logo-inverted{% endif %}" src="{{ project.logo }}" alt="{{ project.name }}"/>
+            {% endif %}
+            {% if project.logo == null or project.force_name_display %}
             <h3>{{ project.name }}</h3>
             {% endif %}
             <div class="references">
-                {% if project.status %}
-                    <span class="status {{ project.status | downcase | remove: ' ' | remove: '!'}}">
-                        {{ project.status }}
-                    </span>
-                {% endif %}
                 {% if project.web %}
-                <a href="{{ project.web }}" target="_blank"><i class="fa fa-globe"></i></a>
+                    <a href="{{ project.web }}" target="_blank"><i class="fa fa-globe"></i></a>
                 {% endif %}
                 {% if project.github %}
-                <a href="{{ project.github }}" target="_blank"><i class="fa fa-github"></i></a>
+                    <a href="{{ project.github }}" target="_blank"><i class="fa fa-github"></i></a>
+                {% endif %}
+                {% if project.origin %}
+                    <a href="{{ project.origin }}" target="_blank"><i class="fa fa-eye"></i></a>
+                {% endif %}
+                {% if project.stars %}
+                    <a href="{{ project.github }}" target="_blank"><i class="fa fa-star"></i> {{ project.stars }}</a>
                 {% endif %}
             </div>
         </div>
         <div class="clearfix"></div>
         <div class="content">
             {{ project.description }}
-            {% if project.content.size > 1 %}
-                <a href="#" class="read-more clearfix">
-                    <i class="fa fa-plus"></i> Read more
-                </a>
-            {% endif %}
         </div>
         <div class="hidden modal-content-text">
             {{ project }}
@@ -38,20 +33,30 @@ <h3>{{ project.name }}</h3>
         <div class="contributors">
             {% assign contributors = project.contributors | size %}
             {% if contributors > 0 %}
-            <a class="contributors-modal" href="#" data-target="#modal-{{ project.label }}">
-                <i class="fa fa-user"></i> <span class="hidden-xs hidden-sm">{{ contributors }} Contributors</span>
-            </a>
             <ul>
                 {% for contributor in project.contributors %}
                 {% assign contr = site.data.team-members.members | where: "member", contributor| first %}
-                <li title="{{ contr.name }}"><img src="{{ contr.photo }}" alt="{{ contr.name}}" ></li>
+                {% if contr.photo %}
+                  <li title="{{ contr.name }}"><img src="{{ contr.photo }}" alt="{{ contr.name}}" ></li>
+                {% endif %}
                 {% endfor %}
             </ul>
             {% endif %}
-
-            {% if project.origin %}
-            <a class="origin" href="{{ project.origin }}"><i class="fa fa-eye"></i> <span class="hidden-xs hidden-sm">Origin of the project</span></a>
+        </div>
+        <div class="project_status">
+          {% if project.process %}
+            <img src="/resources/img/project_status_ongoing.png" >
+          {% else %}
+            <img src="/resources/img/project_status_done.png" >
+          {% endif %}
+          <div class="project-meta">
+            {% if project.impact %}
+              <p>Impact: {{ project.impact }}</p>
+            {% endif %}
+            {% if project.start_year && project.end_year %}
+              <p>{{ project.start_year }} - {{ project.end_year }}</p>
             {% endif %}
+          </div>
         </div>
     </div>
 </div>
diff --git a/_layouts/frontpage.html b/_layouts/frontpage.html
index 794051e..0112ceb 100644
--- a/_layouts/frontpage.html
+++ b/_layouts/frontpage.html
@@ -21,6 +21,7 @@
             <div class="frontpage-nav collapse navbar-collapse" id="bs-example-navbar-collapse-1">
               <ul class="nav navbar-nav navbar-right">
                 <li><a href="{{ site.baseurl }}/projects.html">Projects</a></li>
+                <li><a href="{{ site.baseurl }}/hall-of-fame.html">Hall of Fame</a></li>
                 <li><a href="{{ site.baseurl }}/team.html">Team</a></li>
                 <li><a href="{{ site.baseurl }}/faqs.html">FAQs</a></li>
                 <li><a href="{{ site.baseurl }}/records.html">Records</a></li>
diff --git a/hall-of-fame.html b/hall-of-fame.html
new file mode 100644
index 0000000..a4fe2e3
--- /dev/null
+++ b/hall-of-fame.html
@@ -0,0 +1,31 @@
+---
+layout: page
+---
+<div class="row">
+    <div class="col-md-12">
+        <h1>Hall of Fame</h1>
+        <p>
+          Below, you can find a showcase of the projects we successfully completed.
+          We are proud of our work and are grateful to all the people who contributed to it
+          and all the support we received from the community and our partners.
+        </p>
+    </div>
+    <div class="col-md-12 search">
+        <input class="col-xs-12 form-control" value="" placeholder="Search a Project..." type="text">
+    </div>
+    <div class="clearfix"></div>
+    <div class="projects">
+        {% for category in site.data.projects %}
+          <div class="col-md-12 title">
+              <h2>{{ category.name }}</h2>
+          </div>
+          <div class=" project-list tooling">
+            {% assign projects = category.projects %}
+            {% include project-block.html %}
+          </div>
+        {% endfor %}
+    </div>
+</div>
+<div class="row icon-attribution">
+    Icons courtesy of <a href="https://blendicons.com/">Blend Icons</a>
+</div>
diff --git a/resources/css/main.scss b/resources/css/main.scss
index a925fe5..7d4f1c2 100644
--- a/resources/css/main.scss
+++ b/resources/css/main.scss
@@ -1457,7 +1457,7 @@ div.search {
 
 ul.nav {
   li.social {
-    width: 52px;
+    width: 35px;
     &.first {
       margin-left: 10px;
       @media(max-width: $screen-sm) {
@@ -1470,3 +1470,122 @@ ul.nav {
     }
   }
 }
+
+/* HALL OF FAME */
+.project {
+  background: #fff;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  padding: 20px;
+  margin-bottom: 20px;
+
+  height: 225px;
+  overflow: hidden;
+}
+
+.project .header {
+  display: flex;
+  align-items: center;
+}
+
+.project .header h3 {
+  margin: 0;
+  font-size: 24px;
+}
+
+.projects .title {
+  margin-top: 25px;
+  margin-bottom: 10px;
+}
+
+.project .header .project-logo {
+  height: 40px;
+  margin-right: 10px;
+}
+
+.project .references {
+  margin-left: auto;
+  font-size: 14px;
+}
+
+.project .references a {
+  color: #999;
+  margin-left: 10px;
+}
+
+.project .content {
+  margin-top: 10px;
+  font-size: 16px;
+  line-height: 1.5;
+}
+
+.project .project_status img {
+  width: 50px;
+  height: 50px;
+
+  position: absolute;
+  bottom: 0px;
+  right: 0px;
+}
+
+.project .status.active {
+  background: green;
+  color: white;
+}
+
+.project .status.incubating {
+  background: orange;
+  color: white;
+}
+
+.project .status.contributed {
+  background: blue;
+  color: white;
+}
+
+.contributors ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+
+  // Align to the bottom-right
+  position: absolute;
+  bottom: 25px;
+  left: 25px;
+}
+
+.contributors li {
+  display: inline-block;
+  margin-right: -25px;
+}
+
+.contributors img {
+  width: 50px;
+  height: 50px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.icon-attribution {
+  font-size: 12px;
+  color: #999;
+  margin-top: 10px;
+  align-self: center;
+
+  a {
+    color: #999;
+  }
+}
+
+.project-meta {
+  margin-top: 20px;
+  font-size: 14px;
+  color: #999;
+
+  // Align right
+  text-align: right;
+}
+
+.project-logo-inverted {
+  filter: invert(100%);
+}
diff --git a/resources/css/sass/bootstrap/_variables.scss b/resources/css/sass/bootstrap/_variables.scss
index fd11f1c..e9a07e6 100644
--- a/resources/css/sass/bootstrap/_variables.scss
+++ b/resources/css/sass/bootstrap/_variables.scss
@@ -428,7 +428,7 @@ $navbar-inverse-toggle-border-color:        #333 !default;
 //##
 
 //=== Shared nav styles
-$nav-link-padding:                          10px 15px !default;
+$nav-link-padding:                          10px 12px !default;
 $nav-link-hover-bg:                         $gray-lighter !default;
 
 $nav-disabled-link-color:                   $gray-light !default;
diff --git a/resources/img/project_status_done.png b/resources/img/project_status_done.png
new file mode 100644
index 0000000..bc96cca
Binary files /dev/null and b/resources/img/project_status_done.png differ
diff --git a/resources/img/project_status_ongoing.png b/resources/img/project_status_ongoing.png
new file mode 100644
index 0000000..622d282
Binary files /dev/null and b/resources/img/project_status_ongoing.png differ
diff --git a/resources/img/scala-js-logo-2.svg b/resources/img/scala-js-logo-2.svg
new file mode 100644
index 0000000..0bcccc1
--- /dev/null
+++ b/resources/img/scala-js-logo-2.svg
@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1"
+	 id="svg3021" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" inkscape:version="0.48.4 r9939" sodipodi:docname="scala-js-logo-darkening-and-perspective.svg" inkscape:export-filename="C:\Users\Sepi\Documents\Projets\scalajs-website\images\scala-js-logo-perspective-256.png" inkscape:export-ydpi="41.890907" inkscape:export-xdpi="41.890907"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1024px" height="768px"
+	 viewBox="0 0 1024 768" style="enable-background:new 0 0 1024 768;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#D6BA32;}
+	.st1{fill:#FFDA3E;}
+	.st2{fill:url(#path3043_1_);}
+	.st3{fill:url(#path3041_1_);}
+	.st4{fill:url(#path3041-7_1_);}
+	.st5{fill:url(#path3043-4_1_);}
+	.st6{fill:url(#path3047_1_);}
+	.st7{fill:url(#path3049_1_);}
+	.st8{fill:url(#path3051_1_);}
+	.st9{fill:url(#path3047-7_1_);}
+	.st10{fill:url(#path3049-7_1_);}
+	.st11{fill:url(#path3051-9_1_);}
+</style>
+<sodipodi:namedview  id="namedview3053" fit-margin-right="50" pagecolor="#ffffff" gridtolerance="10" inkscape:cy="222.33713" showgrid="false" objecttolerance="10" bordercolor="#666666" guidetolerance="10" fit-margin-left="50" borderopacity="1" inkscape:cx="339.40934" inkscape:zoom="0.70710678" inkscape:window-y="41" inkscape:current-layer="svg3021" inkscape:window-height="890" inkscape:window-maximized="1" inkscape:window-width="1391" inkscape:window-x="418" inkscape:pageshadow="2" inkscape:pageopacity="0">
+	</sodipodi:namedview>
+<title  id="title3023">Scala.js</title>
+<desc  id="desc3025">The Scala Logo</desc>
+<g>
+	<polyline class="st0" points="249.2,674.5 190.9,19.4 833.1,19.4 774.8,674.5 511.3,748.6 	"/>
+	<polygon class="st1" points="512.7,696.5 724.9,638.1 774.8,77 512.7,77 	"/>
+</g>
+<g id="g3886" transform="translate(0.25,-0.66421356)">
+	
+		<linearGradient id="path3043_1_" gradientUnits="userSpaceOnUse" x1="30.7339" y1="692.7552" x2="340.5725" y2="692.7552" gradientTransform="matrix(1.0501 0 0 1.1201 317.15 -290.4122)">
+		<stop  offset="0" style="stop-color:#646464"/>
+		<stop  offset="1" style="stop-color:#000000"/>
+	</linearGradient>
+	<path id="path3043" inkscape:connector-curvature="0" class="st2" d="M511.9,411.8l0,124.1c74.9-2.5,144.2,0.9,142.9,23.4
+		l6.3-111.3C661.1,448,662.9,417,511.9,411.8L511.9,411.8"/>
+	
+		<linearGradient id="path3041_1_" gradientUnits="userSpaceOnUse" x1="30.7339" y1="698.1151" x2="340.5725" y2="698.1151" gradientTransform="matrix(1.0501 0 0 1.1201 317.15 -463.9336)">
+		<stop  offset="0" style="stop-color:#646464"/>
+		<stop  offset="1" style="stop-color:#000000"/>
+	</linearGradient>
+	<path id="path3041" inkscape:connector-curvature="0" class="st3" d="M511.9,227.3l0,141.4c79.6,4.3,152.9,14.6,151.5,39.9
+		l7.1-125.4C670.5,283.3,672.5,248.2,511.9,227.3L511.9,227.3"/>
+</g>
+<g id="g4325" transform="translate(1.3535534,0.35355339)">
+	
+		<linearGradient id="path3041-7_1_" gradientUnits="userSpaceOnUse" x1="29.6303" y1="663.3936" x2="339.469" y2="663.3936" gradientTransform="matrix(1.0501 0 0 1.1201 318.7462 -462.3903)">
+		<stop  offset="0" style="stop-color:#4B4B4B"/>
+		<stop  offset="1" style="stop-color:#000000"/>
+	</linearGradient>
+	<path id="path3041-7" inkscape:connector-curvature="0" class="st4" d="M347.4,192.6l7.5,133c0,0,76.4,17.5,157.4,43.1v-141
+		C467.4,215.8,412.9,203.8,347.4,192.6L347.4,192.6"/>
+	
+		<linearGradient id="path3043-4_1_" gradientUnits="userSpaceOnUse" x1="29.6303" y1="660.9951" x2="339.469" y2="660.9951" gradientTransform="matrix(1.0501 0 0 1.1201 318.7462 -288.8688)">
+		<stop  offset="0" style="stop-color:#4B4B4B"/>
+		<stop  offset="1" style="stop-color:#000000"/>
+	</linearGradient>
+	<path id="path3043-4" inkscape:connector-curvature="0" class="st5" d="M357.2,367.3l6.6,118c0,0,72.2,21.4,148.4,50.4V411.6
+		C470.2,397.5,419,382.5,357.2,367.3L357.2,367.3"/>
+</g>
+<g id="layer1" inkscape:label="JS logo" inkscape:groupmode="layer">
+</g>
+<g id="g3890" transform="translate(0.25,-0.66421356)">
+	
+		<linearGradient id="path3047_1_" gradientUnits="userSpaceOnUse" x1="30.7339" y1="665.1633" x2="340.5725" y2="665.1633" gradientTransform="matrix(1.0501 0 0 -1.1201 317.15 954.3288)">
+		<stop  offset="0" style="stop-color:#A00000"/>
+		<stop  offset="1" style="stop-color:#FF0000"/>
+	</linearGradient>
+	<path id="path3047" inkscape:connector-curvature="0" class="st6" d="M681.1,96.6c-1.8,31-83.2,58.1-169.2,78.8l0,146.5
+		C671,274.2,673,238.9,673,238.9L681.1,96.6L681.1,96.6"/>
+	
+		<linearGradient id="path3049_1_" gradientUnits="userSpaceOnUse" x1="30.7339" y1="504.7004" x2="340.5725" y2="504.7004" gradientTransform="matrix(1.0501 0 0 -1.1201 317.15 954.3288)">
+		<stop  offset="0" style="stop-color:#A00000"/>
+		<stop  offset="1" style="stop-color:#FF0000"/>
+	</linearGradient>
+	<path id="path3049" inkscape:connector-curvature="0" class="st7" d="M670.5,283.3c-1.5,27.2-78,57.8-158.6,83.1l0,128.3
+		c149.7-54.8,151.5-86,151.5-86L670.5,283.3L670.5,283.3"/>
+	
+		<linearGradient id="path3051_1_" gradientUnits="userSpaceOnUse" x1="30.7339" y1="363.1982" x2="340.5725" y2="363.1982" gradientTransform="matrix(1.0501 0 0 -1.1201 317.15 954.3288)">
+		<stop  offset="0" style="stop-color:#A00000"/>
+		<stop  offset="1" style="stop-color:#FF0000"/>
+	</linearGradient>
+	<path id="path3051" inkscape:connector-curvature="0" class="st8" d="M661.1,448c-1.4,24.1-73.5,57.2-149.2,85.8l0,113.2
+		c141.3-60,142.9-87.8,142.9-87.8L661.1,448L661.1,448"/>
+</g>
+<g id="g4329" transform="translate(1.3535534,0.35355339)">
+	
+		<linearGradient id="path3047-7_1_" gradientUnits="userSpaceOnUse" x1="29.6303" y1="627.9769" x2="339.469" y2="627.9769" gradientTransform="matrix(1.0501 0 0 -1.1201 318.7462 953.5922)">
+		<stop  offset="0" style="stop-color:#780000"/>
+		<stop  offset="1" style="stop-color:#C00000"/>
+	</linearGradient>
+	<path id="path3047-7" inkscape:connector-curvature="0" class="st9" d="M512.2,174.7c-85.5,13.2-164.8,18-164.8,18l7.5,133
+		c62.2,0.6,114.2-1.3,157.4-4.9V174.7L512.2,174.7"/>
+	
+		<linearGradient id="path3049-7_1_" gradientUnits="userSpaceOnUse" x1="29.6303" y1="468.1432" x2="339.469" y2="468.1432" gradientTransform="matrix(1.0501 0 0 -1.1201 318.7462 953.5922)">
+		<stop  offset="0" style="stop-color:#780000"/>
+		<stop  offset="1" style="stop-color:#C00000"/>
+	</linearGradient>
+	<path id="path3049-7" inkscape:connector-curvature="0" class="st10" d="M512.2,365.1c-80.2,4.6-155,2.2-155,2.2l6.6,118
+		c58.8,5.5,107.8,7.8,148.4,8.1V365.1L512.2,365.1"/>
+	
+		<linearGradient id="path3051-9_1_" gradientUnits="userSpaceOnUse" x1="29.6303" y1="329.7609" x2="339.469" y2="329.7609" gradientTransform="matrix(1.0501 0 0 -1.1201 318.7462 953.5922)">
+		<stop  offset="0" style="stop-color:#780000"/>
+		<stop  offset="1" style="stop-color:#C00000"/>
+	</linearGradient>
+	<path id="path3051-9" inkscape:connector-curvature="0" class="st11" d="M512.2,532.5c-75.6-2.2-146.3-10.1-146.3-10.1l5.9,105.4
+		c55.8,9.3,102.1,15,140.4,18.3V532.5L512.2,532.5"/>
+</g>
+</svg>
diff --git a/resources/img/scala-native.webp b/resources/img/scala-native.webp
new file mode 100644
index 0000000..23be29d
Binary files /dev/null and b/resources/img/scala-native.webp differ