Add /mail

This page will replace the current webmail subdomain
This commit is contained in:
Peder Bergebakken Sundt 2018-08-06 23:29:11 +02:00
parent 8dcc899c34
commit 6c7241a2ac
5 changed files with 94 additions and 0 deletions

63
www/css/mail.css Normal file
View File

@ -0,0 +1,63 @@
ul#webmail {
margin-top: 0;
margin-left: auto;
margin-right: auto;
table-layout: fixed;
display: table;
width: 100%;
padding: 0;
}
ul#webmail li {
display: table-cell;
text-align: center;
}
@media all and (min-width: 980px) {
ul#webmail {
max-width: 1280px;
}
ul#webmail li {
display: table-cell;
text-align: center;
}
}
@media all and (max-width: 980px) {
ul#webmail {
max-width: 650px;
}
ul#webmail li {
display: table-row;
text-align: center;
}
}
ul#webmail li div {
position: relative;
background: white;
margin: 1em 1em;
box-shadow: rgba(0,0,0,.3) 0 .1em .17em;
border-radius: .5rem;
cursor: pointer;
}
ul#webmail li:hover div {
box-shadow: rgba(0,0,0,.5) 0 .15em .2em;
}
ul#webmail li div a {
padding-top: 10em;
display: block;
text-decoration: none;
color: black;
}
ul#webmail li#squirrelmail div {
background: white url('squirrelmail.png') no-repeat;
background-size: auto 10em;
background-position: 50% 0;
}
ul#webmail li#roundcube div {
background: white url('roundcube.png') no-repeat;
background-size: auto 10em;
background-position: 50% 0;
}
ul#webmail li#rainloop div {
background: white url('rainloop.png') no-repeat;
background-size: auto 10em;
background-position: 50% 0;
}

BIN
www/css/rainloop.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
www/css/roundcube.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

BIN
www/css/squirrelmail.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

31
www/mail/index.php Normal file
View File

@ -0,0 +1,31 @@
<?php
require_once dirname(dirname(__DIR__)) . implode(DIRECTORY_SEPARATOR, ['', 'inc', 'include.php']);
?>
<!DOCTYPE html>
<html lang=no>
<style>
p {hyphens: auto;}
</style>
<title>Programvareverkstedet</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/mail.css">
<header>Programvareverkstedet</header>
<main>
<ul id="webmail">
<li id="squirrelmail"><div><a href="https://webmail.pvv.ntnu.no/squirrelmail/">squirrelmail</a>
<li id="roundcube"><div><a href="https://webmail.pvv.ntnu.no/roundcube/">roundcube</a>
<li id="rainloop"><div><a href="https://webmail.pvv.ntnu.no/rainloop/">rainloop</a>
</ul>
</main>
<nav>
<?= navbar(1); ?>
<?= loginbar($sp, $pdo); ?>
</nav>