<!-- Afegir o eliminar "hidden" al tag següent per amagar o mostrar les alertes -->

<div class="hidden">
	<div style="width:auto;position:absolute;left:20%;top:6%">
		<i class="fas fa-bullhorn" style="font-size:4em; color:#2A7886"></i>
	</div>
	<div style="margin:0 25% 0 26%;">
 
		<p>Dear CSUC HPC users, As you have probably noticed, since Monday we've had some hardware issues which prevented you from accessing the shared 
filesystem at /scratch from the login node login1.</p>
		<p>Today we're performing an intervention on the BeeGFS nodes that manage /scratch, so that the issue will soon be solved.</p>
		<p>Unfortunately, the intervention also means that there might be temporary restrictions on access to /scratch and/or input/output errors in currently running jobs that use that volume. We thank your for your patience and strive to restore service as soon as possible.</p>
	</div>
</div>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<style>
	.nodeco { text-decoration:none !important; }
    .nodeco i { text-align:center; font-size:6em; color:#2A7886 }
	.flex { display:flex; }
	.column { flex-direction:column; }
	.justbwn { justify-content:space-between; }
	.justrnd { justify-content:space-around; }
	a:hover i { color:rgba(42,120,134,0.9) !important; }
    .ia-splitter-left, #main-header, .page-metadata, #likes-and-labels-container, #comments-section, #footer { display: none !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: 10% !important; }
</style>

<span class="flex justbwn">
	<a href="https://servicedesk.csuc.cat/servicedesk/customer/portal/10" class="nodeco flex column justrnd" style="width:20%; margin-left:20%; text-align:center;">
		<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" style="width:20%; text-align:center;">
		<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" style="width:20%; margin-right:20%; text-align:center;">
		<i class="fas fa-chart-bar"></i>
		<h2 style="text-align:center;font-size:1.8em">Status</br></h2>
	</a>
</span>