Skip to content

Commit f769b43

Browse files
etzmclaude
etzm
and
claude
committed
Add team section, self-host fonts, imprint page, and EU disclaimer
- Self-host Readex Pro and DM Mono fonts (GDPR compliance) - Add team section with ISCC Foundation and Leiden University members - Create Imprint & Privacy page at /imprint/ - Add EU funding disclaimer to footer - Update capabilities title to "Built for scientific data & bioimaging" Co-Authored-By: Claude Opus 4.6 <[email protected]>
1 parent c895e0a commit f769b43

File tree

11 files changed

+293
-5
lines changed

11 files changed

+293
-5
lines changed

‎_data/features.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
# ─────────────────────────────────────────────────────────────────
66

77
section_eyebrow: Capabilities
8-
section_title: Built for scientific bioimaging
8+
section_title: Built for scientific data & bioimaging
99
section_sub: >
1010
Addressing the specific challenges of large-scale imaging data
1111
in modern research environments.

‎_data/team.yml‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
# _data/team.yml
2+
# ─────────────────────────────────────────────────────────────────
3+
# Team members and contact information.
4+
# ─────────────────────────────────────────────────────────────────
5+
6+
section_eyebrow: Team
7+
section_title: Project Team
8+
section_sub: >
9+
BIO-CODES is a collaboration between the ISCC Foundation and
10+
Leiden University, funded by the European Union.
11+
12+
groups:
13+
- name: ISCC Foundation
14+
url: https://iscc.io
15+
members:
16+
- name: Titusz Pan
17+
role: PI
18+
email: [email protected]
19+
- name: Kira Lemke
20+
- name: Dr. Martin Etzrodt
21+
22+
- name: Leiden University
23+
url: https://www.universiteitleiden.nl/
24+
members:
25+
- name: Sylvia Le Dévédec
26+
role: PI
27+
email: [email protected]
28+
- name: Maarten Paul
29+
- name: Sebastian Posth
30+
- name: Joost Willemse

‎_includes/footer.html‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<a href="#features" class="footer-link">Capabilities</a>
1111
<a href="#tools" class="footer-link">Tools</a>
1212
<a href="#integrations" class="footer-link">Integrations</a>
13+
<a href="#team" class="footer-link">Team</a>
1314
</div>
1415
</div>
1516
<div class="footer-right">
@@ -39,7 +40,11 @@ <h4>Community</h4>
3940
<div class="footer-funding">
4041
<p>Funded by the European Union under Grant No. {{ site.data.site.funding.grant_number }}
4142
(<a href="{{ site.data.site.funding.programme_url }}" target="_blank" rel="noopener">{{ site.data.site.funding.programme }}</a>
42-
/ <a href="{{ site.data.site.funding.oscars_url }}" target="_blank" rel="noopener">OSCARS</a>).</p>
43+
/ <a href="{{ site.data.site.funding.oscars_url }}" target="_blank" rel="noopener">OSCARS</a>).
44+
Views and opinions expressed are those of the author(s) only and do not necessarily reflect those of the European Union or the European Research Executive Agency. Neither the European Union nor the granting authority can be held responsible for them.</p>
45+
</div>
46+
<div class="footer-legal">
47+
<a href="{{ '/imprint/' | relative_url }}">Imprint & Privacy</a>
4348
</div>
4449
</div>
4550
</div>

‎_includes/head.html‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,4 @@
44
<title>{% if page.title %}{{ page.title }} | {{ site.title }}{% else %}{{ site.title }} — {{ site.tagline }}{% endif %}</title>
55
{% seo %}
66
<link rel="icon" type="image/jpeg" href="{{ '/assets/images/biocodes_logo.jpeg' | relative_url }}">
7-
<link rel="preconnect" href="https://fonts.googleapis.com">
8-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9-
<link href="https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&family=DM+Mono:wght@400&display=swap" rel="stylesheet">
107
<link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">

‎_includes/navbar.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
<a href="#features" class="nav-link">Capabilities</a>
1313
<a href="#tools" class="nav-link">Tools</a>
1414
<a href="#integrations" class="nav-link">Integrations</a>
15+
<a href="#team" class="nav-link">Team</a>
1516
</nav>
1617
</div>
1718
</header>

