From 0d34656fe07be8482814515f308e1956b7d61ffb Mon Sep 17 00:00:00 2001 From: apapachristou Date: Thu, 28 May 2020 19:47:25 +0300 Subject: [PATCH 1/3] Changes on Contact page --- dmp-frontend/src/assets/splash/contact.html | 16 +- .../src/assets/splash/css/contact.css | 22 +- dmp-frontend/src/assets/splash/css/styles.css | 360 +++++++++++------- 3 files changed, 240 insertions(+), 158 deletions(-) diff --git a/dmp-frontend/src/assets/splash/contact.html b/dmp-frontend/src/assets/splash/contact.html index dda08f836..8890788c8 100644 --- a/dmp-frontend/src/assets/splash/contact.html +++ b/dmp-frontend/src/assets/splash/contact.html @@ -31,9 +31,9 @@
- How it works - Roadmap - faqs + How it works + Roadmap + faqs
@@ -42,9 +42,9 @@
- Media kit - User Guide - Co-branding + Media kit + User Guide + Co-branding
@@ -58,10 +58,10 @@
-
Contact
+
Contact
-
Contact us to learn more
+
Contact us to learn more
* Required fields
diff --git a/dmp-frontend/src/assets/splash/css/contact.css b/dmp-frontend/src/assets/splash/css/contact.css index 224c1e49e..1b53a6a5d 100644 --- a/dmp-frontend/src/assets/splash/css/contact.css +++ b/dmp-frontend/src/assets/splash/css/contact.css @@ -1,23 +1,3 @@ -.contact-title { - text-align: center; - font-weight: 700; - font-size: 2.375rem; - font-family: 'Roboto', sans-serif; - letter-spacing: -0.95px; - color: #212121; - opacity: 1; -} - -.contact-subtitle { - text-align: left; - font-weight: 300; - font-size: 2.375rem; - font-family: 'Roboto', sans-serif; - letter-spacing: 0px; - color: #212121; - opacity: 1; -} - .main-contact { padding: 3rem 16.5rem; } @@ -39,4 +19,4 @@ font-family: 'Roboto', sans-serif; font-size: 1.12rem; color: #212121; -} \ No newline at end of file +} diff --git a/dmp-frontend/src/assets/splash/css/styles.css b/dmp-frontend/src/assets/splash/css/styles.css index bbf388733..5bfb49ccf 100644 --- a/dmp-frontend/src/assets/splash/css/styles.css +++ b/dmp-frontend/src/assets/splash/css/styles.css @@ -1,223 +1,325 @@ +@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css"); *, *::before, *::after { - box-sizing: border-box; + box-sizing: border-box; } html { - font-family: sans-serif; - line-height: 1.15; - -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { - margin: 0; - font-family: 'Roboto', sans-serif; - font-size: 1rem; - line-height: 1.5; - color: #212529; + margin: 0; + font-family: 'Roboto', sans-serif; + font-size: 1rem; + line-height: 1.5; + color: #212529; } button:focus { - outline: none !important; + outline: none !important; } input[type=text], select { - width: 100%; - height: 56px; - padding: 16px; - background: #FAFAFA 0% 0% no-repeat padding-box; - border: 1px solid #D1D1D1; - border-radius: 4px; - opacity: 1; + width: 100%; + height: 56px; + padding: 16px; + background: #FAFAFA 0% 0% no-repeat padding-box; + border: 1px solid #D1D1D1; + border-radius: 4px; + opacity: 1; } input[type=email], select { - width: 100%; - height: 56px; - padding: 16px; - background: #FAFAFA 0% 0% no-repeat padding-box; - border: 1px solid #D1D1D1; - border-radius: 4px; - opacity: 1; + width: 100%; + height: 56px; + padding: 16px; + background: #FAFAFA 0% 0% no-repeat padding-box; + border: 1px solid #D1D1D1; + border-radius: 4px; + opacity: 1; } textarea { - width: 100%; - height: 142px; - padding: 16px; - background: #FAFAFA 0% 0% no-repeat padding-box; - border: 1px solid #D1D1D1; - border-radius: 4px; - opacity: 1; + width: 100%; + height: 142px; + padding: 16px; + background: #FAFAFA 0% 0% no-repeat padding-box; + border: 1px solid #D1D1D1; + border-radius: 4px; + opacity: 1; +} + +p { + text-align: left; + font-family: 'Roboto', sans-serif; + font-weight: 300; + font-size: 1.25rem; + letter-spacing: 0px; + color: #212121; +} + +p a { + color: #23BCBA; } .bootstrap-overrides a { - text-decoration: none; - background-color: transparent; + text-decoration: none; + background-color: transparent; } .bootstrap-overrides a:hover { - color: #23BCBA; - text-decoration: none; + color: #23BCBA; + text-decoration: none; } .bootstrap-overrides h1, .bootstrap-overrides h2, .bootstrap-overrides h3, .bootstrap-overrides h4, .bootstrap-overrides h5, .bootstrap-overrides h6, .caption, .placeholder, .body-text, .h1, .h2, .h3, .h4, .h5, .h6 { - font-family: 'Roboto', sans-serif; - color: #212121; - text-align: left; + font-family: 'Roboto', sans-serif; + color: #212121; + text-align: left; } .bootstrap-overrides h1, .h1 { - font-size: 3.3125rem; - line-height: 4rem; - font-weight: 300; + font-size: 3.3125rem; + line-height: 4rem; + font-weight: 300; } .bootstrap-overrides h2, .h2 { - font-size: 3.16rem; - line-height: 3.66rem; - font-weight: 300; + font-size: 3.16rem; + line-height: 3.66rem; + font-weight: 300; } .bootstrap-overrides h3, .h3 { - font-size: 2.5rem; - line-height: 2.83rem; - font-weight: 700; + font-size: 2.5rem; + line-height: 2.83rem; + font-weight: 700; } .bootstrap-overrides h4, .h4 { - font-size: 1.66rem; - line-height: 1.2; - font-weight: 700; + font-size: 1.66rem; + line-height: 1.2; + font-weight: 700; } .bootstrap-overrides h5, .h5 { - font-size: 1.33rem; - line-height: 2.16rem; - font-weight: 300; + font-size: 1.33rem; + line-height: 2.16rem; + font-weight: 300; } .bootstrap-overrides h6, .h6 { - font-size: 1.66rem; - line-height: 1.2; - font-weight: 300; + font-size: 1.66rem; + line-height: 1.2; + font-weight: 300; } .caption { - font-size: 1rem; - line-height: 1.66rem; - font-weight: 300; + font-size: 1rem; + line-height: 1.66rem; + font-weight: 300; } .placeholder { - font-size: 1.33rem; - line-height: 1.83rem; - font-weight: 300; + font-size: 1.33rem; + line-height: 1.83rem; + font-weight: 300; } .title-1 { - text-align: left; - font-size: 2.37rem; - line-height: 2.75rem; - font-family: 'Roboto', sans-serif; - font-weight: 300; - color: #FFFFFF; + text-align: left; + font-size: 2.37rem; + line-height: 2.75rem; + font-family: 'Roboto', sans-serif; + font-weight: 300; + color: #FFFFFF; } .title-2 { - text-align: left; - font-size: 2.37rem; - line-height: 2.75rem; - font-family: 'Roboto', sans-serif; - font-weight: 700; - color: #FFFFFF; + text-align: left; + font-size: 2.37rem; + line-height: 2.75rem; + font-family: 'Roboto', sans-serif; + font-weight: 700; + color: #FFFFFF; } .title-3 { - text-align: left; - font-size: 2.37rem; - font-family: 'Roboto', sans-serif; - font-weight: 300; - color: #212121; - opacity: 0.95; + text-align: left; + font-size: 2.37rem; + font-family: 'Roboto', sans-serif; + font-weight: 300; + color: #212121; + opacity: 0.95; +} + +.page-title { + text-align: center; + font-weight: 700; + font-size: 2.375rem; + font-family: 'Roboto', sans-serif; + letter-spacing: -0.95px; + color: #212121; + opacity: 1; +} + +.page-subtitle { + text-align: left; + font-weight: 300; + font-size: 2.375rem; + font-family: 'Roboto', sans-serif; + letter-spacing: 0px; + color: #212121; + opacity: 1; } .body-text { - font-size: 1rem; - line-height: 1.6; - font-weight: 400; - opacity: 0.8; + font-size: 1rem; + line-height: 1.6; + font-weight: 400; + opacity: 0.8; } hr { - margin-top: 1rem; - margin-bottom: 1rem; - border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.1); + margin-top: 1rem; + margin-bottom: 1rem; + border: 0; + border-top: 1px solid rgba(0, 0, 0, 0.1); } .fixed-top { - position: fixed !important; - top: 0; - right: 0; - left: 0; - z-index: 1030; + position: fixed !important; + top: 0; + right: 0; + left: 0; + z-index: 1030; } -.container { - width: 100%; - padding-right: 0.75rem; - padding-left: 0.75rem; - margin-right: auto; - margin-left: auto; - z-index: 1; +.container, .container-small { + width: 100%; + padding-right: 0.75rem; + padding-left: 0.75rem; + margin-right: auto; + margin-left: auto; + z-index: 1; } .normal-btn { - width: 162px; - height: 40px; - cursor: pointer; - background: #129D99 0% 0% no-repeat padding-box; - box-shadow: 0px 3px 6px #1E202029; - border-radius: 30px; - border: none; - color: #FFFFFF; - opacity: 1; + min-width: 162px; + max-width: 256px; + height: 40px; + cursor: pointer; + background: #129D99 0% 0% no-repeat padding-box; + box-shadow: 0px 3px 6px #1E202029; + border-radius: 30px; + border: none; + color: #FFFFFF; + opacity: 1; + font-size: 0.87rem; + padding: 0.62rem 1.87rem; } .mirror { - -webkit-transform: scaleX(-1); - transform: scaleX(-1); + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} + +.text-box { + width: 894px; + height: 221px; + background: #FFFFFF 0% 0% no-repeat padding-box; + border: 1px solid #23BCBA; + border-radius: 37px; + opacity: 1; + margin: 3.75rem 0rem; + padding: 3.37rem 4.37rem; +} + +.collapse-box { + background: #FFFFFF 0% 0% no-repeat padding-box; + border: 1px solid #D1D1D1; + border-radius: 4px; + opacity: 1; + padding: 1.45rem 1.5rem; + margin: 1rem 0rem; +} + +.collapse-title a { + text-align: left; + font-size: 1.25rem; + font-weight: 700; + font-family: 'Roboto', sans-serif; + letter-spacing: 0px; + color: #212121; + opacity: 0.76; +} + +.collapse-title a:after { + content: '\f077'; + font-family: "Font Awesome 5 Free" !important; + float: right; + font-size: 1rem; + font-weight: 900; + color: black; +} + +.collapse-title a.collapsed:after { + content: '\f078'; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + color: black; } .collapse:not(.show) { - display: none; + display: none; +} + +.faq-content { + text-align: left; + font-weight: 400; + font-size: 1rem; + font-family: 'Roboto', sans-serif; + letter-spacing: 0px; + color: #212121; + opacity: 0.8; + padding-top: 1.5rem; +} + +.fa-download { + color: #212121; + opacity: 0.8; + padding-right: .5rem; } @media (min-width: 576px) { - .container { - max-width: 540px; - } + .container { + max-width: 540px; + } } @media (min-width: 768px) { - .container { - max-width: 720px; - } + .container { + max-width: 720px; + } } @media (min-width: 992px) { - .container { - max-width: 960px; - } - - .margin-right-6 { - margin-left: 5.8rem; - } + .container { + max-width: 960px; + } + .margin-right-6 { + margin-left: 5.8rem; + } } @media (min-width: 1244px) { - .container { - max-width: 1204px !important; - } + .container { + max-width: 1204px !important; + } + .container-small { + max-width: 900px; + } } From ea8b42968a87256a022120a1be2eb95f75104674 Mon Sep 17 00:00:00 2001 From: apapachristou Date: Thu, 28 May 2020 19:50:16 +0300 Subject: [PATCH 2/3] Adds pages: /about/how-it-works.html and /about/faqs.html --- .../src/assets/splash/about/faqs.html | 172 ++++++++++ .../src/assets/splash/about/how-it-works.html | 176 +++++++++++ .../src/assets/splash/css/section.css | 299 ++++++++++-------- dmp-frontend/src/assets/splash/index.html | 14 +- 4 files changed, 526 insertions(+), 135 deletions(-) create mode 100644 dmp-frontend/src/assets/splash/about/faqs.html create mode 100644 dmp-frontend/src/assets/splash/about/how-it-works.html diff --git a/dmp-frontend/src/assets/splash/about/faqs.html b/dmp-frontend/src/assets/splash/about/faqs.html new file mode 100644 index 000000000..7b6487a4d --- /dev/null +++ b/dmp-frontend/src/assets/splash/about/faqs.html @@ -0,0 +1,172 @@ + + + + + + + Argos + + + + + + + + + + + + + + + + + + + +
+
+
+
About
+
+
+
FAQs
+
+
+
+
+ What is ARGOS? +
+
+
+
+ ARGOS is an open and collaborative platform for creating Data Management Plans according to + funders or institutions’ open science policy requirements. ARGOS technology provides solutions + and workflows that connect the DMP to the actual data where they are stored and link to other + useful information such as publications and funding information, thus enabling the association + between research outputs and processes and leading to the creation of coherent/ complete + research entities. ARGOS is comprised of two major features: the ARGOS template and the Dataset + Description. +
+
+
+
+
+
+ Who is it for? +
+
+ +
+
+
+
+ How can I use it? +
+
+ +
+
+
+ +
+
+
+
+ +
+
+
ARGOS receives funding from the European Union's Horizon 2020 Research and + Innovation programme under grant agreement No. 731011.
+
+
+ +
+
+
+
+ + + + +
+
+ +
+
+
+ Terms and conditions + Cookies policy +
+
+
+
+
Unless otherwise indicated, all materials created by OpenAIRE are licenced under +
  +
ATTRIBUTION 4.0 INTERNATIONAL LICENSE.
+
+
+
+ + + + + + + + + diff --git a/dmp-frontend/src/assets/splash/about/how-it-works.html b/dmp-frontend/src/assets/splash/about/how-it-works.html new file mode 100644 index 000000000..57053347d --- /dev/null +++ b/dmp-frontend/src/assets/splash/about/how-it-works.html @@ -0,0 +1,176 @@ + + + + + + + Argos + + + + + + + + + + + + + + + + + + +
+
+
+
About
+
+
+
How it works
+
+

+ 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. +

+

+ 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. +

+

+ ARGOS is a service that is integrated within the OpenAIRE platform and is freely offered for use through + the + OpenAIRE Service Catalogue 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. +

+ +
+

+ The Name: ARGOS is inspired by Greek mythology, both from + Argus Panoptes the hundred-eyed giant and + from Argus (Argonaut) builder of Argos ship, for the many-eyes monitoring sense and for the crafting + and building for endurance concealing long-term goals. +

+
+ +

+ More details on ARGOS as registered in the OpenAIRE services catalogue is available here: + http://catalogue.openaire.eu/service/openaire.argos. ARGOS as a Data Management + Planning tool within + EOSC can be explored in the EOSC catalogue of services here: + https://catalogue.eosc-portal.eu/service/openaire.argos +

+

+ 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 + Resources section. +

+
+
+ +
+
+
+
+ +
+
+
ARGOS receives funding from the European Union's Horizon 2020 Research and + Innovation programme under grant agreement No. 731011.
+
+
+ +
+
+
+
+ + + + +
+
+ +
+
+
+ Terms and conditions + Cookies policy +
+
+
+
+
Unless otherwise indicated, all materials created by OpenAIRE are licenced under +
  +
ATTRIBUTION 4.0 INTERNATIONAL LICENSE.
+
+
+
+ + + + + + + + + diff --git a/dmp-frontend/src/assets/splash/css/section.css b/dmp-frontend/src/assets/splash/css/section.css index 18a52a474..c24b95689 100644 --- a/dmp-frontend/src/assets/splash/css/section.css +++ b/dmp-frontend/src/assets/splash/css/section.css @@ -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; + } } diff --git a/dmp-frontend/src/assets/splash/index.html b/dmp-frontend/src/assets/splash/index.html index bb74976e8..d5d4ce840 100644 --- a/dmp-frontend/src/assets/splash/index.html +++ b/dmp-frontend/src/assets/splash/index.html @@ -31,9 +31,9 @@
- How it works - Roadmap - faqs + How it works + Roadmap + faqs
@@ -42,9 +42,9 @@
- Media kit - User Guide - Co-branding + Media kit + User Guide + Co-branding
@@ -214,7 +214,7 @@
- Who Benefits + Who Benefits
From 19c61ce86847e95e719c0c74eea784ea708b8d56 Mon Sep 17 00:00:00 2001 From: apapachristou Date: Thu, 28 May 2020 19:51:25 +0300 Subject: [PATCH 3/3] Adds all pages on resources --- .../assets/splash/resources/co-branding.html | 137 ++++++++++++ .../assets/splash/resources/media-kit.html | 199 ++++++++++++++++++ .../assets/splash/resources/user-guide.html | 116 ++++++++++ 3 files changed, 452 insertions(+) create mode 100644 dmp-frontend/src/assets/splash/resources/co-branding.html create mode 100644 dmp-frontend/src/assets/splash/resources/media-kit.html create mode 100644 dmp-frontend/src/assets/splash/resources/user-guide.html diff --git a/dmp-frontend/src/assets/splash/resources/co-branding.html b/dmp-frontend/src/assets/splash/resources/co-branding.html new file mode 100644 index 000000000..d686de0da --- /dev/null +++ b/dmp-frontend/src/assets/splash/resources/co-branding.html @@ -0,0 +1,137 @@ + + + + + + + Argos + + + + + + + + + + + + + + + + + + +
+
+
Resources
+
Download ARGOS
+

