WLHackClub.github.io/projects.html at main · WLHackClub/WLHackClub.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
---
title: Projects
layout: default
permalink: /projects/
---
<script src="https://unpkg.com/lunr/lunr.js"></script>
<script>
  {% assign counter = 0 %}
  var data = [
    {% for post in site.categories.projects %}
      {% unless forloop.first %}
        {
          "id": {{ counter }},
          "title": "{{ post.title | replace: '"', '&#34;' }}",
          "url": "{{ post.url }}",
          "date": "{{ post.date | date: '%D' }}",
          "description": "{{ post.description | replace: '"', '&#34;' }}",
          "tags": [
            {% if post.tags %}
              {% for tag in post.tags %}
                {
                  "name": "{{ tag }}",
                  "type": "{% if site.data.devicons[tag] %}{{ site.data.devicons[tag] }}{% else %}{{ 'original' }}{% endif %}"
                }{% unless forloop.last %},{% endunless %}
              {% endfor %}
            {% endif %}
          ]
        }{% unless forloop.last %},{% endunless %}
      {% assign counter = counter | plus: 1 %}
      {% endunless %}
    {% endfor %}
  ];
</script>
<script src="/js/search.js" defer></script>

<div class="container">
  <h1>Projects</h1>

  <div class="card my-3">
    <div class="card-body">
      <h4 class="card-title">Latest Project</h4>
      <h5>{{ site.categories.projects.first.title }}</h5>
      <div class="card-subtitle my-1">
        {% if site.categories.projects.first.tags %}
          {% for tag in site.categories.projects.first.tags %}
            <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/{{ tag }}/{{ tag }}-{% if site.data.devicons[tag] %}{{ site.data.devicons[tag] }}{% else %}{{ 'original' }}{% endif %}.svg" draggable="false" oncontextmenu="return false;" width="32" height="32">
          {% endfor %}
        {% endif %}
      </div>
      <p class="card-text">{{ site.categories.projects.first.description }}</p>
      <a href="{{ site.categories.projects.first.url }}" class="btn btn-primary">Learn More</a>
    </div>
  </div>

  <div class="row">
    <div class="col-sm-4">
      <form class="input-group" onsubmit="return false;">
        <span class="input-group-text bg-transparent"><i class="bi bi-search"></i></span>
        <input class="form-control" placeholder="Search" type="text" id="search">
      </form>
    </div>
  </div>

  <div class="row my-3" id="search-results" hidden="hidden"></div>

  <div class="row my-3" id="projects">
    {% for post in site.categories.projects %}
      {% unless forloop.first %}
        <div class="col-sm-4 mb-3">
          <div class="card h-100">
            <div class="card-body d-flex flex-column">
              <h5 class="card-title">{{ post.title }}</h5>
              <p class="text-secondary me-1">{{ post.date | date: '%D' }}</p>
              <div class="card-subtitle mb-1">
                {% if post.tags %}
                  {% for tag in post.tags %}
                    <img src="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/{{ tag }}/{{ tag }}-{% if site.data.devicons[tag] %}{{ site.data.devicons[tag] }}{% else %}{{ 'original' }}{% endif %}.svg" draggable="false" oncontextmenu="return false;" width="32" height="32">
                  {% endfor %}
                {% endif %}
              </div>
              <p class="card-text overflow-text">{{ post.description }}</p>
              <a href="{{ post.url }}" class="btn btn-primary mt-auto me-auto">Learn More</a>
            </div>
          </div>
        </div>
      {% endunless %}
    {% endfor %}
  </div>
</div>