Adds pages: /about/how-it-works.html and /about/faqs.html
apapachristou
4 years ago
parent
0d34656fe0
commit
ea8b42968a
@ -0,0 +1,176 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Argos</title>
|
||||
<link rel="icon" type="image/x-icon" href="../assets/img/fav-icon.png">
|
||||
<!-- Font Awesome icons (free version)-->
|
||||
<script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
|
||||
<!-- Google fonts-->
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
|
||||
rel="stylesheet">
|
||||
<!-- Core theme CSS -->
|
||||
<link href="../css/styles.css" rel="stylesheet">
|
||||
<link href="../css/navbar.css" rel="stylesheet">
|
||||
<link href="../css/footer.css" rel="stylesheet">
|
||||
<link href="../css/section.css" rel="stylesheet">
|
||||
<!-- Bootstrap -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
|
||||
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||
</head>
|
||||
|
||||
<body id="page-top" class="bootstrap-overrides">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-expand-lg" id="nav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="../index.html"><img src="../assets/img/argos-logo.svg"></a>
|
||||
<button class="collapse navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
|
||||
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i
|
||||
class="fas fa-bars ml-1"></i></button>
|
||||
<div class="navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ml-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link dropbtn active-nav-link" onclick="dropdownToggle('aboutDropdown')"
|
||||
href="#about">ABOUT</a>
|
||||
<div id="aboutDropdown" class="dropdown-content">
|
||||
<div class="dropdown-top"></div>
|
||||
<div class="dropdown-options">
|
||||
<a href="how-it-works.html">How it works</a>
|
||||
<a href="https://trello.com/b/x49lylnK/argos" target="_blank">Roadmap</a>
|
||||
<a href="faqs.html">faqs</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link dropbtn" onclick="dropdownToggle('resourcesDropdown')"
|
||||
href="#resources">RESOURCES</a>
|
||||
<div id="resourcesDropdown" class="dropdown-content">
|
||||
<div class="dropdown-top"></div>
|
||||
<div class="dropdown-options">
|
||||
<a href="../resources/media-kit.html">Media kit</a>
|
||||
<a href="../resources/user-guide.html">User Guide</a>
|
||||
<a href="../resources/co-branding.html">Co-branding</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item"><a class="nav-link" href="../contact.html">CONTACT</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="#sign-in">SIGN IN</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- How it works -->
|
||||
<section class="page-section how-it-works" id="how-it-works">
|
||||
<div class="container-small">
|
||||
<div class="col">
|
||||
<div class="page-title">About</div>
|
||||
</div>
|
||||
<div class="col pt-5 pb-2">
|
||||
<div class="row title-1">How it works</div>
|
||||
</div>
|
||||
<p class="pt-2">
|
||||
ARGOS is the joint effort of OpenAIRE and EUDAT to deliver an open platform for Data Management Planning
|
||||
that addresses FAIR and Open best practices and assumes no barriers for its use and adoption.
|
||||
</p>
|
||||
<p class="pt-2">
|
||||
It is an open extensible service - available as a standalone service (OpenDMP) and as a OpenAIRE service
|
||||
(ARGOS)
|
||||
- that simplifies the management, validation, monitoring and maintenance of Data Management Plans. It
|
||||
allows actors (researchers, managers, supervisors etc) to create actionable DMPs that may be freely
|
||||
exchanged among infrastructures for carrying out specific aspects of the Data management process in
|
||||
accordance with the intentions and commitment of Data owners.
|
||||
</p>
|
||||
<p class="pt-2">
|
||||
ARGOS is a service that is integrated within the OpenAIRE platform and is freely offered for use through
|
||||
the
|
||||
<a href="#"><u>OpenAIRE Service Catalogue</u></a> and the EOSC Catalogue. ARGOS enhances the OpenAIRE
|
||||
Research Graph while at the same time utilises its
|
||||
underlying services, external sources and semantics to add value to the Dataset Description templates it
|
||||
produces thus increasing validation of DMPs. DMPs in ARGOS are treated as research outputs that can be
|
||||
assigned DOIs, licenses and can be re-distributed in a FAIR manner.
|
||||
</p>
|
||||
|
||||
<div class="text-box">
|
||||
<p>
|
||||
<b>The Name:</b> ARGOS is inspired by Greek mythology, both from
|
||||
<a href="#"><u>Argus Panoptes</u></a> the hundred-eyed giant and
|
||||
from <a href="#"><u>Argus (Argonaut)</u></a> builder of Argos ship, for the many-eyes monitoring sense and for the crafting
|
||||
and building for endurance concealing long-term goals.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<p class="pt-2">
|
||||
More details on ARGOS as registered in the OpenAIRE services catalogue is available here:
|
||||
<a href="#"><u>http://catalogue.openaire.eu/service/openaire.argos</u></a>. ARGOS as a Data Management
|
||||
Planning tool within
|
||||
EOSC can be explored in the EOSC catalogue of services here:
|
||||
<a href="#"><u>https://catalogue.eosc-portal.eu/service/openaire.argos</u></a>
|
||||
</p>
|
||||
<p class="pt-2 pb-5">
|
||||
ARGOS is offered as a standalone service, where
|
||||
users can download the source code and co-brand it. Read more on how to implement that in the
|
||||
<a href="#"><u>Resources section</u></a>.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer-->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-auto">
|
||||
<img src="../assets/img/argos-logo - Copy.svg" width="98" height="37">
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<div class="footer-text">ARGOS receives funding from the European Union's Horizon 2020 Research and
|
||||
Innovation programme under grant agreement No. 731011.</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<img src="../assets/img/Logo_Horizontal_white_small.png" width="126" height="30">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center pt-5">
|
||||
<div class="col d-flex justify-content-end">
|
||||
<a class="btn rounded-circle btn-social mx-1" href="#!"><i class="fab fa-lg fa-facebook-f"></i></a>
|
||||
<a class="btn rounded-circle btn-social twitter mx-1" href="#!"><i
|
||||
class="fab fa-lg fa-twitter"></i></a>
|
||||
<a class="btn rounded-circle btn-social linkedin mx-1" href="#!"><i
|
||||
class="fab fa-lg fa-linkedin-in"></i></a>
|
||||
<a class="btn rounded-circle btn-social youtube mx-1" href="#!"><i
|
||||
class="fab fa-lg fa-youtube"></i></a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a class="btn mx-1" href="#!"><span class="newsletter">Newsletter</span><i
|
||||
class="fas fa-lg fa-wifi wifi-rotate"></i></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center pt-5">
|
||||
<a class="col d-flex justify-content-end conditions-policy" href="#!">Terms and conditions</a>
|
||||
<a class="col conditions-policy" href="#!">Cookies policy</a>
|
||||
</div>
|
||||
<div class="row justify-content-center pt-5">
|
||||
<div class="col-auto"><img src="../assets/img/Cc.logo.circle.png" width="24" height="24"></div>
|
||||
<div class="col-auto pl-0"><img src="../assets/img/univ-access.png" width="24" height="24"></div>
|
||||
<div class="licence">Unless otherwise indicated, all materials created by OpenAIRE are licenced under
|
||||
</div>
|
||||
<div class="licence"><u>ATTRIBUTION 4.0 INTERNATIONAL LICENSE.</u></div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- Core theme JS-->
|
||||
<script src="../js/scripts.js"></script>
|
||||
<!-- Bootstrap -->
|
||||
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
|
||||
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
|
||||
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
|
||||
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
|
||||
crossorigin="anonymous"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,206 +1,249 @@
|
||||
section.start {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #23BCBA 0% 0% no-repeat padding-box;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #23BCBA 0% 0% no-repeat padding-box;
|
||||
}
|
||||
|
||||
.template-img {
|
||||
margin-right: 6.8rem;
|
||||
margin-right: 6.8rem;
|
||||
}
|
||||
|
||||
.options {
|
||||
padding-top: 4rem;
|
||||
padding-top: 4rem;
|
||||
}
|
||||
|
||||
.option-row {
|
||||
cursor: pointer;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.option-number {
|
||||
text-align: left;
|
||||
font-weight: 700;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 3.25rem;
|
||||
line-height: 1;
|
||||
letter-spacing: 0px;
|
||||
color: #0E6978;
|
||||
opacity: 1;
|
||||
padding: 0rem 1rem;
|
||||
text-align: left;
|
||||
font-weight: 700;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 3.25rem;
|
||||
line-height: 1;
|
||||
letter-spacing: 0px;
|
||||
color: #0E6978;
|
||||
opacity: 1;
|
||||
padding: 0rem 1rem;
|
||||
}
|
||||
|
||||
.option-text {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
font-weight: 300;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 1.56rem;
|
||||
line-height: 1.68rem;
|
||||
letter-spacing: 0px;
|
||||
color: #FFFFFF;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
font-weight: 300;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 1.56rem;
|
||||
line-height: 1.68rem;
|
||||
letter-spacing: 0px;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.selected {
|
||||
opacity: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.not-selected {
|
||||
opacity: 0.6;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.features-layout {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding-bottom: 4rem;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
padding-bottom: 4rem;
|
||||
}
|
||||
|
||||
.features-title {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 2.37rem;
|
||||
padding-bottom: 3rem;
|
||||
color: #212121;
|
||||
opacity: 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-weight: 700;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 2.37rem;
|
||||
padding-bottom: 3rem;
|
||||
color: #212121;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.feature-subtitle {
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 1.87rem;
|
||||
padding: 1.5rem 0rem;
|
||||
color: #000000;
|
||||
opacity: 0.8;
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 1.87rem;
|
||||
padding: 1.5rem 0rem;
|
||||
color: #000000;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.feature-img {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.feature-desc {
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
color: #292747;
|
||||
opacity: 1;
|
||||
max-width: 429px;
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
color: #292747;
|
||||
opacity: 1;
|
||||
max-width: 429px;
|
||||
}
|
||||
|
||||
section.benefits {
|
||||
background: #F3F3F3 0% 0% no-repeat padding-box;
|
||||
opacity: 1;
|
||||
background: #F3F3F3 0% 0% no-repeat padding-box;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.benefits-title-1 {
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 2.37rem;
|
||||
color: #212121;
|
||||
.title-1 {
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 2.37rem;
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
.benefits-title-2 {
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 2.37rem;
|
||||
color: #212121;
|
||||
.title-2 {
|
||||
text-align: center;
|
||||
font-weight: 700;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 2.37rem;
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
.title-3 {
|
||||
text-align: left;
|
||||
font-weight: 300;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 2.37rem;
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
.benefit-card {
|
||||
width: 370px;
|
||||
height: 378px;
|
||||
background: #FFFFFF 0% 0% no-repeat padding-box;
|
||||
box-shadow: 0px 6px 15px #0000001A;
|
||||
border-radius: 36px;
|
||||
opacity: 1;
|
||||
width: 370px;
|
||||
height: 378px;
|
||||
background: #FFFFFF 0% 0% no-repeat padding-box;
|
||||
box-shadow: 0px 6px 15px #0000001A;
|
||||
border-radius: 36px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.benefit-card-title {
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 1.68rem;
|
||||
color: #292747;
|
||||
opacity: 1;
|
||||
padding: 2.81rem 0rem 1.5rem 0rem;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 1.68rem;
|
||||
color: #292747;
|
||||
opacity: 1;
|
||||
padding: 2.81rem 0rem 1.5rem 0rem;
|
||||
}
|
||||
|
||||
.benefit-desc {
|
||||
text-align: center;
|
||||
color: #292747;
|
||||
max-width: 226px;
|
||||
text-align: center;
|
||||
color: #292747;
|
||||
max-width: 226px;
|
||||
}
|
||||
|
||||
.benefit-desc-1 {
|
||||
text-align: center;
|
||||
color: #292747;
|
||||
max-width: 250px;
|
||||
text-align: center;
|
||||
color: #292747;
|
||||
max-width: 250px;
|
||||
}
|
||||
|
||||
.benefit-card hr {
|
||||
width: 286px;
|
||||
border: 1px solid #DBDBDB;
|
||||
opacity: 1;
|
||||
margin-top: 1.5rem !important;
|
||||
margin-bottom: 1.5rem !important;
|
||||
width: 286px;
|
||||
border: 1px solid #DBDBDB;
|
||||
opacity: 1;
|
||||
margin-top: 1.5rem !important;
|
||||
margin-bottom: 1.5rem !important;
|
||||
}
|
||||
|
||||
.benefit-card-subtitle {
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 0.87rem;
|
||||
color: #292747;
|
||||
padding-left: 10px;
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 0.87rem;
|
||||
color: #292747;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.benefit-card-sub-color {
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 0.87rem;
|
||||
color: #008887;
|
||||
text-align: left;
|
||||
font-weight: 400;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 0.87rem;
|
||||
color: #008887;
|
||||
}
|
||||
|
||||
.benefit-ic {
|
||||
margin-left: 40px !important;
|
||||
margin-bottom: .8rem;
|
||||
margin-left: 40px !important;
|
||||
margin-bottom: .8rem;
|
||||
}
|
||||
|
||||
.branding-logo {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.co-branding-text {
|
||||
text-align: left;
|
||||
font-family: 'Roboto',sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 1rem;
|
||||
color: #212121;
|
||||
opacity: 0.81;
|
||||
max-width: 357px;
|
||||
padding-top: 1.5rem;
|
||||
text-align: left;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 1rem;
|
||||
color: #212121;
|
||||
opacity: 0.81;
|
||||
max-width: 357px;
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
.media-kit-logo-title, .moo-card-logo-title {
|
||||
text-align: left;
|
||||
font-weight: 300;
|
||||
font-family: 'Roboto',sans-serif;
|
||||
font-size: 1.25rem;
|
||||
letter-spacing: 0px;
|
||||
color: #212121;
|
||||
opacity: 0.81;
|
||||
}
|
||||
|
||||
.co-branding p, .user-guide p, .media-kit p {
|
||||
text-align: left;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 0.87rem;
|
||||
line-height: 1.6rem;
|
||||
letter-spacing: 0px;
|
||||
color: #212121;
|
||||
opacity: 0.8;
|
||||
padding: 2rem 0rem;
|
||||
}
|
||||
|
||||
section.media-kit-logo {
|
||||
background: #F3F3F3;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
section.start, section.features, section.co-branding, .footer {
|
||||
padding-top: 6rem;
|
||||
padding-bottom: 5.4rem;
|
||||
}
|
||||
section.benefits {
|
||||
padding-top: 3.8rem;
|
||||
padding-bottom: 5.4rem;
|
||||
}
|
||||
section.contact {
|
||||
padding-top: 2.8rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
.footer {
|
||||
padding-top: 4.8rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
section.start, section.features, section.co-branding, section.user-guide, section.media-kit .footer {
|
||||
padding-top: 6rem;
|
||||
padding-bottom: 5.4rem;
|
||||
}
|
||||
section.benefits {
|
||||
padding-top: 3.8rem;
|
||||
padding-bottom: 5.4rem;
|
||||
}
|
||||
section.contact {
|
||||
padding-top: 2.8rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
section.how-it-works {
|
||||
padding-top: 2.8rem;
|
||||
padding-bottom: 3.8rem;
|
||||
}
|
||||
section.media-kit-logo, section.moo-cards {
|
||||
padding-top: 4rem;
|
||||
padding-bottom: 5rem;
|
||||
}
|
||||
.footer {
|
||||
padding-top: 4.8rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue