Add more services, make two columns

This commit is contained in:
Felix Albrigtsen 2022-09-18 01:24:57 +02:00
parent b42214b404
commit 4b9957e9c5
7 changed files with 95 additions and 9 deletions

View File

@ -1,5 +1,11 @@
main { main {
margin-top: 2em !important; margin-top: 2em !important;
display: grid;
width: 80vw;
grid-template-columns: 1fr 1fr;
grid-gap: 1em;
} }
.categoryContainer { .categoryContainer {
@ -59,10 +65,13 @@ main {
} }
.serviceLink > a { .serviceLink > a {
width: 100%; width: 100%;
height: 2em; /* height: 2em; */
border-radius: 5px; border-radius: 5px;
border: 2px solid #002244; border: 2px solid #002244;
padding: 10px; padding: 8px;
/* Dont break */
white-space: nowrap;
} }
.serviceImage { .serviceImage {

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

View File

@ -31,7 +31,7 @@ require_once dirname(dirname(__DIR__)) . implode(DIRECTORY_SEPARATOR, ['', 'inc'
<p class="serviceDescription">Våre offentlige kodebrønner, åpent for verden!</p> <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 class="serviceLink"><a href="https://github.com/Programvareverkstedet/" target="_blank"> til GitHub</a></div>
</div> </div>
<img class="serviceImage" src="img/github.png" alt="GitHub logo"> <img class="serviceImage" src="img/github.png" alt="GitHub-logo">
</div> </div>
<div class="service"> <div class="service">
@ -40,7 +40,7 @@ require_once dirname(dirname(__DIR__)) . implode(DIRECTORY_SEPARATOR, ['', 'inc'
<p class="serviceDescription">Vår interne git-tjener, åpen for alle medlemmer</p> <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 class="serviceLink"><a href="https://git.pvv.ntnu.no" target="_blank"> til git.pvv.ntnu.no</a></div>
</div> </div>
<img class="serviceImage" src="img/gogs.png" alt="Gogs logo"> <img class="serviceImage" src="img/gogs.png" alt="Gogs-logo">
</div> </div>
<div class="service"> <div class="service">
@ -49,7 +49,7 @@ require_once dirname(dirname(__DIR__)) . implode(DIRECTORY_SEPARATOR, ['', 'inc'
<p class="serviceDescription">Trac er vårt gamle prosjektsystem. Her kan du lage og dele prosjekter om du er for hipster for github.</p> <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 class="serviceLink"><a href="https://dev.pvv.ntnu.no/projects/pvv-dev/" target="_blank"> til dev.pvv.ntnu.no</a></div>
</div> </div>
<img class="serviceImage" src="img/trac.png" alt="Trac logo"> <img class="serviceImage" src="img/trac.png" alt="Trac-logo">
</div> </div>
</div> </div>
@ -63,9 +63,12 @@ require_once dirname(dirname(__DIR__)) . implode(DIRECTORY_SEPARATOR, ['', 'inc'
<div class="serviceContent"> <div class="serviceContent">
<h2 class="serviceTitle">Matrix via Element</h2> <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> <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 class="serviceLink">
<a href="https://chat.pvv.ntnu.no" target="_blank"> til chat.pvv.ntnu.no(medlem)</a>
<a href="https://matrix.to/#/#pvv:pvv.ntnu.no" target="_blank"> til #pvv:pvv.ntnu.no(offentlig)</a>
</div> </div>
<img class="serviceImage" src="img/element.png" alt="Element logo"> </div>
<img class="serviceImage" src="img/element.png" alt="Element-logo">
</div> </div>
<div class="service"> <div class="service">
@ -74,9 +77,83 @@ require_once dirname(dirname(__DIR__)) . implode(DIRECTORY_SEPARATOR, ['', 'inc'
<p class="serviceDescription">Vår hovedkanal, her finner du alt fra ofisielle announcements til memes og driftsdiskusjoner.</p> <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 class="serviceLink"><a href="https://discord.gg/WpaHGV8K" target="_blank"> til Discord</a></div>
</div> </div>
<img class="serviceImage" src="img/discord.png" alt="Discord logo"> <img class="serviceImage" src="img/discord.png" alt="Discord-logo">
</div> </div>
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">Epost</h2>
<p class="serviceDescription">Som PVV-medlem får du din egen @pvv.ntnu.no-adresse, som kan brukes med alle vanlige epostprotokoller.</p>
<div class="serviceLink">
<a href="https://www.pvv.ntnu.no/mail/" target="_blank"> til Webmail</a>
<a href="https://www.pvv.ntnu.no/pvv/Drift/Mail/IMAP_POP3/" target="_blank">IMAP/POP/SMTP-innstillinger</a>
</div>
</div>
<img class="serviceImage" src="img/email.png" alt="Epost-ikon">
</div>
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">IRC</h2>
<p class="serviceDescription">Hvis Discord er for proprietært og Matrix er for hypermoderne er kanskje IRC for deg. Vi har en kanal IRCNet, <b>#pvv</b>.</p>
<div class="serviceLink"><a href="irc://irc.pvv.ntnu.no/pvv" target="_blank">Koble til med IRC</a></div>
</div>
<img class="serviceImage" src="img/irc.png" alt="IRC-ikon">
</div>
</div>
</div>
<div class="categoryContainer">
<div class="categoryLabel">Virtualisering</div>
<div class="categoryContent">
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">Proxmox @joshua</h2>
<p class="serviceDescription">Joshua er en av våre VM-tjenere, her kan du kjøre enten fulle VM-er eller konteinere.</p>
<div class="serviceLink"><a href="https://joshua.pvv.ntnu.no:8006" target="_blank"> til joshua.pvv.ntnu.no</a></div>
</div>
<img class="serviceImage" src="img/proxmox.png" alt="Proxmox-logo">
</div>
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">Proxmox @andresbu</h2>
<p class="serviceDescription">Andresbu er en kraftigere VM-tjener, men har fortsatt en del rusk i maskineriet. Brukes eget ansvar.</p>
<div class="serviceLink"><a href="https://andresbu.pvv.ntnu.no:8006" target="_blank"> til andresbu.pvv.ntnu.no</a></div>
</div>
<img class="serviceImage" src="img/proxmox.png" alt="Proxmox-logo">
</div>
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">ESXI @asgore</h2>
<p class="serviceDescription">Asgore er vår eldste og største VM-tjener, og kjører ESXI.</p>
<div class="serviceLink"><a href="https://asgore.pvv.ntnu.no" target="_blank"> til asgore.pvv.ntnu.no</a></div>
</div>
<img class="serviceImage" src="img/esxi.png" alt="ESXI-logo">
</div>
</div>
</div>
<div class="categoryContainer">
<div class="categoryLabel">Underholdning</div>
<div class="categoryContent">
<div class="service">
<div class="serviceContent">
<h2 class="serviceTitle">Minecraft</h2>
<p class="serviceDescription">Vi har en egen Minecraft-server <b>for medlemmer</b>, som du kan koble til med IP-adressen <b>minecraft.pvv.ntnu.no</b>. Spør om whitelist matrix/discord.</p>
<div class="serviceLink"><a href="https://minecraft.pvv.ntnu.no" target="_blank"> til verdenskartet vårt</a></div>
</div>
<img class="serviceImage" src="img/minecraft.png" alt="Minecraft-logo">
</div>
<!-- Bokhylle /brzeczyszczykiewicz ? -->
</div> </div>
</div> </div>
</main> </main>