‎_includes/team.html‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<section class="section" id="team">
2+
<div class="container">
3+
<p class="section-eyebrow">{{ site.data.team.section_eyebrow }}</p>
4+
<h2 class="section-title">{{ site.data.team.section_title }}</h2>
5+
<p class="section-sub">{{ site.data.team.section_sub }}</p>
6+
<div class="team-grid">
7+
{% for group in site.data.team.groups %}
8+
<div class="team-group">
9+
<h3 class="team-group-name"><a href="{{ group.url }}" target="_blank" rel="noopener">{{ group.name }}</a></h3>
10+
<ul class="team-members">
11+
{% for member in group.members %}
12+
<li class="team-member">
13+
<span class="team-member-name">{{ member.name }}</span>
14+
{% if member.role %}<span class="team-member-role">{{ member.role }}</span>{% endif %}
15+
{% if member.email %}<a href="mailto:{{ member.email }}" class="team-member-email">{{ member.email }}</a>{% endif %}
16+
</li>
17+
{% endfor %}
18+
</ul>
19+
</div>
20+
{% endfor %}
21+
</div>
22+
</div>
23+
</section>

‎assets/css/style.css‎

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,22 @@
11
/* ── BIO-CODES — Style (OSCARS Purple Theme) ──────────────────── */
22

