tethys/public/index.html
Arno Kaimbacher d9e295f039 - new frontend style
- GetRecord also with metadata
- no error during publishing
- more home views (etc. help, introduction)
- help image compressed (for web usage)
2020-06-10 21:09:23 +02:00

401 lines
18 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<!-- http://tutsplus.github.io/casablanca-tutsplus/Part%202%20-%20CSS/index.html# -->
<!-- https://github.com/catalinmiron/casablanca-tutsplus -->
<!-- Basic Page Needs
-->
<meta charset="utf-8">
<title>RDR - For Scientists</title>
<meta name="description" content="An awesome one page website">
<meta name="author" content="Arno Kaimbacher">
<!-- Mobile Specific Metas
-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- FONT
-->
<!-- <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'> -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet" type='text/css'>
<!-- CSS
-->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/style.css">
<!-- Favicon
-->
<link rel="icon" type="image/png" href="images/favicon/favicon.ico" />
<!-- <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest"> -->
<!-- Javascript
-->
<script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>
<!-- Menu -->
<header class="header">
<nav class="navigation">
<a href="#" class="menu-icon">
<i class="fa fa-bars"></i>
</a>
<div class="container">
<ul class="menu">
<!-- <li>
<a href="#" class="menu-icon">
<i class="fa fa-bars"></i>
</a>
</li> -->
<li><a href="#hero">Home</a></li>
<li><a href="#introduction">Introduction</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#help">Help</a></li>
<li><a href="#clients">Clients</a></li>
<li><a href="#about">About</a></li>
<!-- <li><a href="#why-us">Why us?</a></li>
<li><a href="#contact">Contact</a></li> -->
<li class="right"><a href="#">Login</a></li>
</ul>
</div>
</nav>
</header>
<!-- Hero -->
<section id="hero" class="hero u-full-width">
<div class="hero-image"></div>
<div class="container centered">
<div class="twelve columns">
<h1 class="separator">Research Data Repository</h1>
<h2>
A data repository for the research community with secure preservation and data publication.
</h2>
</div>
</div>
</section>
<!-- Introduction -->
<section data-sr id="introduction" class="introduction u-full-width">
<div class="container">
<div class="row">
<div class="twelve columns">
<h3 class="separator">Introduction RDR</h3>
<h4>
RDR offers institutions and researchers a comprehensive archiving
and publishing service with reliable storage options for backing up
and managing research data. With RDR you can promote research data
management at your institution and make an important contribution to improve
availability, long-term preservation and independent publication of your research data.
</h4>
</div>
</div>
</div>
</section>
<!-- Creativity -->
<!-- <section data-sr id="creativity" class="creativity u-full-width featured-bg-image">
<h4 class="centered">
<button class="button inverted">Pure creativity</button>
</h4>
</section> -->
<!-- Work -->
<section data-sr id="work" class="work u-full-width">
<div class="container">
<div class="row">
<div class="twelve columns">
<h3 class="separator">RDR SERVICES</h3>
</div>
</div>
<div class="row">
<ul class="work-items isotope js-isotope u-cf">
<li class="four columns isotope-item design ui">
<!-- <img src="images/portfolio/work_1.svg"> -->
<div class="work-front">
<div class="vertical-centered">
<h3>Data Archival</h3>
</div>
</div>
<div class="work-detail">
<div class="vertical-centered">
<p class="separator orange">Data Archival</p>
<p>
RDR provides format-independent archiving services for data protection.
</p>
</div>
</div>
</li>
<li class="four columns isotope-item branding web-design">
<!-- <img src="images/portfolio/work_2.svg"> -->
<div class="work-front">
<div class="vertical-centered">
<h3>Data Publication</h3>
</div>
</div>
<div class="work-detail">
<div class="vertical-centered">
<p class="separator orange">Data Publication</p>
<p>
With RDR you can publish research data,
so that your data is citable and reusable.
</p>
</div>
</div>
</li>
<li class="four columns isotope-item mobile ui branding">
<!-- <img src="images/portfolio/work_3.svg"> -->
<div class="work-front">
<div class="vertical-centered">
<h3>Peer Review</h3>
</div>
</div>
<div class="work-detail">
<div class="vertical-centered">
<p class="separator orange">Peer Review</p>
<p>
All RDR datasets undergo a full, efficient peer review process.
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- Help -->
<section data-sr id="help" class="help u-full-width featured-bg-image">
<h4 class="centered">
<button class="button inverted">We're here to help!</button>
</h4>
</section>
<!-- Clients -->
<section data-sr id="clients" class="clients u-full-width">
<div class="container">
<div class="row">
<h3 class="separator">Cooperation Partners</h3>
</div>
<ul class="clients u-full-width u-cf">
<li>
<img src="images/clients/logo_zamg.png" alt="Zamg Client">
</li>
</ul>
</div>
</section>
<!-- About -->
<section data-sr id="about" class="about u-full-width">
<div class="container">
<div class="row">
<div class="twelve columns">
<h3 class="separator">About us</h3>
<h4>
RDR focuses on disciplines who do not have a tradition
of data sharing thus ensuring better availability,
sustainable preservation and (independent) publication
capacity of their research data.
</h4>
</div>
</div>
<!--<div class="row">
<ul class="people-list">
<li class="three columns people-list-item">
<img src="images/people_1.jpg">
<div class="people-hover">
<a href="#"><i class="fa fa-external-link"></i></a>
<div class="people-detail">
<h3>Arno</h3>
<p>Software Engineer</p>
</div>
</div>
</li>
<li class="three columns people-list-item">
<img src="images/people_2.jpg">
<div class="people-hover">
<a href="#"><i class="fa fa-external-link"></i></a>
<div class="people-detail">
<h3>Viktoria</h3>
<p>Project Leader</p>
</div>
</div>
</li>
<li class="three columns people-list-item">
<img src="images/people_3.jpg">
<div class="people-hover">
<a href="#"><i class="fa fa-external-link"></i></a>
<div class="people-detail">
<h3>Werner</h3>
<p>GIS Expert</p>
</div>
</div>
</li>
<li class="three columns people-list-item blank-feature">
<div class="vertical-centered">
<h3 class="separator">WE ARE HIRING</h3>
<button class="button">Apply</button>
</div>
</li>
</ul>
</div> -->
</div>
</section>
<!-- Why us -->
<section data-sr id="why-us" class="why u-full-width">
<div class="container">
<div class="row">
<div class="twelve columns">
<h3 class="separator">Why choose us</h3>
<h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris.</h4>
</div>
</div>
<div class="row">
<ul class="services">
<li class="four columns">
<div class="service-image">
<img src="images/services/iphone5c.png">
</div>
<h5>App Design</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
ilabore et dolore.</p>
</li>
<li class="four columns">
<div class="service-image">
<img src="images/services/ipad_air.png">
</div>
<h5>Responsive Layout</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
ilabore et dolore.</p>
</li>
<li class="four columns">
<div class="service-image">
<img src="images/services/macbook_pro.png">
</div>
<h5>Pixel Perfect design</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
ilabore et dolore.</p>
</li>
</ul>
</div>
</div>
</section>
<!-- Contact -->
<section data-sr id="contact" class="contact u-full-width">
<div class="container">
<div class="row">
<div class="twelve columns">
<h3 class="separator">Get in touch</h3>
<h4>
Want to keep updated or need further information?
</h4>
</div>
</div>
</div>
</section>
<!-- Contact Us -->
<section data-sr class="container contact-us u-full-width u-max-full-width">
<div class="row">
<div class="four columns contact-us-details">
<h3>Our Location</h3>
<h5>
Neulinggasse 38 <br />
1030 Wien <br />
+43-1-7125674 <br />
</h5>
<ul class="social-links">
<li>
<a href="https://twitter.com/GeologischeBA" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/geologie.ac.at" target="_blank">
<i class="fab fa-facebook"></i>
</a>
</li>
</ul>
</div>
<div class="eight columns contact-us-form">
<form>
<div class="row">
<div class="six columns">
<input class="u-full-width" type="text" placeholder="Name" id="nameInput">
</div>
<div class="six columns">
<input class="u-full-width" type="email" placeholder="Email" id="emailInput">
</div>
</div>
<textarea class="u-full-width" placeholder="Message" id="messageInput"></textarea>
<input class="button u-pull-right" type="submit" value="Send">
</form>
</div>
</div>
</section>
<!-- Footer -->
<section data-sr class="footer u-full-width u-max-full-width">
<div class="container">
<div class="row">
<div class="four columns footer-about">
<!-- <h5>&copy 2015 Tuts+ Web Design.</h5> -->
<div class="block">
<h3 class="block-title">About RDR</h3>
<ul>
<li class="last"><a href="{!! URL::route('frontend.pages.show', ['page_slug'=>'about']) !!}">About Us</a></li>
<li><a href="{{ URL::route('frontend.home.news') }}">News</a></li>
</ul>
</div>
</div>
<div class="four columns footer-links">
<div class="block">
<h3 class="block-title">TOOLS &amp; SUPPORT</h3>
<ul id="secondary-nav" class="nav">
<li class="first"><a href="{{ URL::route('frontend.home.contact') }}">Contact</a></li>
<li class="last"><a href="{!! URL::route('frontend.pages.show', ['page_slug'=>'imprint']) !!}">Impressum</a></li>
<li class="last"><a href="{{ URL::route('frontend.sitelinks.index') }}">Sitelinks</a></li>
<li class="last"><a href="{!! URL::route('frontend.pages.show', ['page_slug'=>'terms-and-conditions']) !!}">Terms and Conditions</a></li>
<li><a target="_blank" href="https://github.com/geolba"><i class="fab fa-github"></i> rdr bei GitHub</a></li>
</ul>
</div>
</div>
<div class="four columns block">
<div class="block">
<h3 class="block-title">CONNECT WITH US</h3>
<ul>
<li><a target="_blank" href="https://www.geologie.ac.at/"><i class="fas fa-home"></i> GBA</a></li>
<li><span><i class="fas fa-phone"></i> +43-1-7125674</span></li>
<li><a href="mailto:repository@geologie.ac.at?Subject= RDR &amp;body=How can I help you?"><i class="far fa-envelope"></i> repository@geologie.ac.at</a> </li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- End Document
-->
</body>
</html>