Skip to content

Commit

Permalink
initial website
Browse files Browse the repository at this point in the history
  • Loading branch information
@kasnder
kasnder committed Mar 5, 2024
1 parent cc8e60f commit f32df01
Show file tree
Hide file tree
Showing 26 changed files with 175 additions and 494 deletions.
78 changes: 38 additions & 40 deletions _config.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,24 +3,22 @@
# -----------------------------------------------------------------------------

title: blank # the website title (if blank, full name will be used instead)
first_name: You
middle_name: R.
last_name: Name
email: you@example.com
first_name: RegTech4AI
middle_name: "@"
last_name: Maastricht Law&Tech Lab
email: regtech4ai@maastrichtlawtech.eu
description: > # the ">" symbol means to ignore newlines until "footer_text:"
A simple, whitespace theme for academics. Based on [*folio](https://github.com/bogoli/-folio) design.
An NWO-funded project with a 2.1 million Euro budget that combines technical and legal methods to translate AI regulation – like the EU GDPR and AI Act – into practice.
footer_text: >
Powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a> with <a href="https://github.com/alshedivat/al-folio">al-folio</a> theme.
Hosted by <a href="https://pages.github.com/" target="_blank">GitHub Pages</a>.
Photos from <a href="https://unsplash.com" target="_blank">Unsplash</a>.
keywords: jekyll, jekyll-theme, academic-website, portfolio-website # add your own keywords or leave empty
Part of <a href="https://www.maastrichtuniversity.nl/about-um/faculties/law/research/law-and-tech-lab" target="_blank">Maastricht University</a>.
keywords: Regulatory Technologies, GDPR, AI Act # add your own keywords or leave empty
lang: en # the language of your site (for example: en, fr, cn, ru, etc.)
icon: ⚛️ # the emoji used as the favicon (alternatively, provide image name in /assets/img/)
icon: ✨ # the emoji used as the favicon (alternatively, provide image name in /assets/img/)

url: https://alshedivat.github.io # the base hostname & protocol for your site
baseurl: /al-folio # the subpath of your site, e.g. /blog/. Leave blank for root
url: https://regtech4ai.maastrichtlawtech.eu # the base hostname & protocol for your site
#baseurl: / # the subpath of your site, e.g. /blog/. Leave blank for root
last_updated: false # set to true if you want to display last updated in the footer
impressum_path: # set to path to include impressum link in the footer, use the same path as permalink in a page, helps to conform with EU GDPR
#impressum_path: https://www.maastrichtuniversity.nl/ # set to path to include impressum link in the footer, use the same path as permalink in a page, helps to conform with EU GDPR

# -----------------------------------------------------------------------------
# Theme
Expand All @@ -30,7 +28,7 @@ impressum_path: # set to path to include impressum link in the footer, use the s
repo_theme_light: default # https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md
repo_theme_dark: dark # https://github.com/anuraghazra/github-readme-stats/blob/master/themes/README.md
repo_trophies:
enabled: true
enabled: false
theme_light: flat # https://github.com/ryo-ma/github-profile-trophy
theme_dark: gitdimmed # https://github.com/ryo-ma/github-profile-trophy

Expand All @@ -40,7 +38,7 @@ repo_trophies:
# will use title and url fields
# Take a look to https://github.com/jekyll/jekyll-feed for more customization

rss_icon: true
rss_icon: false

# -----------------------------------------------------------------------------
# Layout
Expand All @@ -59,17 +57,17 @@ max_width: 800px
# -----------------------------------------------------------------------------
# Display links to the page with a preview object on social media.
# see https://schema.org/docs/faq.html for more information
serve_og_meta: false # Include Open Graph meta tags in the HTML head
serve_schema_org: false # Include Schema.org in the HTML head
serve_og_meta: true # Include Open Graph meta tags in the HTML head
serve_schema_org: true # Include Schema.org in the HTML head
og_image: # The site-wide (default for all links) Open Graph preview image

# -----------------------------------------------------------------------------
# Social integration
# -----------------------------------------------------------------------------

github_username: # your GitHub user name
github_username: maastrichtlawtech # your GitHub user name
gitlab_username: # your GitLab user name
x_username: # your X handle
x_username: maaslawtech # your X handle
mastodon_username: # your mastodon instance+username in the format instance.tld/@username
linkedin_username: # your LinkedIn user name
telegram_username: # your Telegram user name
Expand Down Expand Up @@ -103,8 +101,8 @@ discord_id: # your discord id (18-digit unique numerical identifier)
zotero_username: # your zotero username
wechat_qr: # filename of your wechat qr-code saved as an image (e.g., wechat-qr.png if saved to assets/img/wechat-qr.png)

contact_note: >
You can even add a little note about which of these is the best way to reach you.
#contact_note: >
# You can even add a little note about which of these is the best way to reach you.

# -----------------------------------------------------------------------------
# Analytics and search engine verification
Expand All @@ -123,8 +121,8 @@ bing_site_verification: # out your bing-site-verification ID (Bing Webmaster)
# Blog
# -----------------------------------------------------------------------------

blog_name: al-folio # blog_name will be displayed in your blog page
blog_description: a simple whitespace theme for academics
blog_name: RegTech4AI # blog_name will be displayed in your blog page
blog_description: Latest developments in the project
permalink: /blog/:year/:title/

# Pagination
Expand All @@ -137,29 +135,29 @@ related_blog_posts:

# Giscus comments (RECOMMENDED)
# Follow instructions on https://giscus.app/ to setup for your repo to fill out the information below.
giscus:
repo: # <your-github-user-name>/<your-github-repo-name>
repo_id: # leave empty or specify your repo_id (see https://giscus.app/)
category: Comments # name of the category under which discussions will be created
category_id: # leave empty or specify your category_id (see https://giscus.app/)
mapping: title # identify discussions by post title
strict: 1 # use strict identification mode
reactions_enabled: 1 # enable (1) or disable (0) emoji reactions
input_position: bottom # whether to display input form below (bottom) or above (top) the comments
theme: preferred_color_scheme # name of the color scheme (preferred works well with al-folio light/dark mode)
emit_metadata: 0
lang: en
#giscus:
# repo: # <your-github-user-name>/<your-github-repo-name>
# repo_id: # leave empty or specify your repo_id (see https://giscus.app/)
# category: Comments # name of the category under which discussions will be created
# category_id: # leave empty or specify your category_id (see https://giscus.app/)
# mapping: title # identify discussions by post title
# strict: 1 # use strict identification mode
# reactions_enabled: 1 # enable (1) or disable (0) emoji reactions
# input_position: bottom # whether to display input form below (bottom) or above (top) the comments
# theme: preferred_color_scheme # name of the color scheme (preferred works well with al-folio light/dark mode)
# emit_metadata: 0
# lang: en

# Disqus comments (DEPRECATED)
disqus_shortname: al-folio # put your disqus shortname
#disqus_shortname: al-folio # put your disqus shortname
# https://help.disqus.com/en/articles/1717111-what-s-a-shortname

# External sources.
# If you have blog posts published on medium.com or other external sources,
# you can display them in your blog by adding a link to the RSS feed.
external_sources:
- name: medium.com
rss_url: https://medium.com/@al-folio/feed
#external_sources:
# - name: medium.com
# rss_url: https://medium.com/@al-folio/feed

# -----------------------------------------------------------------------------
# Collections
Expand All @@ -181,7 +179,7 @@ announcements:
limit: 5 # leave blank to include all the news in the `_news` folder

latest_posts:
enabled: true
enabled: false
scrollable: true # adds a vertical scroll bar if there are more than 3 new posts items
limit: 3 # leave blank to include all the blog posts

Expand Down
10 changes: 1 addition & 9 deletions _layouts/about.liquid
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ layout: default
{% if page.profile.image_circular %}
{% assign profile_image_class = 'img-fluid z-depth-1 rounded-circle' %}
{% else %}
{% assign profile_image_class = 'img-fluid z-depth-1
{% assign profile_image_class = 'img-fluid
rounded' %}
{% endif %}
{% capture sizes %}(min-width: {{site.max_width}}) {{ site.max_width | minus: 30 | times: 0.3}}px, (min-width: 576px)
Expand All @@ -40,14 +40,6 @@ layout: default

<div class="clearfix">{{ content }}</div>

<!-- News -->
{% if page.news and site.announcements.enabled %}
<h2>
<a href="{{ '/news/' | relative_url }}" style="color: inherit">news</a>
</h2>
{% include news.liquid limit=true %}
{% endif %}

<!-- Latest posts -->
{% if page.latest_posts %}
<h2>
Expand Down
4 changes: 2 additions & 2 deletions _news/announcement_1.md
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
---
layout: post
date: 2015-10-22 15:59:00-0400
date: 2024-03-04 15:59:00-0400
inline: true
related_posts: false
---

A simple inline announcement.
Launch of the project!
33 changes: 0 additions & 33 deletions _news/announcement_2.md
View file

This file was deleted.

8 changes: 0 additions & 8 deletions _news/announcement_3.md
View file

This file was deleted.

114 changes: 103 additions & 11 deletions _pages/about.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,25 +2,117 @@
layout: about
title: about
permalink: /
subtitle: <a href='#'>Affiliations</a>. Address. Contacts. Moto. Etc.
subtitle: <i>An NWO-funded project with a 2.1 million Euro budget that combines technical and legal methods to translate AI regulation – like the EU GDPR and AI Act – into practice.</i>

profile:
align: right
image: prof_pic.jpg
image: logo.webp
image_circular: false # crops the image to make it circular
more_info: >
<p>555 your office number</p>
<p>123 your address street</p>
<p>Your City, State 12345</p>
# more_info: >
# <p>Prompt: Visualize a logo that portrays a pathway, symbolizing the journey from AI innovation to regulatory compliance. This path should start from a stylized AI icon, winding its way through a series of legal symbols (like a document with a seal, a gavel) and leading to a harmonious coexistence symbol represented by a perfectly balanced scale embedded within a digital landscape. Use a color scheme that conveys clarity and optimism, such as light blues and greens.</p>

news: true # includes a list of news items
latest_posts: true # includes a list of the newest posts
selected_papers: true # includes a list of papers marked as "selected={true}"
latest_posts: false # includes a list of the newest posts
selected_papers: false # includes a list of papers marked as "selected={true}"
social: true # includes social icons at the bottom of the page

profiles:
# if you want to include more than one profile, just replicate the following block
# and create one content file for each profile inside _pages/
- align: center
image: konrad.jpg
image_circular: true # crops the image to make it circular
more_info: >
Konrad Kollnig<br>
Project Lead, Assistant Professor
- align: center
image: gijs.jpg
image_circular: true # crops the image to make it circular
more_info: >
Gijs van Dijck<br>
Professor of Private Law
- align: center
image: qian.jpg
image_circular: true # crops the image to make it circular
more_info: >
Qian Li<br>
Postdoctoral Researcher
- align: center
image: kamil.jpg
image_circular: true # crops the image to make it circular
more_info: >
Kamil Szostak<br>
PhD Student
- align: center
image: you.webp
image_circular: true # crops the image to make it circular
more_info: >
You?<br>
PhD Student
- align: center
image: you.webp
image_circular: true # crops the image to make it circular
more_info: >
You?<br>
PhD Student
- align: center
image: you.webp
image_circular: true # crops the image to make it circular
more_info: >
You?<br>
PhD Student
- align: center
image: you.webp
image_circular: true # crops the image to make it circular
more_info: >
You?<br>
PhD Student
---

Write your biography here. Tell the world about yourself. Link to your favorite [subreddit](http://reddit.com). You can put a picture in, too. The code is already in, just name your picture `prof_pic.jpg` and put it in the `img/` folder.

Put your address / P.O. box / other info right below your picture. You can also disable any of these elements by editing `profile` property of the YAML header of your `_pages/about.md`. Edit `_bibliography/papers.bib` and Jekyll will render your [publications page](/al-folio/publications/) automatically.
The General Data Protection Regulation (GDPR) is a conerstone of the regulation of AI in the EU. It seeks to facilitate the flow of data across the EU while protecting citizens’ fundamental rights – including data protection and privacy. Even though the GDPR is now more than 7 years old, there remain significant gaps between the law and practice. For example, past research by the project lead showed that less than 10% of mobile apps fulfil the minimum legal requirements regarding *consent* – one of the core principles of GDPR.

As the EU is introducing the *AI Act* (i.e. its first law aimed directly at AI), it is likely that again – like with GDPR – enforcement will be lagging and that businesses will be overwhelmed by the legal obligations. In response, **RegTech4AI** will research *regulatory technologies* (RegTech) to assist enforcement agencies and businesses with AI regulation, and thereby bolster trust in AI systems among citizens.

The aim of this project is *not* to develop new AI frameworks or laws (as this has been studied much before). Instead, **we focus on the challenge of** **implementation****: making AI-relevant laws like GDPR and the AI Act work in practice**. This topic has received very limited attention as it requires a deep understanding of both CS and law – which is rare.

To be prepared to respond to new AI challenges in the years ahead, we will also actively build bridges across CS and law, including by organising a set of workshops and conferences on the topic.

**RegTech4AI** will be carried out as part of the <a href="https://www.maastrichtuniversity.nl/about-um/faculties/law/research/law-and-tech-lab" target="_blank">Law&Tech Lab</a> at Maastricht University, located in the Netherlands and close to Brussels. Over the last 5 years, the Lab grew continuously and now hosts 16 faculty members, with experts in AI law, NLP, and legal data science.

## team

The project team consists of a range of experienced researchers in the domain of applying technical methods to the law (particular in machine learning and data science), one postdoc with interdisciplinary research expertise, and up to five PhD students.

{% if page.profiles %}
<div class="container">
<div class="row">
{% for profile in page.profiles %}
<div class="col-md-3 mb-4">
{% if profile.image %}
<div class="profile-image text-center">
{% assign profile_image_path = profile.image | prepend: 'assets/img/' %}
{% if profile.image_circular %}
{% assign profile_image_class = 'img-fluid z-depth-1 rounded-circle' %}
{% else %}
{% assign profile_image_class = 'img-fluid z-depth-1 rounded' %}
{% endif %}
<img src="{{ profile_image_path }}" class="{{ profile_image_class }}" alt="Profile image">
</div>
{% endif %}
{% if profile.more_info %}
<div class="profile-subtitle text-center mt-2">{{ profile.more_info }}</div>
{% endif %}
</div>
{% endfor %}
</div>
</div>
{% endif %}

Link to your social media connections, too. This theme is set up to use [Font Awesome icons](https://fontawesome.com/) and [Academicons](https://jpswalsh.github.io/academicons/), like the ones below. Add your Facebook, Twitter, LinkedIn, Google Scholar, or just disable all of them.
<!-- News -->
{% if page.news and site.announcements.enabled %}
<h2>
<a href="{{ '/news/' | relative_url }}" style="color: inherit">news</a>
</h2>
{% include news.liquid limit=true %}
{% endif %}
5 changes: 0 additions & 5 deletions _pages/about_einstein.md
View file

This file was deleted.

Loading

0 comments on commit f32df01

Please sign in to comment.