Skip to content

Commit ad9f8e4

Browse files
feat: adding latest news (#30)
* feat: adding latest news * fix: apply suggestions from code review and add all events * chore: indentation of proceedings and addition of related labels * fix: adding descriptions to all of the members --------- Co-authored-by: Enrique Garcia <[email protected]>
1 parent e32e7ac commit ad9f8e4

File tree

6 files changed

+200
-26
lines changed

6 files changed

+200
-26
lines changed

src/css/custom.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
--ifm-color-primary-darkest: #143591;
1313
--ifm-color-primary-light: #1653ff;
1414
--ifm-color-primary-lighter: #2d65ff;
15-
--ifm-color-primary-lightest: #4a7aff;
15+
--ifm-color-primary-lightest: #00a84c;
1616
--ifm-code-font-size: 95%;
1717
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
1818
}
@@ -25,6 +25,6 @@
2525
--ifm-color-primary-darkest: #375ace;
2626
--ifm-color-primary-light: #5c9dff;
2727
--ifm-color-primary-lighter: #8bb9ff;
28-
--ifm-color-primary-lightest: #b8d4ff;
28+
--ifm-color-primary-lightest: #4aff9b;
2929
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
3030
}

src/pages/LatestNews.jsx

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
import styles from './LatestNews.module.css';
2+
3+
const newsItems = [
4+
{
5+
date: 'April 10th 2025',
6+
description: 'Xavier presents the VRE at the JENA Meeting',
7+
links: [{ text: 'event', url: 'https://indico.global/event/5574/' }, { text: 'slides', url: 'https://indico.global/event/5574/contributions/44169/' }],
8+
iconType: 'person-chalkboard',
9+
},
10+
{
11+
date: 'March 17th-18th 2025',
12+
description: 'The VRE start its journey into the EOSC Federation',
13+
links: [{ text: 'communication', url: 'https://eosc.eu/news/2025/04/the-eosc-federations-build-up-phase-is-underway/' }],
14+
iconType: 'calendar-days',
15+
},
16+
{
17+
date: 'February 25th 2025',
18+
description: 'Giovanni presents the VRE as part of CERN\'s analysis platforms at the (Re)interpretation Forum',
19+
links: [{ text: 'event', url: 'https://indico.cern.ch/event/1466101/' }, { text: 'slides', url: 'https://indico.cern.ch/event/1466101/contributions/6363705/' }],
20+
iconType: 'person-chalkboard',
21+
},
22+
{
23+
date: 'October 19th-24th 2024',
24+
description: 'Enrique presents the VRE at CHEP 2024',
25+
links: [{ text: 'event', url: 'https://indico.cern.ch/event/1338689/' }, { text: 'slides', url: 'https://indico.cern.ch/event/1338689/contributions/6010696/' }],
26+
iconType: 'person-chalkboard',
27+
},
28+
{
29+
title: 'Data discovery, analysis and reproducibility in Virtual Research Environments ', // this is what I would see indented below its parent contribution. NOT IMPORTANT !
30+
authors: 'E. Garcia-Garcia, G. Guerrieri, et al.',
31+
links: [{ text: 'CHEP 2024 proceedings', url: 'https://arxiv.org/abs/2503.02483/' }],
32+
iconType: 'file',
33+
type: 'proceedings',
34+
},
35+
{
36+
date: 'February 5th-6th 2024',
37+
description: 'The VRE is presented at the AstroORDAS workshop',
38+
links: [{ text: 'event', url: 'https://indico.global/event/9331/' }, { text: 'slides', url: 'https://indico.global/event/9331/contributions/90757/' }],
39+
iconType: 'person-chalkboard',
40+
},
41+
{
42+
date: 'May 8th-12th 2023',
43+
description: 'Elena gives a Plenary Talk at CHEP 2023 on the VRE',
44+
links: [{ text: 'event', url: 'https://indico.jlab.org/event/459/' }, { text: 'slides', url: 'https://indico.jlab.org/event/459/contributions/11671/' }],
45+
iconType: 'person-chalkboard',
46+
},
47+
{
48+
title: 'The Virtual Research Environment: A multi-science analysis platform',
49+
authors: 'E. Gazzarrini, E. Garcia Garcia, D. Gosein, and X. Espinal',
50+
journal: 'EPJ Web of Conferences 295, 08023 (2024)',
51+
links: [{ text: 'CHEP 2023 proceedings', url: 'https://doi.org/10.1051/epjconf/202429508023/' }],
52+
iconType: 'file',
53+
type: 'proceedings',
54+
},
55+
{
56+
date: 'July 10th-13th 2023',
57+
description: 'The VRE is presented at the IHDEA Cloud Meeting',
58+
links: [{ text: 'event', url: 'https://indico.obspm.fr/event/1714/' }, { text: 'contribution', url: 'https://indico.obspm.fr/event/1714/contributions/1004/' }],
59+
iconType: 'person-chalkboard',
60+
},
61+
{
62+
date: 'March 3th 2023',
63+
description: 'The Virtual Research Enviroment is presentend on a CERN IT Technical Forum (ITTF) session',
64+
links: [{ text: 'Slides and recording', url: 'https://indico.cern.ch/event/1230107/' }],
65+
iconType: 'person-chalkboard'
66+
},
67+
{
68+
date: 'October 23th-28th 2022',
69+
description: 'Elena presents the VRE at the ACAT 2022 workshop',
70+
links: [{ text: 'event', url: 'https://indico.cern.ch/event/1106990/' }, { text: 'slides', url: 'https://indico.cern.ch/event/1106990/contributions/4991200/' }],
71+
iconType: 'person-chalkboard',
72+
},
73+
{
74+
title: 'The Virtual Research Environment: towards a comprehensive analysis platform',
75+
authors: 'E. Gazzarrini, E. Garcia, D. Gosein, A. Vendrell Moya, A. Kounelis, and X. Espinal',
76+
links: [{ text: 'ACAT 2022 proceedings', url: 'https://indico.cern.ch/event/1106990/papers/4991200/files/12795-The_VRE___ACAT22_Proceedings.pdf' }],
77+
iconType: 'file',
78+
type: 'proceedings',
79+
},
80+
{
81+
date: 'October 25th-26th 2022',
82+
description: 'The VRE is presented at the ESCAPE for the Future meeting',
83+
links: [{ text: 'event', url: 'https://projectescape.eu/agenda-escape-future#overlay-context=' }, { text: 'slides', url: 'https://projectescape.eu/sites/default/files/1.EnriqueGarcia_VRE_ESCAPE-Bruxels_Nov2022_v2.pdf' }],
84+
iconType: 'person-chalkboard',
85+
}
86+
// Add more... (categories: newspaper, person-chalkboard, etc.)
87+
];
88+
89+
export default function LatestNews() {
90+
return (
91+
<section className={styles.newsSection}>
92+
<div></div>
93+
<div className={styles.timeline}>
94+
{newsItems.map((item) => (
95+
<div
96+
className={`${styles.timelineItem} ${item.type === 'proceedings' ? styles.proceedingsItem : ''}`}
97+
key={`${item.title}-${item.authors}`}
98+
>
99+
<div className={styles.icon}>
100+
<i className={`fa-solid fa-${item.iconType}`} title={item.iconType}></i>
101+
</div>
102+
<div>
103+
{item.date ? (
104+
<strong>{item.date}</strong>
105+
) : (
106+
<em>{item.title}</em>
107+
)}{' '}
108+
- {item.description}{item.authors}{' '} - <strong>{item.journal}{' '}</strong>
109+
{item.links.map((link) => (
110+
<a key={link.url} href={link.url} className={styles.link} target="_blank" rel="noopener noreferrer">
111+
[{link.text}]
112+
</a>
113+
))}
114+
</div>
115+
</div>
116+
))}
117+
</div>
118+
</section>
119+
);
120+
}

