diff --git a/content/research/_index.md b/content/research/_index.md
index 877230c85fb82aa3afcb0ffc5f374bcc390cfb88..a7817e929041fecb2539bab04cc2aef69ceb9f58 100644
--- a/content/research/_index.md
+++ b/content/research/_index.md
@@ -3,22 +3,56 @@ title: "Research @ Eclipse Foundation"
cascade:
# header
header_wrapper_class: "header-research-bg-img small-jumbotron-subtitle"
- headline: "Research @ Eclipse Foundation"
- jumbotron_class: "col-md-24"
- custom_jumbotron_class: "research-custom-jumbotron col-sm-24"
+ headline: ""
+ jumbotron_class: "col-xs-24"
+ custom_jumbotron_class: "research-jumbotron col-sm-24"
custom_jumbotron: |
- <div class="research-custom-jumbotron row">
- <p class="col-md-14">
- Business-friendly open source and open innovation underpin
- exploitation, community building, and dissemination strategies for
- European projects
+ <div class="featured-jumbotron-custom">
+ <h1 class="featured-jumbotron-headline">
+ Transforming research into <br> <span class="text-highlighted">open source innovation</span>
+ </h1>
+ <p>
+ Empowering business-friendly open source innovation to build thriving
+ communities, develop effective dissemination strategies, and accelerate
+ research translation for publicly funded projects.
</p>
+ <div class="row margin-top-30">
+ <div class="col-md-18 match-height-item-by-row margin-bottom-20">
+ <div class="research-jumbotron-stats">
+ <div class="stats-item">
+ <span class="stat">10+</span>
+ <span class="stat-name">Years</span>
+ </div>
+ <div class="stats-item">
+ <span class="stat">730+</span>
+ <span class="stat-name">Partners</span>
+ </div>
+ <div class="stats-item">
+ <span class="stat">30+</span>
+ <span class="stat-name">Research Projects</span>
+ </div>
+ <div class="stats-item">
+ <span class="stat">35+</span>
+ <span class="stat-name">Countries Represented</span>
+ </div>
+ </div>
+ </div>
+ <div class="research-jumbotron-ctas col-md-4 match-height-item-by-row">
+ <a class="btn btn-primary btn-lg btn-pill margin-x-auto" href="#stay-connected">
+ Contact us
+ </a>
+ </div>
+ </div>
+ <div class="research-jumbotron-bottom-area break-container margin-top-30">
+ <div class="container">
+ <p class="research-animated-text"><span class="text-primary">research ></span> <span class="text-highlighted" aria-label="it's in our code">it's_in_our_code</span></p>
+ </div>
+ </div>
</div>
-
hide_call_for_action : true
hide_sidebar: true
hide_page_title: true
-
+ hide_breadcrumb: true
# metadata
description: Business-friendly open source and open innovation underpins exploitation, community building and dissemination strategy for European projects.
keywords: ["eclipse", "research"]
@@ -29,25 +63,9 @@ cascade:
hide_page_title: true
show_featured_story: false
show_featured_footer: false
- container: "container-fluid"
+ container: "container-fluid overflow-hidden"
---
-{{< pages/research/home-section-header >}}
-
-{{< pages/research/home-section-info >}}
-
-{{< pages/research/home-section-opportunities >}}
-
-{{< pages/research/home-section-organizations >}}
-
-{{< grid/section-container id="projects" class="row-gray padding-top-40 padding-bottom-40" isMarkdown="false" >}}
- <h2 class="text-center margin-bottom-40">The Eclipse Foundation is a Partner in these Projects</h2>
- {{< eclipsefdn_projects is_static_source="true" types="projects" url="/research/projects/index.json" templateId="tpl-projects-item-research" display_view_more="false" >}}
-{{</ grid/section-container >}}
-
-{{< pages/research/collaboration-section >}}
-
-{{< pages/research/newsroom-section id="collaborations" working_group="research" class="margin-bottom-30" resource_class="col-md-5 newsroom-resource-card newsroom-resource-card-match-height match-height-item" >}}
-{{< pages/research/home-section-contact >}}
+{{< pages/research/index >}}
-{{< mustache_js template-id="tpl-projects-item-research" path="/js/src/templates/research/tpl-projects-item-research.mustache" >}}
+{{< mustache_js template-id="research-projects-row" path="/js/src/templates/research/research-projects-row.mustache" >}}
diff --git a/content/research/images/blobs.png b/content/research/images/blobs.png
new file mode 100644
index 0000000000000000000000000000000000000000..230017f46b329d0b92d7ba3dfdb961293df1abba
Binary files /dev/null and b/content/research/images/blobs.png differ
diff --git a/content/research/images/icons/accordion-briefcase.svg b/content/research/images/icons/accordion-briefcase.svg
new file mode 100644
index 0000000000000000000000000000000000000000..4d4e399e9344ca774526011e370d218382c34826
--- /dev/null
+++ b/content/research/images/icons/accordion-briefcase.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="36" viewBox="0 0 40 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39.268 14.7672L35.7328 11.2321C35.2641 10.7633 34.6281 10.5 33.9648 10.5H30V4.24927C30 2.17817 28.3211 0.499268 26.25 0.499268H13.75C11.6789 0.499268 10 2.17817 10 4.24927V10.4993H6.03516C5.37187 10.4993 4.73672 10.7625 4.26719 11.2313L0.732031 14.7672C0.263281 15.236 0 15.8719 0 16.5352V22.9993H10V21.7493C10 21.0586 10.5594 20.4993 11.25 20.4993H13.75C14.4406 20.4993 15 21.0586 15 21.7493V22.9993H25V21.7493C25 21.0586 25.5594 20.4993 26.25 20.4993H28.75C29.4406 20.4993 30 21.0586 30 21.7493V22.9993H40V16.5344C40 15.8719 39.7367 15.236 39.268 14.7672ZM25 10.4993H15V5.49927H25V10.4993ZM30 26.7493C30 27.4399 29.4406 27.9993 28.75 27.9993H26.25C25.5594 27.9993 25 27.4399 25 26.7493V25.4993H15V26.7493C15 27.4399 14.4406 27.9993 13.75 27.9993H11.25C10.5594 27.9993 10 27.4399 10 26.7493V25.4993H0V32.9993C0 34.3797 1.11953 35.4993 2.5 35.4993H37.5C38.8805 35.4993 40 34.3797 40 32.9993V25.4993H30V26.7493Z" fill="url(#paint0_linear_147_2918)"/>
+<defs>
+<linearGradient id="paint0_linear_147_2918" x1="20" y1="0.499268" x2="20" y2="35.4993" gradientUnits="userSpaceOnUse">
+<stop stop-color="#54FFD4"/>
+<stop offset="1" stop-color="#2C1CD8"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/content/research/images/icons/accordion-guidance.svg b/content/research/images/icons/accordion-guidance.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0a94907d77a11de27313631116f339469cf8b3a6
--- /dev/null
+++ b/content/research/images/icons/accordion-guidance.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.4995 7.99985C27.4995 3.85775 24.1417 0.5 19.9996 0.5C15.8575 0.5 12.4998 3.85775 12.4998 7.99985C12.4998 12.142 15.8575 15.4997 19.9996 15.4997C24.1417 15.4997 27.4995 12.142 27.4995 7.99985ZM18.2489 19.3356C13.6138 16.4981 6.10613 15.7185 2.32808 15.5036C1.05857 15.4317 0 16.3989 0 17.62V35.0259C0 36.1454 0.905451 37.079 2.06949 37.1391C5.48036 37.318 12.381 37.9735 17.1504 40.3758C17.8825 40.7445 18.7504 40.2422 18.7504 39.4485V20.2309C18.7496 19.866 18.5692 19.5317 18.2489 19.3356ZM37.6711 15.5036C33.8939 15.7177 26.3854 16.4981 21.7511 19.3356C21.4308 19.5317 21.2504 19.8793 21.2504 20.2441V39.4461C21.2504 40.2422 22.1207 40.7453 22.855 40.3758C27.6237 37.9758 34.5204 37.3204 37.9305 37.1415C39.0945 37.0805 40 36.147 40 35.0274V17.62C39.9992 16.3989 38.9406 15.4317 37.6711 15.5036Z" fill="url(#paint0_linear_147_2913)"/>
+<defs>
+<linearGradient id="paint0_linear_147_2913" x1="20" y1="0.5" x2="20" y2="40.4993" gradientUnits="userSpaceOnUse">
+<stop stop-color="#54FFD4"/>
+<stop offset="1" stop-color="#2C1CD8"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/content/research/images/icons/accordion-leaf.svg b/content/research/images/icons/accordion-leaf.svg
new file mode 100644
index 0000000000000000000000000000000000000000..af7d0ccc5d70f437fb4e6cca901a19a148e935a5
--- /dev/null
+++ b/content/research/images/icons/accordion-leaf.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="37" viewBox="0 0 40 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.9304 1.17532C37.5414 0.307179 36.4302 0.272454 35.9649 1.09198C33.8119 4.83539 29.9574 7.16894 25.5542 7.16894H19.9981C12.6363 7.16894 6.6635 13.1417 6.6635 20.5035C6.6635 20.9897 6.71906 21.455 6.76768 21.9273C11.1987 18.7534 17.5951 16.0587 26.6654 16.0587C27.2766 16.0587 27.7766 16.5587 27.7766 17.1699C27.7766 17.7811 27.2766 18.2811 26.6654 18.2811C9.20541 18.2811 1.80193 28.9835 0.162883 33.0047C-0.295494 34.1368 0.246224 35.4286 1.37828 35.8939C2.51727 36.3662 3.80906 35.8175 4.28133 34.6924C4.38551 34.4424 5.73286 31.3657 9.27486 28.4001C11.5251 31.449 15.8033 34.359 21.4218 33.7617C32.3257 32.97 40 23.1913 40 11.2179C40 7.73149 39.2499 4.12004 37.9304 1.17532Z" fill="url(#paint0_linear_147_2907)"/>
+<defs>
+<linearGradient id="paint0_linear_147_2907" x1="20" y1="0.5" x2="20" y2="36.0637" gradientUnits="userSpaceOnUse">
+<stop stop-color="#54FFD4"/>
+<stop offset="1" stop-color="#2C1CD8"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/content/research/images/icons/accordion-puzzle.svg b/content/research/images/icons/accordion-puzzle.svg
new file mode 100644
index 0000000000000000000000000000000000000000..0cdbf1cc19a18de69518a5c409c9b10f07c24de4
--- /dev/null
+++ b/content/research/images/icons/accordion-puzzle.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="37" viewBox="0 0 40 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.0724 20.5447C33.1891 20.5447 31.9404 22.7387 30.3739 22.7387C26.209 22.7387 30 10.4995 30 10.4995C30 10.4995 16.3689 16.0551 16.3689 10.2706C16.3689 7.78257 18.8889 7.05875 18.8889 4.29937C18.8889 1.83396 16.9365 0.499512 14.6208 0.499512C12.2142 0.499512 10.012 1.81139 10.012 4.41243C10.012 7.28493 12.2142 8.52889 12.2142 10.0895C12.2142 14.9244 0 12.0799 0 12.0799V35.2214C0 35.2214 12.4052 38.0719 12.4052 33.231C12.4052 31.6703 9.62743 30.4458 9.62743 27.5733C9.62743 24.9721 11.6587 23.6603 14.0425 23.6603C16.3809 23.6603 18.3333 24.9948 18.3333 27.4601C18.3333 30.2195 15.8133 30.9433 15.8133 33.4313C15.8133 37.6537 24.8185 35.2181 28.3987 35.2181C28.3987 35.2181 25.9873 26.8778 30.1923 26.8778C32.6897 26.8778 33.4161 29.3883 36.1859 29.3883C38.6606 29.3884 40 27.4433 40 25.1136C40 22.7387 38.6832 20.5447 36.0724 20.5447Z" fill="url(#paint0_linear_147_2928)"/>
+<defs>
+<linearGradient id="paint0_linear_147_2928" x1="20" y1="0.499512" x2="20" y2="36.055" gradientUnits="userSpaceOnUse">
+<stop stop-color="#54FFD4"/>
+<stop offset="1" stop-color="#2C1CD8"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/content/research/images/icons/accordion-stack.svg b/content/research/images/icons/accordion-stack.svg
new file mode 100644
index 0000000000000000000000000000000000000000..7117942fbbe4ae2f9e6bf30847c7127dede8c24a
--- /dev/null
+++ b/content/research/images/icons/accordion-stack.svg
@@ -0,0 +1,9 @@
+<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.969717 12.0638L19.168 20.3192C19.6992 20.5606 20.3 20.5606 20.8312 20.3192L39.0295 12.0638C40.3225 11.4771 40.3225 9.5232 39.0295 8.93649L20.832 0.680318C20.571 0.561015 20.2874 0.499268 20.0004 0.499268C19.7134 0.499268 19.4298 0.561015 19.1688 0.680318L0.969717 8.93571C-0.323239 9.52242 -0.323239 11.4771 0.969717 12.0638ZM39.0303 18.9606L34.492 16.9036L21.864 22.6278C21.2734 22.8957 20.6461 23.0317 20 23.0317C19.3539 23.0317 18.7274 22.8957 18.136 22.6278L5.50874 16.9036L0.969717 18.9606C-0.323239 19.5465 -0.323239 21.4996 0.969717 22.0856L19.168 30.3347C19.6992 30.5753 20.3 30.5753 20.8312 30.3347L39.0303 22.0856C40.3232 21.4996 40.3232 19.5465 39.0303 18.9606ZM39.0303 28.9449L34.5092 26.8957L21.864 32.6277C21.2734 32.8956 20.6461 33.0316 20 33.0316C19.3539 33.0316 18.7274 32.8956 18.136 32.6277L5.49155 26.8957L0.969717 28.9449C-0.323239 29.5308 -0.323239 31.4839 0.969717 32.0699L19.168 40.319C19.6992 40.5596 20.3 40.5596 20.8312 40.319L39.0303 32.0699C40.3232 31.4839 40.3232 29.5308 39.0303 28.9449Z" fill="url(#paint0_linear_147_2923)"/>
+<defs>
+<linearGradient id="paint0_linear_147_2923" x1="20" y1="0.499268" x2="20" y2="40.4995" gradientUnits="userSpaceOnUse">
+<stop stop-color="#54FFD4"/>
+<stop offset="1" stop-color="#2C1CD8"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/content/research/images/icons/code.svg b/content/research/images/icons/code.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9dac6134cf23729a7562a4b30925cc18597a054f
--- /dev/null
+++ b/content/research/images/icons/code.svg
@@ -0,0 +1,9 @@
+<svg width="66" height="53" viewBox="0 0 66 53" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.8653 52.958L22.6619 51.158C22.011 50.9749 21.6449 50.2936 21.828 49.6427L35.7093 1.82579C35.8924 1.17494 36.5737 0.80884 37.2246 0.991891L43.428 2.79189C44.0788 2.97494 44.4449 3.6563 44.2619 4.30715L30.3805 52.1241C30.1873 52.7749 29.5161 53.1512 28.8653 52.958ZM17.272 41.5478L21.6958 36.8292C22.1636 36.3309 22.1331 35.5377 21.6144 35.08L12.4008 26.9749L21.6144 18.8699C22.1331 18.4122 22.1737 17.619 21.6958 17.1207L17.272 12.4021C16.8144 11.9139 16.0415 11.8834 15.5432 12.3512L0.888983 26.08C0.370339 26.558 0.370339 27.3817 0.888983 27.8597L15.5432 41.5987C16.0415 42.0665 16.8144 42.0461 17.272 41.5478ZM50.5466 41.6088L65.2009 27.8699C65.7195 27.3919 65.7195 26.5682 65.2009 26.0902L50.5466 12.341C50.0585 11.8834 49.2856 11.9038 48.8178 12.3919L44.3941 17.1105C43.9263 17.6088 43.9568 18.4021 44.4754 18.8597L53.689 26.9749L44.4754 35.08C43.9568 35.5377 43.9161 36.3309 44.3941 36.8292L48.8178 41.5478C49.2754 42.0461 50.0483 42.0665 50.5466 41.6088Z" fill="url(#paint0_linear_147_3051)"/>
+<defs>
+<linearGradient id="paint0_linear_147_3051" x1="33.0449" y1="0.944824" x2="33.0449" y2="53.0087" gradientUnits="userSpaceOnUse">
+<stop stop-color="#54FFD4"/>
+<stop offset="1" stop-color="#2C1CD8"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/content/research/images/icons/computer.svg b/content/research/images/icons/computer.svg
new file mode 100644
index 0000000000000000000000000000000000000000..66dcf96dd025751b00e21862f0ad71b359652a8e
--- /dev/null
+++ b/content/research/images/icons/computer.svg
@@ -0,0 +1,9 @@
+<svg width="66" height="53" viewBox="0 0 66 53" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.4015 27.0416C27.0362 27.6764 28.0651 27.6764 28.6998 27.0416L29.8485 25.8929C30.4833 25.2582 30.4833 24.2293 29.8485 23.5946L26.2207 19.9678L29.8475 16.34C30.4823 15.7052 30.4823 14.6764 29.8475 14.0416L28.6988 12.8929C28.0641 12.2582 27.0352 12.2582 26.4005 12.8929L20.4753 18.8181C19.8405 19.4529 19.8405 20.4817 20.4753 21.1164L26.4015 27.0416ZM36.1525 25.8939L37.3012 27.0426C37.9359 27.6774 38.9648 27.6774 39.5995 27.0426L45.5247 21.1175C46.1595 20.4827 46.1595 19.4539 45.5247 18.8191L39.5995 12.8939C38.9648 12.2592 37.9359 12.2592 37.3012 12.8939L36.1525 14.0426C35.5177 14.6774 35.5177 15.7062 36.1525 16.341L39.7793 19.9678L36.1525 23.5956C35.5177 24.2304 35.5177 25.2592 36.1525 25.8939ZM63.875 42.7178H39.2502C39.175 44.7297 37.7562 45.9678 35.925 45.9678H29.75C27.8518 45.9678 26.3964 44.1935 26.4218 42.7178H2.125C1.23125 42.7178 0.5 43.449 0.5 44.3428V45.9678C0.5 49.5428 3.425 52.4678 7 52.4678H59C62.575 52.4678 65.5 49.5428 65.5 45.9678V44.3428C65.5 43.449 64.7688 42.7178 63.875 42.7178ZM59 5.34277C59 2.66152 56.8063 0.467773 54.125 0.467773H11.875C9.19375 0.467773 7 2.66152 7 5.34277V39.4678H59V5.34277ZM52.5 32.9678H13.5V6.96777H52.5V32.9678Z" fill="url(#paint0_linear_147_3053)"/>
+<defs>
+<linearGradient id="paint0_linear_147_3053" x1="33" y1="0.467773" x2="33" y2="52.4678" gradientUnits="userSpaceOnUse">
+<stop stop-color="#54FFD4"/>
+<stop offset="1" stop-color="#2C1CD8"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/content/research/images/icons/share.svg b/content/research/images/icons/share.svg
new file mode 100644
index 0000000000000000000000000000000000000000..25b594e10a35f53b703c082d955380d9bfd4abef
--- /dev/null
+++ b/content/research/images/icons/share.svg
@@ -0,0 +1,9 @@
+<svg width="51" height="58" viewBox="0 0 51 58" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39.7857 36.4975C37.2625 36.4975 34.9434 37.3701 33.1127 38.8295L21.6746 31.6806C22.0133 30.1484 22.0133 28.5607 21.6746 27.0285L33.1127 19.8796C34.9434 21.3391 37.2625 22.2118 39.7857 22.2118C45.703 22.2118 50.5 17.4148 50.5 11.4975C50.5 5.58019 45.703 0.783203 39.7857 0.783203C33.8684 0.783203 29.0714 5.58019 29.0714 11.4975C29.0714 12.2964 29.1596 13.0745 29.3254 13.8235L17.8873 20.9724C16.0566 19.513 13.7375 18.6403 11.2143 18.6403C5.29699 18.6403 0.5 23.4373 0.5 29.3546C0.5 35.2719 5.29699 40.0689 11.2143 40.0689C13.7375 40.0689 16.0566 39.1963 17.8873 37.7369L29.3254 44.8858C29.1564 45.6496 29.0712 46.4295 29.0714 47.2118C29.0714 53.1291 33.8684 57.9261 39.7857 57.9261C45.703 57.9261 50.5 53.1291 50.5 47.2118C50.5 41.2945 45.703 36.4975 39.7857 36.4975Z" fill="url(#paint0_linear_147_3059)"/>
+<defs>
+<linearGradient id="paint0_linear_147_3059" x1="25.5" y1="0.783203" x2="25.5" y2="57.9261" gradientUnits="userSpaceOnUse">
+<stop stop-color="#54FFD4"/>
+<stop offset="1" stop-color="#2C1CD8"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/content/research/images/oss-chart.png b/content/research/images/oss-chart.png
new file mode 100644
index 0000000000000000000000000000000000000000..342a2ef24b9161ddc1c118714e9bc89f2d4b1931
Binary files /dev/null and b/content/research/images/oss-chart.png differ
diff --git a/content/research/images/team/andre-gomes.jpg b/content/research/images/team/andre-gomes.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..24c2f61011f1484eacba582f5aec22efd9c462fb
Binary files /dev/null and b/content/research/images/team/andre-gomes.jpg differ
diff --git a/content/research/images/team/babasile-oladele-emmanuel.jpg b/content/research/images/team/babasile-oladele-emmanuel.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..883e64eedc9e53dfdba7d9ad8c216721e38568c4
Binary files /dev/null and b/content/research/images/team/babasile-oladele-emmanuel.jpg differ
diff --git a/content/research/images/team/cairo-caplan.jpg b/content/research/images/team/cairo-caplan.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ffc8196f9ba4f8114852cb94cb76f8fd18bb1d6a
Binary files /dev/null and b/content/research/images/team/cairo-caplan.jpg differ
diff --git a/content/research/images/team/david-remon.jpg b/content/research/images/team/david-remon.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7de18ccbaaa94aec85763560200d7274c9e34ad7
Binary files /dev/null and b/content/research/images/team/david-remon.jpg differ
diff --git a/content/research/images/team/marco-jahn.jpg b/content/research/images/team/marco-jahn.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..944aeadd1dee6e9a37f5d1dc7cc6bca8bdcc85e3
Binary files /dev/null and b/content/research/images/team/marco-jahn.jpg differ
diff --git a/content/research/images/team/philippe-krief.jpg b/content/research/images/team/philippe-krief.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cb084a3d033f833f16d831af8b32b5cb5432335d
Binary files /dev/null and b/content/research/images/team/philippe-krief.jpg differ
diff --git a/content/research/images/team/rosaria-rossini.jpg b/content/research/images/team/rosaria-rossini.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9804701d027a0b62b4ee606fc267e6dc1c0727b0
Binary files /dev/null and b/content/research/images/team/rosaria-rossini.jpg differ
diff --git a/content/research/images/wire-wave-transparent.svg b/content/research/images/wire-wave-transparent.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c6438a629d682f05c62cc98b56df646e0a96ae5a
--- /dev/null
+++ b/content/research/images/wire-wave-transparent.svg
@@ -0,0 +1,35 @@
+<svg width="1700" height="711" viewBox="0 0 1700 711" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M-45.4064 137.319C101.186 146.216 208.996 122.501 280.826 98.8494C353.463 74.9307 407.621 44.9887 499.656 38.0206C601.19 30.1728 663.998 49.4028 688.6 58.6631C722.706 71.5155 719.753 76.4613 774.78 102.782C880.484 153.346 903.742 141.05 950.029 171.115C1026.78 220.956 993.903 274.919 1070.67 351.205C1126.27 406.466 1224.07 458.211 1321.08 446.251C1412.43 434.984 1431.07 376.11 1524.75 380.965C1563.23 382.958 1593.68 395.348 1654.55 420.123C1732.59 451.769 1783.36 484.202 1803.87 495.984C1864.62 530.926 1966.34 562.125 2143.52 536.237" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-49.2076 156.684C92.4112 166.553 202.214 146.853 280.302 122.867C343.793 102.996 393.594 78.3376 459.219 65.0759C473.571 62.1905 488.629 59.5659 504.7 57.743C605.967 46.2886 669.356 59.7996 695.696 66.2637C731.023 74.9124 730.451 78.849 784.402 104.494C822.429 122.544 849.763 133.669 871.056 141.456C907.254 154.679 925.865 157.922 953.144 177.212C963.329 184.364 972.656 192.666 980.941 201.953C1019.26 244.885 1010.67 291.014 1075.92 350.702C1132.71 402.66 1230.48 449.904 1325.86 437.89C1333.42 436.934 1340.93 435.596 1348.35 433.882C1423.26 416.548 1446.23 370.271 1528.59 374.431C1537.27 374.858 1545.91 375.863 1554.46 377.44C1583.2 382.649 1612.01 394.19 1657.59 412.728C1733.1 443.556 1783.11 475.403 1805.72 488.416C1822.29 497.883 1839.63 505.943 1857.54 512.511C1919.53 535.415 2009.73 549.949 2141.96 533.639" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-53.2634 177.773C83.3663 188.567 195.229 173.185 279.548 148.433C346.505 128.793 398.642 102.826 463.281 88.2693C478.038 84.9234 493.313 81.5849 509.537 79.1746C610.54 64.0915 674.721 69.814 702.607 75.5767C738.534 83.048 741.005 82.9776 793.794 107.912C830.751 125.401 857.827 137.527 878.549 146.292C913.47 161.001 930.643 165.435 955.937 185.025C965.566 192.553 974.412 201.031 982.343 210.331C1019.22 252.805 1014.97 296.718 1080.95 351.996C1138.95 400.629 1236.66 443.373 1330.43 431.305C1338.38 430.2 1345.76 429.013 1352.75 427.318C1429.97 409.8 1452.88 365.817 1532.22 369.81C1540.83 370.206 1549.41 371.172 1557.9 372.701C1587.15 377.825 1615.94 389.162 1660.39 407.422C1733.41 437.347 1782.59 468.667 1807.36 482.694C1823.8 492.077 1840.96 500.126 1858.69 506.762C1920.05 529.892 2009.61 545.891 2140.08 532.848" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-57.5033 200.305C74.1245 212.111 188.023 200.751 278.594 175.551C348.955 155.953 403.477 128.796 467.089 112.917C482.273 109.114 497.784 105.087 514.12 102.06C614.853 83.3928 679.072 85.7338 709.268 86.3218C746.622 87.0678 751.309 88.5382 802.959 112.765C838.896 129.655 865.711 142.804 885.972 152.563C919.598 168.733 935.371 174.409 958.682 194.276C967.673 202.178 975.981 210.824 983.519 220.122C1018.95 262.116 1019.18 303.811 1085.71 354.631C1145.01 399.951 1242.58 438.204 1334.74 426.06C1342.62 424.946 1349.95 423.751 1356.9 422.117C1436.39 404.297 1459.3 362.707 1535.59 366.304C1544.15 366.671 1552.68 367.598 1561.11 369.081C1590.87 374.099 1619.73 385.287 1663 403.15C1733.49 432.143 1781.89 462.921 1808.77 478.134C1825.11 487.399 1842.13 495.431 1859.68 502.164C1920.42 525.52 2009.33 543.006 2138.02 533.205" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-61.7738 222.875C64.8806 235.654 180.765 228.352 277.613 202.686C351.403 183.112 408.292 154.74 470.914 137.588C486.504 133.324 502.231 128.584 518.72 124.97C619.173 102.784 683.604 99.6234 715.94 97.1348C754.145 94.1881 761.534 94.1539 812.133 117.687C847.13 134.055 873.56 148.142 893.327 158.824C925.659 176.432 940.005 183.391 961.359 203.516C969.696 211.775 977.47 220.582 984.631 229.88C1018.65 271.352 1023.35 310.851 1090.44 357.349C1151.03 399.335 1248.44 433.116 1339 420.92C1346.8 419.793 1354.09 418.593 1361 416.999C1442.8 398.903 1465.61 359.92 1538.92 362.992C1547.42 363.362 1555.88 364.251 1564.27 365.655C1594.5 370.582 1623.29 381.581 1665.56 399.071C1733.56 427.184 1781.15 457.439 1810.14 473.772C1826.38 482.953 1843.24 490.976 1860.6 497.782C1920.74 521.389 2009.02 540.318 2135.95 533.806" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-64.8239 237.381C56.8571 251.131 174.745 247.915 277.849 221.778C355.049 202.202 414.336 172.553 475.956 154.216C491.932 149.467 507.907 144.107 524.537 139.836C624.666 114.126 689.358 105.584 723.768 99.8511C762.825 93.37 773.075 91.6733 822.465 114.511C849.736 127.154 876.239 141.39 901.838 157.146C932.948 176.179 945.814 184.459 965.161 204.722C973.605 213.602 980.01 222.683 987.066 231.633C1019.68 272.496 1028.86 309.957 1096.46 352.012C1158.41 390.651 1255.62 419.975 1344.56 407.725C1352.29 406.589 1359.53 405.382 1366.39 403.826C1450.5 385.523 1473.29 348.771 1543.55 351.628C1551.98 351.986 1560.39 352.843 1568.72 354.196C1599.44 359.083 1628.23 369.832 1669.34 386.862C1734.84 414.024 1781.64 443.803 1812.73 461.253C1828.87 470.347 1845.59 478.356 1862.79 485.227C1922.31 509.083 2009.92 529.496 2135.08 526.229" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-67.3585 247.671C49.3335 262.346 169.229 263.191 278.604 236.633C359.214 217.055 420.861 186.077 481.501 166.718C497.889 161.463 514.071 155.456 530.857 150.576C630.763 121.424 695.735 107.525 732.203 98.5006C772.03 88.5858 785.134 85.113 833.407 107.247C860.455 119.65 886.396 134.338 910.947 151.151C940.752 171.553 952.222 181.211 969.58 201.795C977.294 210.885 983.053 220.212 990.03 229.24C1021.24 269.673 1034.97 304.679 1103 342.529C1166.38 377.783 1263.34 402.691 1350.66 390.366C1358.3 389.216 1365.48 388 1372.34 386.488C1458.75 368.045 1481.56 333.6 1548.69 336.273C1557.06 336.6 1565.41 337.419 1573.69 338.727C1604.88 343.524 1633.7 354.073 1673.66 370.8C1736.64 397.078 1782.64 426.312 1815.86 444.93C1831.89 453.923 1848.46 461.915 1865.48 468.862C1924.39 492.969 2011.36 514.87 2134.77 514.825" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-69.8459 258.126C41.8441 273.814 163.716 278.627 279.406 251.652C363.407 232.047 427.399 199.693 487.077 179.178C503.884 173.375 520.317 166.727 537.23 161.278C636.862 128.721 702.147 109.561 740.63 97.0806C781.456 83.856 797.203 78.5086 844.336 99.9353C871.193 112.222 896.587 127.48 920.043 145.425C948.505 167.145 958.587 178.273 974.002 199.026C980.915 208.339 986.084 217.851 992.95 227.021C1022.8 266.873 1041.13 299.61 1109.55 333.204C1174.37 365.032 1271.02 385.538 1356.66 373.17C1364.23 372.011 1371.37 370.788 1378.18 369.293C1466.91 350.554 1489.58 318.46 1553.79 320.754C1562.1 321.07 1570.38 321.85 1578.6 323.09C1610.32 327.692 1639.1 338.147 1677.91 354.527C1738.41 379.858 1783.58 408.609 1818.95 428.329C1834.87 437.249 1851.29 445.241 1868.14 452.266C1926.44 476.533 2012.76 499.92 2134.38 503.184" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-72.3648 268.623C34.3519 285.283 158.215 294.111 280.176 266.714C367.591 247.084 433.931 213.333 492.65 191.798C509.822 185.505 526.518 178.286 543.563 172.088C642.943 136.131 708.584 111.716 749.059 95.7759C790.837 79.2571 809.256 71.9941 855.272 92.7168C881.929 104.878 906.789 120.642 929.156 139.567C956.448 162.654 964.944 175.222 978.415 196.145C984.547 205.706 989.175 215.365 995.908 224.674C1024.39 263.966 1047.28 294.363 1116.09 323.766C1182.41 352.109 1278.71 368.297 1362.8 355.863C1370.31 354.694 1377.4 353.465 1384.16 352.029C1475.21 333.154 1497.81 303.306 1559.01 305.3C1567.26 305.606 1575.49 306.347 1583.66 307.522C1615.87 311.992 1644.74 322.324 1682.37 338.306C1740.33 362.728 1784.72 390.981 1822.2 411.821C1838 420.679 1854.27 428.685 1870.93 435.805C1928.62 460.39 2014.31 485.175 2134.17 491.706" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-74.8727 279.076C26.8803 296.641 152.782 309.468 281.012 281.67C371.931 262.008 440.49 226.817 498.289 204.313C515.856 197.468 532.794 189.674 549.973 182.864C649.07 143.568 715.085 113.924 757.547 94.4107C800.349 74.7212 821.386 65.4445 866.263 85.4599C892.731 97.5646 917.054 113.891 938.282 133.801C964.327 158.174 971.312 172.285 982.842 193.355C988.193 203.164 992.216 212.938 998.946 222.428C1026.12 261.145 1053.63 289.074 1122.76 314.414C1190.58 339.227 1286.51 351.138 1369.01 338.653C1376.43 337.471 1383.47 336.235 1390.18 334.951C1483.54 315.914 1506.08 288.317 1564.23 290.047C1572.44 290.3 1580.63 291.006 1588.76 292.162C1621.43 296.677 1650.24 306.661 1686.85 322.202C1742.31 345.717 1785.88 373.469 1825.51 395.432C1839.82 403.381 1855.78 411.5 1873.82 419.311C1930.9 444.122 2015.94 470.395 2134.02 480.168" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-77.3398 289.217C19.326 307.76 147.242 324.605 281.78 296.437C376.005 276.712 446.966 240.063 503.863 216.615C521.805 209.215 539.003 200.872 556.322 193.404C655.224 150.783 721.656 115.938 765.945 92.8514C809.792 69.8585 833.405 58.6976 877.165 78.0089C903.474 90.0695 927.294 106.944 947.399 127.762C972.236 153.451 977.53 169.1 987.258 190.292C991.828 200.349 995.289 210.268 1001.82 219.886C1027.68 257.984 1059.78 283.575 1129.21 304.76C1198.65 325.945 1294.13 333.658 1375 321.119C1382.36 319.928 1389.36 318.686 1396.03 317.395C1491.71 298.198 1514.2 272.851 1569.38 274.31C1577.51 274.536 1585.62 275.207 1593.68 276.322C1626.91 280.716 1655.65 290.532 1691.02 305.758C1743.99 328.347 1786.73 355.618 1828.5 378.682C1842.76 386.576 1858.59 394.654 1876.39 402.544C1932.84 427.581 2017.25 455.319 2133.56 468.381" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-79.7631 299.231C11.9892 318.8 141.799 339.555 282.643 311.037C380.341 291.342 453.499 253.092 509.481 228.789C527.822 220.815 545.278 211.944 562.782 203.826C661.448 157.852 728.308 117.875 774.423 91.0789C819.366 65.0386 845.617 51.7313 888.08 70.335C916.274 82.6909 940.516 103.302 956.505 121.497C980.164 148.46 983.96 165.72 991.688 187.006C995.432 197.305 998.352 207.371 1004.75 217.15C1029.32 254.588 1065.96 277.72 1135.73 294.867C1206.65 312.361 1301.8 315.962 1381.06 303.369C1388.32 302.165 1395.28 300.916 1401.92 299.622C1499.92 280.241 1522.33 257.141 1574.43 258.333C1582.5 258.537 1590.56 259.17 1598.56 260.232C1632.25 264.465 1661.01 274.149 1695.37 289.024C1745.83 310.708 1787.69 337.467 1831.6 361.655C1845.8 369.474 1861.5 377.554 1879.05 385.475C1934.9 410.764 2018.66 439.967 2133.2 456.226" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-82.1879 309.108C4.58793 329.671 136.327 354.094 283.507 325.479C384.484 305.446 460.033 265.963 515.155 240.745C533.855 232.168 551.63 222.802 569.186 214.013C667.686 164.831 735.022 119.549 782.936 89.2206C829.012 60.0478 857.638 44.6915 899.163 62.5947C926.376 74.4017 950.357 95.8786 965.759 115.162C988.24 143.399 990.297 162.214 996.241 183.648C999.227 194.197 1001.57 204.36 1007.85 214.304C1031.13 251.192 1072.39 271.721 1142.44 285.025C1214.97 298.778 1309.67 298.316 1387.31 285.647C1394.52 284.449 1401.42 283.193 1408.02 281.878C1508.36 262.385 1530.7 241.487 1579.77 242.42C1587.77 242.588 1595.77 243.183 1603.71 244.202C1637.89 248.325 1666.68 257.854 1699.91 272.342C1747.84 293.094 1788.93 319.469 1835.02 344.695C1849.15 352.482 1864.7 360.496 1882.03 368.476C1937.26 394.013 2020.38 424.681 2133.16 444.252" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-84.5936 318.829C-2.81011 340.339 130.943 368.78 284.391 339.764C388.78 319.708 466.619 278.615 520.838 252.611C539.89 243.475 557.926 233.56 575.644 224.118C673.961 171.68 741.872 121.197 791.45 87.1809C838.706 54.8598 869.807 37.3789 910.102 54.5841C936.358 65.8233 960.097 88.1908 974.861 108.601C996.208 138.119 996.52 158.532 1000.62 180.082C1002.71 190.886 1004.62 201.189 1010.75 211.269C1032.92 247.544 1078.45 267.7 1149.1 274.904C1223.38 282.475 1317.49 280.391 1393.53 267.671C1400.66 266.462 1407.51 265.199 1414.09 263.879C1516.77 244.41 1539.01 225.554 1585.05 226.227C1593 226.379 1600.94 226.943 1608.83 227.917C1643.49 231.953 1672.37 241.293 1704.39 255.332C1749.71 275.275 1790.05 301.295 1838.28 327.509C1852.35 335.242 1867.77 343.237 1884.85 351.27C1939.48 377.059 2021.95 409.191 2132.94 432.026" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-87.0702 328.43C-10.2536 350.867 125.484 383.367 285.204 353.929C393.006 333.849 472.997 291.148 526.441 264.264C545.918 254.535 564.204 244.137 582.032 233.943C680.22 178.189 748.531 122.616 799.931 84.9128C848.448 49.5005 882.051 30.0341 921.253 46.5164C946.532 57.1845 970.031 80.4206 984.18 101.961C1004.4 132.715 1002.9 154.717 1005.29 176.38C1006.53 187.444 1007.97 197.861 1013.96 208.123C1034.76 243.748 1085.01 259.079 1155.76 264.648C1231.26 270.658 1325.28 262.329 1399.71 249.555C1406.66 248.306 1413.62 247.057 1420.11 245.741C1525.09 226.087 1547.31 209.462 1590.31 209.898C1598.2 210.013 1606.07 210.538 1613.9 211.47C1649.06 215.397 1677.85 224.565 1708.83 238.274C1751.76 257.217 1791.23 282.612 1841.55 310.057C1855.59 317.739 1870.91 325.607 1887.78 333.814C1941.81 359.718 2023.65 393.43 2132.77 419.515" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-89.3337 337.946C-17.5191 361.396 120.195 397.863 286.226 368.031C397.531 347.94 479.624 303.512 532.181 275.89C551.931 265.523 570.62 254.686 588.538 243.873C686.685 185.133 755.415 124.021 808.385 82.661C858.072 44.0088 893.999 22.5312 932.233 38.3761C956.533 48.4732 979.838 72.5843 993.352 95.2295C1012.45 127.356 1009.11 150.807 1009.78 172.628C1010.1 183.965 1011.13 194.478 1016.96 204.898C1036.54 239.895 1091.35 252.455 1162.36 254.337C1239.35 256.475 1333.05 244.217 1405.84 231.363C1412.8 230.115 1419.6 228.843 1426.07 227.704C1533.38 207.869 1555.51 193.399 1595.5 193.579C1603.38 193.707 1611.24 194.246 1619.06 195.192C1651.68 198.678 1683.51 207.492 1713.28 221.283C1753.7 239.32 1792.36 264.213 1844.83 292.782C1858.81 300.388 1873.96 308.3 1890.55 316.487C1968.14 354.332 2049.16 384.696 2132.51 407.169" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-91.694 347.381C-24.8527 371.803 114.853 412.285 287.155 382.031C401.785 361.902 486.116 315.903 537.979 287.457C768.199 161.057 859.246 -4.21211 943.387 30.1493C966.708 39.6754 989.819 64.6615 1002.67 88.4304C1030.13 139.158 1003.6 170.76 1020.12 201.609C1060.63 277.263 1298.52 233.855 1432.21 209.47C1562.57 185.685 1569.13 172.884 1624.12 178.605C1720.11 188.538 1764.15 234.062 1893.43 298.976C1970.31 337.443 2050.26 369.438 2132.46 394.629" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-92.6119 353.705C-24.1308 379.743 111.402 417.858 276.136 388.877C389.858 368.775 471.04 321.754 526.595 291.992C748.495 173.282 834.243 22.2826 921.096 49.4728C955.03 60.0873 988.684 76.3741 1009.49 96.8706C1050.36 137.17 1028.99 164.801 1051.62 195.566C1101.16 262.956 1322.32 227.463 1449.4 205.731C1573.21 184.428 1579.56 174.24 1637.03 184.837C1732.52 202.442 1774.95 243.238 1896.61 305.196C1972.52 343.837 2051.9 375.247 2133.69 399.009" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-93.5681 360.296C20.511 404.591 144.512 416.924 265.081 395.967C377.893 375.914 455.8 327.808 515.176 296.771C728.546 185.336 810.446 46.3791 898.791 69.0438C943.614 80.5609 986.25 88.0122 1016.26 105.577C1067.77 135.632 1053.55 158.633 1083.08 189.79C1139.5 249.259 1346.09 221.315 1466.57 202.239C1583.63 183.39 1589.84 175.597 1649.93 191.317C1744.75 216.094 1785.68 252.879 1899.76 311.682C1974.67 350.476 2053.45 381.298 2134.81 403.642" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-95.2687 372.016C15.3265 416.138 136.006 428.661 253.304 408.19C365.187 388.159 439.842 338.972 503.012 306.679C707.496 202.174 784.322 91.0234 875.72 93.7404C932.897 95.4434 982.249 105.314 1022.32 119.394C1082.87 140.644 1076.72 157.523 1113.82 189.123C1175.23 241.436 1369.12 220.524 1482.98 203.873C1593.44 187.724 1599.32 181.871 1662.07 202.899C1756.22 234.445 1795.64 267.602 1902.19 323.278C1976.11 362.258 2054.32 392.507 2135.24 413.413" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-97.8587 389.865C9.24596 433.797 126.605 446.489 240.626 426.471C351.604 406.445 422.984 356.173 489.969 322.65C685.469 224.813 760.017 125.005 851.791 124.503C919.97 124.144 981.113 117.345 1027.47 139.269C1091.27 169.436 1093.56 171.214 1143.65 194.515C1199.73 251.449 1391.26 225.726 1498.52 211.573C1602.34 197.959 1607.92 194.028 1673.35 220.57C1766.82 258.498 1804.7 288.472 1903.71 340.934C1976.65 380.092 2054.3 409.762 2134.77 429.222" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-100.509 408.131C3.09733 451.892 117.133 464.816 227.905 445.353C337.973 425.376 406.066 373.949 476.884 339.221C663.255 247.804 735.625 158.339 827.666 155.843C907.008 153.717 974.482 141.876 1032.58 159.768C1107.5 182.833 1114.97 179.13 1173.45 200.531C1233.38 252.651 1413.32 231.342 1513.87 219.851C1611.04 208.773 1616.38 206.544 1684.43 238.819C1777.4 282.839 1813.54 309.965 1905.06 359.171C1977.02 398.509 2054.13 427.604 2134.14 445.612" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-103.211 426.752C-3.11978 470.281 107.567 483.397 215.06 464.467C324.222 444.516 388.982 391.928 463.674 356.023C640.876 270.841 711.145 191.187 803.704 187.457C893.946 183.819 966.954 180.683 1037.57 180.476C1124.77 180.213 1136.26 187.232 1203.12 206.755C1267 254.209 1435.34 237.29 1529.39 228.402C1619.91 219.86 1625.02 219.201 1695.68 257.341C1787.98 307.181 1822.5 331.813 1906.46 377.687C1977.45 417.195 2054.01 445.717 2133.55 462.281" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-105.949 445.617C-27.0692 481.383 82.9399 505.543 202.243 483.857C310.532 464.163 371.911 410.136 450.471 373.099C618.374 293.951 686.656 223.787 779.593 219.321C880.918 214.469 962.013 207.11 1042.59 201.46C1139.09 194.666 1161.5 183.398 1232.82 213.256C1306.71 244.188 1457.3 243.572 1544.75 237.203C1628.64 231.175 1633.57 232.026 1706.77 276.091C1798.75 331.597 1831.32 353.959 1907.94 396.463C1955.57 422.885 2027.97 458.908 2133.03 479.211" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-108.734 464.813C-28.1201 502.163 77.6214 523.987 189.359 503.552C296.738 483.907 354.76 428.58 437.222 390.483C595.736 317.222 661.842 256.293 755.459 251.497C867.848 245.721 957.207 234.006 1047.54 222.749C1153.58 209.526 1182.13 191.9 1262.45 220.062C1339 246.977 1479.22 249.981 1560.1 246.317C1637.38 242.808 1642.32 244.88 1717.85 295.176C1809.52 356.192 1840.04 376.495 1909.26 415.533C1956.14 441.981 2027.41 477.84 2132.36 496.455" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-111.552 484.23C-29.1525 523.284 72.271 542.653 176.44 523.491C282.908 503.894 337.533 447.239 423.938 408.111C573.015 340.593 637.025 288.822 731.268 283.913C854.795 277.473 952.467 261.229 1052.45 244.282C1168.2 224.677 1202.66 201.158 1292.05 227.112C1371.35 250.136 1501.09 256.746 1575.38 255.67C1645.94 254.619 1651.03 257.954 1728.86 314.5C1820.38 380.959 1848.7 399.338 1910.54 434.845C1956.69 461.345 2026.78 497.123 2131.65 513.921" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-114.411 503.935C-30.3595 544.516 66.9037 561.588 163.482 543.695C269.043 524.125 320.236 466.068 410.615 426.004C550.183 364.106 612.159 310.482 707.06 316.598C841.606 325.26 947.751 288.748 1057.33 266.08C1182.87 240.129 1231 189.666 1321.6 234.427C1397.28 271.895 1522.85 263.629 1590.65 265.293C1654.52 266.77 1659.79 271.216 1739.86 334.071C1831.31 405.893 1857.25 422.529 1911.79 454.423C1957.18 480.995 2026.14 516.631 2130.91 531.674" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-117.363 524.282C-31.5833 566.491 61.4283 581.116 150.435 564.676C255.066 545.129 302.796 485.576 397.181 444.671C527.3 388.29 586.976 345.374 682.718 350.054C828.468 357.135 943.008 317.077 1062.11 288.656C1197.54 256.371 1249.3 202.664 1351.07 242.519C1431.79 274.149 1544.64 271.465 1605.78 275.686C1663 279.629 1668.62 285.188 1750.73 354.435C1842.21 431.569 1865.69 446.56 1912.94 474.779C1957.56 501.44 2025.39 536.89 2130.07 550.183" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-120.502 545.912C-33.0158 589.746 55.7314 602.014 137.214 586.695C240.938 567.174 285.15 506.027 383.595 464.379C504.032 413.412 561.621 381.303 658.248 384.553C815.277 389.838 938.155 346.474 1066.72 312.291C1212.16 273.622 1267.83 217.999 1380.36 251.671C1465.93 277.275 1566.17 280.213 1620.79 287.122C1671.3 293.504 1677.36 300.163 1761.47 375.843C1853.04 458.252 1874.01 471.726 1913.92 496.193C1957.75 523.011 2024.6 558.228 2129.06 569.75" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-123.695 567.915C-34.4802 613.377 50.009 623.243 123.919 609.219C226.74 589.703 267.388 526.819 369.936 484.592C480.772 438.939 536.132 417.684 633.681 419.555C801.937 422.789 933.276 376.362 1071.26 336.409C1226.83 291.398 1286.66 234.82 1409.59 261.306C1499.8 280.742 1587.67 289.405 1635.7 299.062C1679.5 307.833 1686.1 315.566 1772.11 397.754C1863.91 485.434 1882 497.544 1914.83 518.114C1957.81 545.147 2023.49 580.059 2127.98 589.824" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-127.17 591.866C-36.2243 638.934 43.9566 646.279 110.345 633.67C212.225 613.949 249.261 549.345 355.998 506.732C457.199 466.319 510.344 455.966 608.857 456.486C788.284 457.434 928.159 408.204 1075.43 362.441C1240.96 311.061 1304.7 263.746 1438.44 272.855C1533.73 279.366 1608.77 300.507 1650.26 312.917C1687.42 324.045 1694.56 332.894 1782.4 421.558C1874.46 514.536 1889.71 525.195 1915.38 541.903C1957.42 569.298 2022.15 603.778 2126.53 611.789" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-130.61 615.574C-37.9582 664.268 37.9835 669.236 96.8257 657.903C197.776 638.205 231.069 571.387 342.091 528.651C433.645 493.409 484.548 493.998 584.043 493.193C774.647 491.654 923.099 439.807 1079.83 388.303C1255.52 330.54 1325.17 279.385 1467.52 284.234C1566.38 287.65 1630.18 311.291 1665.01 326.575C1695.55 340.039 1703.3 349.97 1792.88 445.187C1885.3 543.412 1897.54 552.796 1916.14 565.545C1957.06 593.566 2021.01 627.302 2125.31 633.562" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+<path d="M-134.053 639.303C-39.7362 689.593 32.1401 692.232 83.2841 682.131C183.239 662.447 212.773 593.051 328.185 550.567C410.104 520.409 458.729 532.026 559.252 529.902C760.955 525.638 918.074 471.322 1084.12 414.125C1269.97 350 1345.72 294.943 1496.5 295.573C1599.29 296.014 1651.57 321.959 1679.7 340.221C1703.7 355.807 1711.94 367.007 1803.3 468.804C1896.11 572.301 1905.2 580.462 1916.81 589.147C1956.06 618.53 2019.77 650.83 2123.98 655.339" stroke="#2C1CD8" stroke-opacity="0.5" stroke-width="1.38933" stroke-miterlimit="10"/>
+</svg>
diff --git a/content/research/projects/_index.md b/content/research/projects/_index.md
index 9ac34693580563d1125b417f0418b8d7bc21b3bb..9b88c39c2e1e1fbe1bd2747d7d90f06c747bfbd5 100644
--- a/content/research/projects/_index.md
+++ b/content/research/projects/_index.md
@@ -6,6 +6,7 @@ outputs:
- JSON
cascade:
container: "container"
+ hide_breadcrumb: false
---
{{< grid/section-container class=" padding-top-40 padding-bottom-40 margin-bottom-40" isMarkdown="false" >}}
@@ -15,9 +16,9 @@ cascade:
data-is-static-source="true"
data-types="projects"
data-url="/research/projects/index.json"
- data-template-id="tpl-projects-item-research"
+ data-template-id="research-projects-grid"
>
</div>
{{</ grid/section-container >}}
-{{< mustache_js template-id="tpl-projects-item-research" path="/js/src/templates/research/tpl-projects-item-research.mustache" >}}
+{{< mustache_js template-id="research-projects-grid" path="/js/src/templates/research/research-projects-grid.mustache" >}}
diff --git a/js/src/templates/research/tpl-projects-item-research.mustache b/js/src/templates/research/research-projects-grid.mustache
similarity index 62%
rename from js/src/templates/research/tpl-projects-item-research.mustache
rename to js/src/templates/research/research-projects-grid.mustache
index b6440c901b5493b7312b7fbe170d242458e8f90e..1b18ee4b5a2105725dd6a60aabf140a332d798e0 100644
--- a/js/src/templates/research/tpl-projects-item-research.mustache
+++ b/js/src/templates/research/research-projects-grid.mustache
@@ -1,10 +1,4 @@
-<div class="margin-y-40">
- {{>search}}
- {{#displayCategories}}
- {{>tagFilters}}
- {{/displayCategories}}
-</div>
-<ul class="featured-projects-list featured-projects-list-cards">
+<ul class="featured-projects-list featured-projects-list-cards research-projects-grid">
{{#projects}}
<li class="featured-project">
<div class="featured-projects-item tpl-projects-research">
@@ -19,12 +13,14 @@
</div>
<div class="details">
<div class="featured-projects-website-url">
- <a href="{{ websiteUrl }}">Read More</a>
- <span class="featured-projects-website-url-bar"></span>
+ <a href="{{ websiteUrl }}">Read More</a>
+ </div>
+ <div>
+ <hr>
+ {{#projectTopic}}
+ <p>Main Topic: <strong>{{ projectTopic }}</strong></p>
+ {{/projectTopic}}
</div>
- {{#projectTopic}}
- <p>Main topic: <strong>{{ projectTopic }}</strong></p>
- {{/projectTopic}}
</div>
</div>
</li>
diff --git a/js/src/templates/research/research-projects-row.mustache b/js/src/templates/research/research-projects-row.mustache
new file mode 100644
index 0000000000000000000000000000000000000000..0f8888037700c0ee56987bfe07f7cedb946978be
--- /dev/null
+++ b/js/src/templates/research/research-projects-row.mustache
@@ -0,0 +1,35 @@
+<ul class="featured-projects-list featured-projects-list-cards research-projects-row">
+ {{#projects}}
+ <li class="featured-project">
+ <div class="featured-projects-item tpl-projects-research">
+ <div class="featured-projects-item-category category labels">{{ name }}</div>
+ <div class="featured-projects-item-content">
+ <a href="{{ websiteUrl }}" class="link">
+ <img class="featured-projects-item-img img-responsive logo logo_alt" alt="{{ name }}" src="{{ logo }}" height="40">
+ </a>
+ <div class="featured-projects-item-text">
+ <p class="description">{{ summary }}</p>
+ </div>
+ </div>
+ <div class="details">
+ <div class="featured-projects-website-url">
+ <a href="{{ websiteUrl }}">Read More</a>
+ </div>
+ <div>
+ <hr>
+ {{#projectTopic}}
+ <p>Main Topic: <strong>{{ projectTopic }}</strong></p>
+ {{/projectTopic}}
+ </div>
+ </div>
+ </div>
+ </li>
+ {{/projects}}
+ <li class="featured-project">
+ <a class="featured-projects-item view-all-card" href="/research/projects/" target="_blank">
+ <i class="fa-solid fa-external-link" aria-hidden="true"></i>
+ <p>View All</p>
+ </a>
+ </li>
+</ul>
+
diff --git a/layouts/shortcodes/pages/research/index.html b/layouts/shortcodes/pages/research/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..a6a95131fc1ebec41caa36c10dec772f65fea0b0
--- /dev/null
+++ b/layouts/shortcodes/pages/research/index.html
@@ -0,0 +1,481 @@
+<!-- About Section -->
+<section class="row padding-y-60">
+ <div class="container">
+ <p class="h1 text-center fw-500">
+ The world's <span class="text-research-primary">leading open source foundation</span>
+ for <br> publicly funded research projects.
+ </p>
+ <div class="radial-bg padding-top-60 padding-bottom-0 margin-bottom-60">
+ <div class="about-card text-black">
+ <div class="row">
+ <div class="col-md-11 match-height-item-by-row flex-center margin-bottom-30">
+ <a
+ class="eclipsefdn-video"
+ href="https://www.youtube.com/embed/playlist?list=PLy7t4z5SYNaQpEGxqW3XbmEEPds9ql3oT"
+ ></a>
+ </div>
+ <div class="col-md-11 col-md-offset-2 featured-section match-height-item-by-row">
+ <p>
+ Since 2013, we have participated in 30 research projects in
+ collaboration with over 730 partners, with 15 active projects
+ currently underway across key technology domains including AI,
+ security, cloud, data spaces, software-defined vehicles, embedded,
+ IoT, and open hardware.
+ </p>
+ <p>
+ We welcome the opportunity to collaborate on new industry research
+ projects.
+ </p>
+ <div class="margin-top-30">
+ <a class="text-research-primary" href="#stay-connected">
+ Contact us <i class="fa-solid fa-arrow-right margin-left-5" aria-hidden="true"></i>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<!-- Funding Section -->
+<section class="row padding-y-60 featured-section funding-section bg-white">
+ <div class="container">
+ <div class="col-md-12 margin-bottom-40">
+ <h2>Funding organisations</h2>
+ <p>
+ The Eclipse Foundation collaborates with leading national and
+ international research funding organisations. We specialise in
+ transforming research outcomes into sustainable open source software
+ platforms, ensuring they are accessible for both commercial and public
+ benefit.
+ </p>
+ </div>
+ <div class="col-md-12">
+ <div class="funding-logos">
+ <!-- Horizon Europe -->
+ <img class="img-responsive" src="/research/images/funding/horizon-eu.png" alt="Horizon Europe">
+ <!-- ITEA 4 -->
+ <img class="img-responsive" src="/research/images/funding/itea4.png" alt="ITEA 4">
+ <!-- Chips JU -->
+ <img class="img-responsive" src="/research/images/funding/chips-ju.png" alt="Chips JU">
+ <!-- Bundesministerium -->
+ <img class="img-responsive" src="/research/images/funding/bmbf.png" alt="Bundesministerium für Bildung und Forschung">
+ </div>
+ </div>
+ </div>
+</section>
+
+<div class="row wire-waves-graphic hidden-xs hidden-sm">
+ <img class="wire-waves" src="/research/images/wire-wave-transparent.svg" alt="">
+ <div class="container">
+ <img class="foreground" src="/research/images/blobs.png" alt="">
+ </div>
+</div>
+
+<!-- What We Offer Section -->
+<section class="what-we-offer-section row padding-y-60">
+ <div class="container">
+ <h2>What we offer</h2>
+ <div class="radial-bg padding-top-60">
+ <!-- Accordion -->
+ <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
+ <!-- Path to sustainability -->
+ <div class="panel panel-research">
+ <div class="panel-heading" role="tab" id="headingOne">
+ <h4 class="panel-title">
+ <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+ <div>
+ <img src="/research/images/icons/accordion-leaf.svg" alt="" width="25">
+ A path to sustainability
+ </div>
+ <div class="fa-stack">
+ <i class="icon-bg fa-solid fa-circle fa-stack-2x" aria-hidden="true"></i>
+ <i class="open-icon fa-solid fa-plus fa-inverse fa-stack-1x" aria-hidden="true"></i>
+ <i class="close-icon fa-solid fa-minus fa-inverse fa-stack-1x" aria-hidden="true"></i>
+ </div>
+ </a>
+ </h4>
+ </div>
+ <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
+ <div class="panel-body">
+ Guidance on transforming research into long-term, impactful open
+ source platforms.
+ </div>
+ </div>
+ </div>
+ <!-- Open collaboration guidance -->
+ <div class="panel panel-research">
+ <div class="panel-heading" role="tab" id="headingTwo">
+ <h4 class="panel-title">
+ <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+ <div>
+ <img src="/research/images/icons/accordion-guidance.svg" alt="" width="25">
+ Open collaboration guidance
+ </div>
+ <div class="fa-stack">
+ <i class="icon-bg fa-solid fa-circle fa-stack-2x" aria-hidden="true"></i>
+ <i class="open-icon fa-solid fa-plus fa-inverse fa-stack-1x" aria-hidden="true"></i>
+ <i class="close-icon fa-solid fa-minus fa-inverse fa-stack-1x" aria-hidden="true"></i>
+ </div>
+ </a>
+ </h4>
+ </div>
+ <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
+ <div class="panel-body">
+ Benefit from trusted governance models, robust IP management, and
+ commercial-friendly licensing practices, backed by the Eclipse
+ Foundation's globally recognised expertise and deep European
+ roots.
+ </div>
+ </div>
+ </div>
+ <!-- Open source project lifecycle support -->
+ <div class="panel panel-research">
+ <div class="panel-heading" role="tab" id="headingLifecycle">
+ <h4 class="panel-title">
+ <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseLifecycle" aria-expanded="false" aria-controls="collapseLifecycle">
+ <div class="display-flex">
+ <img src="/research/images/icons/accordion-briefcase.svg" alt="" width="25">
+ Open source project lifecycle support
+ </div>
+ <div class="fa-stack">
+ <i class="icon-bg fa-solid fa-circle fa-stack-2x" aria-hidden="true"></i>
+ <i class="open-icon fa-solid fa-plus fa-inverse fa-stack-1x" aria-hidden="true"></i>
+ <i class="close-icon fa-solid fa-minus fa-inverse fa-stack-1x" aria-hidden="true"></i>
+ </div>
+ </a>
+ </h4>
+ </div>
+ <div id="collapseLifecycle" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingLifecycle">
+ <div class="panel-body">
+ Expertise in managing the entire lifecycle of open source
+ projects, from creation to long-term maintenance.
+ </div>
+ </div>
+ </div>
+ <!-- Expertise in community building -->
+ <div class="panel panel-research">
+ <div class="panel-heading" role="tab" id="headingCommunity">
+ <h4 class="panel-title">
+ <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseCommunity" aria-expanded="false" aria-controls="collapseCommunity">
+ <div class="display-flex">
+ <img src="/research/images/icons/accordion-stack.svg" alt="" width="25">
+ Expertise in community building
+ </div>
+ <div class="fa-stack">
+ <i class="icon-bg fa-solid fa-circle fa-stack-2x" aria-hidden="true"></i>
+ <i class="open-icon fa-solid fa-plus fa-inverse fa-stack-1x" aria-hidden="true"></i>
+ <i class="close-icon fa-solid fa-minus fa-inverse fa-stack-1x" aria-hidden="true"></i>
+ </div>
+ </a>
+ </h4>
+ </div>
+ <div id="collapseCommunity" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingCommunity">
+ <div class="panel-body">
+ Proven strategies to build and grow diverse communities of
+ contributors, adopters, and collaborators to your project.
+ </div>
+ </div>
+ </div>
+ <!-- Access to the Eclipse Foundation ecosystem -->
+ <div class="panel panel-research">
+ <div class="panel-heading" role="tab" id="headingEcosystem">
+ <h4 class="panel-title">
+ <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEcosystem" aria-expanded="false" aria-controls="collapseEcosystem">
+ <div class="display-flex">
+ <img src="/research/images/icons/accordion-puzzle.svg" alt="" width="25">
+ Access to the Eclipse Foundation ecosystem
+ </div>
+ <div class="fa-stack">
+ <i class="icon-bg fa-solid fa-circle fa-stack-2x" aria-hidden="true"></i>
+ <i class="open-icon fa-solid fa-plus fa-inverse fa-stack-1x" aria-hidden="true"></i>
+ <i class="close-icon fa-solid fa-minus fa-inverse fa-stack-1x" aria-hidden="true"></i>
+ </div>
+ </a>
+ </h4>
+ </div>
+ <div id="collapseEcosystem" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEcosystem">
+ <div class="panel-body">
+ Leverage a global network of developers, tools, and open source
+ technologies, with the Eclipse Foundation’s leadership in
+ connecting European research initiatives to global innovation.
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- End -->
+ </div>
+ </div>
+</section>
+
+<!-- Transform Your Research -->
+<section class="featured-section dark bg-wire-waves padding-y-60 text-center row inherit-link-colors">
+ <div class="container">
+ <h2><span class="text-greenish-cyan">Transform your research</span> into open source <br> with global impact</h2>
+ <p>
+ Partner with the Eclipse Foundation to create sustainable open source
+ platforms that amplify your project's global reach and ensure lasting
+ value.
+ </p>
+ <a class="btn btn-pill btn-primary btn-lg margin-top-60" href="#stay-connected">Contact us</a>
+ </div>
+</section>
+
+<!-- Meet the Team Section -->
+<section class="padding-y-60 row">
+ <div class="container">
+ <h2 class="margin-bottom-60">Meet the team</h2>
+
+ <!-- Cairo -->
+ <div class="col-xs-18 col-xs-offset-3 col-sm-12 col-sm-offset-0 col-md-8 col-lg-6 match-height-item-by-row">
+ <div class="research-team-member">
+ <img class="img-responsive" src="/research/images/team/cairo-caplan.jpg" alt="">
+ <p class="research-team-member-name">Cairo Caplan, PhD</p>
+ <p class="research-team-member-title">Testing Engineer</p>
+ </div>
+ </div>
+
+ <!-- Andre -->
+ <div class="col-xs-18 col-xs-offset-3 col-sm-12 col-sm-offset-0 col-md-8 col-lg-6 match-height-item-by-row">
+ <div class="research-team-member">
+ <img class="img-responsive" src="/research/images/team/andre-gomes.jpg" alt="">
+ <p class="research-team-member-name">André Gomes, PhD</p>
+ <p class="research-team-member-title">Research Project Manager</p>
+ </div>
+ </div>
+
+ <!-- Marco -->
+ <div class="col-xs-18 col-xs-offset-3 col-sm-12 col-sm-offset-0 col-md-8 col-lg-6 match-height-item-by-row">
+ <div class="research-team-member">
+ <img class="img-responsive" src="/research/images/team/marco-jahn.jpg" alt="">
+ <p class="research-team-member-name">Marco Jahn, PhD</p>
+ <p class="research-team-member-title">Senior Research Project Manager</p>
+ </div>
+ </div>
+
+ <!-- Philippe -->
+ <div class="col-xs-18 col-xs-offset-3 col-sm-12 col-sm-offset-0 col-md-8 col-lg-6 match-height-item-by-row">
+ <div class="research-team-member">
+ <img class="img-responsive" src="/research/images/team/philippe-krief.jpg" alt="">
+ <p class="research-team-member-name">Philippe Krief, PhD</p>
+ <p class="research-team-member-title">Director, Research Relations</p>
+ </div>
+ </div>
+
+ <!-- Babasile -->
+ <div class="col-xs-18 col-xs-offset-3 col-sm-12 col-sm-offset-0 col-md-8 col-lg-6 match-height-item-by-row">
+ <div class="research-team-member">
+ <img class="img-responsive" src="/research/images/team/babasile-oladele-emmanuel.jpg" alt="">
+ <p class="research-team-member-name">Babasile Daniel Oladele-Emmanuel, PhD</p>
+ <p class="research-team-member-title">Research Project Manager</p>
+ </div>
+ </div>
+
+ <!-- David -->
+ <div class="col-xs-18 col-xs-offset-3 col-sm-12 col-sm-offset-0 col-md-8 col-lg-6 match-height-item-by-row">
+ <div class="research-team-member">
+ <img class="img-responsive" src="/research/images/team/david-remon.jpg" alt="">
+ <p class="research-team-member-name">David Remon</p>
+ <p class="research-team-member-title">Research Project Manager</p>
+ </div>
+ </div>
+
+ <!-- Rosaria -->
+ <div class="col-xs-18 col-xs-offset-3 col-sm-12 col-sm-offset-0 col-md-8 col-lg-6 match-height-item-by-row">
+ <div class="research-team-member">
+ <img class="img-responsive" src="/research/images/team/rosaria-rossini.jpg" alt="">
+ <p class="research-team-member-name">Rosaria Rossini, PhD</p>
+ <p class="research-team-member-title">Research Project Manager</p>
+ </div>
+ </div>
+
+ <!-- Info Block -->
+ <div class="col-xs-18 col-xs-offset-3 col-sm-12 col-sm-offset-0 col-md-8 col-lg-6 match-height-item-by-row">
+ <p class="research-team-info-block">Supported by 70+ <br> Eclipse Foundation <br> staff globally</p>
+ </div>
+
+ <div class="clearfix"></div>
+ </div>
+</section>
+
+<div class="bg-research-gradient row">
+ <!-- OSS Bridges the Gap -->
+ <section class="featured-section padding-y-60">
+ <div class="container">
+ <div class="col-md-11 margin-bottom-60">
+ <img class="img-responsive" src="/research/images/oss-chart.png" alt='A circular diagram illustrating the relationship between open-source software (OSS) and its stakeholders. The center contains "Open Source Software (OSS)" in an orange circle. Surrounding this are three sections labeled: "Prototypes" (top), "Requirements" (right), and "Industrialisation" (left). The outermost ring connects three groups to these sections: "Researchers" (top) linked to Prototypes, "Large Organisations" (right) linked to Requirements, and "Software Vendors" (left) linked to Industrialisation.'>
+ </div>
+ <div class="col-md-12 col-md-offset-1">
+ <h2 class="margin-bottom-30">OSS bridges the gap <br> between researchers, <br> industry, and SMEs</h2>
+ <ul class="research-checklist">
+ <li class="checked">
+ <strong class="text-black">Large industrial organisations</strong>
+ contribute concrete requirements through real-world use cases.
+ </li>
+ <li class="checked">
+ <strong class="text-black">Researchers</strong> develop innovative
+ prototypes to address these requirements.
+ </li>
+ <li class="checked">
+ <strong class="text-black">Small and medium-sized software vendors</strong>
+ industrialise these innovations, building sustainable business
+ models around products and services adopted by industry.
+ </li>
+ </ul>
+ </div>
+ </div>
+ </section>
+
+ <!-- Research Translation Made Simple -->
+ <section class="featured-section padding-y-60">
+ <div class="container">
+ <div class="col-md-11">
+ <h2 class="margin-top-0">Research translation made simple</h2>
+ <p>
+ By adhering to the open collaboration best practices, development
+ processes, and intellectual property management practices,
+ researchers gain confidence that their innovations are secure, open,
+ and ready for commercial use.
+ </p>
+ <p>
+ All contributions are licensed under a business-friendly open source
+ license.
+ </p>
+ </div>
+ <div class="col-md-12 col-md-offset-1 margin-top-10">
+ <p class="fw-600 text-black margin-bottom-30">The Eclipse Foundation empowers research teams to:</p>
+ <ul class="research-card-list list-unstyled">
+ <li>
+ <img src="/research/images/icons/code.svg" alt="">
+ <p>Develop, evolve, and sustain open source projects that encapsulate research outcomes.</p>
+ </li>
+ <li>
+ <img src="/research/images/icons/computer.svg" alt="">
+ <p>
+ Use proven governance and IP management frameworks to ensure code
+ is always ready for research or commercial translation.
+ </p>
+ </li>
+ <li>
+ <img src="/research/images/icons/share.svg" alt="">
+ <p>
+ Disseminate research findings effectively through open source,
+ fostering adoption and impact.
+ </p>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </section>
+</div>
+
+<section class="row padding-y-60 featured-section">
+ <div class="container">
+ <h2>Explore our impact</h2>
+ <p class="fw-600">
+ Discover our ongoing and completed partnerships, showcasing the
+ transformative power of open source in research:
+ </p>
+ <div
+ class="featured-projects margin-y-30"
+ data-types="projects"
+ data-url="/research/projects/index.json"
+ data-is-static-source="true"
+ data-template-id="research-projects-row"
+ >
+ </div>
+ </div>
+</section>
+
+<section class="row padding-y-60 featured-section">
+ <div class="container">
+ <div class="groups-we-support">
+ <h2 class="margin-bottom-60">Groups we support</h2>
+ <ul class="list-unstyled">
+ <li>
+ <img class="img-responsive" src="https://gemoc.org/img/gemoc-eclipse-rc.png" alt="Eclipse GEMOC">
+ </li>
+ <li>
+ <img class="img-responsive" src="https://www.eclipse.org/org/workinggroups/assets/images/ig-models-for-privacy-engineering.png" alt="Models for Privacy Engineering">
+ </li>
+ <li>
+ <img class="img-responsive" src="https://www.eclipse.org/org/workinggroups/assets/images/wg-openhw-foundation.svg" alt="OpenHW Foundation">
+ </li>
+ <li>
+ <img class="img-responsive" src="https://www.eclipse.org/org/workinggroups/assets/images/wg-sdv.svg" alt="Eclipse Software Defined Vehicle">
+ </li>
+ </ul>
+ </div>
+ </div>
+</section>
+
+<section class="row padding-y-60">
+ <div class="container">
+ <h2 class="margin-bottom-40">Resources</h2>
+ <div
+ class="newsroom-resources"
+ data-res-title=""
+ data-res-type="case_study, white_paper, market_report, social_media_kit"
+ data-res-class="newsroom-resource-card"
+ data-res-template="image"
+ data-res-wg="research"
+ >
+ </div>
+ </div>
+</section>
+
+<section class="stay-connected-section bg-research-connected-gradient row padding-y-60 dark inherit-link-colors featured-section">
+ <div class="container">
+ <div class="col-sm-12 padding-top-30">
+ <div class="links-hover-primary">
+ <h2 id="stay-connected">Stay connected</h2>
+ <p>
+ We welcome opportunities to work with new industry research projects.
+ If you would like more information, please contact us at
+ <a href="mailto:research@eclipse.org">research@eclipse.org</a>.
+ </p>
+ <p>
+ To follow our activities, please subscribe to our mailing list
+ <a href="https://accounts.eclipse.org/mailing-list/research-ec">research-ec@eclipse.org</a>
+ or follow us on social media @ResearchEclipse.
+ </p>
+ </div>
+ <ul class="list-unstyled display-flex gap-5 margin-y-30">
+ <li>
+ <a class="fa-stack" href="https://www.linkedin.com/company/eclipse-foundation">
+ <i class="fa-solid fa-circle fa-stack-2x" aria-hidden="true"></i>
+ <i class="fa-brands fa-inverse fa-linkedin-in fa-stack-1x" aria-hidden="true"></i>
+ <span class="sr-only">Eclipse Foundation's LinkedIn Profile</span>
+ </a>
+ </li>
+ <li>
+ <a class="fa-stack" href="https://x.com/ResearchEclipse">
+ <i class="fa-solid fa-circle fa-stack-2x" aria-hidden="true"></i>
+ <i class="fa-brands fa-inverse fa-x-twitter fa-stack-1x" aria-hidden="true"></i>
+ <span class="sr-only">Eclipse Foundation Research's X Profile</span>
+ </a>
+ </li>
+ <li>
+ <a class="fa-stack" href="https://www.youtube.com/@EclipseFdn">
+ <i class="fa-solid fa-circle fa-stack-2x" aria-hidden="true"></i>
+ <i class="fa-brands fa-inverse fa-youtube fa-stack-1x" aria-hidden="true"></i>
+ <span class="sr-only">Eclipse Foundation's YouTube Channel</span>
+ </a>
+ </li>
+ </ul>
+ </div>
+ <div class="col-sm-11 col-sm-offset-1">
+ <!-- Hubspot Contact Form -->
+ <div class="research-contact-form">
+ <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
+ <script>
+ hbspt.forms.create({
+ portalId: "5413615",
+ formId: "81c7873e-8407-4046-9801-39c6f70a3e22"
+ });
+ </script>
+ </div>
+ </div>
+ </div>
+</section>
diff --git a/less/images/research/research-bg.jpg b/less/images/research/research-bg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..df9c2ca769215f12360100b9ea9689d40141164d
Binary files /dev/null and b/less/images/research/research-bg.jpg differ
diff --git a/less/images/research/wire-wave.svg b/less/images/research/wire-wave.svg
new file mode 100644
index 0000000000000000000000000000000000000000..85f29cf1da992b436d205c294d39d4a389b7900b
--- /dev/null
+++ b/less/images/research/wire-wave.svg
@@ -0,0 +1,114 @@
+<svg width="1700" height="564" viewBox="0 0 1700 564" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1725.62 404.537C1707.67 213.704 1446.29 81.1531 1245.68 74.4317C1014.5 66.7097 919.883 227.981 746.343 169.703C587.976 116.577 585.869 -44.974 469.064 -75.7448C361.718 -104.019 185.729 -14.4301 -118.963 454.859" stroke="url(#paint0_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M-106.462 476.84C194.478 14.3642 370.736 -78.9828 479.817 -54.9581C560.657 -37.0412 588.494 42.6274 649.462 106.691C679.849 139.622 717.937 164.49 760.305 179.062C899.082 226.901 987.106 139.04 1139.21 106.563C1177.99 98.1691 1217.62 94.3635 1257.28 95.2245C1458.85 98.9401 1717.98 215.322 1740.37 399.438" stroke="url(#paint1_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M-93.9213 498.758C203.264 43.1282 379.692 -53.9491 490.277 -34.1512C571.565 -19.5911 601.437 56.4323 662.678 117.393C693.879 149.227 731.934 173.516 773.944 188.406C910.66 236.84 998.237 158.074 1150.79 127.453C1189.56 119.591 1229.04 115.765 1268.6 116.038C1471.12 117.371 1728.01 216.927 1754.83 394.327" stroke="url(#paint2_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M-81.4098 520.609C211.952 71.9191 388.646 -28.8512 500.871 -13.3723C582.669 -2.10067 614.448 70.2061 676.058 128.102C708.003 158.817 745.996 182.538 787.615 197.751C922.404 246.786 1009.24 177.068 1162.39 148.344C1201.18 140.928 1240.56 137.049 1280.04 136.757C1483.51 135.346 1738.14 218.438 1769.4 389.121" stroke="url(#paint3_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M-68.9094 542.623C220.702 100.681 397.53 -3.72273 511.492 7.44163C593.701 15.453 627.55 84.0507 689.502 138.781C722.215 168.394 760.215 191.574 801.512 207.107C934.372 256.742 1020.56 196.11 1174.38 169.253C1213.1 162.37 1252.3 158.479 1291.61 157.614C1496.06 153.461 1748.42 220.12 1784.15 384.089" stroke="url(#paint4_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M-56.5367 564.566C229.42 129.442 406.657 18.2362 522.114 28.2228C604.532 35.2601 640.663 97.6662 702.878 149.49C736.344 177.95 774.351 200.588 815.312 216.458C946.242 266.694 1031.73 215.145 1185.98 190.177C1224.67 183.742 1263.73 179.806 1302.93 178.394C1508.36 171.367 1758.44 221.692 1798.6 378.977" stroke="url(#paint5_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M-43.8669 586.522C238.172 158.236 415.29 46.763 532.715 48.8387C615.63 50.7179 653.835 111.481 716.289 160.234C750.47 187.529 788.486 209.636 829.112 225.842C958.114 276.679 1042.99 234.185 1197.72 211.107C1236.37 205.16 1275.31 201.201 1314.37 199.245C1520.78 189.476 1768.6 223.237 1813.2 373.905" stroke="url(#paint6_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M-31.3643 608.471C246.824 186.993 424.143 71.8241 543.327 69.8158C626.594 68.301 667.083 125.004 729.699 170.911C764.567 197.016 802.61 218.584 842.915 235.095C969.954 286.563 1054.21 253.19 1209.45 231.906C1245.57 226.995 1284.1 222.457 1325.81 219.932C1533.24 207.324 1778.75 224.88 1827.79 368.766" stroke="url(#paint7_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M-18.8592 630.42C255.641 215.792 432.982 97.2461 553.922 90.5306C637.56 85.9177 680.364 138.562 743.178 181.56C778.736 206.462 816.827 227.532 856.815 244.419C981.926 296.488 1065.51 272.133 1221.28 252.808C1257.55 248.298 1295.98 243.82 1337.39 240.724C1545.53 225.296 1788.91 226.492 1842.38 363.628" stroke="url(#paint8_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M-6.31908 652.337C264.394 244.552 441.825 122.601 564.543 111.409C648.517 103.729 693.806 152.191 756.49 192.298C792.689 215.98 830.822 236.563 870.483 253.828C993.697 306.5 1076.64 291.231 1232.92 273.635C1269.17 269.517 1307.63 265.04 1348.74 261.406C1558.1 243.017 1799.07 227.905 1856.98 358.358" stroke="url(#paint9_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M6.18759 674.286C273.115 273.313 450.666 148.022 575.07 132.186C659.38 121.472 707.027 165.68 769.836 203.039C806.672 225.453 844.874 245.538 884.22 263.177C1005.47 316.447 1087.77 310.232 1244.59 294.693C1280.97 291.04 1319.34 286.527 1360.11 282.386C1570.45 261.024 1809.12 229.675 1871.53 353.415" stroke="url(#paint10_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M18.6917 696.235C281.865 302.108 459.57 173.447 585.759 152.97C670.435 139.256 720.475 179.147 783.279 213.751C819.382 233.628 856.361 253.709 898.085 272.531C1017.41 326.37 1099.07 329.274 1256.38 315.593C1292.85 312.371 1331.15 307.822 1371.68 303.178C1583.02 278.845 1819.41 231.259 1886.22 348.314" stroke="url(#paint11_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M31.1952 718.184C290.61 331.001 468.241 198.926 596.348 173.782C681.391 157.036 733.925 192.549 796.688 224.462C833.724 243.3 870.825 262.862 911.884 281.883C1029.28 336.42 1110.26 348.277 1268.12 336.49C1304.66 333.73 1342.93 329.147 1383.06 323.96C1595.35 296.589 1829.49 232.834 1900.74 343.206" stroke="url(#paint12_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M43.6367 740.13C299.336 359.663 477.273 224.455 606.939 194.595C692.346 174.914 747.381 205.917 810.099 235.205C848.103 252.939 885.292 272.014 925.554 291.261C1041.06 346.302 1121.33 367.341 1279.85 357.453C1316.51 355.092 1354.68 350.471 1394.5 344.811C1607.79 314.337 1839.65 234.412 1915.34 338.1" stroke="url(#paint13_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M56.2409 762.05C308.088 388.424 486.072 250.038 617.563 215.375C703.367 192.729 760.871 219.189 823.478 245.881C862.452 262.479 899.791 281.134 939.487 300.585C1052.99 356.224 1132.69 386.319 1291.58 378.317C1329.91 375.989 1368.09 371.7 1405.98 365.467C1620.19 332.052 1849.9 236.06 1929.93 332.962" stroke="url(#paint14_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M68.7434 784C316.836 417.219 495.134 275.536 628.054 236.151C714.254 210.571 774.263 232.424 836.919 256.594C876.864 272.023 914.288 290.255 953.285 309.937C1064.9 366.178 1143.91 405.357 1303.25 399.212C1341.52 397.378 1379.63 393.081 1417.35 386.348C1632.6 349.57 1859.96 237.634 1944.55 327.727" stroke="url(#paint15_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M81.2511 805.948C325.559 445.979 504.192 301.261 638.779 256.936C725.307 228.485 787.859 245.601 850.302 267.27C891.219 281.497 928.723 299.405 967.056 319.286C1076.71 376.126 1155.11 424.36 1315.05 420.111C1353.27 418.728 1391.32 414.39 1428.87 407.136C1644.97 367.315 1870.11 239.244 1959.14 322.752" stroke="url(#paint16_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M93.7898 827.898C334.304 474.905 512.99 326.877 649.37 277.748C736.392 246.369 801.358 258.71 863.681 277.979C905.705 290.945 943.191 308.525 980.857 328.637C1088.58 386.012 1166.31 443.397 1326.78 441.041C1364.94 440.089 1402.93 435.709 1440.31 427.955C1657.35 384.93 1880.27 240.822 1973.73 317.646" stroke="url(#paint17_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M106.294 849.847C342.898 503.528 521.98 352.568 659.987 298.66C747.435 264.415 814.818 271.914 877.082 288.886C919.979 300.679 957.712 317.876 994.648 338.185C1100.44 396.226 1177.53 462.631 1338.51 462.069C1376.61 461.548 1414.55 457.125 1451.75 448.871C1669.72 402.61 1890.58 242.636 1988.32 312.671" stroke="url(#paint18_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M118.795 871.796C351.776 532.329 531 378.26 670.579 319.341C758.519 282.201 828.29 284.792 890.498 299.4C934.379 309.73 972.15 326.83 1008.45 347.405C1112.28 406.045 1188.73 481.504 1350.24 482.901C1388.28 482.827 1426.18 478.361 1463.19 469.591C1682.07 419.994 1900.58 244.01 2002.91 307.435" stroke="url(#paint19_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M131.337 893.714C360.531 561.091 540.018 404.116 681.075 340.117C769.472 300.144 841.6 297.761 903.747 310.104C948.612 319.002 986.488 335.944 1022.09 356.651C1124.03 415.926 1199.83 500.471 1361.85 503.727C1399.83 504.067 1437.7 499.558 1474.54 490.307C1694.17 437.105 1910.6 245.615 2017.44 302.294" stroke="url(#paint20_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<path d="M143.806 915.662C509.626 386.893 755.373 294.42 917.286 320.821C1094.04 349.636 1154.33 517.677 1373.71 524.664C1631.06 532.825 1902.03 238.733 2032.09 297.192" stroke="url(#paint21_linear_147_2938)" stroke-width="1.67081" stroke-miterlimit="10"/>
+<defs>
+<linearGradient id="paint0_linear_147_2938" x1="825.779" y1="-62.6593" x2="800.269" y2="496.776" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint1_linear_147_2938" x1="838.791" y1="-40.7365" x2="813.277" y2="518.781" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint2_linear_147_2938" x1="851.683" y1="-18.9808" x2="826.161" y2="540.715" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint3_linear_147_2938" x1="864.619" y1="2.55733" x2="839.081" y2="562.583" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint4_linear_147_2938" x1="877.657" y1="23.9169" x2="852.089" y2="584.621" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint5_linear_147_2938" x1="890.5" y1="44.8879" x2="864.887" y2="606.583" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint6_linear_147_2938" x1="903.566" y1="65.7049" x2="877.9" y2="628.555" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint7_linear_147_2938" x1="916.548" y1="86.4767" x2="890.828" y2="650.523" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint8_linear_147_2938" x1="929.557" y1="106.732" x2="903.758" y2="672.492" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint9_linear_147_2938" x1="942.588" y1="126.86" x2="916.707" y2="694.427" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint10_linear_147_2938" x1="955.607" y1="146.575" x2="929.623" y2="716.395" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint11_linear_147_2938" x1="968.704" y1="165.948" x2="942.601" y2="738.366" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint12_linear_147_2938" x1="981.736" y1="184.931" x2="955.497" y2="760.333" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint13_linear_147_2938" x1="994.79" y1="203.5" x2="968.397" y2="782.3" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint14_linear_147_2938" x1="1007.95" y1="221.505" x2="981.377" y2="804.237" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint15_linear_147_2938" x1="1021.1" y1="238.936" x2="994.321" y2="826.206" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint16_linear_147_2938" x1="1034.27" y1="255.714" x2="1007.25" y2="848.174" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint17_linear_147_2938" x1="1048.19" y1="256.381" x2="1020.2" y2="870.143" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint18_linear_147_2938" x1="1062.16" y1="255.622" x2="1033.13" y2="892.111" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint19_linear_147_2938" x1="1076.16" y1="253.843" x2="1046.06" y2="914.08" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint20_linear_147_2938" x1="1090.19" y1="251.581" x2="1058.98" y2="936.014" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+<linearGradient id="paint21_linear_147_2938" x1="1104.26" y1="248.828" x2="1071.92" y2="957.984" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2C1CD8"/>
+<stop offset="0.325" stop-color="#000966"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/less/pages/research/_variables.less b/less/pages/research/_variables.less
index abee6b5f0dfbd1684ffa98e446523d1d80f19814..1be5381c8cca9d6c475e6dbfecfaff40bd94e21f 100644
--- a/less/pages/research/_variables.less
+++ b/less/pages/research/_variables.less
@@ -11,12 +11,20 @@
* SPDX-License-Identifier: EPL-2.0
*/
-// Colors
-@light-gray: #f0f2f2;
-@mid-gray: #dddbd8;
-@dark-gray: #37474f;
-@mid-blue: #456e9d;
-@regal-blue: #004d66;
+//== Colors
+// Static Colors
+@greenish-cyan: #54FFD4;
+@palatinate-blue: #2C1CD8;
+@pattens-blue: #E2F4FF;
-// Backgrounds
+// Brand Colors
+@brand-research-primary: @palatinate-blue;
+
+//== Typography
+// Headings
+@font-size-h2: 4.8rem;
+
+//== Backgrounds
+// Jumbotron
@header-default-bg-img: url('./images/home-jumbotron.jpg');
+
diff --git a/less/pages/research/styles.less b/less/pages/research/styles.less
index bb6df9e740670a707618ecbea380375e39c004cb..19a6d9e4ff8295a4ddd9094959c15162dfa50b4c 100644
--- a/less/pages/research/styles.less
+++ b/less/pages/research/styles.less
@@ -15,445 +15,813 @@
@import (reference) '~eclipsefdn-solstice-assets/less/astro/main.less';
@import '_variables.less';
-// layout styling
-p:empty {
- display: none;
-}
+@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');
-main {
- padding-bottom: 0;
-}
+//== Utilities
-.wrapper {
- margin-right: 40px;
+// Colors
+.text-research-primary {
+ color: @palatinate-blue;
}
-.list-org img {
- max-height: 125px;
- padding: 10px 25px;
+.text-greenish-cyan {
+ color: @greenish-cyan;
}
-.section {
- h1 {
- color: #004D66;
- font-size: 34px;
- font-weight: 700;
- }
-
- h2 {
- color: #f59646;
- font-size: 28px;
- font-weight: 200;
- }
+// Font Families
+.text-research-monospace {
+ font-family: 'Inconsolata', monospace;
+}
- h3 {
- color: #004D66;
- font-size: 20px;
- font-weight: 700;
- }
+// Font Size
+.text-lg {
+ font-size: @font-size-lg;
+}
- p,
- li {
- font-size: 16px;
- font-weight: 400;
- }
+.text-xl {
+ font-size: @font-size-xl;
}
-.row-gray {
- background-color: #f4f4f4;
+// Links
+.inherit-link-colors {
+ a {
+ &,
+ &:link,
+ &:hover,
+ &:active {
+ color: inherit;
+
+ &:not(.btn) {
+ text-decoration: underline;
+ }
+ }
+ }
}
-.element {
- left: -150px;
- position: absolute;
+.links-hover-primary {
+ a {
+ &:hover,
+ &:active {
+ color: @brand-primary;
+ }
+ }
}
-.end {
- margin-bottom: 0;
+// Backgrounds
+.bg-white {
+ background: #fff;
}
-// Project archetype styling
-.project-topic {
- font-size: 16px;
- text-transform: uppercase;
- font-weight: 700;
- background: @brand-tertiary;
- color: #fff;
+.radial-bg {
+ position: relative;
+
+ &::before {
+ position: absolute;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 50%;
+ transform: translateX(-50%);
+ aspect-ratio: 1;
+ border-radius: 50%;
+ background-color: fade(@brand-research-primary, 10%);
+ filter: blur(30px);
+ z-index: -1;
+ }
}
-.project-item .project-type {
- font-size: 16px;
- text-transform: uppercase;
- font-weight: 700;
+
+.bg-research-connected-gradient {
+ background: linear-gradient(to right, @brand-research-primary 0%, #170F72 100%);
}
-.success-project {
- background: @brand-tertiary;
- color: #fff;
+.bg-research-gradient {
+ position: relative;
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: linear-gradient(0deg, rgba(169,223,255,1) 0%, rgba(255,255,255,0) 100%);
+ }
}
-.running-project {
- background: #DA7F0E; // dark orange
- color: #fff;
+.bg-wire-waves {
+ position: relative;
+ overflow: hidden; // Required for Safari
+
+ &::before {
+ background-color: #020962;
+ }
+
+ &::after {
+ background: url('../../images/research/wire-wave.svg');
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+ }
+
+ &::before,
+ &::after {
+ content: '';
+ width: 100%;
+ min-height: 100%;
+ // Safari can't calculate 100% height, so use webkit-fill-available instead
+ min-height: -webkit-fill-available;
+ top: 0;
+ left: 0;
+ position: absolute;
+ z-index: -1;
+ }
}
-.friend-project {
- background: @brand-tertiary;
- color: #fff;
+//== Base
+
+// Scrolling Behavior
+html,
+body {
+ scroll-behavior: smooth;
+
+ @media (prefers-reduced-motion: reduce) {
+ scroll-behavior: auto;
+ }
}
-.reseach-project-list .project-item img {
- max-height: 150px;
+// Typography
+h1,
+.h1,
+h2,
+.h2 {
+ letter-spacing: 0;
}
-@media(min-width: 992px) {
- .reseach-project-list .project-item img {
- max-height: 100px;
- }
+h2,
+.h2 {
+ font-size: 2.8rem;
+ font-weight: 700;
+ color: black;
+
+ @media (min-width: @screen-sm-min) {
+ font-size: @font-size-h2;
+ }
}
-.featured-jumbotron {
- & &-headline {
- margin-bottom: 10rem;
- color: @white;
- text-shadow: unset;
- font-weight: 500;
- text-align: center;
+.featured-section {
+ font-size: 1.6rem;
+
+ @media (min-width: @screen-sm-min) {
+ font-size: 2rem;
}
}
-.research-custom-jumbotron {
- margin-top: 20rem;
+//== Layout
+
+.header-wrapper {
+ background-color: #000;
}
-.header-research-bg-img .featured-jumbotron {
+// Jumbotron
+.featured-jumbotron {
position: relative;
- background-color: @regal-blue;
+ background: url('../../images/research/research-bg.jpg');
+ background-repeat: no-repeat;
+ background-size: cover;
+ padding-bottom: 0;
+ overflow: hidden;
- &::before,
- &::after {
+ &::before {
content: '';
position: absolute;
+ top: 0;
left: 0;
- top: 30%;
width: 100%;
- height: 20rem;
+ height: 100%;
+ background: fade(#000966, 63);
+ }
+
+ &,
+ & p {
+ font-size: 2rem;
}
- &::before {
- background: @header-default-bg-img;
- background-repeat: no-repeat;
- background-size: cover;
+ & &-headline {
+ font-family: 'Inconsolata', monospace;
+ color: #fff;
+ font-weight: 500;
+ font-size: 5rem;
+
+ @media (min-width: @screen-sm-min) {
+ font-size: 8rem;
+ }
}
- &::after {
- background: linear-gradient(to bottom, @regal-blue 0%, transparent 35%, transparent 65%, @regal-blue 100%);
+ .text-highlighted {
+ color: @greenish-cyan;
}
}
-@media (min-width: @screen-sm-min) {
- .research-custom-jumbotron {
- margin-top: 13rem;
+.research-jumbotron-bottom-area {
+ background-color: #00000033;
+ padding: 1rem 0;
+ backdrop-filter: blur(5px);
+
+ @media (min-width: @screen-sm-min) {
+ padding: 2rem 0;
+ }
+
+ &,
+ p {
+ font-family: 'Inconsolata', monospace;
+ font-size: @font-size-xl;
+ font-weight: 700;
+
+ @media (min-width: @screen-sm-min) {
+ font-size: 3rem;
+ }
+ }
+
+ p {
+ margin: 0;
+ margin-left: 15px;
+ margin-right: 15px;
}
}
+.research-jumbotron-ctas {
+ display: flex;
+ align-items: center;
+}
+
+.research-jumbotron-stats {
+ display: flex;
+ width: 100%;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ gap: 1rem;
+ backdrop-filter: blur(3px);
+
+ @media (min-width: @screen-sm-min) {
+ flex-wrap: nowrap;
+ }
+
+ & > * {
+ width: calc(50% - 1rem);
-@media (min-width: @screen-md-min) {
- .featured-jumbotron {
- & &-headline {
- text-align: left;
- margin-bottom: 2rem;
+ @media (min-width: @screen-sm-min) {
+ width: 100%;
}
}
- .header-research-bg-img .featured-jumbotron {
- &::before,
- &::after {
- top: 0;
- left: 60%;
- width: calc(100% - 60%);
- height: 100%;
+ & .stats-item {
+ border-radius: 1rem;
+ border: 2px solid @palatinate-blue;
+ padding: 1.5rem;
+
+ .stat {
+ display: block;
+ color: #fff;
+ font-size: 3.6rem;
+ font-weight: 700;
}
- &::after {
- background: linear-gradient(to right, @regal-blue 0%, transparent 35%);
+ .stat-name {
+ display: block;
+ color: @greenish-cyan;
+ font-size: 1.4rem;
+ text-transform: uppercase;
}
}
+}
+
+.research-animated-text {
+ overflow: hidden;
+ display: inline-block;
+ border-right: .15em solid @greenish-cyan;
+ padding-right: .3em;
+ white-space: nowrap;
+ margin: 0 auto;
+ max-width: fit-content;
+ text-align: left;
+ animation:
+ typing 6s steps(20, end) alternate infinite,
+ blink-cursor 1s step-end infinite;
+
+ @media (min-width: @screen-sm-min) {
+ // Animation steps need to be tweaked depending on screen size. More steps
+ // are required for larger screens.
+ animation:
+ typing 6s steps(70, end) alternate infinite,
+ blink-cursor 1s step-end infinite;
+ }
+}
+
+
+//== Components
+
+// About Card
+.about-card {
+ padding: 4rem 6rem;
+ border-radius: 1rem;
+ background-color: white;
+ box-shadow: 5px 10px 20px fade(#000966, 20%);
+ margin-top: 8rem;
+ margin-bottom: 8rem;
- // Add gap between jumbotron content and image
- .research-custom-jumbotron {
- margin-top: unset;
+ .eclipsefdn-video {
+ filter: drop-shadow(0 10px 20px #00096688);
}
}
-.overflow-hidden {
- overflow: hidden;
+// Research Card List
+.research-card-list {
+ li {
+ .text-research-monospace;
+
+ display: flex;
+ align-items: center;
+ color: #fff;
+ background-color: #000966;
+ border-radius: 1rem;
+ padding: 2.5rem;
+ margin-bottom: 2rem;
+ gap: 2rem;
+ font-weight: 300;
+ border: 1px solid #54FFD4;
+ }
}
-// home - value tiles
-#our-value ul.list-inline li {
- & {
- padding: 0 20px;
- margin-top: 10px;
- margin-bottom: 10px;
- }
+// Research Checklist
+.research-checklist {
+ padding-inline-start: 25px;
- &:nth-child(odd) {
- border-right: 1px solid #ccc;
- }
+ li {
+ margin-bottom: 2rem;
+ }
- &:last-child {
- border-right: none;
- }
+ li::marker {
+ content: '\f111' ' ';
+ font-family: 'Font Awesome 6 Free';
+ font-weight: 700;
+ }
+ .checked::marker {
+ content: '\f058' ' '; // Adds a space between the icon and the text
+ color: @brand-research-primary;
+ }
}
-@media (min-width: 992px) {
- #our-value ul.list-inline li {
- border-right: 1px solid #ccc;
- }
+// Funding Logos
+.funding-logos {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+
+ img {
+ width: 100%;
+ flex-shrink: 0;
+
+ @media (min-width: @screen-sm-min) {
+ width: 50%;
+ }
+ }
}
-// Custom Jumbotron
-.jumbotron {
- .home-custom-jumbotron {
- @media (min-width: @screen-sm-min) {
- text-align: center;
+// Research Team Member
+.research-team-member {
+ padding: 2rem;
+ text-align: center;
- :first-child {
- text-align: left;
- }
+ img {
+ width: 100%;
+ aspect-ratio: 1;
+ object-fit: cover;
+ object-position: top;
+ margin-bottom: 1rem;
+ border-radius: 2rem;
+ }
+
+ &-name {
+ color: black;
+ font-size: 1.9rem;
+ font-weight: 500;
+ }
+ &-title {
+ font-family: 'Inconsolata', monospace;
+ font-size: @font-size-lg;
+ }
+}
- :last-child {
- text-align: right;
- }
+// Research Team Info Block
+.research-team-info-block {
+ display: flex;
+ width: calc(100% - 4rem);
+ aspect-ratio: 1;
+ background-color: blue;
+ margin: 2rem;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ border-radius: 2rem;
+ background-color: #E2F4FF;
+ color: #000966;
+ font-family: 'Inconsolata', monospace;
+ font-weight: 600;
+ font-size: @font-size-xl;
+}
- :only-child {
- text-align: center;
- }
- }
+// Contact Form
+.research-contact-form {
+ padding: 4rem;
+ border-radius: 1.5rem;
+ background-color: #fff;
+}
- @media (min-width: @screen-sm-min) {
- .research-logo-wrapper { // won't take available height in row
- display: flex;
- flex-direction: column;
- flex-grow: 1;
- align-items: center;
- justify-content: center;
- }
- }
+// Newsroom Resources
+.newsroom-resources {
+ display: flex;
+ gap: 2rem;
+ justify-content: flex-start;
+ padding-bottom: 3rem;
+ overflow-x: auto;
+ overflow-y: hidden;
+ filter: drop-shadow(10px 10px 10px #a7a2a229);
+
+ & > * {
+ width: 100%;
+ flex-shrink: 0;
- .research-logo {
- max-width: 36rem;
+ @media (min-width: @screen-sm-min) {
+ width: calc(25% - 2rem);
+ }
- @media (max-width: @screen-sm-max) {
- margin-top: 2rem;
- }
- }
- }
+ @media (min-width: @screen-lg-min) {
+ width: calc(25% - 2rem);
+ }
+ }
}
-.featured-jumbotron {
- h1 {
- text-align: center;
+// Newsroom Resource Card
+.newsroom-resource-card {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ border: 1px solid #e6e6e6;
+ //box-shadow: 10px 10px 10px #a7a2a229;
+ padding: 0;
+ background-color: #eee;
+ border-radius: 1.5rem;
+ overflow: hidden;
+ max-width: 28rem;
+
+ .image-container {
+ height: 100%;
+ }
- @media (min-width: @screen-sm-min) {
- text-align: left;
- }
+ img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
- &::after {
- display: none;
- }
- }
+ .success-stories-download {
+ .btn-lg;
+ }
}
-// Newsroom Resources
-.newsroom-resource-card {
- border: 1px solid #E6E6E6;
- box-shadow: 10px 10px 10px #A7A2A229;
- padding: 0;
- margin: auto;
- width: 60%;
- margin-bottom: 2em;
+// Featured Projects
+.featured-projects {
+ position: relative;
+ padding: 0;
+ font-size: @font-size-md;
- @media (min-width: @screen-xs-min) {
- width: 60%;
+ &::before,
+ &::after {
+ content: '';
+ display: inline-block;
+ position: absolute;
+ top: 0;
+ width: 1rem;
+ height: calc(100% - 4rem);
+ z-index: 2;
+ }
+
+ &::before {
+ left: 0;
+ background: linear-gradient(to left, transparent 0%, white 100%);
+ }
+
+ &::after {
+ right: 0;
+ background: linear-gradient(to right, transparent 0%, white 100%);
+ }
+
+ & &-list.research-projects-row {
+ flex-wrap: nowrap;
+ overflow-x: scroll;
+ overflow-y: auto;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ padding-bottom: 4rem;
+ }
+
+ & > div {
+ display: none;
+ }
+
+ // Featured Projects Item
+ &-item {
+ display: flex;
+ flex-direction: column;
+ border-radius: 1.5rem;
+ box-shadow: 0 4px 11px rgba(0, 0, 0, 0.25);
+
+ &-content .link {
+ max-width: 75%;
+ }
+
+ &-category {
+ background-color: #000966;
+ }
+
+ .details {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ justify-content: space-between;
}
+ hr {
+ border-color: #000966;
+ }
+ }
+
+ @media (min-width: @screen-lg-min) {
+ &-list-cards .featured-project {
+ flex-basis: calc(25% - 2rem);
+ }
+ }
+
+ &.hide-view-all .view-all-card {
+ display: none;
+ }
+
+ .view-all-card {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: 2rem;
+ min-width: 26rem;
+ color: @brand-research-primary;
+ background-color: #E2F4FF;
+ font-size: 2rem;
+
+ i {
+ font-size: 4rem;
+ }
+ }
+}
+
+.featured-projects .featured-projects-list-cards .featured-project {
+ @media (min-width: @screen-lg-min) {
+ flex-shrink: 0;
+ flex-basis: calc(25% - 2rem);
+ }
+}
+
+// Accordion
+.panel-research {
+ background-color: #fff;
+ border: unset;
+ box-shadow: 0 4px 11px fade(black, 25%);
+
+ // Icon
+ .panel-heading img {
+ margin-right: 1rem;
+ }
+
+ .panel-heading {
+ padding: 0;
+ }
+
+ .panel-heading a,
+ .panel-body {
+ padding: 2rem;
+ }
+
+ .panel-body {
+ padding-top: 0;
+ font-size: @font-size-md;
+
@media (min-width: @screen-sm-min) {
- width: 40%;
+ font-size: @font-size-lg;
}
+ }
+
+ .panel-title {
+ font-weight: 500;
- @media (min-width: @screen-md-min) {
- margin-right: 3em;
- width: 20%;
+ @media (min-width: @screen-sm-min) {
+ font-size: 2rem;
+ }
+
+ // The accordion button
+ a {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ &:hover,
+ &:focus,
+ &:active {
+ text-decoration: none;
+ }
}
- .image-container {
- display: block;
+ a[aria-expanded='true'] {
+ .open-icon {
+ display: none;
+ }
- img {
- width: 100%;
- }
+ .close-icon {
+ display: inline;
+ }
}
- .success-stories-download {
- display: block;
- width: 100%;
- font-size: 18px;
+ a[aria-expanded='false'] {
+ .open-icon {
+ display: inline;
+ }
+
+ .close-icon {
+ display: none;
+ }
}
+ }
+
+ .fa-stack {
+ font-size: 1.5em;
+ }
+ .open-icon,
+ .close-icon {
+ color: @brand-research-primary;
+ }
+ .icon-bg {
+ color: @pattens-blue;
+ }
+ .panel-heading + .panel-collapse > .panel-body {
+ border: none;
+ }
+}
+
+.panel-group .panel-research {
+ border-radius: 2.4rem;
}
-.newsroom-resource-card-match-height {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
+.panel-group .panel-research + .panel-research {
+ margin-top: 1rem;
+}
+
+
+//== Page Sections
+
+// Wire Wave Graphic
+.wire-waves-graphic {
+ position: relative;
+ max-width: 200rem;
+
+ @media (min-width: @screen-lg-min) {
+ margin: auto;
+ }
+
+ &::after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ @media (min-width: @screen-lg-min) {
+ background: linear-gradient(to right, #fff 0%, transparent 10%, transparent 90%, #fff 100%);
+ }
+ }
- .image-container {
- height: 100%;
- background-color: @mid-gray;
+ .wire-waves {
+ width: 100%;
+ height: auto;
+ max-width: 200rem;
+ }
- @media (min-width: @screen-md-min) {
- height: 29.75rem; // approximate height of case study covers
- }
+ .container {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-75%);
+
+ // Bootstrap 3 uses width:auto; for containers which are smaller than their
+ // max-width. This is incompatible with position:absolute; so we need to
+ // override it with something that works.
+ @media (max-width: @screen-lg-min) {
+ min-width: 100%;
+ }
+ }
- img {
- height: 100%;
- object-fit: contain;
- object-position: 50% 50%;
- }
- }
+ .foreground {
+ margin-top: 6rem;
+ max-width: 100%;
+ }
}
-// Projects Widget
-.featured-projects {
- margin-top: 2em;
-
- li:nth-child(3n) .tpl-projects-research {
- margin-right: 0;
- }
-}
-
-.tpl-projects-research {
- display: flex;
- flex-direction: column;
- min-width: 100%;
- margin-right: 1em;
- box-shadow: 10px 8px 6px #908E8E29;
- backdrop-filter: blur(17px);
- -webkit-backdrop-filter: blur(17px);
-
- @media(min-width: @screen-xs-min) {
- min-width: unset;
- width: 100%;
- }
-
- .featured-projects-item-content .link {
- max-width: 70%;
- min-height: 6em;
- }
-
- .featured-projects-website-url a {
- margin-bottom: 0.75em;
- color: @mid-blue;
- white-space: nowrap;
- }
-
- .featured-projects-website-url-bar {
- height: 1px;
- background-color: @mid-blue;
- }
-
- .featured-projects-website-url-bar,
- .featured-projects-website-url a {
- display: block;
- width: 33%;
- }
-
- @media (min-width: @screen-md-min) {
- .featured-projects-website-url-bar,
- .featured-projects-website-url a {
- width: 50%;
- }
- }
-
- .featured-projects-item-category {
- background-color: @dark-gray;
- }
-
- .details {
- display: flex;
- flex-direction: column;
- justify-content: flex-end;
- flex-grow: 1;
-
- p {
- margin: 10px 0 0;
- }
- }
-
- .featured-projects-website-url a {
- display: inline-block;
- text-align: right;
- padding-right: 1em;
- color: @mid-blue;
-
- &:hover {
- color: darken(@mid-blue, 20%);
- }
-
- &:visited {
- color: @mid-blue;
- }
- }
-
- .featured-projects-item-content {
- padding-top: 0;
- padding-bottom: 2em;
- }
-}
-
-
-//== Project Pages
-
-// Sidebar Layout
-.research-sidebar {
- display: flex;
- gap: 1rem;
- flex-wrap: wrap;
- &-item {
- flex-basis: calc(50% - 1rem);
- aspect-ratio: 1;
+// Funding Section
+.funding-section {
+ @media (min-width: @screen-sm-min) {
+ padding-bottom: 24rem;
}
- &-socials {
+ img {
+ max-width: 24rem;
+ max-height: 14rem;
+ object-fit: contain;
+ margin: auto;
+ }
+}
+
+// What We Offer Section
+.what-we-offer-section .radial-bg::before {
+ height: 110%;
+ transform: translateX(-50%) translateY(-10%);
+}
+
+// Groups We Support Section
+.groups-we-support {
+ position: relative;
+ padding: 4rem;
+ border-radius: 2rem;
+ background: radial-gradient(circle, rgba(120, 119, 232, 40%) 0%, transparent 60%);
+ text-align: center;
+ overflow: hidden;
+
+ &::before {
+ position: absolute;
+ content: '';
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background-color: @pattens-blue;
+ }
+
+ ul {
display: flex;
- justify-content: center;
- align-items: center;
- margin-bottom: unset;
+ flex-wrap: wrap;
+ gap: 1rem;
}
- &-badge {
- flex-basis: 100%;
- max-height: 18rem;
+ li {
+ background: #fff;
+ box-shadow: 0 4px 11px #00000033;
+ border-radius: 1rem;
+ padding: 4rem;
+ width: 100%;
+ flex-grow: 0;
+
+ @media (min-width: @screen-sm-min) {
+ width: calc(25% - 1rem);
+ }
img {
width: 100%;
- max-width: 16rem;
+ max-height: 6rem;
+ height: 100%;
object-fit: contain;
- max-height: 8rem;
- margin:auto;
}
}
+}
- @media (min-width: @screen-sm-min) {
- flex-direction: column;
+// Stay Connected Section
+.stay-connected-section {
+ // Set the color of fa-inverse to brand-research-primary
+ --fa-inverse: @brand-research-primary;
+}
- &-item {
- aspect-ratio: unset;
- }
+//== Animations
- &-badge {
- max-height: unset;
- }
- }
+// Typing Animation
+@keyframes typing {
+ from { width: 0 }
+ to { width: 100% }
+}
+
+// Blinking Cursor Animation
+@keyframes blink-cursor {
+ from, to { border-color: transparent }
+ 50% { border-color: @greenish-cyan }
+}
+
+//== Hotfixes
+.featured-projects .search {
+ display: none;
}
+