<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<style>
// Reset styles and hide elements
.nodeco { text-decoration:none !important; }
.nodeco i { text-align:center; font-size:6em; color:#2A7886 }
.nodeco:hover { text-decoration:none !important; }
.nodeco:hover i { color:rgba(42,120,134,0.9) !important; text-decoration:none !important; }
.flex { display:flex; }
.column { flex-direction:column; }
.justbwn { justify-content:space-between; }
.justrnd { justify-content:space-around; }
.ia-splitter-left, #main-header, .page-metadata, #likes-and-labels-container, #comments-section, #footer, .aui-nav li { display: none !important; }
#editPageLink { display:inline-block !important; }
#main { margin:0 !important; height:94.5vh !important; border:none !important; }
.ia-splitter { border:none !important }
h1:last-child { font-size: 3em !important; font-weight:bold !important; margin-top: 5% !important; }
#hpc-icons { max-width:60vw; margin:auto; }
.hpc-icon { width: 20%; min-width:180px; text-align:center; }
</style>
<span id="hpc-icons" class="flex justbwn">
<a href="https://servicedesk.csuc.cat/servicedesk/customer/portal/10" class="nodeco flex column justrnd hpc-icon">
<i class="fas fa-question-circle"></i>
<h2 style="text-align:center;font-size:1.8em">Support</br><span style="font-size:0.7em">(with registration)</span></h2>
</a>
<a href="https://confluence.csuc.cat/display/HPCKB/HPC+Knowledge+Base" class="nodeco flex column justrnd hpc-icon">
<i class="fas fa-book"></i>
<h2 style="text-align:center;font-size:1.8em">Documentation</h2>
</a>
<a href="https://confluence.csuc.cat/display/HPCKB/HPC+Stats" class="nodeco flex column justrnd hpc-icon">
<i class="fas fa-chart-bar"></i>
<h2 style="text-align:center;font-size:1.8em">Status</br></h2>
</a>
</span> |