+ Hello there, welcome to Expensify’s press kit! Before downloading our brand assets, please + familiarize yourself with our guidelines and best practices. We love what we’ve created, so please + don’t modify the logo in any way — that includes changing the colors, rotating the icons, moving the + icons, adding text, etc. If there’s a version of our logo you need but don’t see, please reach out + to press@argos.eu with your request. +

+
+
+
+
+ +
+
+
+
+ +
+
+
ARGOS receives funding from the European Union's Horizon 2020 Research and + Innovation programme under grant agreement No. 731011.
+
+
+ +
+
+
+
+ + + + +
+
+ +
+
+
+ Terms and conditions + Cookies policy +
+
+
+
+
Unless otherwise indicated, all materials created by OpenAIRE are licenced under +
  +
ATTRIBUTION 4.0 INTERNATIONAL LICENSE.
+
+
+
+ + + + + + + + + diff --git a/dmp-frontend/src/assets/splash/resources/media-kit.html b/dmp-frontend/src/assets/splash/resources/media-kit.html new file mode 100644 index 000000000..bb4d842ac --- /dev/null +++ b/dmp-frontend/src/assets/splash/resources/media-kit.html @@ -0,0 +1,199 @@ + + + + + + + Argos + + + + + + + + + + + + + + + + + + +
+
+
+
Resources
+
+
+
Media Kit
+
+
+

