<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<style>
/*
* Remove items from Atlassian for a cleaner Portal aspect.
*/
.ia-splitter-left, #main-header, .page-metadata, #likes-and-labels-container, #comments-section, #footer, .aui-nav li { display: none !important; }
.ia-splitter { border:none !important }
#editPageLink { display:inline-block !important; }
#header { position: absolute !important; width: 100vw !important; z-index: 99 !important; }
#main { margin:0 !important; width:100vw !important; height: 100vh !important; padding-top: 10vh !important; border:none !important; }
#content { padding: 0 !important; }
#CSUCHPCPortal-HPCPORTAL { font-size: 3em !important; font-weight:bold !important;}
/*
* Style HPC alert items.
*/
.grid-alert {
display: grid;
grid-template-columns: 1fr 1fr 7fr 2fr;
grid-gap: 0 10px;
grid-template-areas: ". a b ."
}
#alert-icon { grid-area: a;}
#alert-message { grid-area: b;}
@media (max-width: 600px) {
.grid-alert {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, auto);
grid-gap: 10px 0;
grid-template-areas: "a"
"b";
justify-self: center;
text-align: center;
}
#alert-icon i { font-size:1em;}
}
/*
* Style HPC navigation items.
*/
.grid-nav {
display: grid;
grid-template-columns: 1fr repeat(3, 3fr) 1fr;
grid-template-rows: 1fr;
grid-gap: 0 10px;
grid-template-areas: ". a b c .";
}
@media (max-width: 600px) {
.grid-nav {
display: grid;
grid-template-columns: 1fr 9fr 1fr;
grid-template-rows: repeat(3, 1fr);
grid-gap: 10px 0;
grid-template-areas: ". a ."
". b ."
". c .";
}
}
.hpc-nav-item {
align-self: center;
justify-self: center;
text-align: center;
text-decoration: none !important;
}
#support { grid-area: a; }
#docs{ grid-area: b; }
#stats{ grid-area: c; }
.hpc-nav-item i {
font-size: 6em;
color: #2A7886;
padding: 10px;
}
.hpc-nav-item:hover i {
color: rgba(42,120,134,0.9);
}
.hpc-nav-item p {
font-size: 1.8em;
color: black;
padding: 10px;
}
.hpc-nav-item:hover p {
color: rgba(0,0,0,0.8);
}
</style>
<div class="grid-nav">
<div class="hpc-nav-item" id="support">
<a href="https://servicedesk.csuc.cat/servicedesk/customer/portal/10">
<i class="fas fa-question-circle"></i>
<p>Support</p>
</a>
<a href="https://servicedesk.csuc.cat/servicedesk/customer/portal/10/user/forgotpassword">(With registration, forgot your password?)</a>
</div>
<a class="hpc-nav-item" id="docs" href="https://confluence.csuc.cat/display/HPCKB/HPC+Knowledge+Base">
<i class="fas fa-book"></i>
<p>Documentation</p>
</a>
<a class="hpc-nav-item" id="stats" href="https://confluence.csuc.cat/display/HPCKB/HPC+Stats">
<i class="fas fa-chart-bar"></i>
<p>Status</p>
</a>
</div> |