jekyll-professional-resume 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: cf9e8398d46b6e6748548713c6f3802e54153263245aab4bc1f256d644372fef
+  data.tar.gz: 247b58a1fb9ec7f3b30c871cdb367b01d0198294fa8d4c59ad4e9df02be62576
+SHA512:
+  metadata.gz: 118435687934048b08822661f1c79ef97a55eee40a3072db10f07615593bb6f1ff26066a86f08d5501b67a811e15227329aa0a247b0c49971d65eff7f3ea1c78
+  data.tar.gz: 99b2ac5ba50d8409d3104e51cb5bb20d9ecfece76bcc620705ad4d264763f6ee47c957997f1c3d692ced5612a6c172ed0f042df432cdc0ff07703c6a8d3efa6b

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Yankos
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,161 @@
+[![CI](https://img.shields.io/badge/Github%20Pages-passing-gold.svg?logo=github)](ci)
+[![License: MIT](https://img.shields.io/badge/License-MIT-orange.svg)](https://opensource.org/licenses/MIT)
+[![Jekyll](https://img.shields.io/badge/jekyll-%3E%3D%203.9-green.svg)](https://jekyllrb.com/)
+[![Jekyll](https://img.shields.io/badge/gem%20version-3.2.33-blue.svg)](gem)
+
+# 🎓 - Jekyll Professional Resume
+
+A simple and modern resume template, best fit for either **Academic CV (Curriculum Vitae)** or **Engineer Portfolio**.
+
+Live demo is available [here](https://cvlian.github.io/).
+
+![demo](https://i.ibb.co/HYshYc0/231232121.webp)
+
+## Setup
+Fork [this repository](https://github.com/byanko55/jekyll-professional-resume) or download the [source](https://github.com/byanko55/jekyll-professional-resume/releases) as a zip.
+
+If you use as destination a repository named USERNAME.github.io, then your URL will be https://USERNAME.github.io/.
+
+### Update Profile
+In `_config.yml`, you can modify personal info such as your *photo, phone number, email*, and other social accounts.
+
+```yml
+profile_img: assets/img/profile.webp
+icon_img: assets/img/icon.webp
+
+phone_number: 012-345-6789
+address: City, Country
+email: email@example.com
+linkedin_username: linkedin
+github_username: github
+...
+
+```
+
+### Create a Topic
+
+All resume information should be placed in a directory named '`_data`'. You may need to manage personal data in separate groups, making a *Yaml* (`.yml`) file for each subject.
+
+```
+._data
+├── SUBJECT1.yml
+├── SUBJECT2.yml
+├── SUBJECT3.yml
+...
+
+```
+
+For instance,
+
+```
+._data
+├── Awards.yml
+├── Education.yml
+├── Experience.yml
+├── Languages.yml
+├── Projects.yml
+├── Publications.yml
+├── Skills.yml
+```
+
+### Fill your infomation
+
+Open the *Yaml* file which you created right before. Add the following materials inside of the file.
+
+* **subject**: title of a subject
+* **listing-order**: determines the display order (from top to bottom)
+* **icon**: representative icon to be displayed (pick out from `resources/svgs`)
+* **contents**: The details of each item, listed in `KEY`-`VALUE` pairs 
+
+```yml
+subject:
+listing-order:
+icon:
+contents:
+  - title: ITEM 1
+    KEY: VALUE
+    KEY: VALUE
+    ...
+  - title: ITEM 2
+    KEY: VALUE
+    ...
+```
+
+For a better understanding, see the example below.
+
+```yml
+subject: Education
+listing-order: 1
+icon: "/assets/img/graduation-cap.svg"
+contents:
+  - title: Stanfort University, MA in Computer Science
+    description:
+      - Development of algorithms for tracking the facial expressions
+      - Optimizing parameter efficient fine tuning for fairness
+    grade: "**GPA**: `4.1/4.3`"
+    date: Mar. 2014 - Feb. 2016
+  ...
+
+```
+
+The rendered output looks like this:
+
+![example1](https://i.ibb.co/9TGKPrv/123312.webp)
+
+See also the advanced example. 
+
+> **Important**: You can use markdown syntax to **apply text bold, italic, and underlined** effects or **create HTML elements** (including image, links, span, etc.)!
+
+```
+subject: Projects
+listing-order: 3
+icon: "/assets/img/clipboard-list.svg"
+contents:
+  - title: "ChatPPT ([https://chat.opena1.com/](https://chat.openai.com/))"
+    description: 
+      - Chatbot developed based on a large language model
+      - Designed Generative algorithm to generate novel human-like content
+      - "Technology Used: Rust, Typescript, Python, Ruby"
+    image: "![](https://i.ibb.co/hX2wYLB/231321.webp)"
+  ...
+
+```
+
+![example](https://i.ibb.co/tCNCyYr/231321.webp)
+
+### Run site locally
+
+To test locally, run the following:
+
+```
+bundle install
+bundle exec jekyll serve
+```
+
+Now open [http://localhost:4000](http://localhost:4000) in your browser.
+<br></br>
+
+
+## Customizing
+
+### Change Color Palette
+Wanna pick another color? You can edit the base theme palette in `assets/css/style.scss`.
+```css
+:root {
+    --color-background: #fffdfb;
+    --theme1-light: #F6D8CB;
+    --theme1-medium: #D0A694;
+    --theme1-dim: #B07D67;
+    --theme1-dark: #8A5843;
+    --theme2-light: #B1B1C2;
+    ...
+
+}
+```
+
+## Contribution
+If you would like to report a bug or request a new feature, please open [an issue](https://github.com/byanko55/jekyll-professional-resume/issues) We are open to any kind of feedback or collaboration.
+<br></br>
+
+## License
+© 2024 *Yankos*. This theme is available as open source under the terms of the [MIT License](https://opensource.org/license/mit/).

data/_layouts/home.html

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+<html lang="en">
+{% assign meta = "" | split, "" %}
+{% for yml_file in site.data %}
+  {% assign meta = meta | push:yml_file[1] %}
+{% endfor %}
+{% assign meta = meta | sort: 'listing-order' %}
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>{{ site.title }}</title>
+  {% seo %}
+
+  <link rel="shortcut icon" type="image/png" href="{{ site.logo_img }}">
+  <link rel="stylesheet" href="{{ '/assets/css/style.css' }}">
+  <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
+</head>
+
+<body>
+  <div id="sidebar">
+    <ul class="toc-box"></ul>
+  </div>
+  <div id="about">
+    <div class="profile-zone">
+      <img class="profile-img" src="{{ '/assets/img/profile.webp' }}" alt="My Photo">
+      <ul class="personal-info">
+        {% if site.phone_number %}
+        <li><a aria-label="My Phone">
+          <img src="{{ '/assets/img/phone.svg' }}" alt="My Phone Number">
+          <div><span>{{ site.phone_number }}</span></div>
+        </a></li>
+        {% endif %}
+        {% if site.address %}
+        <li><a aria-label="My Address" href="https://www.google.com/maps/search/{{ site.address }}">
+          <img src="{{ '/assets/img/location-dot.svg' }}" alt="My Address">
+          <div><span>{{ site.address }}</span></div>
+        </a></li>
+        {% endif %}
+        {% if site.email %}
+          <li><a aria-label="My Email" href="{{ site.email }}">
+            <img src="{{ '/assets/img/envelope.svg' }}" alt="My Email">
+            <div><span>{{ site.email }}</span></div>
+          </a></li>
+        {% endif %}
+        {% if site.linkedin_username %}
+          <li><a aria-label="My LinkedIn" href="https://www.linkedin.com/in/{{ site.linkedin_username }}">
+            <img src="{{ '/assets/img/linkedin.svg' }}" alt="My LinkedIn">
+            <div><span>@{{ site.linkedin_username }}</span></div>
+          </a></li>
+        {% endif %}
+        {% if site.github_username %}
+          <li><a aria-label="My Github" href="https://github.com/{{ site.github_username }}">
+            <img src="{{ '/assets/img/github.svg' }}" alt="My Github">
+            <div><span>@{{ site.github_username }}</span></div>
+          </a></li>
+        {% endif %}
+        {% if site.twitter_username %}
+          <li><a aria-label="My Twitter" href="https://twitter.com/{{ site.twitter_username }}">
+            <img src="{{ '/assets/img/twitter.svg' }}" alt="My Twitter">
+            <div><span>@{{ site.twitter_username }}</span></div>
+          </a></li>
+        {% endif %}
+        {% if site.instagram_username %}
+          <li><a aria-label="My Instagram" href="https://www.instagram.com/{{ site.instagram_username }}">
+            <img src="{{ '/assets/img/instagram.svg' }}" alt="My Instagram">
+            <div><span>@{{ site.instagram_username }}</span></div>
+          </a></li>
+        {% endif %}
+        {% if site.facebook_username %}
+          <li><a aria-label="My Facebook" href="https://www.facebook.com/{{ site.facebook_username }}">
+            <img src="{{ '/assets/img/facebook.svg' }}" alt="My Facebook">
+            <div><span>@{{ site.facebook_username }}</span></div>
+          </a></li>
+        {% endif %}
+        {% if site.youtube_username %}
+          <li><a aria-label="My Youtube" href="https://www.youtube.com/{{ site.youtube_username }}">
+            <img src="{{ '/assets/img/youtube.svg' }}" alt="My Youtube">
+            <div><span>@{{ site.youtube_username }}</span></div>
+          </a></li>
+        {% endif %}
+        {% if site.blog_url %}
+          <li><a aria-label="My Blog" href="{{ site.blog_url }}">
+            <img src="{{ '/assets/img/house.svg' }}" alt="My Blog">
+            <div><span>{{ site.blog_url }}</span></div>
+          </a></li>
+        {% endif %}
+      </ul>
+    </div>
+    <div class="name-zone">
+      <h1>Your Name Here</h1>
+      <h2>〈Your Job Here〉</h2>
+    </div>
+  </div>
+  <div id="contents">
+    <ul>
+      {% for subject in meta %}
+        <li class="subject" id="{{ subject.subject }}">
+          <h2 class="subject-name">
+            <div>
+              <img class="subject-icon" src="{{ subject.icon }}" alt="{{ subject.subject }}">
+            </div>
+            {{ subject.subject }}
+          </h2>
+          <ul>
+              {% for member in subject.contents %}
+              <li class="item">
+                  <div class="content-header">
+                    {{ member.title | markdownify }}
+                    {% if member.date %}
+                      <span class="content-date">
+                        <img src="{{ '/assets/img/calendar.webp' }}" alt="date">
+                        {{ member.date }}
+                      </span>
+                    {% endif %}
+                  </div>
+                  {% for item in member %}
+                    {% if item[0] != "title" and item[0] != "date" %}
+                      {% if item[1].first %}
+                        <ul>
+                          {% for subitem in item[1] %}
+                          <li class="subitem">
+                            {{ subitem | markdownify }}
+                          </li>
+                          {% endfor %}
+                        </ul>
+                      {% else %}
+                        {{ item[1] | markdownify }}
+                      {% endif %}
+                    {% endif %}
+                  {% endfor %}
+              </li>
+              {% endfor %}
+          </ul>
+        </li>
+      {% endfor %}
+      </ul>
+  </div>
+  <div id="footer">
+    <span>
+      Copyright © 2024 | <a href="https://github.com/byanko55">Yankos</a>
+    </span>
+  </div>
+</body>
+<script src="{{ '/assets/js/main.js' }}"></script>
+</html>

data/assets/css/style.scss

@@ -0,0 +1,453 @@
+---
+---
+
+:root {
+    --color-background: #fffdfb;
+    --theme1-light: #F6D8CB;
+    --theme1-medium: #D0A694;
+    --theme1-dim: #B07D67;
+    --theme1-dark: #8A5843;
+    --theme2-light: #B1B1C2;
+    --theme2-medium: #8888A4;
+    --theme2-dim: #66658C;
+    --theme2-dark: #484776;
+    --theme3-light: #FFF8E4;
+    --theme3-medium: #EBDFBB;
+    --theme3-dim: #C8B887;
+    --theme3-dark: #A8955A;
+    --theme4-light: #AABEB6;
+    --theme4-medium: #7FA093;
+    --theme4-dim: #5C8876;
+    --theme4-dark: #3D725D;
+    --font-dark: #202424;
+}
+
+html, body {
+    margin:0;
+    padding:0;
+}
+
+body { 
+    margin:0 auto;
+    font-family: 'Poppins', sans-serif;
+    background: var(--color-background);
+    
+    &:before{ display: none; }
+}
+
+ul, li {
+    list-style:none;
+    padding:0;
+}
+
+a { text-decoration:none; }
+
+#sidebar{ display: none; }
+
+#about, #contents, #footer { text-align:center; }
+
+#about{
+    width: 100%;
+    z-index: 2;
+
+    .profile-zone{
+        width: 100%;
+        position: relative;
+        margin: 3rem auto;
+        background-color: var(--theme4-medium);
+
+        &:before {
+            content:"";
+            position: absolute;
+            width: 100%;
+            height: 4rem;
+            top: -4rem;
+            left: 0;
+            background: var(--color-background);
+        }
+    }
+
+    .profile-zone .profile-img {
+        width:192px;
+        aspect-ratio:1.0;
+        position: absolute;
+        top:50%;
+        left:50%;
+        transform: translate(-50%, -50%);
+        border-radius:50%;
+        border: 4px solid var(--theme3-dark);
+    }
+
+    .profile-zone .personal-info {
+        width: 100%;
+        height: 200px;
+        margin: auto;
+        columns: 2;
+        line-height: 250%;
+        padding: 1rem 0;
+        display: grid;
+        grid-template-rows: repeat(5, 40px);
+        grid-template-columns: repeat(2, 50%);
+        grid-auto-flow: column;
+    }
+
+    .profile-zone .personal-info span { 
+        color: white;
+        display: inline-flex;
+        font-size: 0;
+        vertical-align: middle;
+        clip-path: inset(0 100% 0 0);
+        transition: font-size .6s ease-in-out, clip-path .4s;
+        transition-delay: 0s, .45s;
+        transition-property: font-size, clip-path;
+    }
+
+    .profile-zone .personal-info img {
+        width:20px;
+        aspect-ratio:1.0;
+        cursor: pointer;
+        vertical-align: middle;
+        transition: all .75s;
+        filter: invert(10%) sepia(4%) saturate(5321%) hue-rotate(201deg) brightness(99%) contrast(90%);
+    }
+
+    .profile-zone .personal-info {
+        a {
+            display: inline-flex;
+            cursor: pointer;
+
+            &:hover {
+                img {
+                    width: 28px;
+                    filter: brightness(0) saturate(100%) invert(77%) sepia(47%) saturate(1006%) hue-rotate(358deg) brightness(104%) contrast(105%);
+                }
+            }
+        }
+
+        li { height: 40px; }
+
+        li:nth-child(n+1):nth-child(-n+5) { 
+            text-align: right; 
+
+            img { 
+                order: 1; 
+                margin-right: 0.5rem;
+            }
+
+            div { order: 2; }
+        }
+
+        li:nth-child(n+6):nth-child(-n+10) { 
+            text-align: left; 
+
+            img { 
+                order: 2; 
+                margin-left: 0.5rem;
+            }
+
+            div { order: 1; }
+        }
+
+        li:nth-child(1) { margin-right: 5.25rem; }
+        li:nth-child(2) { margin-right: 6.25rem; }
+        li:nth-child(3) { margin-right: 6.75rem; }
+        li:nth-child(4) { margin-right: 6.25rem; }
+        li:nth-child(5) { margin-right: 5.25rem; }
+        li:nth-child(6) { margin-left: 5.25rem; }
+        li:nth-child(7) { margin-left: 6.25rem; }
+        li:nth-child(8) { margin-left: 6.75rem; }
+        li:nth-child(9) { margin-left: 6.25rem; }
+        li:nth-child(10) { margin-left: 5.25rem; }
+    }
+    
+    .name-zone { margin-top: -2rem; }
+
+    .name-zone h1, 
+    .name-zone h2 {
+        margin: 0;
+    }
+    
+    .name-zone h1 { color: var(--theme3-dark); }
+    .name-zone h2 { color: var(--theme4-dark); }
+}
+
+#contents{
+    width: 85%;
+    margin-left: 7.5%;
+    text-align: left;
+
+    ul { margin-bottom: 3rem; }
+
+    li { 
+        margin-top: 2rem;
+        line-height: 100%;
+    }
+
+    .subject-name {
+        margin: 3rem auto;
+        color: var(--font-dark);
+        position: relative;
+        margin-left: -16px;
+        margin-bottom: 0;
+        padding-bottom: 12px;
+        border-bottom: 1px solid;
+
+        div {
+            width: 32px;
+            aspect-ratio: 1.0;
+            margin-right: 8px;
+            margin-left: 0;
+            transform: translateY(6px);
+            display: inline-flex;
+        }
+    }
+
+    .subject-icon {
+        width:32px;
+        aspect-ratio:1.0;
+        vertical-align: sub;
+        filter: invert(27%) sepia(2%) saturate(3297%) hue-rotate(8deg) brightness(92%) contrast(82%);
+    }
+
+    .item { position: relative; }
+
+    .item:nth-child(1) { margin-top: -0.5rem; }
+
+    .content-header + ul { margin-top: -1rem; }
+
+    .subject, .item {
+        opacity: 0;
+        transition: all 0.8s;
+        transform: translateY(40px);
+    }
+
+    .appear {
+        opacity: 1;
+        transform: none;
+        transition-delay: 0.3s;
+    }
+
+    .content-header { 
+        display: table;
+        width: 100%;
+        position: relative;
+        margin: 1rem auto;
+
+        &:before{
+            content:"";
+            position: absolute;
+            top: 6px;
+            left: -56px;
+            width: 16px;
+            aspect-ratio: 1.0;
+            background: var(--theme3-dark);
+            border-radius: 50%;
+        }
+
+        p, span { line-height: 150%; }
+
+        p { 
+            font-weight: 600;
+            font-size: 16px;
+            color: var(--font-dark);
+        }
+    }
+
+    .content-date {
+        font-size: 14px;
+        width: 224px;
+        text-align: left; 
+    }
+
+    .content-date img {
+        width:20px;
+        aspect-ratio:1.0;
+        margin-right: 8px;
+        vertical-align: sub;
+    }
+
+    .subitem {
+        list-style: square;
+        margin-left: 2rem;
+        margin-top: 0.5rem;
+    }
+
+    em { padding: 0 4px 0 1px; }
+
+    a { 
+        color: var(--theme4-dark); 
+        text-decoration: underline 1px;
+        text-underline-position: under;
+    }
+
+    p { line-height: 150%; }
+
+    code {
+        margin:0 2px;
+        padding:1px 5px;
+        font-size: 14px;
+        border: 1px solid var(--theme3-dim);
+        background-color:var(--color-background);
+        border-radius:3px;
+        font-family:'Courier New', Courier, monospace;
+        color:var(--font-dark);
+        position:relative;
+        top:-1px;
+        vertical-align:middle;
+    }
+
+    img[alt="devicon"] { 
+        height: 60px;
+        width: 60px;
+    }
+
+    ul + p { margin-top: -2rem; }
+
+    .content-header + .item { margin-top: 0; }
+
+    img { 
+        aspect-ratio: auto;
+        max-width: 320px;
+    }
+}
+
+#footer {
+    padding: 1rem;
+    background: var(--theme3-medium);
+    font-size: 14px;
+
+    a { 
+        color: var(--theme1-dark);
+        font-weight: 600;
+    }
+}
+
+@media (min-width:768px) {
+    body::before {
+        content:"";
+        display: block;
+        position: fixed;
+        left: calc(50% - min(512px, 33%) - 50px);
+        width: 3px;
+        height: 100%;
+        margin-top: -64px;
+        background: var(--theme3-medium);
+    }
+
+    #about { 
+        margin-bottom: 6rem; 
+
+        .profile-zone { margin:4rem auto; }
+
+        .profile-zone .profile-img { width:256px; }
+
+        .profile-zone .personal-info { min-width: 768px; }
+
+        .profile-zone .personal-info {
+            a:hover{
+                span {
+                    font-size: 1rem;
+                    clip-path: inset(0 0 0 0);
+                };
+            }
+
+            li:nth-child(1) { margin-right: 7.25rem; }
+            li:nth-child(2) { margin-right: 8.25rem; }
+            li:nth-child(3) { margin-right: 8.75rem; }
+            li:nth-child(4) { margin-right: 8.25rem; }
+            li:nth-child(5) { margin-right: 7.25rem; }
+            li:nth-child(6) { margin-left: 7.25rem; }
+            li:nth-child(7) { margin-left: 8.25rem; }
+            li:nth-child(8) { margin-left: 8.75rem; }
+            li:nth-child(9) { margin-left: 8.25rem; }
+            li:nth-child(10) { margin-left: 7.25rem; }
+        }
+    }
+
+    #contents {
+        width: 78%;
+        margin-left: 17%;
+
+        img { max-width: 640px; }
+
+        .subject { margin-top: 6rem; }
+
+        .item:nth-child(1) { margin-top: 2rem; }
+
+        .item ul { margin-top: 0; }
+
+        .subject-name {
+            margin-left: auto;
+            margin-bottom: 3rem;
+            padding: 0;
+            border: none;
+
+            div {
+                background: var(--theme3-dim);
+                border-radius: 50%;
+                position: absolute;
+                top: -16px;
+                padding: 8px;
+                margin-right: 24px;
+                margin-left: -72px;
+                transform: none;
+                display: inline-table;
+            }
+        }
+
+        .content-date { font-size: 16px; }
+        .content-date img { width: 24px; }
+
+        .content-header p { font-size: 18px; }
+
+        .content-header p,
+        .content-date {
+            display: table-cell;
+        }
+    }
+}
+
+@media (min-width:1024px) {
+    #about { margin-bottom: 8rem; }
+
+    #sidebar { 
+        display: block;
+        position: fixed;
+        width: 128px;
+        top: 320px;
+        right: 0;
+        z-index: 1;
+        font-size: 14px;
+
+        li {
+            margin: 6px;
+            margin-right: 0;
+            padding: 4px 24px 4px 12px;
+            border-radius: 8px 0 0 8px;
+            background: var(--theme3-medium);
+            transition: all 0.5s;
+            cursor: pointer;
+
+            a {     
+                color: var(--font-dark);
+                text-shadow: 1px 1px 1px rgba(255,255,255,0.75); 
+            }
+        }
+
+        li:hover, li.active {
+            padding-left: 24px;
+            padding-right: 12px;
+            background: var(--theme1-medium);
+
+            a { color:var(--font-dark); }
+        }
+    }
+
+    #contents {
+        width: 66%;
+        margin: auto;
+        max-width: 1024px;
+
+        img { max-width: 100%; }
+    }
+}

data/assets/img/briefcase.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M184 48H328c4.4 0 8 3.6 8 8V96H176V56c0-4.4 3.6-8 8-8zm-56 8V96H64C28.7 96 0 124.7 0 160v96H192 320 512V160c0-35.3-28.7-64-64-64H384V56c0-30.9-25.1-56-56-56H184c-30.9 0-56 25.1-56 56zM512 288H320v32c0 17.7-14.3 32-32 32H224c-17.7 0-32-14.3-32-32V288H0V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V288z"/></svg>

data/assets/img/clipboard-list.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M192 0c-41.8 0-77.4 26.7-90.5 64H64C28.7 64 0 92.7 0 128V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H282.5C269.4 26.7 233.8 0 192 0zm0 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM72 272a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zm104-16H304c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16zM72 368a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zm88 0c0-8.8 7.2-16 16-16H304c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16z"/></svg>

data/assets/img/envelope.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>

data/assets/img/facebook.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z"/></svg>

data/assets/img/flask.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M288 0H160 128C110.3 0 96 14.3 96 32s14.3 32 32 32V196.8c0 11.8-3.3 23.5-9.5 33.5L10.3 406.2C3.6 417.2 0 429.7 0 442.6C0 480.9 31.1 512 69.4 512H378.6c38.3 0 69.4-31.1 69.4-69.4c0-12.8-3.6-25.4-10.3-36.4L329.5 230.4c-6.2-10.1-9.5-21.7-9.5-33.5V64c17.7 0 32-14.3 32-32s-14.3-32-32-32H288zM192 196.8V64h64V196.8c0 23.7 6.6 46.9 19 67.1L309.5 320h-171L173 263.9c12.4-20.2 19-43.4 19-67.1z"/></svg>

data/assets/img/github.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>

data/assets/img/globe.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M352 256c0 22.2-1.2 43.6-3.3 64H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6 3.3-64H348.7c2.2 20.4 3.3 41.8 3.3 64zm28.8-64H503.9c5.3 20.5 8.1 41.9 8.1 64s-2.8 43.5-8.1 64H380.8c2.1-20.6 3.2-42 3.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3 20.7 142 77.5 171.9 151.6zm-149.1 0H167.7c6.1-36.4 15.5-68.6 27-94.7c10.5-23.6 22.2-40.7 33.5-51.5C239.4 3.2 248.7 0 256 0s16.6 3.2 27.8 13.8c11.3 10.8 23 27.9 33.5 51.5c11.6 26 20.9 58.2 27 94.7zm-209 0H18.6C48.6 85.9 112.2 29.1 190.6 8.4C165.1 42.6 145.3 96.1 135.3 160zM8.1 192H131.2c-2.1 20.6-3.2 42-3.2 64s1.1 43.4 3.2 64H8.1C2.8 299.5 0 278.1 0 256s2.8-43.5 8.1-64zM194.7 446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1 36.4-15.5 68.6-27 94.6c-10.5 23.6-22.2 40.7-33.5 51.5C272.6 508.8 263.3 512 256 512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3 352c10 63.9 29.8 117.4 55.3 151.6C112.2 482.9 48.6 426.1 18.6 352H135.3zm358.1 0c-30 74.1-93.6 130.9-171.9 151.6c25.5-34.2 45.2-87.7 55.3-151.6H493.4z"/></svg>

data/assets/img/graduation-cap.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z"/></svg>

data/assets/img/house.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/></svg>

data/assets/img/instagram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>

data/assets/img/linkedin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>

data/assets/img/location-dot.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg>

data/assets/img/phone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/></svg>

data/assets/img/screwdriver-wrench.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4h54.1l109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3l-109-109V104c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7H352c-8.8 0-16-7.2-16-16V102.6c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144l0 .8 85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5c49-23 83-72.8 83-130.5zM56 432a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z"/></svg>

data/assets/img/trophy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M400 0H176c-26.5 0-48.1 21.8-47.1 48.2c.2 5.3 .4 10.6 .7 15.8H24C10.7 64 0 74.7 0 88c0 92.6 33.5 157 78.5 200.7c44.3 43.1 98.3 64.8 138.1 75.8c23.4 6.5 39.4 26 39.4 45.6c0 20.9-17 37.9-37.9 37.9H192c-17.7 0-32 14.3-32 32s14.3 32 32 32H384c17.7 0 32-14.3 32-32s-14.3-32-32-32H357.9C337 448 320 431 320 410.1c0-19.6 15.9-39.2 39.4-45.6c39.9-11 93.9-32.7 138.2-75.8C542.5 245 576 180.6 576 88c0-13.3-10.7-24-24-24H446.4c.3-5.2 .5-10.4 .7-15.8C448.1 21.8 426.5 0 400 0zM48.9 112h84.4c9.1 90.1 29.2 150.3 51.9 190.6c-24.9-11-50.8-26.5-73.2-48.3c-32-31.1-58-76-63-142.3zM464.1 254.3c-22.4 21.8-48.3 37.3-73.2 48.3c22.7-40.3 42.8-100.5 51.9-190.6h84.4c-5.1 66.3-31.1 111.2-63 142.3z"/></svg>

data/assets/img/twitter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>

data/assets/img/youtube.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>

data/assets/js/main.js

@@ -0,0 +1,57 @@
+document.addEventListener('DOMContentLoaded', function(){
+    const tocbox = document.querySelector('.toc-box');
+    var headers = document.querySelectorAll('.subject-name');
+
+    headers.forEach((h) => {
+        let tocItem = document.createElement("li");
+        tocItem.id = "toc-id-" + h.textContent;
+
+        let itemLink = document.createElement("a");
+        itemLink.classList.add("content-link");
+        itemLink.textContent = h.textContent;
+
+        tocItem.append(itemLink);
+
+        tocItem.addEventListener('click', function(){
+            h.scrollIntoView({
+                behavior: 'smooth'
+            });
+        });
+
+        tocbox.append(tocItem);
+    });
+
+    var contents = document.querySelectorAll('.subject, .item');
+
+    setInterval(function(){
+        var scrollPos = document.documentElement.scrollTop;
+        var wh = window.innerHeight;
+
+        Array.from(tocbox.querySelectorAll('li')).forEach(function(tocItem){
+            tocItem.classList.remove('active');
+        });
+
+        var currHead;
+
+        Array.from(headers).forEach(function(h){
+            let headPos = h.getBoundingClientRect().top + window.scrollY - wh/2;
+
+            if (scrollPos > headPos) currHead = h;
+        });
+
+        Array.from(contents).forEach(function(c){
+            let contentPos = c.getBoundingClientRect().top + window.scrollY - wh;
+
+            if (c.classList.contains("appear")) return;
+
+            if (scrollPos < contentPos) return;
+
+            c.classList.add('appear');
+        });
+
+        if (currHead != undefined){
+            let tocLink = document.getElementById("toc-id-" + currHead.textContent);
+            tocLink.classList.add('active');
+        }
+    }, 200);
+});

metadata

@@ -0,0 +1,130 @@
+--- !ruby/object:Gem::Specification
+name: jekyll-professional-resume
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Yankos
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2024-03-31 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.9'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.9'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-feed
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.12'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.12'
+- !ruby/object:Gem::Dependency
+  name: jekyll-sitemap
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: jekyll-seo-tag
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.6'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.6'
+description:
+email:
+- byanko55@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE
+- README.md
+- _layouts/home.html
+- assets/css/style.scss
+- assets/img/briefcase.svg
+- assets/img/calendar.webp
+- assets/img/clipboard-list.svg
+- assets/img/envelope.svg
+- assets/img/facebook.svg
+- assets/img/flask.svg
+- assets/img/github.svg
+- assets/img/globe.svg
+- assets/img/graduation-cap.svg
+- assets/img/house.svg
+- assets/img/icon.webp
+- assets/img/instagram.svg
+- assets/img/linkedin.svg
+- assets/img/location-dot.svg
+- assets/img/phone.svg
+- assets/img/profile.webp
+- assets/img/screwdriver-wrench.svg
+- assets/img/trophy.svg
+- assets/img/twitter.svg
+- assets/img/youtube.svg
+- assets/js/main.js
+homepage: https://github.com/byanko55/jekyll-professional-resume
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.5.5
+signing_key:
+specification_version: 4
+summary: Simple Academic/Professional Resume powered on Jekyll
+test_files: []