Update recruitments page content

CNAME

@@ -1 +1 @@
-pesos.pes.edu
+pesos.pes.edu

_includes/header.html

@@ -8,7 +8,9 @@
     <div class="main">
       <div class="header__title">
         <div class="header__brand">
-          {%- include svg/logo.svg -%}
+          {%- assign _logo_path = '/assets/images/logo/logo.png' -%}
+          {%- include snippets/prepend-baseurl.html path=_logo_path -%}
+          <img src="{{ __return }}" alt="{{ site.title | escape }}" />
           {%- assign _paths_root = site.paths.root | default: site.data.variables.default.paths.root  -%}
           {%- include snippets/get-nav-url.html path=_paths_root -%}
           {%- if site.title -%}

_posts/2020-11-01-recruitments-2020.md

@@ -1,7 +1,6 @@
 ---
 title: "PES Open Source is Recruiting!"
 tags: pesos recruitments
-permalink: /recruitments
 author: Atharva Raykar
 show_author_profile: true
 ---

_sass/components/_header.scss

@@ -63,11 +63,12 @@
 .header__brand {
   @include flexbox();
   @include align-items(center);
-  & > svg {
+  & > img {
     width: map-get($base, font-size-h4) * 1.6;
     height: map-get($base, font-size-h4) * 1.6;
     margin-right: map-get($spacers, 3);
     vertical-align: middle;
+    object-fit: contain;
     @include media-breakpoint-down(md) {
       width: map-get($base, font-size-h4) * 1.2;
       height: map-get($base, font-size-h4) * 1.2;

recruitments/index.md

@@ -0,0 +1,173 @@
+---
+title: Recruitments
+layout: page
+permalink: /recruitments/
+---
+
+<style>
+  .recruitment-hero {
+    max-width: 760px;
+    margin: 4rem auto 5rem;
+    padding: 2.5rem 2rem;
+    text-align: center;
+    border: 1px solid rgba(0, 0, 0, 0.08);
+    border-radius: 20px;
+    background: #fff;
+    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
+  }
+
+  .recruitment-actions {
+    display: flex;
+    justify-content: center;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+    margin-top: 1.5rem;
+  }
+
+  .recruitment-hero + h2 {
+    margin-top: 2rem;
+  }
+
+  h2 {
+    margin-top: 2.5rem;
+    margin-bottom: 1rem;
+  }
+
+  h2 + p,
+  h2 + ol,
+  h2 + ul,
+  p + ol,
+  p + ul {
+    margin-top: 0.9rem;
+  }
+
+  p {
+    margin-bottom: 1rem;
+  }
+
+  ol,
+  ul {
+    margin-top: 0.75rem;
+    margin-bottom: 1.5rem;
+    padding-left: 1.5rem;
+  }
+
+  li + li {
+    margin-top: 0.45rem;
+  }
+
+  .recruitment-social {
+    width: 100vw;
+    margin: 2.5rem calc(50% - 50vw) 0;
+    padding: 1rem 1.25rem;
+    background: #f6f6f6;
+    border-top: 1px solid rgba(0, 0, 0, 0.06);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+    text-align: center;
+  }
+
+  .recruitment-social p {
+    margin: 0;
+    color: rgba(0, 0, 0, 0.62);
+    font-size: 0.95rem;
+  }
+
+  .recruitment-social-links {
+    margin-top: 0.5rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 0.4rem 0.75rem;
+    color: rgba(0, 0, 0, 0.55);
+    font-size: 0.92rem;
+  }
+
+  .recruitment-social-links a {
+    color: rgba(0, 0, 0, 0.62);
+    text-decoration: none;
+    border-bottom: 1px solid transparent;
+  }
+
+  .recruitment-social-links a:hover {
+    color: rgba(0, 0, 0, 0.8);
+    text-decoration: none;
+    border-bottom-color: rgba(0, 0, 0, 0.28);
+  }
+</style>
+
+<section class="recruitment-hero my-5">
+  <h1>Join PESOS</h1>
+  <p class="info">
+    We are recruiting for Tech Members, Non-Tech Members and Internal Community.
+  </p>
+  <p class="recruitment-actions">
+    <button
+      type="button"
+      class="button button--primary button--rounded button--lg"
+      onclick="window.location.replace('https://forms.gle/DLPpSGgxPU8HS5AaA');">
+      Apply Now
+    </button>
+  </p>
+</section>
+
+## Selection Process
+
+1. Submit your application form.
+2. Shortlisting based on interest and fit.
+3. Task/interview round.
+4. Final onboarding mail.
+
+---
+
+## Important Dates
+
+**Applications Open:** 10 April 2026
+
+**Deadline:** 25 April 2026
+
+Dates can change based on response volume.
+
+---
+
+## Planned Activities
+
+To ensure consistent engagement, this is what we are building toward this tenure:
+
+- **Intro Sessions:** Deep dives into Open Source concepts (Cloud, Cyber, ML, IoT).
+- **Workshops:** Hands-on sessions on Git, Linux, Hugging Face, .NET, and TensorFlow.
+- **Flagship Events:** A signature open-source hackathon and campus FOSS talks.
+- **Mentoring:** Structured guidance to help you become a self-sufficient contributor.
+- **Global Prep:** Preparation for **GSoC** and international competitions via **Team OSIRIS**.
+- **Project Roadshow:** A 4-week guided repository contribution program.
+
+---
+
+## Technical Hierarchy
+
+1. **External Community:** A public space open to everyone to follow PESOS activities, events, and updates. It is the entry point for people who want to explore what we build before taking on active technical roles.
+
+2. **Internal Community:** A contributor-focused workspace formed through recruitments, where selected members actively work on projects. Members collaborate under mentors, contribute to public repositories, and build practical open-source experience.
+
+3. **Tech Members:** Recruited contributors responsible for technical operations across the chapter. They help manage community repositories, support project workflows, and maintain the website and related technical infrastructure.
+
+4. **Tech Heads:** Leads of the technical domain who set direction and maintain standards across teams. They coordinate repositories and platform efforts, review progress, and ensure technical execution aligns with chapter goals.
+
+5. **Mentors:** Experienced contributors who guide internal community members through projects, Git workflows, and collaboration practices. They provide structured support to help members become confident, independent contributors.
+
+<section class="recruitment-social my-5">
+  <p>All of PESOS social media, give us a follow :D</p>
+  <div class="recruitment-social-links">
+    <span><a href="https://www.instagram.com/pes.opensource?igsh=MXhxNHJqanBtcDl2cA==" target="_blank" rel="noopener noreferrer">Instagram</a></span>
+    <span>•</span>
+    <span><a href="https://github.com/pesos" target="_blank" rel="noopener noreferrer">GitHub</a></span>
+    <span>•</span>
+    <span><a href="https://www.linkedin.com/company/pesososiris/" target="_blank" rel="noopener noreferrer">LinkedIn</a></span>
+    <span>•</span>
+    <span><a href="https://youtube.com/@pesopensource4653?si=QhqkZDuvOSg8UpWK" target="_blank" rel="noopener noreferrer">YouTube</a></span>
+    <span>•</span>
+    <span><a href="https://x.com/pesopensource" target="_blank" rel="noopener noreferrer">Twitter / X</a></span>
+    <span>•</span>
+    <span><a href="https://www.facebook.com/groups/pesosc/" target="_blank" rel="noopener noreferrer">Facebook</a></span>
+  </div>
+</section>