MaDgIK
/
monitor
13
0
Fork 0
Code Issues Pull Requests Projects Releases 12 Wiki Activity

change home page texts with Ioanna's suggestions from the doc

This commit is contained in:
Alex Martzios 2022-08-25 15:06:05 +03:00
parent ffd2122f93
commit 0e6007c549
2 changed files with 37 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
src/app/home/home.component.html
View File

@ -7,8 +7,8 @@
A new era of <span class="uk-text-primary">monitoring</span> research<span class="uk-text-primary">.</span> A new era of <span class="uk-text-primary">monitoring</span> research<span class="uk-text-primary">.</span>
</h1> </h1>
<div class="uk-text-large uk-margin-medium-top" uk-scrollspy-class> <div class="uk-text-large uk-margin-medium-top" uk-scrollspy-class>
<div>Discover, track and understand trends and indicators</div> <div>Discover, track and understand trends and impact</div>
<div>on Open Science for your organization.</div> <div>pathways for your organization.</div>
<div>Make informed decisions.</div> <div>Make informed decisions.</div>
</div> </div>
<div class="uk-margin-medium-top" uk-scrollspy-class> <div class="uk-margin-medium-top" uk-scrollspy-class>
@ -28,26 +28,23 @@
<ng-template #scrolling_text let-position_class="position_class"> <ng-template #scrolling_text let-position_class="position_class">
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 0vh; end: 100% + 100vh - 150vh; opacity: 0,1 20%,1 99%,0"> <div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 0vh; end: 100% + 100vh - 150vh; opacity: 0,1 20%,1 99%,0">
<h3 class="uk-h2"> <h3 class="uk-h2">
Get a <span class="uk-text-primary">360° view of research results.</span> Monitor, <span class="uk-text-primary">discover and understand.</span>
</h3> </h3>
<p class="uk-text-large">Track and discover your organization’s research output. Use the <a href="https://graph.openaire.eu/" target="_blank">OpenAIRE Research <p class="uk-text-large">Track your organization’s research output in a comprehensive manner. Identify research pathways across key dimensions with granular and timely indicators.</p>
Graph</a> to view your publications-data-code and how they interconnect.</p>
</div> </div>
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 150vh; end: 100% + 100vh - 200vh; opacity: 0,1 20%,1 99%,0"> <div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 150vh; end: 100% + 100vh - 200vh; opacity: 0,1 20%,1 99%,0">
<h3 class="uk-h2"> <h3 class="uk-h2">
Monitor <span class="uk-text-primary">Open Science </span> compliance<span Enhance <span class="uk-text-primary">Open Science </span> uptake<span
class="uk-text-primary">.</span> class="uk-text-primary">.</span>
</h3> </h3>
<p class="uk-text-large"> Work with the Open Science expert community for open and transparent metrics. <p class="uk-text-large">Work with the Open Science expert community for open and transparent metrics. Discover Open Science costs and trends for your organization. See how you fare in the European Open Science Cloud.</p>
Discover Open Science trends for your organization. See how you fare in European Open Science Cloud.</p>
</div> </div>
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 200vh; end: 100% + 100vh - 250vh; opacity: 0,1 20%,1"> <div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 200vh; end: 100% + 100vh - 250vh; opacity: 0,1 20%,1">
<h3 class="uk-h2"> <h3 class="uk-h2">
Turn <span class="uk-text-primary">research results </span> to insights<span Turn <span class="uk-text-primary">data </span> into actionable insights<span
class="uk-text-primary">.</span> class="uk-text-primary">.</span>
</h3> </h3>
<p class="uk-text-large">Understand your needs for your organization. Measure impact, discover trends, connections and <p class="uk-text-large">See what works and what not, reveal hidden potential. Measure research impact, discover trends, connections and collaborations to improve and optimize your future actions.</p>
collaborations to improve and optimize your future actions.</p>
</div> </div>
</ng-template> </ng-template>
@ -55,8 +52,7 @@
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<span class="uk-h6 uk-text-primary">Funders. Universities. Research Initiatives. Communities.</span> <span class="uk-h6 uk-text-primary">Funders. Universities. Research Initiatives. Communities.</span>
<h2 class="uk-h1 uk-margin-remove-top uk-width-1-2@m">Simplify Open Science tracking & monitoring<span <h2 class="uk-h1 uk-margin-remove-top uk-width-1-2@m">Simplify research monitoring and evaluation<span class="uk-text-primary">.</span></h2>
class="uk-text-primary">.</span></h2>
</div> </div>
<div id="js-sticky-parallax-images-all" style="min-height: 300vh"> <div id="js-sticky-parallax-images-all" style="min-height: 300vh">
<div class="uk-visible@m uk-height-viewport monitor-dark-logo-background uk-sticky" uk-sticky="bottom: #js-sticky-parallax-images-all; target-offset: true"> <div class="uk-visible@m uk-height-viewport monitor-dark-logo-background uk-sticky" uk-sticky="bottom: #js-sticky-parallax-images-all; target-offset: true">
@ -162,7 +158,7 @@
<div class="uk-section uk-container uk-container-large uk-margin-large-bottom"> <div class="uk-section uk-container uk-container-large uk-margin-large-bottom">
<div class="uk-grid uk-grid-large" uk-grid> <div class="uk-grid uk-grid-large" uk-grid>
<div class="uk-width-1-3@m uk-width-1-1 uk-text-left@m uk-text-center"> <div class="uk-width-1-3@m uk-width-1-1 uk-text-left@m uk-text-center">
<h3 class="uk-margin-remove-top">Open data. Open methodologies<span <h3 class="uk-margin-remove-top">Openness. Usability. Replicability. TRUST<span
class="uk-text-primary">.</span></h3> class="uk-text-primary">.</span></h3>
<div class="uk-text-large uk-margin-bottom">Learn and work with a thriving community behind you.</div> <div class="uk-text-large uk-margin-bottom">Learn and work with a thriving community behind you.</div>
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text" <a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
@ -178,23 +174,13 @@
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Global outlook" <icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Global outlook"
customClass="uk-text-background"></icon> customClass="uk-text-background"></icon>
</div> </div>
<h5 class="uk-margin-remove-top">Global outlook</h5> <h5 class="uk-margin-remove-top">Comprehensive outlook</h5>
<div> <div>
Monitor is built on the <a href="https://graph.openaire.eu/" class="text-graph" target="_blank">OpenAIRE Research Monitor is built on the <a href="https://graph.openaire.eu/" class="text-graph" target="_blank">OpenAIRE Research
Graph</a>. A comprehensive and global linked research graph, shared data resource from open initiatives around the world. Graph</a>. A global linked research graph, a shared data resource from open initiatives around the world. Our indicators cover a wide range of themes from input to impact.
</div> </div>
</div> </div>
<div uk-scrollspy-class> <div uk-scrollspy-class>
<div class="uk-icon-bg-shadow uk-margin-bottom">
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Minimum effort to join"
customClass="uk-text-background"></icon>
</div>
<h5 class="uk-margin-remove-top">Minimum effort to join</h5>
<div>
You only share some information with us to include in our backend aggregating and data mining, and we deliver a view of your world. As you see fit.
</div>
</div>
<div uk-scrollspy-class>
<div class="uk-icon-bg-shadow uk-margin-bottom"> <div class="uk-icon-bg-shadow uk-margin-bottom">
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Transparent methodology" <icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Transparent methodology"
customClass="uk-text-background"></icon> customClass="uk-text-background"></icon>
@ -205,14 +191,33 @@
</div> </div>
</div> </div>
<div uk-scrollspy-class> <div uk-scrollspy-class>
<div class="uk-icon-bg-shadow uk-margin-bottom">
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Minimum effort to join"
customClass="uk-text-background"></icon>
</div>
<h5 class="uk-margin-remove-top">Minimum effort to join</h5>
<div>
You only share some information with us to include in our backend aggregating and data mining, and we deliver a view of your world.
</div>
</div>
<div uk-scrollspy-class>
<div class="uk-icon-bg-shadow uk-margin-bottom"> <div class="uk-icon-bg-shadow uk-margin-bottom">
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Customised to your needs" <icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Customised to your needs"
customClass="uk-text-background"></icon> customClass="uk-text-background"></icon>
</div> </div>
<h5 class="uk-margin-remove-top">Responsive to your needs</h5> <h5 class="uk-margin-remove-top">Tailor-made monitoring, responsive to your needs</h5>
<div> <div>
Choose from a variety of pre-defined metrics on compliance, trends, distribution, costs. Our experts work with you on demand in one-on-one sessions to provide additional indicators and curate your data.</div>
Select how to visualize them and who to share with. Use our advanced tools to add your own metrics.</div> </div>
<div uk-scrollspy-class>
<div class="uk-icon-bg-shadow uk-margin-bottom">
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Customised to your needs"
customClass="uk-text-background"></icon>
</div>
<h5 class="uk-margin-remove-top">Showcasing, monitoring, analysis</h5>
<div>
Customize your dashboard by choosing from a variety of pre-defined metrics and select which ones to show publicly, which to invited team members, and which are still work in progress (private).</div>
</div> </div>
</div> </div>
</div> </div>
@ -290,7 +295,7 @@
</div> </div>
<div class="uk-text-center uk-width-expand"> <div class="uk-text-center uk-width-expand">
<h3> <h3>
Need more information or a demo? Get in touch and let us show you in practice how you can apply to your needs<span class="uk-text-primary">.</span> Need more information or a demo? Get in touch and let us show you in practice how you can apply OpenAIRE Monitor to your needs<span class="uk-text-primary">.</span>
</h3> </h3>
<a class="uk-button uk-button-primary uk-text-uppercase uk-margin-medium-top uk-margin-medium-bottom" <a class="uk-button uk-button-primary uk-text-uppercase uk-margin-medium-top uk-margin-medium-bottom"
routerLink="/contact-us">Contact us</a></div> routerLink="/contact-us">Contact us</a></div>

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit 1bbb064a01dd1cc3685fc1777151cffa929d9cec Subproject commit 8ba0ce77300164a0a48e82f492d0b7f5f8be6d4c