The goal of project SYCLOPS is to bring together these standards for the first time in order to demonstrate ground-breaking advances in performance and scalability of extreme data analytics diff --git a/results/deliverables.html b/results/deliverables.html new file mode 100644 index 0000000..2d3ee4e --- /dev/null +++ b/results/deliverables.html @@ -0,0 +1,61 @@ +--- +layout: page +--- + + + + + sports_scoreDeliverables + This page is designed to give an overview of the deliverables and targets of the SYCLOPS project. + + + + + + + + + Deliverable + Overview + Download + + + + + D1.1 + Describes mechanisms to be used during the project implementation, in order to ensure high + quality of activities and deliverables + cloud_downloadDownload Report + + + + D1.2 + Describes mechanisms to handle data created or generated during the project. + cloud_downloadDownload Report + + + + D2.1 + Provides the overall architectural blueprint of SYCLOPS together with inter and intra-layer + interface definitions + cloud_downloadDownload Report + + + + D6.1 + Communication, Networking and Dissemination Plan and Activities + cloud_downloadDownload Report + + + + + + diff --git a/results/index.html b/results/index.html new file mode 100644 index 0000000..b7b95de --- /dev/null +++ b/results/index.html @@ -0,0 +1,27 @@ +--- +layout: page +--- + + + + + starResults + + + + + sports_score + Deliverables + View all the SYCLOPS project deliverables. + + + + + newspaper + Publications + View all the SYCLOPS project publications. + + + + + diff --git a/results/publications.html b/results/publications.html new file mode 100644 index 0000000..496f595 --- /dev/null +++ b/results/publications.html @@ -0,0 +1,81 @@ +--- +layout: page +--- + + + + + newspaperPublications + This page is designed to give an overview of the publications produced by the SYCLOPS project. + + + + + Type + Title + Authors + Year + + + + + Conference + Towards + Migration-Free" Just-in-Case" Data Archival for Future Cloud Data Lakes Using Synthetic DNA + Eugenio Marinelli, Yiqing Yan, Virginie Magnone, Charlotte Dumargne, Pascal Barbry, Thomas Heinis, Raja + Appuswamy + + 2023 + + + Journal + Scaling + logical density of DNA storage with enzymatically-ligated composite motifs + Yiqing Yan, Nimesh Pinnamaneni, Sachin Chalapati, Conor Crosbie, Raja Appuswamy + 2023 + + + Conference + Open, cross-architecture acceleration of data analytics with SYCL and RISC-V + Ivan Kabadzhov, Jose Morgado, Aleksander Ilic, Raja Appuswamy + 2024 (under submission) + + + Conference + Migrating CUDA + to SYCL: A HEP Case Study with ROOT RDataFrame + Jolly Chen, Monica Dessole, Ana-Lucia Varbanescu + 2024 + + + Conference + A + Performance Modelling-Driven Approach to Hardware Resource Scaling + Alexandre Rodrigues, Leonel Sousa, and Aleksandar Ilic + 2024 + + + Journal + Distributed + transformer for high order epistasis detection in large-scale datasets + Miguel Graça, Ricardo Nobre, Leonel Sousa & Aleksandar Ilic + 2024 + + + Conference + AdaptiveCpp + Stdpar: C++ Standard Parallelism Integrated Into A SYCL Compiler + Aksel Alpay, Vincent Heueline + 2024 + + + Conference + SYCL-Bench 2020: + Benchmarking SYCL 2020 on AMD, Intel, and NVIDIA GPUs + Luigi Crisci, Lorenzo Carpentieri, Peter Thoman, Aksel Alpay, Vincent Heuveline, Biagio Cosenza + 2024 + + + + + diff --git a/static/css/styled.scss b/static/css/styled.scss index fc953f5..62f85c2 100644 --- a/static/css/styled.scss +++ b/static/css/styled.scss @@ -40,20 +40,19 @@ body { } table { + border-radius: 12px; + overflow: hidden; + + td, th { + padding: 1.5rem; + } + thead { tr { background-color: var(--hint-color); color: white; - - th { - padding: 1rem 0; - } } } - - td { - padding: .5rem; - } } .wrapper { @@ -506,7 +505,6 @@ body { align-items: center; justify-content: center; cursor: pointer; - } .logo { @@ -516,21 +514,29 @@ body { } input:checked { + ~ .items, + ~ .burger { + background-color: rgba(0, 0, 0, .95); + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + } + ~ .items { - background-color: rgba(0, 0, 0, .92); display: block; position: fixed; left: 0; top: 120px; width: 100%; - height: 100%; + height: calc(100% - 120px); + overflow: auto; z-index: 9999999; - padding: 4rem; + padding: 4rem 2rem; } ~ .items a { height: auto; - padding: 3rem 0; + padding: 3rem 2rem; + border-radius: 12px; } } @@ -547,20 +553,90 @@ body { flex: 1; justify-content: flex-end; - a { - height: 100%; + > div { display: flex; + flex-direction: column; align-items: center; - padding: 0 2rem; - border-bottom: transparent 6px solid; opacity: .7; transition: .1s all; - } + z-index: 999999999; + border-bottom: transparent 6px solid; + position: relative; - a.selected, - a:hover { - border-bottom: var(--hint-color) 6px solid; - opacity: 1; + @media screen and (min-width: 1090px) { + height: 100%; + } + + a { + display: flex; + height: 100%; + align-items: center; + padding: 0 1.5rem; + + @media screen and (max-width: 1090px) { + width: 100%; + + &:hover { + background-color: rgba(255, 255, 255, .1); + } + } + } + + @media screen and (min-width: 1090px) { + .drop { + display: none; + position: absolute; + top: 110px; + right: 0; + background-color: var(--hint-color); + border-radius: 0 0 12px 12px; + z-index: 999; + min-width: 250px; + + &:before { + content:"\A"; + border-style: solid; + border-width: 15px 20px 15px 0; + border-color: transparent var(--hint-color) transparent transparent; + position: absolute; + transform: rotate(90deg); + top: -25px; + right: 2rem; + z-index: 99; + } + + a { + display: block; + padding: 2rem 3rem; + cursor: pointer; + + &:hover { + background-color: rgba(255, 255, 255, .1); + } + } + + } + } + + @media screen and (max-width: 1090px) { + .drop { + width: 100%; + } + } + + &.selected, + &:hover { + @media screen and (min-width: 1090px) { + opacity: 1; + border-bottom: var(--hint-color) 6px solid; + } + } + + &:hover { + .drop { + display: block; + } + } } } } @@ -685,6 +761,48 @@ body { } } + /** + * Section: Advisory Board + */ + section#advisory-board { + --avatar-size: 120px; + + .board { + display: flex; + gap: 1rem; + + > div { + padding: 2rem; + border: #ccc 1px solid; + border-radius: 12px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + flex: 1; + } + + .avatar { + display: inline-flex; + height: var(--avatar-size); + width: var(--avatar-size); + border-radius: var(--avatar-size); + background-color: var(--hint-color); + color: #fff; + align-items: center; + justify-content: center; + + span { + font-size: 5rem; + } + } + + h1 { + font-size: 1.4rem; + } + } + } + /** * Section: Contact */ @@ -752,21 +870,78 @@ body { } /** - * Section: Deliverables + * Section: Results */ - section#deliverables { + section#results { + .items { + display: flex; + gap: 2rem; + + > a { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + padding: 2rem; + border: #ccc 1px solid; + border-radius: 12px; + transition: .2s all; + + span { + font-size: 100px; + } + + h2 { + font-weight: normal; + opacity: .5; + } + + &:hover { + background-color: #dfdfdf; + } + } + } + } + + /** + * Section: Publications + */ + section#publications { table { - width: 100%; + a { + font-weight: bold; - td, th { - padding: 1rem; + &:hover { + text-decoration: underline; + } + } + + tr > td:nth-of-type(1) { + background-color: #e3e5ed; + } + tr > td:nth-of-type(4) { + text-align: center; } + } + } + + /** + * Section: Deliverables + */ + section#deliverables { + table { + width: 100%; td:nth-of-type(1) { text-align: center; } + td:nth-of-type(3) { + min-width: 250px; + } + tbody tr:nth-of-type(odd) td { background-color: #dcdcdc; }
This page is designed to give an overview of the deliverables and targets of the SYCLOPS project.
This page is designed to give an overview of the publications produced by the SYCLOPS project.