diff --git a/app/assets/images/logos/fesr-fsc-mur-pon color.jpg b/app/assets/images/logos/fesr-fsc-mur-pon color.jpg new file mode 100644 index 000000000..e8dd1e686 Binary files /dev/null and b/app/assets/images/logos/fesr-fsc-mur-pon color.jpg differ diff --git a/app/assets/images/static/irosati.jpg b/app/assets/images/static/irosati.jpg new file mode 100644 index 000000000..81acc97ae Binary files /dev/null and b/app/assets/images/static/irosati.jpg differ diff --git a/app/assets/stylesheets/application.css.scss.erb b/app/assets/stylesheets/application.css.scss.erb index 1b70724a0..8d887be21 100644 --- a/app/assets/stylesheets/application.css.scss.erb +++ b/app/assets/stylesheets/application.css.scss.erb @@ -49,7 +49,7 @@ @import "login"; @import "components/index"; @import "account"; - +@import "ecoportal"; /* Bootstrap and Font Awesome */ @import "bootstrap"; @import "bootstrap_overrides"; diff --git a/app/assets/stylesheets/ecoportal.scss b/app/assets/stylesheets/ecoportal.scss new file mode 100644 index 000000000..2b4a23134 --- /dev/null +++ b/app/assets/stylesheets/ecoportal.scss @@ -0,0 +1,423 @@ +.eco-bg-white { + background:#ffffff !important; +} + +.eco-bg-darkgray { + background:#666666 !important; +} + +.eco-bg-lightgray { + background:#f2f2f2 !important; +} + +.eco-bg-blue { + background:#0f4e8a !important; +} + +/**** FONT *****/ + +.eco-blue-font { + color:#0f4e8a; +} + +.eco-gray-font { + color:#666666; +} + +.bold { + font-weight: bold; +} + +.text-center { + text-align: center !important; +} + +h3.separator-title { + color: #0f4e8a; + font-weight: normal; + line-height: 28px; + font-size: 28px; + font-family: 'Titillium Web',sans-serif!important; + text-align: center; + margin:10px; + padding:10px; +} + +.abstract { + border: 1px solid #d6d6d6; + margin-top:10px; + margin-bottom:10px; + padding-top: 20px; + padding-bottom: 20px; +} + +.abstract p { + padding-top: 10px; +} + + +/***** BUTTON *****/ +.eco-button { + background: #0f4e8a !important; + color: #f2f2f2 !important; +} + +.eco-button:hover { + background: #155999 !important; + color: #f2f2f2 !important; + font-weight: bold !important; +} + +/***** Contators *****/ +.eco-badge { + background: #ffffff; +} + +.eco-badge_title { + padding: .2em; + height: 12px; + font-size: 11px; + color: #0f4e8a; +} + +.eco-badge_count { + height: 22px; + padding-top: 7px; + font-size: 1.1em; + font-weight: bold; + color: #0f4e8a; +} + +/***** GENERAL ELEMENT ****/ + +html { + font-family: "Titillium Web"; +} + +.eco-navbar-inverse { + background: #0f4e8a ; +} + +.eco-footer-appliance { + height: body_margin_bottom(); +} + +.eco-body { + margin-bottom: body_margin_bottom(); +} + +body { + color:#666666 !important; +} + + +.eco-navbar-font, +.eco-navbar-inverse .eco-navbar-font>li>a { + color:#f2f2f2; +} + +.eco-navbar-font:hover, +.eco-navbar-font>li>a:hover { + color:#fff; +} + +.eco-navbar-login, +.eco-navbar-login>li>a { + color:#f2f2f2; +} + +.eco-page-header{ + padding-bottom:9px; + margin: 20px 0 20px; + border-bottom:1px solid #eeeeee; +} + +/****** POPUP (fon example: feedback ***********/ + +.eco-popup-body { + margin:0; +} + +.eco-popup-top { + margin:0; + padding-top:5px; +} + +.form th { + white-space: nowrap; + font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; + color: #666666; + border-left: 1px solid #d2d2d2; + border-right: 1px solid #d2d2d2; + border-bottom: 1px solid #d2d2d2; + border-top: 1px solid #d2d2d2; + letter-spacing: 2px; + text-transform: uppercase; + text-align: left; + padding: 6px 6px 6px 12px; + background: #f2f2f2; +} + + +/*****************Ontologies viewer********************/ + +.eco-ontology { + background:#f2f2f2; + // border: thin gray solid; + // border-radius: 5px; + padding: 1.5em 1em 1.5em 1em !important; + margin: 2em 0; +} + +.eco-ont-info { + margin: 5px 5px 0 0; + display: inline-block; + /* padding: 5px 10px 3px; */ + border-radius: 3px; + /* background-color: #ECECEC; */ + font-size: 12px; + color: #0f4e8a; +} + + +.eco-ontology-nav-bar { + background:#f2f2f2; + color:black; + padding: 14px; +} + +.eco-ontology-nav-bar a:hover { + color:#666666; +} + +#eco_nav_ontology { + // padding: 1em; + // padding-left: 2em; + font-family: 'Droid Sans', sans-serif; + margin-top: 10px; +} + +#eco_ont_sum_link { + //padding-top: 1em; + padding-left: 14px; + color: #0f4e8a; +} + +#eco_ont_sum_link:hover { + color:#666666; +} + +#eco_nav_ontology { + //padding: 1em; + padding-left: 14px; + font-family: 'Droid Sans', sans-serif; +} +#eco_nav_ontology a { + color: #666666; + text-decoration: none; +} +#eco_nav_ontology a:hover { + text-decoration: underline; +} +#eco_nav_ontology li { + display: table-cell; + padding-right: 1em; +} + + +// /************ ABOUT-US & TEAM *************/ + +// .card-container .col1 { +// background-color: #0f4e8a; +// color:white; +// } + +// .card-container .col2 { +// background-color: #f2f2f2; +// margin-left: 1rem; +// padding: 2rem !important; +// } + +// .cards { +// display: flex; +// display: -webkit-flex; +// flex-flow: row nowrap; +// -webkit-flex-flow: row nowrap; +// align-items: stretch; +// -webkit-align-items: stretch; +// justify-content: space-between; +// -webkit-justify-content: space-between; +// margin-top: 10px; +// margin-bottom: 20px; +// } + +// .card-container { +// display: flex; +// display: -webkit-flex; +// flex-direction: column; +// -webkit-flex-direction: column; +// /*width: 33.3%;*/ +// padding: 10px; +// } + +// .card-image img { +// display: block; +// height: auto; +// margin: 0px; +// max-width: 100%; +// width: 100%; +// } + +// .card-content { +// display: flex; +// display: -webkit-flex; +// flex-direction: column; +// -webkit-flex-direction: column; +// /*flex: 1; +// -webkit-flex: 1;*/ +// padding: 10px 0; +// } + +// .card-content h2 { +// padding-left: 20px; +// margin: 10px 0; +// } + +// /******* TEAM ******/ +// .team-card-container .col1 { +// background-color: #0f4e8a; +// color:white; +// } + +// .team-card-container .col2 { +// background-color: #f2f2f2; +// margin-left: 1rem; +// padding: 2rem !important; +// } + +// .team-cards { +// display: flex; +// display: -webkit-flex; +// flex-flow: row nowrap; +// -webkit-flex-flow: row nowrap; +// align-items: stretch; +// -webkit-align-items: stretch; +// justify-content: space-between; +// -webkit-justify-content: space-between; +// margin-top: 10px; +// margin-bottom: 20px; +// } + +// .team-card-container { +// display: flex; +// display: -webkit-flex; +// flex-direction: column; +// -webkit-flex-direction: column; +// /*width: 33.3%;*/ +// padding: 10px; +// } + +// .team-card-image img { +// display: block; +// height: auto; +// margin: 0px; +// max-width: 100%; +// width: 100%; +// } + +// .team-card-content { +// display: flex; +// display: -webkit-flex; +// flex-direction: column; +// -webkit-flex-direction: column; +// /*flex: 1; +// -webkit-flex: 1;*/ +// padding: 10px 0; +// } + +.card-container .col1 { + background-color: #0f4e8a; + color:white; +} + +.card-container .col2 { + background-color: #f2f2f2; + margin-left: 1rem; + padding: 2rem !important; +} + +.cards { + display: flex; + display: -webkit-flex; + flex-flow: row nowrap; + -webkit-flex-flow: row nowrap; + align-items: stretch; + -webkit-align-items: stretch; + justify-content: space-between; + -webkit-justify-content: space-between; + margin-top: 10px; + margin-bottom: 20px; +} + +.card-container { + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + /*width: 33.3%;*/ + padding: 10px; +} + +.card-content img { + display: block; + height: auto; + margin: 0px; + max-width: 100%; + width: 100%; +} + +.card-content { + display: flex; + display: -webkit-flex; + flex-direction: column; + -webkit-flex-direction: column; + /*flex: 1; + -webkit-flex: 1;*/ + padding: 0px +} + +.card-content h2 { + padding-left: 20px; + margin: 10px 0; +} + +/******* TEAM ******/ +.team-card-container .row { + background-color: #f2f2f2; + margin: 5px 0; +} +.team-card-container .col-sm-6 { + padding: 0; +} + +.team-card { + display: flex; +} + +.team-card-container h4 { + color: #0f4e8a; +} + +.team-card-image { + box-sizing: border-box; + width: 220px; +} + +.team-card-image img { + height: 200px; +} + +/******* GENERAL ******/ +.margin-bottom-20 { + margin-bottom: 20px; +} \ No newline at end of file diff --git a/app/controllers/static_pages_controller.rb b/app/controllers/static_pages_controller.rb new file mode 100644 index 000000000..d6b931529 --- /dev/null +++ b/app/controllers/static_pages_controller.rb @@ -0,0 +1,8 @@ +class StaticPagesController < ApplicationController + layout :determine_layout + def aboutus + end + + def team + end +end \ No newline at end of file diff --git a/app/views/static_pages/aboutus.html.haml b/app/views/static_pages/aboutus.html.haml new file mode 100644 index 000000000..f8a84f86b --- /dev/null +++ b/app/views/static_pages/aboutus.html.haml @@ -0,0 +1,29 @@ +.container.card-container + %section + .row + .col-sm-12 + %h1.mt-5 Who we are + + .row + .col-sm-12.abstract + %p{:style => "text-align: justify;"} + %strong EcoPortal + is an initiative of + %a{:href => "https://www.lifewatch.eu/", target: '_blank'} + %strong LifeWatch ERIC + , the e-Science and Technology European Infrastructure for Biodiversity and Ecosystem Research. + %p{:style => "text-align: justify;"} In the last decade, ecological research groups and infrastructures have contributed to the definition and the production of core and domain ontologies as well as of vocabularies and domain-relevant reference lists. + %p{:style => "text-align: justify;"} In order to support the scientific community in the management and integration of these different approaches, LifeWatch ERIC has created EcoPortal, an online space designed to collect semantic resources and provide the necessary services for enabling discovery and interoperability. + %p{:style => "text-align: justify;"} + %a{:href => "https://www.lifewatch.eu/", target: '_blank'} + %strong LifeWatch ERIC + envisages creating a repository for ontologies and thesauri with associated essential curation services. + + %section + .row + .col-sm-12 + %div The second release of EcoPortal has been funded by + .row + .col-sm-12 + %div + = image_tag("logos/fesr-fsc-mur-pon color.jpg", class: "img-fluid") diff --git a/app/views/static_pages/citeus.haml b/app/views/static_pages/citeus.haml new file mode 100644 index 000000000..b15090b99 --- /dev/null +++ b/app/views/static_pages/citeus.haml @@ -0,0 +1,22 @@ +.container.card-container + %section + .row + .col-sm-12 + %h1.mt-5 Cite Us + + .row + .col-sm-12.abstract + %p{:style => "text-align: justify;"} + %strong LifeWatch ERIC 2020. + EcoPortal, the repository of semantic resources for the ecological domain. + %a{href: 'https://ecoportal.lifewatch.eu', target: '_blank'} + %strong https://ecoportal.lifewatch.eu + %h2 Publications + %ul.pl-4 + %li + Kechagioglou, X., Vaira, L., Tomassino, P., Fiore, N., Basset, A., & Rosati, I. (2021). + EcoPortal: An Environment for FAIR Semantic Resources in the Ecological Domain. + Proceedings of the Joint Ontology Workshops 2021 (JOWO 2021), 3rd International + Workshop on Semantics for Biodiversity (S4BioDiv), Bolzano, Italy, September 11-18, + 2021. + = link_to(nil, 'https://ceur-ws.org/Vol-2969/paper6-s4biodiv.pdf', target: '_blank') \ No newline at end of file diff --git a/app/views/static_pages/team.html.haml b/app/views/static_pages/team.html.haml new file mode 100644 index 000000000..0d8459e0e --- /dev/null +++ b/app/views/static_pages/team.html.haml @@ -0,0 +1,70 @@ +-# .container.card-container + -# %section + -# .row + -# .col-sm-12 + -# %h3.separator-title Who we are + -# .row + -# .col-sm-12.abstract + -# %p{:style => "text-align: justify;"} + -# %strong EcoPortal + -# employs an international staff with wide-ranging expertise and multidisciplinary skills. Staff members, roles and contact details are available below. +-# %center +.container.card-container + %section + .row + .col-sm-12 + %h1.mt-5 Team members + + .row + .col-sm-12 + .container.team-card-container + .row + .col-sm-6.team-card + %div.team-card-image + %img{alt: 'Nicola fiore', src: 'https://github.com/lifewatch-eric/documentation/raw/main/assets/img/team/nicola-fiore.png'} + %div.team-card-content + %h4 Nicola Fiore + %p LifeWatch ERIC Service Centre ICT Coordinator + %p nicola.fiore[at]lifewatch.eu + .col-sm-6.team-card + %div.team-card-image + %img{alt: 'Ilaria Rosati', src: asset_path('static/irosati.jpg')} + %div.team-card-content + %h4 Ilaria Rosati + %p Data Scientist - LifeWatch Italy + %p Research Institute on Terrestrial Ecosystems - National Research Council + %p ilaria.rosati[at]cnr.it + .row + .col-sm-6.team-card + %div.team-card-image + %img{alt: 'Lucia Vaira', src: 'https://github.com/lifewatch-eric/documentation/raw/main/assets/img/team/lucia-vaira.png'} + %div.team-card-content + %h4 Lucia Vaira + %p LifeWatch ERIC Web Portal Officer + %p lucia.vaira[at]lifewatch.eu + .col-sm-6.team-card + %div.team-card-image + %img{alt: 'Xeni Kechagioglou', src: 'https://github.com/lifewatch-eric/documentation/raw/main/assets/img/team/Xeni.jpg'} + %div.team-card-content + %h4 Xeni Kechagioglou + %p LifeWatch ERIC Ontology Developer + %p xeni.kechagioglou[at]lifewatch.eu + .row + .col-sm-6.team-card + %div.team-card-image + %img{alt: 'Pierfrancesco Tommasino', src: 'https://github.com/lifewatch-eric/documentation/raw/main/assets/img/team/pierfrancesco-tommasino.jpg'} + %div.team-card-content + %h4 Pierfrancesco Tommasino + %p Research Grant - LifeWatch Italy + %p Research Institute on Terrestrial Ecosystems - National Research Council + %p pierfrancesco.tommasino[at]iret.cnr.it + .col-sm-6.team-card + %div.team-card-image + %img{alt: 'Giuseppe Turrisi', src: 'https://github.com/lifewatch-eric/documentation/raw/main/assets/img/team/GTURRISI.jpg'} + %div.team-card-content + %h4 Giuseppe Turrisi + %p LifeWatch ERIC Web Portal Developer + %p giuseppe.turrisi[at]lifewatch.eu + + + \ No newline at end of file diff --git a/config/routes.rb b/config/routes.rb index 057297ac7..4248478be 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -82,7 +82,9 @@ match '/feedback', to: 'home#feedback', via: [:get, :post] get '/account' => 'home#account' get '/help' => 'home#help' - get '/about' => 'home#about' + get '/about' => 'static_pages#aboutus' + get '/team' => 'static_pages#team' + get '/citeus' => 'static_pages#citeus' get '/site_config' => 'home#site_config' get '/validate_ontology_file' => 'home#validate_ontology_file_show' match '/validate_ontology_file' => 'home#validate_ontology_file', via: [:get, :post]