<!-- Afegir o eliminar la class "hidden" al tag següent per amagar o mostrar les alertes -->
    
<div class="">
	
	<div style="width:auto; position:absolute; left:20%; top:6vh">
		<i class="fas fa-bullhorn" style="font-size:4em; color:#2A7886"></i>
	</div>
	<div style="margin:2vh 25% 0 26%;">
		<p>Dear CSUC HPC users,</p>
		<br>
        <p><strong>UPDATE 01/04/2019:</strong> Due to maintenance tasks, <strong>canigo2</strong> (shared memory node) is temporarily unavailable. Running jobs on that node are not going to be affected and will finish normally. We apologise for the inconvenience that this may cause.</p>
        <!--<p>Due to a technical incidence the queues are temporary closed. Your jobs may appear as "PartitionDown", "QOSNotAllowed" or "InvalidQOS" at now. We apologize for the inconvenience that this may cause.</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>
  // 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>