Merge pull request #7 from asu-idi/basic-info

Add news page and QoL update for Navbar

_data/news.yaml

@@ -0,0 +1,20 @@
+- date: 2024-05-13
+  type: news-paper-accepted
+  title: "2 Papers Accepted to be presented at ACM HotStorage 2024"
+
+- date: 2024-03-19
+  type: news-paper-accepted
+  title: "2 Papers Accepted to be presented at MSST 2024"
+
+- date: 2024-02-23
+  type: news-paper-accepted
+  title: "1 Paper Accepted to be presented at ACM SIGMOD 2024"
+
+- date: 2024-01-23
+  type: news-paper-accepted
+  title: "1 Project Accepted for WIP and Poster at FAST 2024"
+
+- date: 2023-12-01
+  type: news-info
+  title: "2023 Winter Research Camp Starts!"
+

_data/types.yaml

@@ -150,6 +150,24 @@ error:
   icon: fa-solid fa-ban
   color: "#ef4444"
 
+# news
+
+news-paper-accepted:
+  icon: fa-solid fa-file-lines
+  color: "#22c55e"
+
+news-info:
+  icon: fa-solid fa-circle-info
+  color: "#6366f1"
+
+news-award:
+  icon: fa-solid fa-award
+  color: "#ffd700"
+
+news-general:
+  icon: fa-solid fa-newspaper
+  color: "#0ea5e9"
+
 # publications
 
 paper:

_includes/header.html

@@ -22,7 +22,11 @@
         {% if svg %}
           {{ svg | file_read }}
         {% else %}
-          <img src="{{ logo | relative_url }}" alt="logo">
+          {% if page.url == "/" %}
+            <img src="{{ logo | relative_url }}" style='height: 80%' alt="logo">
+          {% else %}
+            <img src="{{ logo | relative_url }}" alt="logo">
+          {% endif %}
         {% endif %}
       </span>
     {% endif %}
@@ -31,8 +35,10 @@
         {% if site.title and site.show-title != false %}
           <span>{{ site.title }}</span>
         {% endif %}
-        {% if site.subtitle and site.show-subtitle != false %}
-          <span>{{ site.subtitle }}</span>
+        {% if page.url == "/" %}
+          {% if site.subtitle and site.show-subtitle != false %}
+            <span>{{ site.subtitle }}</span>
+          {% endif %}
         {% endif %}
       </span>
     {% endif %}

_includes/news.html

@@ -0,0 +1,10 @@
+{% assign color = site.data.types[include.type].color | default: "#808080" %}
+<div class="alert" style="--color: {{ color }}">
+  {% assign icon = site.data.types[include.type].icon
+    | default: "fa-solid fa-circle-info"
+  %}
+  {% include icon.html icon=icon %}
+  <div class="alert-content">
+    {{ include.date | append: ": " | append: include.content }}
+  </div>
+</div>

_styles/alert.scss

@@ -4,10 +4,10 @@
 .alert {
   position: relative;
   display: flex;
-  gap: 20px;
+  gap: 10px;
   align-items: center;
-  margin: 20px 0;
-  padding: 20px;
+  margin: 10px 0;
+  padding: 10px;
   border-radius: var(--rounded);
   overflow: hidden;
   text-align: left;

index.md

@@ -7,6 +7,31 @@ The Intelligent Data Infrastructure (IDI) research lab delves into database syst
 
 {% include section.html %}
 
+## News
+
+{% assign news = site.data.news 
+  | sort: 'date'
+  | reverse
+%}
+
+{% for item in news limit:5 %}
+{%
+  include news.html
+  date=item.date
+  type=item.type
+  content=item.title
+%}
+{% endfor %}
+
+{%
+  include button.html
+  link="news"
+  text="See all news"
+  icon="fa-solid fa-arrow-right"
+  flip=true
+  style="bare"
+%}
+
 ## Highlights
 
 {% capture text %}

news/index.md

@@ -0,0 +1,22 @@
+---
+title: News
+nav:
+  order: 6
+  display: false
+---
+
+# {% include icon.html icon="fa-solid fa-scroll" %}News
+
+{% assign news = site.data.news 
+  | sort: 'date'
+  | reverse
+%}
+
+{% for item in news %}
+{%
+  include news.html
+  date=item.date
+  type=item.type
+  content=item.title
+%}
+{% endfor %}