+ Hello there, welcome to Expensify’s press kit! Before downloading our brand assets, please + familiarize yourself with our guidelines and best practices. We love what we’ve created, so please + don’t modify the logo in any way — that includes changing the colors, rotating the icons, moving the + icons, adding text, etc. If there’s a version of our logo you need but don’t see, please reach out + to press@argos.eu with your request. +

+
+
+
+ + + +
+
+
Moo Cards
+
+
+ +
+
+ +
+
+
+
SVG
+
PNG
+
+
+
+ +
+
+
+
+ +
+
+
ARGOS receives funding from the European Union's Horizon 2020 Research and + Innovation programme under grant agreement No. 731011.
+
+
+ +
+
+
+
+ + + + +
+
+ +
+
+
+ Terms and conditions + Cookies policy +
+
+
+
+
Unless otherwise indicated, all materials created by OpenAIRE are licenced under +
  +
ATTRIBUTION 4.0 INTERNATIONAL LICENSE.
+
+
+
+ + + + + + + + + diff --git a/dmp-frontend/src/assets/splash/resources/user-guide.html b/dmp-frontend/src/assets/splash/resources/user-guide.html new file mode 100644 index 000000000..1ffa76935 --- /dev/null +++ b/dmp-frontend/src/assets/splash/resources/user-guide.html @@ -0,0 +1,116 @@ + + + + + + Argos + + + + + + + + + + + + + + + + + +
+
+
Resources
+
User Guide
+

+ Hello there, welcome to Expensify’s press kit! Before downloading our brand assets, please + familiarize yourself with our guidelines and best practices. We love what we’ve created, so please + don’t modify the logo in any way — that includes changing the colors, rotating the icons, moving the + icons, adding text, etc. If there’s a version of our logo you need but don’t see, please reach out + to press@argos.eu with your request. +

+
+
+
+
+ +
+
+
+
+ +
+
+
ARGOS receives funding from the European Union's Horizon 2020 Research and Innovation programme under grant agreement No. 731011.
+
+
+ +
+
+
+
+ + + + +
+
+ +
+
+
+ Terms and conditions + Cookies policy +
+
+
+
+
Unless otherwise indicated, all materials created by OpenAIRE are licenced under
  +
ATTRIBUTION 4.0 INTERNATIONAL LICENSE.
+
+
+
+ + + + + + + +