src/pages/LatestNews.module.css

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
.newsSection {
2+
display: flex;
3+
/* gap: 2rem; */
4+
/* padding-left: 4rem; */
5+
padding-right: 4rem;
6+
padding-top: 1rem;
7+
padding-bottom: 2rem;
8+
align-items: center;
9+
justify-content: center;
10+
}
11+
12+
.timeline {
13+
display: flex;
14+
flex-direction: column;
15+
gap: 1.5rem;
16+
position: relative;
17+
border-left: 2px dashed;
18+
padding-left: 1rem;
19+
}
20+
21+
.timelineItem {
22+
display: flex;
23+
gap: 1rem;
24+
align-items: flex-start;
25+
}
26+
27+
.proceedingsItem {
28+
display: flex;
29+
padding-left: 2rem;
30+
gap: 1rem;
31+
align-items: flex-start;
32+
}
33+
34+
.timeline a {
35+
font-weight: 600;
36+
color: var(--ifm-color-primary-lightest);
37+
}
38+
39+
.icon {
40+
min-width: 20px;
41+
height: 20px;
42+
/* color: var(--ifm-atlas-color); */
43+
border-radius: 50%;
44+
margin-top: 4px;
45+
}
46+
47+
.link {
48+
margin-left: 0.4rem;
49+
color: var(--ifm-atlas-color);
50+
font-weight: 500;
51+
}
52+

