[Trunk | Graph]: about.component.css & about.component.html: Update texts for section "Infrastructure" and tab "Post Cleaning" | Update "meet the team" section to be ok in mobile view too.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@59548 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
Konstantina Galouni 2020-10-11 01:22:06 +00:00
parent f743e6c71c
commit c161738559
2 changed files with 56 additions and 30 deletions

View File

@ -94,7 +94,7 @@
/*width: auto;*/
}
.architecture-image {
.architecture-image, .infrastructure-image{
align-self: start;
}

View File

@ -603,7 +603,12 @@
src="assets/graph-assets/about/architecture/post_cleaning.svg" alt="Post Cleaning">
<div class="uk-margin-bottom uk-margin-medium-right">
<p>
Lorem ipsum...
The aggregation processes are continuously running and apply vocabularies as they are in a given moment of time.
It could be the case that a vocabulary changes after the aggregation of one data source has finished, thus the aggregated content does not reflect the current status of the controlled vocabularies.
<br><br>
In addition, the integration of ScholeXplorer and DOIBoost and some enrichment processes applied on the raw and on the de-duplicated graph may introduce values that do not comply with the current status of the OpenAIRE controlled vocabularies.
For these reasons, we included a final step of cleansing at the end of the workflow materialisation.
The output of the final cleansing step is the final version of the OpenAIRE Research Graph.
</p>
</div>
<!-- </div>-->
@ -712,17 +717,35 @@
<!-- </div>-->
</div>
</div>
<div id="infrastructure" class="uk-container uk-container-large uk-section">
<div id="infrastructure" class="uk-container uk-section">
<div class="uk-padding-small">
<h2 class="uk-text-center">Infrastructure</h2>
<div>
<div class="uk-flex uk-flex-center">
<p class="uk-width-3-4@m uk-padding-small">
The OpenAIRE graph operates based on a vast variety of hardware and software. As of December 2019, the
hardware infrastructure is the following:
</p>
<div class="uk-flex uk-flex-center uk-grid uk-grid-stack">
<!-- <div>-->
<p class="uk-width-4-5@m uk-padding-small">
The OpenAIRE Research Graph is operated and maintained at the ICM cutting-edge Technology centre with the facilities and staff guaranteeing robust operation of the whole system.
Okeanos SuperComputer hosting the graph consists of 26016 cores in total providing 1082 Tflops/s.
Whole setup is energy efficient with 1.554 Gflops/Watts Power Efficiency resulting in 160th place on the "Top500 by energy-eficiency" list (as of 2019).
</p>
<img class="infrastructure-image" src="assets/graph-assets/about/infrastructure.png">
<p class="uk-width-4-5@m uk-padding-small">
ICM supports the continuous operation of the infrastructure including data aggregation, deduplication, inference and provision ensuring seamless 24/7 system uptime and availability.
System administration activities cover hardware maintenance and provisioning of the new computational resources, providing High Availability solutions to address resilience to failures by service-level redundancy and Load Balancing to distribute workloads uniformly across servers.
The most crucial parts of the persisted graph are covered with backups along with well defined restore procedures.
All the monitoring activities rely on an aggregated system-level monitoring accessible via various dashboards giving the better overview of system stability and potential requirements for system elements extension.
System level monitoring is supplemented with monitoring availability of all the publicly accessible endpoints.
Hence, the offer of the public API of OpenAIRE to third parties, is of high-standards.
</p>
<p class="uk-width-4-5@m uk-padding-small">
All the maintenance operations undertaken by experienced system administrators are founded on well established routines and emergency maintenance procedures.
</p>
<!-- The OpenAIRE graph operates based on a vast variety of hardware and software. As of December 2019, the-->
<!-- hardware infrastructure is the following:-->
<!-- </p>-->
<!-- </div>-->
</div>
<img src="assets/graph-assets/about/infrastructure.png">
</div>
</div>
</div>
@ -731,30 +754,33 @@
<h2 class="uk-text-center">Team</h2>
<div>
<div class="uk-margin-bottom">
<div class="uk-flex uk-flex-middle uk-grid" uk-grid="">
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m uk-first-column">
<img src="assets/graph-assets/about/team.svg">
</div>
<!-- <div class="uk-flex uk-flex-middle uk-grid" uk-grid="">-->
<!-- <div class="uk-text-center uk-width-1-1@s uk-width-1-3@m uk-first-column">-->
<!-- <img src="assets/graph-assets/about/team.svg">-->
<!-- </div>-->
<div class="uk-text-center">
<div class="uk-margin-medium-bottom">
Key team members contributing to the Research Graph
</div>
<div>
<a class="uk-button portal-button" target="_blank" href="https://www.openaire.eu/research-graph-team">
Meet the team
<span class="space">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
fill="#fff" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
</path>
</svg>
</span>
</a>
</div>
<img class="uk-align-center uk-align-left@m uk-margin-remove-adjacent"
src="assets/graph-assets/about/team.svg" alt="Team">
<div class="uk-text-center uk-width-1-2@m uk-align-center uk-margin-remove-adjacent">
<div class="uk-margin-medium-bottom">
Key team members contributing to the Research Graph
</div>
<div>
<a class="uk-button portal-button" target="_blank" href="https://www.openaire.eu/research-graph-team">
Meet the team
<span class="space">
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
fill="#fff" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
</path>
</svg>
</span>
</a>
</div>
</div>
<!-- </div>-->
</div>
</div>
</div>