<!-- 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 02/05/2019:</strong> Due to a mantainance during this night, the login node will be temporary unaccessible and all active shells will be killed. Please, make sure you do not have any critical active session on Login Node.</p>
        <p><strong>UPDATE 01/04/2019:</strong> Due to maintenance tasks, <strong>canigo2</strong> (shared memory node) is temporarily unavailable. 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>