feat: Events page for DanteCTF; About page members

- Updated About page members style; - Added residents to about page; - Events page; - DanteCTF event description;
born2scan · Jun 18, 2023 · 14faa02 · 14faa02
1 parent f47a1a3
commit 14faa02
Show file tree

Hide file tree

Showing 8 changed files with 463 additions and 75 deletions.
diff --git a/_data/members.yaml b/_data/members.yaml
@@ -0,0 +1,80 @@
+founders:
+  - name: Lorenzo Coppi
+    tag: beryxz
+    phrase: Never gonna give you up
+    skillset:
+      - web
+    links:
+      - icon: 'github'
+        url: 'https://github.com/beryxz'
+  - name: Niccolò Maggioni
+    tag: synack
+    phrase:
+    skillset:
+      - network
+      - hardware
+    links:
+      - icon: 'link-variant'
+        url: 'https://nmaggioni.xyz/'
+      - icon: 'github'
+        url: 'https://github.com/nmaggioni'
+  - name: Ion Farima
+    tag: ionno
+    phrase:
+    skillset:
+      - web
+    links:
+      - icon: 'github'
+        url: 'https://github.com/ionfarima'
+  - name: Letterio Galletta
+    tag: lillo
+    phrase:
+    skillset:
+      - binary
+      - crypto
+    links:
+      -
+residents:
+  - name: Angelo Rosa
+    tag: Virgula
+    phrase:
+    skillset:
+      - web
+    links:
+      -
+  - name: Cosimo Giraldi
+    tag: cocsx
+    phrase:
+    skillset:
+      -
+    links:
+      -
+  - name: Giacomo
+    tag: mashtrishke
+    phrase:
+    skillset:
+      -
+    links:
+      -
+  - name: Gianmarco Pastore
+    tag: GB1
+    phrase:
+    skillset:
+      - binary
+      - crypto
+    links:
+      -
+  - name: Gioele Dimilta
+    tag: lonixon
+    phrase:
+    skillset:
+      - web
+    links:
+      -
+  - name: Romeo Biancalani
+    tag: Rom7x
+    phrase:
+    skillset:
+      - web
+    links:
+      -
diff --git a/_includes/header.html b/_includes/header.html
@@ -1,6 +1,6 @@
 <header class="grid-center">
     <div class="header">
-        <div class="navigation">
+        <div class="site-title">
             <a href="/" id="logo-text" class="logo narrow-glitch" onmouseenter="logoMouseOver(true)" onmouseleave="logoMouseOver(false)" data-text="b0rn25c4n">{{ site.title }}</a>
             <script>
             setTimeout(function() {  // Intermittently animate logo after 6s
@@ -36,24 +36,29 @@
                 animateLogo(yn, yn ? null : 500);
             }
             </script>
+        </div>
 
+        <div class="site-navbar">
             <ul class="menu">
                 <li class="menu__entry{% if page.title == 'About' %} menu__selected{% endif %}"><a href="{{ '/about' | prepend: site.baseurl }}">About</a></li>
                 <li class="menu__entry{% if page.title == 'Writeups' or page.categories contains 'writeups' %} menu__selected{% endif %}"><a href="{{ '/' | prepend: site.baseurl }}">Writeups</a></li>
                 <li class="menu__entry{% if page.title == 'Articles' or page.categories contains 'articles' %} menu__selected{% endif %}"><a href="{{ '/articles' | prepend: site.baseurl }}">Articles</a></li>
+                <li class="menu__entry{% if page.title == 'Events' %} menu__selected{% endif %}"><a href="{{ '/events' | prepend: site.baseurl }}">Events</a></li>
             </ul>
-        </div>
 
-        <ul class="social-links">
-            {% if site.author.github %}
-                <a href="https://github.com/{{ site.author.github }}" class="social-links__entry" target="_blank">
-                    <span class="mdi mdi-github" ></span>
+            <div class="social-links">
+                {% if site.author.github %}
+                    <a href="https://github.com/{{ site.author.github }}" class="social-links__entry" target="_blank">
+                        <span class="mdi mdi-github" ></span>
+                    </a>
+                {% endif %}
+
+                <a href="/feed.xml" class="social-links__entry" target="_blank">
+                    <span class="mdi mdi-rss" ></span>
                 </a>
-            {% endif %}
+            </div>
+        </div>
 
-            <a href="/feed.xml" class="social-links__entry" style="margin-left: 5px;" target="_blank">
-                <span class="mdi mdi-rss" ></span>
-            </a>
-        </ul>
+        <span class="mobile-header-divider"></span>
     </div>
 </header>
diff --git a/_includes/mixins/user_card.html b/_includes/mixins/user_card.html
@@ -0,0 +1,26 @@
+<div class="user-card">
+    <span class="user-tag">{{ include.tag }}</span>
+    <span class="user-name">{{ include.name }}</span>
+    <span class="user-skillset">
+        {%- for skill in include.skillset -%}
+            {%- case skill -%}
+                {%- when 'web' -%}
+                    <span class="mdi mdi-cookie"><span class="tooltip">Web</span></span>
+                {%- when 'binary' -%}
+                    <span class="mdi mdi-matrix"><span class="tooltip">Binary</span></span>
+                {%- when 'crypto' -%}
+                    <span class="mdi mdi-key-chain"><span class="tooltip">Crypto</span></span>
+                {%- when 'hardware' -%}
+                    <span class="mdi mdi-chip"><span class="tooltip">Hardware</span></span>
+                {%- when 'network' -%}
+                    <span class="mdi mdi-server-network"><span class="tooltip">Network</span></span>
+            {%- endcase -%}
+        {%- endfor -%}
+    </span>
+    <span class="user-phrase">{{ include.phrase }}</span>
+    <span class="user-links">
+        {%- for link in include.links -%}
+            <a href="{{ link.url }}" target="_blank"><span class="mdi mdi-{{ link.icon }}"></span></a>
+        {%- endfor -%}
+    </span>
+</div>
diff --git a/_includes/mixins/users_container.html b/_includes/mixins/users_container.html
@@ -0,0 +1,12 @@
+<div class="users-container">
+
+    {% assign users = include.users | sort: 'name' %}
+    {%- for user in users -%}
+      {%- include mixins/user_card.html tag=user.tag
+                                        name=user.name
+                                        phrase=user.phrase
+                                        skillset=user.skillset
+                                        links=user.links -%}
+    {%- endfor -%}
+
+</div>