3+
/* ── Self-hosted Fonts ────────────────────────────────────────── */
4+
@font-face {
5+
font-family: 'Readex Pro';
6+
font-style: normal;
7+
font-weight: 300 700;
8+
font-display: swap;
9+
src: url('../fonts/ReadexPro-VariableFont.woff2') format('woff2');
10+
}
11+
12+
@font-face {
13+
font-family: 'DM Mono';
14+
font-style: normal;
15+
font-weight: 400;
16+
font-display: swap;
17+
src: url('../fonts/DMMono-Regular.woff2') format('woff2');
18+
}
19+
320
/* ── Variables ─────────────────────────────────────────────────── */
421
:root {
522
--color-bg: #ffffff;
@@ -886,6 +903,112 @@ ul {
886903
color: #c98adb;
887904
}
888905

906+
/* ── Team ──────────────────────────────────────────────────────── */
907+
.team-grid {
908+
display: grid;
909+
grid-template-columns: repeat(2, 1fr);
910+
gap: 32px;
911+
}
912+
913+
.team-group {
914+
background: var(--color-card);
915+
border: 1px solid var(--color-border);
916+
border-radius: var(--radius);
917+
padding: 28px;
918+
}
919+
920+
.team-group-name {
921+
font-size: 1.1rem;
922+
font-weight: 600;
923+
margin-bottom: 16px;
924+
color: var(--color-dark-panel);
925+
}
926+
927+
.team-group-name a {
928+
color: var(--color-dark-panel);
929+
}
930+
931+
.team-group-name a:hover {
932+
color: var(--color-accent);
933+
}
934+
935+
.team-members {
936+
list-style: none;
937+
}
938+
939+
.team-member {
940+
padding: 8px 0;
941+
border-bottom: 1px solid var(--color-border);
942+
display: flex;
943+
align-items: baseline;
944+
gap: 10px;
945+
flex-wrap: wrap;
946+
}
947+
948+
.team-member:last-child {
949+
border-bottom: none;
950+
}
951+
952+
.team-member-name {
953+
font-size: 0.95rem;
954+
font-weight: 500;
955+
color: var(--color-text);
956+
}
957+
958+
.team-member-role {
959+
font-family: var(--font-mono);
960+
font-size: 0.7rem;
961+
padding: 2px 8px;
962+
border-radius: 12px;
963+
background: var(--color-accent-light);
964+
color: var(--color-accent);
965+
letter-spacing: 0.02em;
966+
}
967+
968+
.team-member-email {
969+
font-family: var(--font-mono);
970+
font-size: 0.78rem;
971+
color: var(--color-accent);
972+
}
973+
974+
/* ── Legal page ───────────────────────────────────────────────── */
975+
.legal-content {
976+
max-width: 720px;
977+
}
978+
979+
.legal-content h3 {
980+
font-size: 1.05rem;
981+
font-weight: 600;
982+
margin: 28px 0 8px;
983+
color: var(--color-dark-panel);
984+
}
985+
986+
.legal-content p {
987+
font-size: 0.92rem;
988+
color: var(--color-text-light);
989+
line-height: 1.65;
990+
margin-bottom: 12px;
991+
}
992+
993+
.legal-content a {
994+
color: var(--color-accent);
995+
}
996+
997+
.footer-legal {
998+
margin-top: 8px;
999+
}
1000+
1001+
.footer-legal a {
1002+
font-family: var(--font-mono);
1003+
font-size: 0.72rem;
1004+
color: #9382a5;
1005+
letter-spacing: 0.02em;
1006+
}
1007+
1008+
.footer-legal a:hover {
1009+
color: #c98adb;
1010+
}
1011+
8891012
/* ── Responsive ────────────────────────────────────────────────── */
8901013
@media (max-width: 768px) {
8911014
.nav-toggle {
@@ -953,6 +1076,10 @@ ul {
9531076
grid-template-columns: 1fr;
9541077
}
9551078

1079+
.team-grid {
1080+
grid-template-columns: 1fr;
1081+
}
1082+
9561083
.section {
9571084
padding: 56px 0;
9581085
}

‎assets/fonts/DMMono-Regular.woff2‎

11.9 KB
Binary file not shown.

‎assets/fonts/ReadexPro-VariableFont.woff2‎

72.9 KB
Binary file not shown.

‎imprint/index.html‎

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
---
2+
layout: default
3+
title: Imprint & Privacy
4+
---
5+
6+
<section class="section" id="imprint" style="padding-top: 120px;">
7+
<div class="container">
8+
<h1 class="section-title" style="text-align: left;">Imprint</h1>
9+
10+
<div class="legal-content">
11+
<h3>Responsible for content</h3>
12+
<p>
13+
<strong>ISCC Foundation</strong><br>
14+
<a href="https://iscc.io" target="_blank" rel="noopener">https://iscc.io</a>
15+
</p>
16+
<p>
17+
<strong>Contact:</strong><br>
18+
Titusz Pan<br>
19+
<a href="mailto:[email protected]">[email protected]</a>
20+
</p>
21+
22+
<h3>Project partners</h3>
23+
<p>
24+
<strong>Leiden University</strong><br>
25+
Leiden Academic Centre for Drug Research (LACDR)<br>
26+
<a href="https://www.universiteitleiden.nl/" target="_blank" rel="noopener">https://www.universiteitleiden.nl</a>
27+
</p>
28+
<p>
29+
<strong>Contact:</strong><br>
30+
Sylvia Le D&eacute;v&eacute;dec<br>
31+
<a href="mailto:[email protected]">[email protected]</a>
32+
</p>
33+
34+
<h3>Funding</h3>
35+
<p>
36+
Funded by the European Union under Grant Agreement No. 101129751
37+
(<a href="https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en" target="_blank" rel="noopener">EU Horizon Europe</a>
38+
/ <a href="https://oscars-project.eu/" target="_blank" rel="noopener">OSCARS</a>).
39+
</p>
40+
<p>
41+
Views and opinions expressed are those of the author(s) only and do not
42+
necessarily reflect those of the European Union or the European Research
43+
Executive Agency. Neither the European Union nor the granting authority
44+
can be held responsible for them.
45+
</p>
46+
47+
<hr style="margin: 40px 0; border: none; border-top: 1px solid var(--color-border);">
48+
49+
<h1 class="section-title" style="text-align: left;">Privacy Policy</h1>
50+
51+
<h3>Overview</h3>
52+
<p>
53+
This website is a static site hosted on
54+
<a href="https://docs.github.com/en/pages" target="_blank" rel="noopener">GitHub Pages</a>.
55+
We take your privacy seriously and process as little personal data as possible.
56+
</p>
57+
58+
<h3>Hosting</h3>
59+
<p>
60+
This website is hosted by GitHub Inc., 88 Colin P Kelly Jr St, San Francisco, CA 94107, USA.
61+
When you visit this site, GitHub may collect your IP address in server logs.
62+
See <a href="https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement" target="_blank" rel="noopener">GitHub's Privacy Statement</a> for details.
63+
</p>
64+
65+
<h3>No cookies or tracking</h3>
66+
<p>
67+
This website does not use cookies, analytics, or tracking services.
68+
No personal data is collected, stored, or processed by us beyond what
69+
is technically necessary to serve the website.
70+
</p>
71+
72+
<h3>Fonts</h3>
73+
<p>
74+
All fonts used on this website are self-hosted. No external font services
75+
(such as Google Fonts) are used, and no data is transmitted to third-party
76+
font providers when you visit this site.
77+
</p>
78+
79+
<h3>External links</h3>
80+
<p>
81+
This website contains links to external websites. We have no control over
82+
the content and privacy practices of those sites and accept no responsibility
83+
for them.
84+
</p>
85+
86+
<h3>Your rights</h3>
87+
<p>
88+
Under the General Data Protection Regulation (GDPR), you have the right to
89+
access, rectify, or erase any personal data we hold about you, as well as
90+
the right to data portability and the right to lodge a complaint with a
91+
supervisory authority. Since we do not collect personal data beyond server
92+
logs managed by GitHub, please refer to
93+
<a href="https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement" target="_blank" rel="noopener">GitHub's Privacy Statement</a>
94+
for requests related to hosting logs.
95+
</p>
96+
97+
<h3>Contact</h3>
98+
<p>
99+
For privacy-related inquiries, please contact:<br>
100+
Titusz Pan — <a href="mailto:[email protected]">[email protected]</a>
101+
</p>
102+
</div>
103+
</div>
104+
</section>

0 commit comments

Comments
 (0)