src/pages/index.md renamed to src/pages/index.mdx

Lines changed: 4 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,4 @@
1-
---
2-
id: /
3-
slug: /
4-
---
1+
import LatestNews from './LatestNews'
52

63
**🟩 Experiencing issues? Check the [service uptime status page](https://vre-hub.github.io/status) 🟩**
74

@@ -51,14 +48,6 @@ There are is a recurrent meetings open to all scientists/researchers/developers
5148

5249
- The **VRE working-group monthly meetings** are intended for developers and system administrators who are supporting scientific infrastructures. They constitute an informal space to stimulate discussion and keep all the members up to date with the latest news and hot topics on the development and deployment of tools and services within the broad field of scientific analysis platforms. Join [here](https://indico.cern.ch/category/17065/).
5350

54-
## Resources
55-
- Garcia-Garcia, E. Giovanni, G. et al., “Data discovery, analysis and reproducibility in Virtual Research Environments”, <i>arXiv e-prints</i>, 2024. [doi.org/10.48550/arXiv.2503.02483](https://arxiv.org/abs/2503.02483).
56-
- Gazzarrini, E., Garcia, E., Gosein, D., and Espinal, X., “The Virtual Research Environment: towards a comprehensive analysis platform”, <i>EPJ Web Conf.</i> [ doi.org/10.1051/epjconf/202429508023](https://doi.org/10.1051/epjconf/202429508023) & <i>arXiv e-prints</i>, 2023. [doi:10.48550/arXiv.2305.10166](https://arxiv.org/abs/2305.10166).
57-
- [Presentation](https://indico.cern.ch/event/1466101/contributions/6363705/) at *(Re)interpretation of the LHC results for new physics workshop (2025)*
58-
- [Presentation](https://indico.global/event/9331/contributions/90757/) at *AstroORDAS Workshop (2025)*
59-
- [Presentation](https://indico.cern.ch/event/1338689/contributions/6010696/) at *27th International Conference on Computing in High Energy & Nuclear Physics (CHEP 2024)*
60-
- [Plenary talk](https://indico.jlab.org/event/459/contributions/11671/) at *26th International Conference on Computing in High Energy & Nuclear Physics (CHEP 2023)*
61-
- [Presentation](https://indico.obspm.fr/event/1714/contributions/1004/) at *IHDEA Cloud Meeting (2023)*
62-
- [Presentation](https://indico.cern.ch/event/1230107/), *CERN IT Technical Forum (ITTF) (2023)*
63-
- [Presentation](https://indico.cern.ch/event/1106990/contributions/4991200/) at *21st International Workshop on Advanced Computing and Analysis Techniques in Physics Research, Bari (ACAT 2022)*
64-
- [Presentation](https://projectescape.eu/sites/default/files/1.EnriqueGarcia_VRE_ESCAPE-Bruxels_Nov2022_v2.pdf) at *ESCAPE to the Future, Brussels (2022)*
51+
## Latest News
52+
<LatestNews />
53+

src/pages/team.jsx

Lines changed: 22 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -21,14 +21,21 @@ const teamMembers = [
2121
linkedin: 'https://www.linkedin.com/in/giovanniguerrieri',
2222
github: 'https://github.com/soap2g',
2323
gitlab: 'https://gitlab.cern.ch/gguerrie',
24-
description: `Giovanni Guerrieri is a physicist managing the infrastructure and the development of the ATLAS Open Data project.
25-
He's part of the CERN-IT department, working on Distributed Data Management systems, Analysis Facilities, and Open Science.
26-
He's also involved in various European initiatives, such as the ESCAPE Collaboration, the OSCARS project, and EOSC.
27-
He holds a PhD in particle physics from the University of Trieste.`,
24+
description: `Giovanni Guerrieri is the Data Infrastructure for Open Science coordinator for the ESCAPE collaboration, where he also maintains the ESCAPE Virtual Research Environment. He holds a Ph.D. in Particle Physics from the ATLAS Experiment at CERN.
25+
At CERN, Giovanni works on large-scale data management, analysis facilities, and open data initiatives. He is also part of the CERN team contributing to the development of the EOSC Federation.`,
2826
},
2927
];
3028

3129
const pastMembers = [
30+
{
31+
name: 'Xavier Espinal',
32+
image: require('@site/static/img/team/xavi.jpg').default,
33+
34+
description: `Xavier obtained his PhD in Physics in Barcelona within the K2K long baseline neutrino experiment (Japan).
35+
In 2005, Xavier joined PIC, the Spanish Tier-1 center for LHC computing, and the ATLAS experiment collaboration where has started his career in scientific computing.
36+
Xavier held several roles in disributed operations, data processing and data management activities during the deployment and operation phase of the Worldwide LHC Computing Grid.
37+
He coordinated the ESCAPE Data Infrastructure for Open Science Work Package, which, among other outcomes, led to the implementation of the VRE.`
38+
},
3239
{
3340
name: 'Ruben Perez',
3441
image: require('@site/static/img/team/neutral.jpg').default,
@@ -59,34 +66,40 @@ const pastMembers = [
5966
image: require('@site/static/img/team/neutral.jpg').default,
6067
linkedin: 'https://www.linkedin.com/in/goseind/',
6168
github: 'https://github.com/goseind',
62-
description: ``
69+
description: `CERN technical student working on the VRE project. He holds a MSc in computer science at the Technische Hochschule of Mannheim.`
6370
},
6471
{
6572
name: 'Alba Vendrell',
6673
image: require('@site/static/img/team/neutral.jpg').default,
6774
linkedin: 'https://www.linkedin.com/in/alba-v-0092471a0/',
6875
github: 'https://github.com/albavemo',
69-
description: ``
76+
description: `Alba Vendrell is a CERN fellow working on the VRE consolidation and evolution. Alba holds a MSc in computer science at the Universitat Autònoma de Barcelona.`
7077
},
7178
{
7279
name: 'Agisilaos Kounelis',
7380
image: require('@site/static/img/team/neutral.jpg').default,
7481
linkedin: 'https://www.linkedin.com/in/kounelisagis/',
7582
github: 'https://github.com/kounelisagis',
76-
description: ``
83+
description: `Agisilaos Kounelis is a CERN summer student working on the VRE project, integrating cloud file fetching and saving functionality.`
7784
},
7885
{
7986
name: 'Rizart Dona',
8087
image: require('@site/static/img/team/rizart.jpg').default,
8188
linkedin: 'https://www.linkedin.com/in/rizart-dona/',
8289
github: 'https://github.com/rizart',
83-
description: ``
90+
description: `Rizart Dona is a CERN fellow developing the first prototype of a Data Lake as a Service for the ESCAPE VRE. Rizart holds a MSc in computer science at the University of Athens.`
8491
},
8592
{
8693
name: 'Riccardo di Maria',
8794
image: require('@site/static/img/team/neutral.jpg').default,
8895
linkedin: 'https://www.linkedin.com/in/riccardo-di-maria-phd-6967a1160/',
89-
description: ``
96+
description: `Riccardo di Maria is a CERN fellow developing the first prototype of a Data Lake as a Service for the ESCAPE VRE. Riccardo holds a PhD in High Energy Physics at the Imperial College London.`
97+
},
98+
{
99+
name: 'Aris Fkiaras',
100+
image: require('@site/static/img/team/neutral.jpg').default,
101+
linkedin: 'https://www.linkedin.com/in/aris-fkiaras/',
102+
description: `Aris Fkiaras is a CERN fellow developing the first prototype of a Data Lake as a Service for the ESCAPE VRE. Aris holds a BSc in Computer Science at the Athens University of Economics and Business .`
90103
}
91104
];
92105

static/img/team/xavi.jpg

147 KB
Loading

0 commit comments

Comments
 (0)