Commit f37879dc authored by colmoneill's avatar colmoneill

created a contact page closing #24

parent c05f5b17
<html>
<title>About the OPI</title>
<meta property="og:title" content="About the Oceans Past Initiative"/>
<?php
if (file_exists('local.txt')) {
//don't load admin headers
} else {
// we are in production server
include "login/misc/pagehead.php";
} ?>
<?php include 'header.php';?>
<body>
<?php include 'nav.php';?>
<div id="container">
<main>
<aside class="left">
<?php include 'contact_left.php';?>
</aside>
<aside class="right">
<?php include 'contact_body.php';?>
</aside>
</main>
</div>
<?php include 'footer.php';?>
</body>
<div class="agenda">
<div class="project article">
<div id="general-contact">
<h2>Contacting the OPI</h2>
<p>There are many ways in which you can communicate and engage with the OPI, all of which are listed below.</p>
</div>
<div id="user-accounts">
<h2>User accounts</h2>
<p>This website contains a user area that can give you access to internal documents, databases and newsletter archives. <a href="/login/signup.php">Create an account here.</a></p>
</div>
<div id="newsletter">
<h2>Newsletter</h2>
<p><a title="contact" href=""><i class="fa fa-envelope" aria-hidden="true"></i> Click here to receive the trimestrial newsletter.</a> To access the newsletter archive, you must <a href="/login">log in</a> or <a href="/login/signup.php"> create an account</a>.</p>
</div>
<div id="mailing-lists">
<h2>Mailinglists</h2>
<p>The OPI also hosts mailing lists for internal contact, research updates and more. Find out about the various mailing lists <a href="http://staging.oceanspast.org/login/index.php?refurl=http%3A%2F%2Fstaging.oceanspast.org%2Fpage_2.php"> in the members area.</a></p>
</div>
<div id="sm">
<h2>Social media</h2>
<a title="twitter" href="https://twitter.com/oceans_past"><i class="fa keep fa-twitter" aria-hidden="true"></i> The OPI on Twitter</a>
</div>
<div id="direct-enquiries">
<h2>Direct enquiries</h2>
<p>You may also email <a href="mailto:info@oceanspast.org">info@oceanspast.org</a>for general enquiries.</p>
</div>
</div>
</div>
<div id="toc" class="about">
<h1>Contacting the OPI</h1>
</div>
<script type="text/javascript">
$('#toc').toc();
</script>
......@@ -8,7 +8,7 @@
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exampleModalLabel">Cookies and GDPR on oceanspast.org</h3>
<h4 class="modal-title" id="exampleModalLabel">Cookies and GDPR on oceanspast.org</h4>
</div>
<div class="modal-body">
<small>This website uses cookies for trafic analytics and user management, if you do not wish your visit to be logged, we encourage you to <a href="https://www.eff.org/deeplinks/2012/06/how-turn-do-not-track-your-browser">set your browser to 'do not track'</a> which will disable all cookies for this site. Visitors with user accounts are welcome to <a href="GDPR.php">review our cookie and GDPR policy at any time.</a></small>
......
......@@ -31,7 +31,7 @@
<li class="secondaryitem"><a href="#">newsletter archive</a></li>
</ul>
<ul class="secondary">
<li class="secondary head-li"><a title="contact" class="contact-button" href=""><i class="fa fa-envelope" aria-hidden="true"></i><span> contact</span></a></li>
<li class="secondary head-li"><a title="contact" class="contact-button" href="contact.php"><i class="fa fa-envelope" aria-hidden="true"></i><span> contact</span></a></li>
<?php
if (file_exists('local.txt')) {
echo '<li class="secondary head-li"><a title="this button becomes active in production" class="login-button button" href="#"><i class="fa fa-user-circle" aria-hidden="true"></i><span> login to opi.org</span></a></li>';
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment