Updated images / logos

Author: RSTZZZ

_includes/page__hero_particles.html

@@ -5,6 +5,7 @@
 page.header.overlay_image | relative_url }}');
 background-position: center;
 background-size: cover;
+{% if page.header.overlay_css %}{{ page.header.overlay_css }}{% endif %}
 {% endif %}
 {% endcapture %}
 <div class="page__hero--overlay">

_includes/sub_research-directions.html

@@ -26,12 +26,10 @@
                    background-image:
                    {% if direction.header.overlay_filter %} {{ direction.header.overlay_filter }},{% endif %}
                    url('{{ direction.header.overlay_image | relative_url }}');
-                   {% if direction.header.overlay_size %}
-                   background-size: {{ direction.header.overlay_size }};
+                   {% if direction.header.overaly_css %}
+                   {{ direction.header.overlay_size }}
                    {% endif %}
                    ">
-
-
                 <div class="sub-direction-title">
                     <h2>{{ direction.title }}</h2>
                 </div>

_research_directions/online-crime.md

@@ -4,8 +4,8 @@ layout: splash
 category: research-directions
 order: 2
 header:
-    overlay_filter: linear-gradient(rgba(255, 255, 255, 0.1), rgba(196, 20, 61, 0.4))
-    overlay_image: /assets/images/research_directions/online-crime/supporting_hands.webp
+    overlay_image: /assets/images/research_directions/online-crime/banner.png
+    overlay_css: "background-position: center; background-repeat: no-repeat; background-size: 40% 100%"
 excerpt: "Our team combines AI and criminology expertise to develop ethical, human-centered tools that detect and counteract sex trafficking. Driven by a commitment to responsible research, we aim to bridge technology gaps and support victims in Canada and beyond."
 one-liner: "How to analyze large online markets and build victim-centered tools for countering sex-trafficking?" 
 

_research_directions/online-toxicity.md

@@ -4,8 +4,8 @@ layout: splash
 category: research-directions
 order: 4
 header:
-    overlay_filter: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.4))
-    overlay_image: /assets/images/research_directions/online-toxicity/dystopian_city.webp
+    overlay_image: /assets/images/research_directions/online-toxicity/banner.png
+    overlay_css: "background-position: center; background-repeat: no-repeat; background-size: 40% 100%"
 excerpt: "Our team collaborates with game companies like Ubisoft to develop responsible, real-time, human-in-the-loop AI systems for chat toxicity detection, creating safer online gaming communities."
 one-liner: How can we build systems to foster healthier gaming communities?
 

_research_directions/poli-sci.md

@@ -4,8 +4,8 @@ layout: splash
 category: research-directions
 order: 3
 header:
-    overlay_filter: linear-gradient(rgba(157, 110, 219, 0.3), rgba(157, 110, 219, 1))
-    overlay_image: /assets/images/research_directions/poli-sci/social_media.webp
+    overlay_image: /assets/images/research_directions/poli-sci/banner.png
+    overlay_css: "background-position: center; background-repeat: no-repeat; background-size: 40% 100%"
 excerpt: Our team creates tools and datasets to foster a safe, open space for online public discourse. We hope to empower researchers and the public to understand and navigate today’s digital landscape.
 one-liner: How can we use AI to understand the exchange of information and ideas, and to create positive, societally beneficial information ecosystems?
 

_research_directions/poli-sci/ideology-and-polarization.md

@@ -5,7 +5,7 @@ category: poli-sci
 order: 3
 header:
     overlay_filter: linear-gradient(rgba(255, 0, 0, 0.5), rgba(0, 0, 255, 1))
-    overlay_image: /assets/images/research_directions/poli-sci/social_media.webp
+    overlay_image: /assets/images/research_directions/poli-sci/ideology_and_polarization.png
 one-liner: How can we measure and understand political conflict?
 excerpt:  From echo chamber to public square, online environments are full of political discussion and conflict. We aim to measure and understand the evolving discourse, and ultimately, how it shapes our beliefs.
 

_research_directions/poli-sci/information-integrity.md

@@ -5,7 +5,7 @@ category: poli-sci
 order: 1
 header:
     overlay_filter: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.5))
-    overlay_image: /assets/images/research_directions/poli-sci/information-integrity.webp
+    overlay_image: /assets/images/research_directions/poli-sci/information-integrity.png
 one-liner: How can we find reliable insights amid a deluge of conflicting information?
 excerpt: The information landscape is increasingly flooded with uncertain and conflicting information. We aim to create understanding and tools that will empower all of us in navigating this landscape and finding the trustworthy insights every person wants.
 

_research_directions/poli-sci/social-simulations.md

@@ -5,7 +5,7 @@ category: poli-sci
 order: 2
 header:
     overlay_filter: linear-gradient(rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.9))
-    overlay_image: /assets/images/research_directions/poli-sci/social_simulation.webp
+    overlay_image: /assets/images/research_directions/poli-sci/social_simulation.png
 one-liner: How can we prototype effective defenses to attacks on information integrity in an ethical and efficient way?
 excerpt: We use and develop state-of-the-art approaches to human social system simulation to simulate attacks on information integrity in critical social phenomena and to prototype effective defenses against them. 
 

_research_directions/temporal-graph-learning.md

@@ -4,8 +4,8 @@ layout: splash
 category: research-directions
 order: 1
 header:
-    overlay_image: /assets/images/research_directions/temporal-graph-learning/banner.webp
-    overlay_filter: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 1))
+    overlay_image: /assets/images/research_directions/temporal-graph-learning/banner.png
+    overlay_css: "background-position: center; background-repeat: no-repeat; background-size: 40% 100%"
 one-liner: "How can we advance machine learning methods to more effectively model and predict dynamic real-world networks and relationships within these time-evolving graphs?"
 excerpt: "Our team comprises experts in AI, data mining, social science, and public health, dedicated to advancing the analysis, prediction, and understanding of dynamic networks. We specialize in developing innovative models and creating realistic, robust benchmarks for state-of-the-art models and real-world applications of temporal graphs. Our work encompasses areas such as recommendation systems, fraud detection, disease modeling, and more."
 

_sass/custom/research-directions.scss

@@ -27,7 +27,7 @@
 
     a {
         text-decoration: none;
-        color: #fff;
+        color: #000;
         height: 100%;
         display: block;
 
@@ -36,7 +36,7 @@
         &:visited,
         &:focus {
             text-decoration: none !important;
-            color: #fff !important;
+            color: #000 !important;
         }
 
     }
@@ -74,10 +74,10 @@
 
     h2 {
         margin: 0;
-        color: #fff;
+        color: #000;
         font-size: 1.25em;
         font-weight: bold;
-        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+        // text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
         line-height: 1.3;
         border: none;
     }
@@ -86,10 +86,10 @@
 .direction-excerpt {
     position: relative;
     z-index: 2;
-    color: #fff;
+    color: #000;
     font-size: 0.9em;
     margin-top: auto;
-    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
+    // text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
 
     p {
         margin: 0;