Merge pull request #488 from typelevel/gsoc

Add initial GSoC pages

_data/filter-gsoc.yml

@@ -0,0 +1,6 @@
+- title: Guidance
+  url: /gsoc/
+- title: Ideas
+  url: /gsoc/ideas/
+- title: Past Projects
+  url: /gsoc/projects/

_data/gsoc-ideas.yml

@@ -0,0 +1,6 @@
+- title: "Scaladoc Search in Protosearch"
+  description: "Protosearch offers an in-browser search experience for documentation. This project aims to add support for Scaladoc, the documentation system for Scala code. As a result of this work, searching for `flatMap` on the cats-effect documentation, for example, would return hits from the tutorial and the relevant method in the Scaladoc."
+  categories: [data, web]
+- title: "Fluent library for files and processes"
+  description: "The `fs2.io.file` package is powerful, but using it in small scripts can involve boilerplate. This project aims to create a fluent library for working with files and processes in Scala. A particular focus will be easy integration with the Typelevel Toolkit"
+  categories: [libraries]

_data/gsoc-projects.yml

@@ -0,0 +1,12 @@
+- title: "UringSystem using io_uring"
+  description: "Integrated Cats Effect and FS2 with Linux kernel APIs and made Ember 3x faster!"
+  permalink: "https://github.com/armanbilge/fs2-io_uring/pull/78"
+  categories: [operating systems]
+- title: "Ember Web Sockets"
+  description: "Implemented network protocols and enabled more projects to cross-compile and run on 100% Typelevel stack"
+  permalink: "https://github.com/http4s/http4s/pull/7261"
+  categories: [web]
+- title: "Pure Scala Open Telemetry APIs"
+  description: "Designed Scala APIs for Open Telemetry Specifications and opened the door to a pure Scala SDK"
+  permalink: "https://github.com/typelevel/otel4s/pull/236"
+  categories: [tracing]

_includes/_cta-gsoc.html

@@ -0,0 +1,10 @@
+<section id="section-cta" class="section-large">
+    <div class="container">
+        <div class="section-header">
+            <h2><span>Submit Your Idea</span></h2>
+            <p>Are you interested in submitting a GSoC project idea to the Typelevel Ecosystem?</p>
+
+            <a class="button button-secondary" href="https://github.com/typelevel/governance/issues/new/choose">Open a ticket!</a>
+        </div>
+    </div>
+</section>

_includes/_gsoc_idea_card.html

@@ -0,0 +1,12 @@
+<a href="{{ project.github }}" class="gsoc-item">
+  <div class="gsoc-item-content">
+    <div>
+      <img src="{{ site.baseurl }}/img/assets/icon-about-open-source.svg" alt="">
+      <h3>{{ project.title }}</h3>
+    </div>
+    <p>{{ project.description }}</p>
+  </div>
+  <div class="project-item-tag">
+    <p>{{ project.categories | join: " / "}}</p>
+  </div>
+</a>

_includes/_gsoc_project_card.html

@@ -0,0 +1,12 @@
+<a href="{{ project.github }}" class="gsoc-item">
+  <div class="gsoc-item-content">
+    <div>
+      <img src="{{ site.baseurl }}/img/assets/icon-about-modular.svg" alt="">
+      <h3>{{ project.title }}</h3>
+    </div>
+    <p>{{ project.description }}</p>
+  </div>
+  <div class="project-item-tag">
+    <p>{{ project.categories | join: " / "}}</p>
+  </div>
+</a>

_includes/_tab-gsoc.html

@@ -0,0 +1,5 @@
+<ul class="tab">
+    {% for tabItem in site.data.filter-gsoc %}
+    <li><a href="{{ site.baseurl }}{{tabItem.url}}" {% if tabItem.url == page.url %} class="active" {% endif %}>{{tabItem.title}}</a></li>
+    {% endfor %}
+</ul>

_sass/components/_gsoc.scss

@@ -0,0 +1,61 @@
+// PROJECTS
+// =====================================================================
+// =====================================================================
+
+.gsoc-list {
+  @include grid;
+  @include col-2;
+
+  .gsoc-item {
+    @include card;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    color: $base-font-color;
+
+    .gsoc-item-content {
+      > div {
+        display: flex;
+        margin: 0 0 $base-point-grid * 5 0;
+        align-items: center;
+
+        h3 {
+          margin: 0 0 0 $base-point-grid * 4;
+        }
+      }
+    }
+
+    .project-item-tag {
+      margin-top: 20px;
+
+      p {
+        @include tag;
+      }
+    }
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}
+
+.sub-cta {
+  max-width: $base-point-grid * 91;
+  margin: $base-point-grid * 8 auto 0 auto;
+  text-align: center;
+}
+
+// Responsive
+@include bp(large) {
+
+    .gsoc-list {
+      @include col-2;
+    }
+
+}
+
+@include bp(small) {
+  .gsoc-list {
+    @include col-1;
+  }
+}

css/main.scss

@@ -23,6 +23,7 @@
 @import "components/hexagon";
 @import "components/sections";
 @import "components/projects";
+@import "components/gsoc";
 @import "components/licenses";
 @import "components/cta";
 @import "components/blog";

gsoc/ideas.html

@@ -0,0 +1,22 @@
+---
+layout: page
+title: "GSoC: Ideas"
+permalink: /gsoc/ideas/
+---
+
+<div id="section-page">
+  <div class="container">
+    <div class="masthead-page">
+      <h1><span>{{ page.title }}</span></h1>
+      <p>Join in on the excitement for this years GSoC ideas!</p>
+      {% include _tab-gsoc.html %}
+    </div>
+
+    <div class="gsoc-list">
+      {% for project in site.data.gsoc-ideas %}
+        {% include _gsoc_idea_card.html %}
+      {% endfor %}
+    </div>
+  </div>
+</div>
+{% include _cta-gsoc.html %}

gsoc/index.html

@@ -0,0 +1,29 @@
+---
+layout: page
+title: "GSoC: Guidance"
+---
+<div id="section-page">
+  <div class="container container-blog">
+    <div class="masthead-blog-detal">
+      <h1><span>{{ page.title }}</span></h1>
+      <p>Some guidelines on joining and working with Typelevel for the GSoC.</p>
+      {% include _tab-gsoc.html %}
+    </div>
+    <div class="blog-detail-content">
+      <h2>Welcome!</h2>
+      <p>
+         Typelevel has applied to GSoC 2024.
+      </p>
+      <p>
+        Contributors: Feel free to join our Discord server and introduce yourself in the
+        <a href="https://discord.com/channels/632277896739946517/1103761261763776563">#summer-of-code channel</a>.
+        We can help you get started with contributing to our projects and help you find a mentor.
+      </p>
+      <p>
+        Mentors: Please reach out in the
+        <a href="https://github.com/orgs/typelevel/discussions/128">GitHub org discussion</a>
+        if you want to be part of GSoC 2024.
+      </p>
+    </div>
+  </div>
+</div>

gsoc/past-projects.html

@@ -0,0 +1,21 @@
+---
+layout: page
+title: "GSoC: Past Projects"
+permalink: /gsoc/projects/
+---
+
+<div id="section-page">
+  <div class="container">
+    <div class="masthead-page">
+      <h1><span>{{ page.title }}</span></h1>
+      <p>Checkout some of our projects from past GSoC years!</p>
+      {% include _tab-gsoc.html %}
+    </div>
+
+    <div class="gsoc-list">
+      {% for project in site.data.gsoc-projects %}
+        {% include _gsoc_project_card.html %}
+      {% endfor %}
+    </div>
+  </div>
+</div>