Establish layout for /tjenester

This commit is contained in:
Felix Albrigtsen 2022-09-17 17:09:35 +02:00
parent fcef05d439
commit b42214b404
8 changed files with 160 additions and 1 deletions

View File

@ -9,10 +9,10 @@ function navbar($depth, $active = NULL) {
'Prosjekter' => 'prosjekt',
'Kontakt' => 'kontakt',
'Webmail' => 'mail',
//'Webmail' => 'https://webmail.pvv.ntnu.no/',
'Galleri' => 'galleri',
'Wiki' => 'pvv',
'Git' => 'https://git.pvv.ntnu.no/',
'Tjenester' => 'tjenester',
];
foreach($menuItems as $caption => $link) {
$isActive = $active === $link;

74
www/css/services.css Normal file
View File

@ -0,0 +1,74 @@
main {
margin-top: 2em !important;
}
.categoryContainer {
border: 4px solid #002244;
border-radius: 5px;
box-shadow : 0 0 20px #002244;
margin-bottom: 20px;
}
.categoryLabel {
background-color: #002244;
color: white;
padding-left: 10px;
font-family: monospace;
font-size: 24px;
}
.service {
border: 2px solid #002244;
border-radius: 5px;
padding: 10px;
margin: 10px;
display: flex;
flex-direction: row;
}
.serviceContent {
flex-grow: 1;
}
/* .serviceTitle, .serviceDescription { */
/* display: inline; */
/* } */
.serviceTitle {
margin: 0.2em !important;
}
.serviceDescription {
margin-top: 0px !important;
}
.serviceDescription::before {
content: " - ";
font-size: 18px;
display: inline;
}
.serviceLink {
width: 100%;
padding-bottom: 5px;
}
.serviceLink > a {
width: 100%;
height: 2em;
border-radius: 5px;
border: 2px solid #002244;
padding: 10px;
}
.serviceImage {
flex-shrink: 1;
width: 100px;
height: 100px;
margin: auto auto;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
www/tjenester/img/gogs.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
www/tjenester/img/trac.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

85
www/tjenester/index.php Normal file
View File

@ -0,0 +1,85 @@
<?php namespace pvv\side;
require_once dirname(dirname(__DIR__)) . implode(DIRECTORY_SEPARATOR, ['', 'inc', 'include.php']);
?>
<!DOCTYPE html>
<html lang="no">
<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="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/services.css">
<meta name="theme-color" content="#024" />
<title>Tjenesteverkstedet</title>
<header>Tjenesteverkstedet</header>
<body>
<nav>
<?= navbar(1, 'tjenester'); ?>
<?= loginbar($sp, $pdo); ?>
</nav>
<main>
<div class="categoryContainer">
<div class="categoryLabel">Versjonskontroll og utvikling</div>
<div class="categoryContent">
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">GitHub</h2>
<p class="serviceDescription">Våre offentlige kodebrønner, åpent for verden!</p>
<div class="serviceLink"><a href="https://github.com/Programvareverkstedet/" target="_blank"> til GitHub</a></div>
</div>
<img class="serviceImage" src="img/github.png" alt="GitHub logo">
</div>
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">Gogs</h2>
<p class="serviceDescription">Vår interne git-tjener, åpen for alle medlemmer</p>
<div class="serviceLink"><a href="https://git.pvv.ntnu.no" target="_blank"> til git.pvv.ntnu.no</a></div>
</div>
<img class="serviceImage" src="img/gogs.png" alt="Gogs logo">
</div>
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">Dev og Trac</h2>
<p class="serviceDescription">Trac er vårt gamle prosjektsystem. Her kan du lage og dele prosjekter om du er for hipster for github.</p>
<div class="serviceLink"><a href="https://dev.pvv.ntnu.no/projects/pvv-dev/" target="_blank"> til dev.pvv.ntnu.no</a></div>
</div>
<img class="serviceImage" src="img/trac.png" alt="Trac logo">
</div>
</div>
</div>
<div class="categoryContainer">
<div class="categoryLabel">Kommunikasjon</div>
<div class="categoryContent">
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">Matrix via Element</h2>
<p class="serviceDescription">Åpen kommunikasjonsprotokoll som støtter ende-til-ende-kryptering og utallige kule funksjoner. Vårt space er bridget sammen med Discord, du får alle de samme meldingene. <b>#pvv:pvv.ntnu.no</b></p>
<div class="serviceLink"><a href="https://chat.pvv.ntnu.no" target="_blank"> til chat.pvv.ntnu.no</a></div>
</div>
<img class="serviceImage" src="img/element.png" alt="Element logo">
</div>
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">Discord</h2>
<p class="serviceDescription">Vår hovedkanal, her finner du alt fra ofisielle announcements til memes og driftsdiskusjoner.</p>
<div class="serviceLink"><a href="https://discord.gg/WpaHGV8K" target="_blank"> til Discord</a></div>
</div>
<img class="serviceImage" src="img/discord.png" alt="Discord logo">
</div>
</div>
</div>
</main>
</body>
</html>