Skip to content

Commit cf0265f

Browse files
stoyanovichstoyanovich
committed
created dropdown menu news and events, added press item, modified About page
1 parent 19f19f2 commit cf0265f

9 files changed

Lines changed: 132 additions & 21 deletions

File tree

‎_bibliography/press.bib‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,15 @@
1+
@article{Tagesspiegel,
2+
author = {Julia Stoyanovich},
3+
title = {Opinion: Far more than just a tool. How AI can be used responsibly},
4+
journal = {Tagesspiegel},
5+
year = {2025},
6+
month = {10},
7+
day = {22},
8+
preview = {tagesspiegel.png},
9+
html = {https://www.tagesspiegel.de/themenspeziale/berlin-science-week-2025-why-ai-is-far-more-than-just-a-tool-14563922.html},
10+
keywords ={policy,governance}
11+
}
12+
113
@article{LATimes,
214
author = {Julia Stoyanovich},
315
title = {Opinion: Google has been force-feeding us ads. Now one big antitrust case could change the internet forever},

‎_includes/header.html‎

Lines changed: 26 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -54,16 +54,32 @@
5454
</a>
5555
</li>
5656
<!-- Julia: commenting out for now -->
57-
{% if site.blog_nav_title %}
58-
<!-- Blog -->
59-
<li class="nav-item {% if page.url contains 'blog' %}active{% endif %}">
60-
<a class="nav-link" href="{{ '/blog/' | relative_url }}">{{ site.blog_nav_title }}
61-
{%- if page.url contains 'blog' -%}
62-
<span class="sr-only">(current)</span>
63-
{%- endif -%}
64-
</a>
65-
</li>
66-
{%- endif %}
57+
{% comment %}
58+
{% if site.blog_nav_title %}
59+
<!-- Blog -->
60+
<li class="nav-item {% if page.url contains 'blog' %}active{% endif %}">
61+
<a class="nav-link" href="{{ '/blog/' | relative_url }}">{{ site.blog_nav_title }}
62+
{% if page.url contains 'blog' %}
63+
<span class="sr-only">(current)</span>
64+
{% endif %}
65+
</a>
66+
</li>
67+
{% endif %}
68+
{% endcomment %}
69+
70+
<li class="nav-item dropdown">
71+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
72+
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
73+
News & Events
74+
</a>
75+
76+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
77+
<a class="dropdown-item" href="{{ '/blog#news' | relative_url }}">News</a>
78+
<a class="dropdown-item" href="{{ '/blog#events' | relative_url }}">Events</a>
79+
<a class="dropdown-item" href="{{ '/blog#press' | relative_url }}">Press</a>
80+
<a class="dropdown-item" href="{{ '/blog#newsletters' | relative_url }}">Newsletters</a>
81+
</div>
82+
</li>
6783

6884
<!-- Other pages -->
6985
{%- assign sorted_pages = site.pages | sort: "nav_order" -%}

‎_includes/news.html‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11

22
<div class="news">
3-
<h5><b>News</b></h5>
3+
{% unless page.url contains '/blog' %}
4+
<h5><b>News</b></h5>
5+
{% endunless %}
46
{% if site.news != blank -%}
57
{%- assign news_size = site.news | size -%}
68
<div class="table-responsive" {% if site.news_scrollable and news_size > 3 %}style="max-height: 10vw"{% endif %}>

‎_layouts/about.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
---
22
layout: default
3+
news: false
4+
selected_papers: false
35
---
46

57
<!-- about.html -->
@@ -41,6 +43,13 @@ <h5 class="post-title">
4143
<div class="clearfix">
4244
{{ content }}
4345
</div>
46+
47+
<!-- Download button -->
48+
<div style="text-align: center; margin: 20px 0;">
49+
<a href="/assets/pdf/C_RAI_Brochure.pdf" class="btn-download" target="_blank">
50+
Download our brochure
51+
</a>
52+
</div>
4453

4554
{% if page.news -%}
4655
<!-- News -->

‎_pages/about.md‎

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,27 @@ layout: about
33
title: About
44
permalink: /
55

6-
news: true # includes a list of news items
7-
selected_papers: true # includes a list of papers marked as "selected={true}"
6+
news: false # includes a list of news items
7+
selected_papers: false # includes a list of papers marked as "selected={true}"
88
social: true # includes social icons at the bottom of the page
99
---
1010

11-
**Our goal is to build a future in which responsible AI is synonymous with AI.** Our work centers around [interdisciplinary research](research/), [technology policy](policy/), and [education and training](education/) for AI practitioners, decision makers, and the public at large.
11+
<div class="about-centered">
12+
13+
<p markdown="1">
14+
**Our goal is to build a future in which responsible AI is synonymous with AI.**
1215

13-
**What is responsible AI?** We use this term to refer to making the design, development and use of AI socially sustainable: using technology for good while controlling the risks. Responsible AI is about respecting human values, ensuring fairness, maintaining transparency, and upholding accountability. It's about taking hype and magical thinking out of the conversation about AI. And about giving people the ability to understand, control and take responsibility for AI-assisted decisions.
16+
17+
Our work centers around [interdisciplinary research](research/), [technology policy](policy/), and [education and training](education/) for AI practitioners, decision makers, and the public at large.
18+
</p>
19+
20+
<p markdown="1">
21+
**What is responsible AI?**
22+
23+
We use this term to refer to making the design, development and use of AI socially sustainable: using technology for good while controlling the risks. Responsible AI is about respecting human values, ensuring fairness, maintaining transparency, and upholding accountability. It's about taking hype and magical thinking out of the conversation about AI. And about giving people the ability to understand, control and take responsibility for AI-assisted decisions.
24+
</p>
25+
26+
</div>
1427

1528
<!-- [Responsible AI](), as we see it, is the principled development and application of AI in a way that respects human values, ensures fairness, maintains transparency, and upholds accountability.
1629

‎_posts/2025-10-22-tagesspiegel.md‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
---
2+
layout: post
3+
title: Far more than just a tool. How AI can be used responsibly
4+
date: 2025-10-22 12:00:00
5+
press: true
6+
categories: press policy
7+
preview: /assets/img/press/tagesspiegel.png
8+
redirect: https://www.tagesspiegel.de/themenspeziale/berlin-science-week-2025-why-ai-is-far-more-than-just-a-tool-14563922.html
9+
---
10+
11+
<div class="container">
12+
<div class="row mt-3">
13+
<div class="col-sm mt-3 mt-md-0">
14+
<a href="{{ page.redirect }}" target="_blank">
15+
<img class="img-fluid rounded z-depth-1" src="{{ page.preview }}">
16+
</a>
17+
</div>
18+
</div>
19+
</div>
20+
21+

‎_site/people/julia/index.html‎

Lines changed: 14 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -75,11 +75,20 @@
7575
<a class="nav-link" href="/">About</a>
7676
</li>
7777
<!-- Julia: commenting out for now -->
78-
79-
<!-- Blog -->
80-
<li class="nav-item ">
81-
<a class="nav-link" href="/blog/">News &amp; Events</a>
82-
</li>
78+
79+
80+
<li class="nav-item dropdown">
81+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
82+
News &amp; Events
83+
</a>
84+
85+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
86+
<a class="dropdown-item" href="/blog#news">News</a>
87+
<a class="dropdown-item" href="/blog#events">Events</a>
88+
<a class="dropdown-item" href="/blog#press">Press</a>
89+
<a class="dropdown-item" href="/blog#newsletters">Newsletters</a>
90+
</div>
91+
</li>
8392

8493
<!-- Other pages -->
8594
<li class="nav-item dropdown ">

‎assets/css/main.scss‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -171,3 +171,29 @@ $max-content-width: {{ site.max_width }};
171171
}
172172
}
173173
}
174+
175+
.btn-download {
176+
display: inline-block;
177+
padding: 10px 18px;
178+
background-color: #ef3465;
179+
color: #ffffff;
180+
text-decoration: none;
181+
border-radius: 6px;
182+
font-weight: 500;
183+
}
184+
185+
.btn-download:hover {
186+
background-color: #d62c58;
187+
color: #ffffff;
188+
}
189+
190+
.about-centered {
191+
text-align: center;
192+
max-width: 800px;
193+
margin: 0 auto;
194+
}
195+
196+
.post-title {
197+
text-align: center;
198+
font-weight: 700; /* bolder */
199+
}

‎blog/index.html‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,9 @@
4545
</div>
4646
{% endif %}
4747

48+
<h4 class="category" id="news">News</h4>
49+
{% include news.html %}
50+
4851
<!-- Because of the public-facing nature of our work, we often host
4952
visitors and organize or participate in academic and
5053
general-audience events. On this page, you can read about our
@@ -166,7 +169,7 @@ <h4 class="category" id="press">Press</h4>
166169
</div>
167170
{% endif %}
168171

169-
{% assign featured_posts = site.posts | where: "newsletter", "true" %}
172+
{% assign featured_posts = site.posts | where: "newsletter", true %}
170173
{% if featured_posts.size > 0 %}
171174
<br>
172175
<div class="container featured-posts">

0 commit comments

Comments
 (0)