From 185bdec9058c9265a60532d099b21bee957cfeec Mon Sep 17 00:00:00 2001 From: Ciro Scognamiglio Date: Mon, 29 Sep 2014 11:48:26 +0200 Subject: [PATCH] the fantaastic theme --- portal/static/css/fantaastic.css | 651 +++++++++++++----- portal/static/img/fantaastic.png | Bin 0 -> 14492 bytes portal/templates/_footer.html | 16 + portal/templates/base.html | 17 +- .../fantaastic/fantaastic_footer.html | 16 + .../fantaastic/fantaastic_home-view.html | 188 +++++ .../fantaastic_widget-login-user.html | 26 + .../fantaastic/fantaastic_widget-topmenu.html | 85 ++- 8 files changed, 781 insertions(+), 218 deletions(-) create mode 100644 portal/static/img/fantaastic.png create mode 100644 portal/templates/_footer.html create mode 100644 portal/templates/fantaastic/fantaastic_footer.html create mode 100644 portal/templates/fantaastic/fantaastic_home-view.html create mode 100644 portal/templates/fantaastic/fantaastic_widget-login-user.html diff --git a/portal/static/css/fantaastic.css b/portal/static/css/fantaastic.css index 411234b8..623285d3 100644 --- a/portal/static/css/fantaastic.css +++ b/portal/static/css/fantaastic.css @@ -1,3 +1,5 @@ +@import url("../fonts/opensans_bold_macroman/stylesheet.css"); + html { height: 100% } body { @@ -6,15 +8,32 @@ body { margin:0; padding:0; height: 100%; + letter-spacing:0.3px; } a, a:active, a:focus { outline: 0; + text-decoration:none; + color:#760073; +} +a:hover { + color:#0D0049; } +a.current { + text-decoration:underline; + color:#333333; +} +p.command { + padding:15px; + margin:15px 0; + color:#890000; + background-color:#E0E0E0; + font-family:Courier, monospace; +} h1 { border-bottom:1px solid #DDDDDD; padding:0 0 0 0; - margin:0 0 0 0; + margin:15px 0 15px 0; font-size:14pt; } h1 img { @@ -24,154 +43,177 @@ h1 img { } h2 { margin:0 0 15px 0; - font-size:13pt; - color:#0C0045; + font-size:14pt; + color:#333333; } h3 { - font-size:11pt; + margin:0 0 5px 0; + font-size:13pt; color:#201E62; } -button { - font-size:11pt; -} -div.wrapper { - width:980px; - margin:0 auto; - position:relative; +h4 { + margin:0 0 5px 0; + font-size:12pt; + color:#333333; } -div.container { - width:980px; - margin:25px auto; +span.subtitle { + color:#454545; + font-size:9pt; + font-weight:normal; + text-transform:uppercase; } -div.wide { - margin:25px auto; - padding:0 25px; +span.small { + font-size:9pt; } - -span.label { - font-size:11pt; +span.gray { color:gray; +} +span.type { + color:#201E62; + font-weight:bold; + font-size:9pt; +} +span.htitle { + color:#454545; + font-size:9pt; font-weight:normal; - padding:0; } -/***** Notifications *****/ -.warning { - border: 1px solid red; - margin: 20px 60px; - padding: 10px 20px; - color: red; - background-color: #f2dbdb; - text-align: center; +span.version { + font-size:8pt; + color:#888888; } -/* HEADER */ -div#header { - height:100px; - background-color:white; +input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], select, option { + min-width:260px; + padding:6px; + border:1pt solid #22606D; + vertical-align:bottom; + border-radius:0; } -div#secondary { - +textarea { + padding:6px; + border:1pt solid #22606D !important; + border-radius:0 !important; } -div#secondary ul { - position:absolute; - top:20px; - right:0; +span.label { + font-size:11pt; + color:gray; + font-weight:normal; + padding:0; } - -div#secondary li { +div.el { + padding-bottom:15px; +} +div.breadcrumbs { + margin:15px 0; + color:gray; font-size:10pt; - float:left; - list-style:none; - margin-right:30px; } -div#secondary li a { - color:black; +div.breadcrumbs a { + color:gray; } -div#secondary li a:hover { - color:#270A5A; - text-decoration:none; +div.breadcrumbs a:hover { + text-decoration:underline; } -div#secondary li:last-child { - margin-right:0; +.tab-pane { + padding-top:15px; } - -div#navigation { - background-color:black; - width:100%; - height:40px; +/* buttons */ +button.btn, input.btn { + padding:6px 10px; + border-radius:5px; + font-size:10pt; + font-weight:normal; } -div#navigation div.wrapper { - text-align:center; +button.btn span.glyphicon { + margin-right:6px; } -div#navigation ul { - margin:0; - padding:0; - display: inline-block; - list-style-type: none; - white-space: nowrap; +button.btn-default { + border-bottom:3px solid #cccccc; } - -div#navigation li { - color:white; - font-family:helvetica, sans-serif; - font-size:10pt ; - font-weight:normal; - line-height:0.8em; - letter-spacing:0.6pt; - list-style:none; - float:left; - padding:0; - margin:15px 50px 0 0; +button.btn-default:hover { + background-color:white; + border:1px solid #ADADAD; + border-bottom:3px solid #ADADAD; } -div#navigation li a { +button.btn-default:active { + background-color:white; + border:1px solid #ADADAD; + border-bottom:1px solid #ADADAD; + margin-top:2px; + box-shadow:none; +} +button.btn-primary { + border-bottom:3px solid #3071A9; +} +button.btn-primary:hover { + box-shadow:none; + background-color:#428bca; + border:1px solid #357ebd; + border-bottom:3px solid #3071A9; +} +button.btn-primary:active { + box-shadow:none; + border-bottom:1px solid #3071A9; + margin-top:2px; +} +button.btn-danger { + border-bottom:3px solid #A13F3A; +} +button.btn-danger:hover { + box-shadow:none; + background-color:#d9534f; + border:1px solid #d43f3a; + border-bottom:3px solid #A13F3A; +} +button.btn-danger:active { + border:1px solid #d43f3a; + box-shadow:none; + margin-top:2px; +} +button.btn-onelab, input.btn-onelab { + border:0; + border-bottom:3px solid #760073; + background-color:#302562; color:white; } -div#navigation li a:hover { - text-decoration:none; - color:#B8B2FF; +button.btn-onelab:hover, input.btn-onelab:hover { + border:0; + border-bottom:3px solid #760073; + background-color:#302562; + color:white; } -div#navigation li:last-child { - margin-right:0; +button.btn-onelab:active, input.btn-onelab:active { + box-shadow:none; + border-bottom:1px solid #760073; + margin-top:2px; } -div#navigation li.active { - padding:5px; - padding-top: 15px; - min-height: 40px; - margin-top: 0px; - background-color:gray; - color:#FF0000; -} -div#navigation li.slices { - position:relative; - cursor:pointer; +.container-resource button { + padding:2px 4px; + border-radius:3px; + font-size:9pt; + font-weight:normal; } -div#navigation .dropdown-menu { - color:white; - padding:0 15px 15px 15px; - margin-top:5px; - margin-left:-16px; - background-color:black; +.container-resource select,.container-resource option, .container-resource input { + padding:2px 4px; + font-size:9pt; } -div#navigation .dropdown-menu a { - color:white; +.badge { + font-size:9pt; + margin-left:4px; } - -div#menu-slice-list{ - display:none; - position:absolute; - background-color:black; - padding:15px; - left:-15px; - z-index:10; +/***** Notifications *****/ +.warning { + border: 1px solid red; + margin: 20px 60px; + padding: 10px 20px; + color: red; + background-color: #f2dbdb; + text-align: center; } -div#navigation .dropdown-menu li:first-child { - border-bottom:1px solid white; - padding-bottom:5px; - -} /* HOME DASHBOARD */ div#home-dashboard { color:black; @@ -245,24 +287,6 @@ div#home-dashboard div#home-slice-list li { } -.login-submit { - vertical-align:middle; - padding:0; -} -.lost-password { - font-size:10pt; - color:#CCCCCC; - text-align:right; - padding:0px; -} -.lost-password a { -} -.login-signup { - border-top:1px solid #CCCCCC; - text-align:center; - margin-top:15px; - padding:5px 0 0 0; -} /**/ /**/ @@ -270,15 +294,6 @@ div#home-dashboard div#home-slice-list li { div.well { } /**/ -/* BUTTON */ -.btn.btn-default { - font-weight: bold; -} - -.btn.btn-default:hover { - font-weight: bold; -} -/**/ /* TABLE */ table.table { margin:0; @@ -327,26 +342,22 @@ div#ticket-request p { margin:20px 0; } -ul.nav-tabs {} +ul.nav-tabs { + margin:0 0 15px 0; +} ul.nav-tabs ul {} ul.nav-tabs li {} ul.nav-section li a { + color:black; border-bottom:0; } ul.nav-section li:first-child { padding:0; } ul.nav-section li:first-child a { - font-weight:bold; - padding:6px 15px 4px 15px; } ul.nav-section li:first-child.active a { - padding:6px 15px 3px 15px; -} -ul.nav-section li:first-child img { - margin:0 4px 1px 0; - padding:0; } ul.nav-resources { @@ -357,42 +368,82 @@ ul.nav-resources a { } /* SLICE VIEW */ - - +div.container-resource, div.container-slice { + padding-right:15px; + padding-left:15px; +} +.table th { + border-top:0 !important; +} div#slice-view { margin:0; } div.list-group-item { border:0; + -moz-border-radius: 0; + border-radius: 0; background-color:white; font-weight:bold; padding-left:0; } a.list-group-item { + -moz-border-radius: 0; + border-radius: 0; border:0; background-color:white; - padding:3px 0 3px 10px; + padding:3px 2px 3px 10px; border-left:2pt white solid; } -a.list-group-item.active, a.list-group-item.active:hover { +a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { + -moz-border-radius: 0; + border-radius: 0; font-weight: bold; color:black; - background-color:transparent; + background-color:#F5F5F5; border-left:2pt blue solid; } -a.list-group-item.active:hover { - background-color:#dddddd; -} + a.list-group-item:hover { + -moz-border-radius: 0; + border-radius: 0; border-left:2pt blue solid; } a.list-group-item p.list-group-item-text { + -moz-border-radius: 0; + border-radius: 0; font-size:9pt; font-style:italic; font-weight: normal; color: black !important; } +span.sl-resources { + font-size:9pt; + color:gray; +} +a.sl-resources, a.sl-resources:hover { + font-size:9pt; + border:0; + padding:2px 4px; + -moz-border-radius: 4px; + border-radius: 4px; + width:105px; + margin-left:4px; + margin-bottom:8px; + text-align: center; +} +a.sl-resources.active, a.sl-resources.active:hover, a.sl-resources.active:focus { + border:0; + -moz-border-radius: 4px; + border-radius: 4px; +} +a.sl-resources:first-child { + margin-left:12px; +} +button.btn-apply { + font-size:13px; + padding:2px 8px; +} div#slice-info { margin-top:25px; } @@ -471,6 +522,8 @@ div#slice-info td { padding:3px 5px; } .slice-pending button.apply { + font-size:14px; + padding:2px 5px; } .slice-pending button.clear { } @@ -481,3 +534,287 @@ div.dataTables_filter label{ float:left; width:400px; } + +/* HEADER */ + + +.header { + -moz-box-shadow: 0 0 1px rgba(82,82,82,0.6); + -webkit-box-shadow: 0 0 1px rgba(82,82,82,0.6); + box-shadow: 0 0 1px rgba(82,82,82,0.6); + height:61px; + background-color:white; +} + +div.navigation { + +} +div.navigation ul { + margin:26px 0 0 0; + padding:0; + display: inline-block; + list-style-type: none; + white-space: nowrap; +} + +div.navigation li { + color:#0C0047; + font-family:open_sansbold, sans-serif; + font-size:9pt; + font-weight:normal; + line-height:0.8em; + letter-spacing:0.4pt; + list-style:none; + float:left; + padding:0 15px; + margin:0; + text-transform:uppercase; +} +div.navigation li:hover { +} +div.navigation li a { + color:#0C0047; +} +div.navigation li a:hover, div.navigation li a.current { + color:#760073; + text-decoration:none; +} + +div.navigation li:last-child { + margin-right:0; +} + + +div.navigation .dropdown-menu { + color:black; + -moz-box-shadow: 1px 1px 0px 0 rgba(58, 48, 100,0.8); + -webkit-box-shadow: 1px 1px 0px 0 rgba(58, 48, 100,0.8); + box-shadow: 1px 1px 0px 0 rgba(58, 48, 100,0.8); + border-radius:2px; + padding:0 5px 5px 5px; + margin-top:5px; + margin-left:20px; +} +div.navigation .dropdown-menu ul { + margin:0; + padding:15px 5px 5px 5px; + display:list-item; +} +div.navigation .dropdown-menu li { + margin:0 10px 0 0; + padding:0 0 8px 0; + display:list-item; + float:none; + text-transform: none; +} + +div.navigation .dropdown-menu a { + font-family:Helvetica,sans-serif; + font-size:10pt; + color:black; +} +div.navigation .dropdown-menu li.title { + margin-bottom:10px; +} +div.navigation .dropdown-menu li.title a { + font-family:open_sansbold, sans-serif; +} + + +div.navigation .dropdown-menu li:first-child { + border-bottom:1px solid white; + padding-bottom:5px; + +} + +div.secondary { + text-align:right; +} + +div.secondary ul { + margin:6px 0 0 0; + padding:0; +} + +div.secondary li { + font-size:9pt; + display:inline; + list-style:none; + margin:0px; + padding:0; + margin-right:15px; + color:#747474; + letter-spacing:0.4px; +} +div.secondary li:last-child { + margin-right:0; +} +div.secondary li a { + color:#747474; +} +div.secondary li a:hover { + text-decoration:underline; +} +div.secondary .button { + width:300px; + margin-top:15px; +} +div.secondary .account { + margin-top:10px; + padding:0; + font-size:9pt; + color:gray; + text-align:right; +} +div.secondary .account span { + font-size:8pt; +} +div.secondary .account a { + color:black; +} + + +div.footer { + padding-top:15px; +} +div.footer div.bottom { + position:absolute; + bottom:0; +} +div.footer ul { + margin:6px 0 0 0; + padding:0; +} + +div.footer li { + font-size:9pt; + display:inline; + list-style:none; + margin:0px; + padding:0; + margin-right:15px; + color:#747474; + letter-spacing:0.4px; +} + +div.footer li a { + color:#747474; +} +div.footer li a:hover { + text-decoration:underline; +} +div.copy { + font-size:8pt; + color:gray; + padding-top:15px; + padding-bottom:15px; +} + +div.home { + font-size:11pt; + line-height:1.2em; + letter-spacing:0.3pt; + min-height:500px; + background-image: url('../img/bg-experiment.png'); + background-repeat:no-repeat; + background-size:cover; + background-position:center top; + background-color:#086274; + padding:100px 0; +} +div.home h2 { + color:white; + line-height:1.2em; + font-size:18pt; +} +div.home h3 { + color:white; + line-height:1.4em; +} +div.dashboard { + text-align:center; +} +div.dashboard div { + margin:25px 0; +} +div.dashboard ul { + text-align:left; + margin-left:24px; + list-style:none; +} +div.registration-form { + padding-top:150px; + text-align:center; +} + +.login-form input { + width:320px; +} +.login-form input[type=submit] { + width:108px; +} + +.login-submit { + vertical-align:middle; + padding:0; +} +.lost-password { + font-size:10pt; + color:black; + text-align:right; + padding:0px; +} +.lost-password a { + color:white; + text-shadow:0.5px 0.5px black; +} +.login-signup { + font-size:12pt; + color:white; + text-shadow:0.5px 0.5px black; + margin-top:45px; + padding:5px 0 0 4px; + +} +.login-signup a { + color:white; + text-shadow:0.5px 0.5px black; + padding-bottom:2px; + border-bottom:2pt solid white; +} +.login-signup a:hover { + text-decoration:none; +} +.login-signup button { + padding:8px; + border:0; + border-bottom:2px solid #540086; + background-color:#302562; + color:white; + width:100px; + border-radius:5px; + font-size:12pt; +} +div.slogan { + text-align:center; + color:white; + padding-top:60px; + text-shadow: 1px 1px #013540; +} + +th { + border:0 !important; +} + +div.monitor { + padding:40px 0 25px 0; +} +div.monitor h1 { + margin-bottom:25px; +} +div.s-monitor { + padding-bottom:25px; +} +span#stats-period-txt { + text-transform:lowercase; +} diff --git a/portal/static/img/fantaastic.png b/portal/static/img/fantaastic.png new file mode 100644 index 0000000000000000000000000000000000000000..f4ec9a0d70ea04f00f12a2afa61a8b3e8f259592 GIT binary patch literal 14492 zcmV;NIAh0&P)_ADNc@AbVd-%tAM+Mer~YiDx) z^Z&kcjs?Ro48t%C!!QiPFbu;m48t%C!!QiPFbu;m48x2DsbXb0S*WB*$u6Z0`kG)E zhGCd{(Tmj&;b@eqpP}0)^kU^Cj$|Asw0xzg6)G~>B~7VFw_l`lUrZLOFX>RJdPp$L z0Ju|?2jhkJKP(uA84Zk5?GZA8hsgwd7yXlkTObj@EA%#a4|+WnAlATW`8 zP37=xSfa-w7={@>RNne34bZQ*5($hWmMzL~rYJX31?e~P(g*2n;js;)AVcYb+@y2y z96fKF!MsN1@)f~Y%5BYf?Ah5V={B+tI?4JGesmBJItj*TA;Gsm*};9R4|s9 z%Hhe25*iN%0#59wbnAsRjT`q2GYpc2>Yp2fJ{drSjKF6ob8wMh8lL{8o=fu5?GPoL zM6PUC|K+S;EHxGA<+WRKzvZxCws;7#zMryPNHKd~TkX)QR(cHLWWz9hfCfDEK%SsM z_a+8=l&w(8QmF*SV2<1*S2MjJxg_l=iLKCU{U%_LoYOe> zY9xBj%6`gT`t{9tOS_&!X@^q{!}QUFf0zc^kQ&^}jU?gLd!!O`%mrmJJ5x)DUi(9W zvBXrMAIw~qi}9^7q!t**$<-x1w(T5z-O7H-fa1nJ!}MV&U!=h`f4319Yq1KipJ7J6 z-1PtrsOL!~4CY(8lJp`ys8ZKZ)k;L0_8ALwp5BxD1v7M0L5a+)QWsXuW6E%!#$jvO z3x@K;g$$*&|MKr2GqUOAdsuVQo+hje#jO&G4QkI4i`i=|m+;;QW@x5@X~=`_>D9wX z9AEZ2ww#sUnM=zH!E#+N%&0*F=TjZqoaD=Dc2_&0*lR2#q$XUOjrxgT`davi5>`KE zV#f62W@FtlVM~``q!btmgtQXOzR#PdGNS_}fS+~`putq3)kATFP=534IhdW@#`26{ zdV(fA(#AncUofOWdMD_2SYaqIEHMP0U(3T#?&`0eBF{2oMkb;Bm?T@$Ntn{xG!#e4 zrR6XKO_jmy)sFQCVW4$rxT-b@AQ5OdM7ZD z-9#ydcT#2?x!uY$I}DIWDebAeeaPFP;WX}JIY*=w=xOnP4i+yqSHPR9w|$a%nRqm!c#(E|XSbDS0!Vk?+wt?xaNt22+fklUAT_3&wPV z!3;7q|7|iAOLs9w<9#tvJBM{BNGM1ly-lT^SkPm6(_fN!KFVTT8e@ivQL27I%a_M@ zF%>kwRU>>4Gg;TNWF(n}fy_q?c_XaLxv(MULWaB^#(kyvD3od(7wLE_o>4myo19jn z>7rvyMax$%>!s=gg4wY=X5MTt`%MMHEU^8i4-EE57a06u1Wog>RQNe)_`|dW!F!2U~LFoau_N){u^K&}Rp@;@7zob+pQ!l%hA-ULLq6LOO7PtoHufux+H z^A{Qhlp=F60Se3Ahq-Ac^9RVXg`M#%(;WZb8W;~jTG zURY1a^LG;RpYLrc-Pvl~e|vpP{@VqUfw8nr2I*!|84LO@%2+;leHE0!ykz2^7tFRb zEIXMB_68HcW>bMlU~f5$$*uGIoY}>O!i+vN$Q|8l5Y$Oqm`V&&=}IW*olFN* zc?;%nk<8>DWFW7s#^uW^F?n`rQ=Vz+Ps^K)$Nsh&lW(lW*16GkFA$l8|!Oc`cFVMcn_;U{_x zfX(ggVJaO7U}aMo%D5_Rkx3-vU&u6GT8PTu&W7djnUMU&bXfkJgyZq6;l|@H(0|a= zi^^dBz7|J%L2^;$G8l_rqr?JZF&cdu@1V{4jPp!IsroI!bZ~F41m!Sc6EKi__wrKa zFgzwAl>i$GGpbXFefu#L{I&0Hnu?c%hB``KD0f|=bn?dSxI8f*mB-0Ej!gyS7&I9o zwT~@5NB4hu73LCYB$!ukA+@No*myIs%mlQ%J(l%ER(c0WDiN4U(Q&2%c?Ht}J|?*N zal&evu#NO;whwC;;z7kb88bs6U9NwM2DLM!`uaQHkRPs(X zl{)D({w)M^cjsa>=KEdHXw_%b3!A}oUzmXjhQgaoGM2BJ|8nm^Z~Gb*Pcx-VZ)goe zd6UXlzquBcV-rD`MVEo}HWwrp7}7~HmRDC*pXH)UC6-Blg8C~dk|FOTG6za4ZYP(& z+VAh9g1JkhG0$`?fE>_Ncr6Mul(N@iU#5~PtEAFQDHD_=F3{lr$GM0yl(t#)X)Gjq z{_}HTd1f(6CZ%SG!LX24W`oJb&$}5*AGrLr>1bsiTS zclU5WI5;TJ^=Y9KC>@Lg?pOtmmeB!RfwtUnz}?Y7>0U`QnxyGUXVN5XlQhdtoY6E* zn;kped)x7nY|GlR_OL9=E8qKlU#TKi9LqD3)A#>8zvq?SDNFMIqwjCM>PQEba)V4{ zk%>UX*%NJd&x&~#Ei$0KwcduM`Ei9ZX`@zxvW0DiNu)|CvS|>PT|$lnI!6121))saVS3homOu(1a(xPy}7xsOzgx?`F1^ zxV7C)nh`@=~c88>+1g`p49Yixv3s!pPQ11?+nSh-nWM+ChFcX>~KLQ12Wu zHSIacNRv!3wR5pLQkFt|BLl<}_xlgP90)UwSSEUh#6PT(#nmOQFTDiZJF%1|&jk?j z+#-+76Nbu@g+{CuwX(fI)Jm&^1(b?fDKmK(TTvQRc1*aUJ`}I0PjefR&*nN!8V!Tb zdF%d`eexdKmT1(GvcY~}(~$k8LPZ_ZKLP_ob3~;an?yZ@qEt*?FUpNZDOl9v_3{QR z%qhd-oIEVf&c@@}N3kR)2aAstVsUP@z@|;WVi>o2S)zc2u@wt4>+IOuOcz+RUs$Qp zqqxAD2$c!es2IKRTMMVX$!C)t=pXuMIzeS`^B&L|?5!;tb);lWq9JJFz5thuC&3Il2Q24{ycXgBh}3*5&NO z!t6pkmfa|Tp@N}$85=AN_`h6cmMVO!Ok~|S$hsAQN{Jx~mE(@UEH8XaZc=5RmQbM; z=!@VA5B$w&`*MAo%a~DVt{JYeHg;>&amJv+PQwhuFRcrXxgQmeMjh&y<{n>vk%?ag&b7Ee%-ByoYgP-4R78XMkb3zt}xeX%H&>Io_pof!9}>uVN4 zWmxKI{+zB*q0t>?3HUGIb}pM79eKw(a!2f=Y*)v$jj>wSC#sJz;6nJQE--aWdm3@= zcomAHCnV~`BI-mdK&eG}$Ga$K*?@zM8Q4;uh2^=s;!t_)@HVU}IgCz^7jigy`cEJj z8CI6zfnl^dJ$Syj5%Y6e@kA1+JYQmBm3^*Wi@FGmAD<& z9v*eQ07jj-W*91jMlx3x;lkj2LII@u*{EY$U0;{Ugryx1P@FNKv^xbT);d&l>_eUa zrJ!{qvYRrIRh5P3^WIdTvQS)I%k%ca;PoRk00#6&oKJ$!2oIis&gI3DW7U!^rezxP zX`%9Bskp!D*c0rpP$`YoswmlC6YWkMo^?=ZrNIEfLLRd`n_>YBy9wl94=~Qy*j36NJh~=NM_O6sBme-tCj2nX2-r*N-^&o$(w&Q*nQ)Vr6j9ON&hUc*ZG-gQaBhFNr;ss zH3sQ5>X_C+WubNzR!7W?I+M^x8iY0Lw@XNF_xBS@l>fP z?gm@Jj>Q!gY;B0PX*r^e-p`&YrOu|bXc?#5E0l2US?dD3Bo#4~gaCXpQ?tI*p^o<_ zRQl&8&-Ut3g7X~?EwtTDs52I#SSPNp1gOvoMZFwp%*6JpZFn+gJ92cbNn{q;^s;m_h4`$1 zO8+C8Gc*_nVQtAIK$4jGrN&g$p^o=SDzQ7+BxVnI(d9Ov-Pwj#TO(=>xhQVS5~xUk zzGX9GDO`?#3u7y9l!{_0J_xJ77d?^T(*nih_2b#xy;5<%19SK8!&P5<6xZCc0#B4$ z@N}^m>#8i+$ykc0l%tHLbh=P!^2TB*JxPH==s4p*IV;SqIYWc75JF)(Of7s=hdR!B zpbUIaCMe?=Dkbjv(!2C%SK=vk0+nOp>e`BewoNG0XQ0B6p)8BETL>5>wvyYt1$%0@ z;??2|Y^^R(z#^wpg7W^pAug5YMxP(Amt|w#!EIQUzZ;M2-h(e*_5iN^&sVU#+>F<& z+3(91zn4m$-WARGvihKPB?C$bo!%sY`Pms)Ig|Hhk5|N(7|TaMLXEAcLmlckWpIKT zyDp^{W?wh-&JG1C&DLr(Sn^P3-Gw6EM!Z|P9=mea;oXw;C~n`3YD=apwZ+h})EgkbUS-EIdk3J_LjB)T((;cxbf0^Q83yC$ArIoUiW$ zm(v4=P=r<@Rw#Br?5Nl=S8t?l98l@fB#hYt7*^d+M|b1nT5rM9#Ru?Tx4eNXuUZ^8 zK7Z+@d}z+%@oZx+9;^<{n3;M`ob~l8E#9HuA2AIKjrCq~`+IiAGWxp1-?;NnTlqa! zjNkEDluA7O0m&jdS0*WIvSLT2HpSJhK&8vyh%)U_%ztJDzJJX;T=msQaOoEx!WCCN zEYIg-!Sd&k+q4PgT^ZsMqhg5$?l+fh!J6{zn3u5`*WUCrZhv__7K*!Tf%FBNzi)@Q zyPm|=KVORPUB3)he)$o6<2ws+-OVrKhMQO7##>h6N7paMyr4hBrJYCQAW=ySESRj&``i1JQLcQ1EZ;baZf^_`V)F zj@xMji8bIxqooW+kB$3G7A6B?PFJY^d5MeM>>*$GmRABP=&YsAJT|JSHc>DT) zAYfT8;Bd&kCr)!7i+pyU@ed4tK$F5jxJ(8t>=QPX>%Os}f&dxI&RVFPcfdTw!_-1$C1)}eEaJ8xagAm@w?lez_OJu;)V4q6qsCh(<1!yx%c9yKVOK0 zm2aS|GYS@FgdM2Q6c<(&9$&W_=YHlc{9(aMSY7!RUMhSO&mPXgjlWxl>wdiiKl{~F zxbiCxUP*zr1-vkMtxDrdgWG^cQza~Z7qs?f*!&(Cy=K%Ki^Pgy@i|3_)u7X@ zm*YILPZP|3Cj$L|uDc$U`a@{zZh=37$pEEK8gQ-?U|cWn`zMlrHj(ehz8NlpW%LZN zjp=YtmD7QPsmCmkybnjcJaB@3mQ~QjXGJ&3Df1iAbxw>8dSNRsCV_C)!PewPXvabC=C`c5-Kha_SdaNslHqQ<3MRg4qENa z0*6AS+TY~SDG)ersg~tIG?**IiqT}LMP=t<)EM*GvrN=Sr2?B8eU9u~BTA$lHHI8i z>5rniD@XP#7UeR47Hc(%v~QwQfMxP_Q@u>o-IXQD0@qBeeNO*prRa3yY0kM$lLlk7 zB1pQ%X6ky0?k?KH5A3GPYlNN6P?@7bW!yti7H@VdYU6J=bxh@bp@LDNl5B_@=#}yG z`mzO`=yG@AMsZtR@s&qV(2$LGUnxr3wnZ+Gf;2aiiejzD~jblJh%2`flg+8 zdzCQ*uV%f13opDM^PhhadHO8L65Fc8U3S%GO1f}1wwL4yR73^cz6LF#9CY3gI(-5a zAKhBL&?(tmVYE8zs4~=`-YhX5Qw6l5AgumwrFBfRtsY&jW;6*TDmo4bEUIL=A1$^9 zfkQniI*&l>XocRTL%pd~fl77fQ9?!3jZV%%sATh;qH5f5h5}5Z7Uj~2oTiO1cx~{7 zPfP?TURnNXQg`DF_g_jN$?>81`JzhYbxj%!s*f|7I-K|qM^~8UeKeNWhoH%zTV@=# zNq^FW*vW}C=`q~r;|JYm&3pQ*qJX?#r>eU-(f4GWExm3}XwvWxMZV`cHA^oopu(cY#Mbxfueg~V72Shn3?7eV-_7@P zLL3Q|U3PF=GCP~zC(RZM<|M*|E-s9y%dLUhSnZ2c$o6Gl13APW( z<3V`)hUGc;8-S-T7MSNYG3BwW^Kl>Lxw4(dMfaD-VzM0q4kM0Rs{}d@`1>#d9Ns>j zkLLm3mkFqp{#H+@|KcgN(h2u}M&dDx8R$O=Rz2SEK!YX?hQK7AF08r+(qnKkJOwJ8 z9N$MnfI)zaP$*O_e|ONM1l-l{=(NXEBJS}_ih+S)=qy%6dE9Z|YWQJ>BVvRh(112~ zF?8-y)LZwW(zHb^Ljgy#cbnn@JMaAau<4!Es5E2>cus{1kD*GTYpPb%L93$-6|FV+ z(iIO1R9-`1C_)IF4tSj8$4CR_GQK`>dkjJ`uZmcYu8WWkRAubvBIDTa#44}BW0~cL- zuM$(4yLb~GTCf2R&R>sv9(_fzd*{A_J0E%qcRaXE>`B}+?`iz_`UOfR*y@axs4|@j zmB(LrPL#@4Q78wgcocV<-q(W4wpt~oa{Jxu5gMk7ICUZ?5W0hYbT~T&04KOlT(Kx% zh@}E^Ujl;WmhD_88CA;C8R}Kq&vdy>bny{hJT8__tek_enQD>ZuuS}qh9UzWoQBQ^ zHwajUMqVT0P8Sy#mnu|LsHAgJ1K$rxDORB}b48EigGwKO1367N|H8ZR!)un}x?ema zz*vT#-0-B>Q}Xx;TzlPOW%(1aA78%||NfKt`0>vl!_WR>0XFSjjWYcf3FvP`xnVQb zY+H%XNuYk&%WI%@=cCR*pyVp?3S*#?N=1Rnop)~(sGK+rREA&=xS7eN^dhS_7eg;_ z=yWphUc~fg-s)Ha@1ZJ zY)3xc_ScmA)kHT2eMtsGPk}VVq^GLP4(Q_P9$aJ+48hsM%ZT z3YEQw>hY;_ZpW(|_rurck%?FfowHS}4O&Mt8cZc@-6DX<6V;K2YW-oQi*Zrg4zX>D z6^hka-^RLKoAB8S@5M8#HbLhpCRAhsuU85y4Ze2NYMTTq58#fwH=y^#>7X*meq>4@ zz1CPLFzIBbmz?Vu^v*5;OQF1;B3J`hW^taU-D-<-3o*k8G zju!|rUct#f1=mQbROtTte6|)H-W%+*XK2OP&O~3&o1iB+GhJzJP{S zAP_0V<~_S&P}zV^Up1jbNJUeEgQ61J+asaCm_m~^(D~S8^l@#I!CB(mejzy4un?OjEQ?wps zs_w5x#Qinp%6Ctiy1!<)9%a&&cs~9EP4--z@HqiYG~JoMS_!f^M3Nh!qg*THN+rWG z;Ud8~F*U%9tFIjMA?4TD>l~3*%{mnx$E>h)_>S`XF`Y_>-y42cC;B?hc%Ysxs79R) z7k~aJ8#SV<8Mco-9rrB|N2;0W~!WPC~`eXFPw zlh?+0ivYp`cc_oAQ?A+0n~w3CN?Ng_Cy2K0<1lzEa0G*V&Wd_j_VQX&?eW#%?Tvg= z!!flCuv=ZB5rO)%TB$JCKgCcsu7h@J|aY87> zz|u;^Axj-yW1>Ks=+>fYP^{Tj2Xl`WJN6yH`JcNRFTK7S_C7tq#KKBBmle)FA6mN{ zgbHISV?c!#?ce2(Af8f8RT0Yyi}m$FJd=yHCfvq#v}iE@L_GCaSszbD9;8hdt%i%s(DGAUH}Pfhn(BIpuT)Tq91zJ^o=>Q63+WHZLG z_M>9p1kXu-#NPT9uibg3EKW?1~rxay%zQLT7o z`P)eb=r57?CPR+zNr37~Zdai)vu(%;g(M0hNeh|D|7|=z1yGq<)5c8m2qi(4LB){5 zYb1hYRMqma!yXW7vkfZzj`9acqM}aAhLVXE0gzXw#f6vLi_5?KFm}IF1z#|X&cAN)f;cm_P^bQqCSUJ0GOQ=nnwT_eSeaQC~g=TNZ%l~wEaBQO+X!%9xxai!2Z zG>qH+{07cF|4!t~^*9D%=IJq|D`2)*v=gz*0879l+j!so2H7`HY29M*n9*#hLWyp7ED6A?oV%Nl3J**rwzAa` ziu@?Znw9apy)GB!lree>{DHM9RAxS1lPV+e7vMw!_3@1pcVW<#GOM7%iT#u`-fhwN zMXIksu<*Ee;C{5$Eg4al*erqyRm!LeH--17Pi%dk+zocDM2l~IcM(4MssF<@KYbeW zm+Zot^+&O4-2puF(r(;&-&$#nzX%t9;XV{pH4rj%l_};O^kUb(BFy>tAF=Y)Lj=Vs zE~YSm{Bj*G5_qwS|Akctu_3b%i= z5O`I_V>45*umG`IKyi<>wLfPZi4<20h_*9>Y;^Zu|3(!mGY%ETViNypXACNwAQAyK z>xv(+~OpS$>8Q84%6%W`k|@Be5S{_v-@$l6m1gUg9-nec6XpOW?)9O_3=r4GNo zbrtp;tVekG#Ax>kQNXf4yOGdRD)}$C=pF&gT)cav0TOSgJBr1OobUxKRRWH7G?>fK zY%7yxsnU(u>~lhEKQ4;K%Curp8#)->Cg@!TW__{8m(mKqLcdQGNjZ#O2V+CBu7s{S z!bM=^N0D|1tL_=-pRQX02Lu)`iu>*^-(PRi^$!CvM%(uf446y}^03pnEjH%GYCXYjmv(Wfhd7WLJE;-f)r?Rb& z$I0;lZevVEaog1kq?Fe*6__Nyo$wK{BC#B?aoGtp8DlyLtCWs)*ZZc>b@ik_hpih2l(h2$|Oer}^pF}Tfh@w~Lr zAVkG-QcCdNdZ*i z*;=P<6Q5;EGU2EE8i}zMg5|U>F#?CGhWn)#RFdzT%D9SWijzMr2}q`T{*+AIu_S=B z0}7R#TZKy0rf{wiEn5<@yb|pF3zhhN-FMj&+Nqd${!xvSbK-=b+G`|tiACGwTjKB8 zXa$q3hf$$2zV;t;IZ>%LYm88NM019Q!E0!-2AoUI2B^?oaB59R+*GLiKYQ2y8^v{n zCsLHON#v;iK-Ef7qfk*PQXfgvpQ5%AG*y3zC=soy6a)$cqNq(OXwltA()U9LUDC)3e*y?2+{9q;3O($UV& z+Gq9U_$2%#QNHrBI8<>uN!5bNE ztwvJ8q(zH2BBWB(zV5U3!-ug|Y{RSYB3x+0DNL`$MsgrNOu!UUQGiDgeYIF)9c2PY zrZ~@$%n1xPlIn3j4r7i9e6i9(0>jAQwCb$W9s{8hA5ZzBawgVCdTPypxK0 z5+lT1sTF!rMsg~qQJrheEC}?#xH`ypxX^|pm=h+gKLb^o-jRqe1w+cTAPgYS^_8oZTiBNY%wzS-)MsGoasq1_YEc8)1>3W||gF0|pwcEme#xfLN5 z^|0cXR9*^Yvh>;|etUSQkB%^byvroe6P%_t4=>;H?f`W$xwH&N>31LbX~CX8+RN9E z@-_cdl448(pNz-oYt7fFKa$|GF?w*%HTv~=Kb>Q8IXo1m(_>R~W^{_)9}Lr@@AcEO zr$*^8*Y6mQ!wb?0V&zFMEju|%l+DtF#p9V`FDJs1Naf0HV7<%Qd_;7EqRE_hh5LYK z1#*J-6E!`ani7!Wi<*l-J_Tf<5Yv;Xj+}~mf|!i{ntS9GCIDIusd~A1wZV6#jWPrI z6YiJIoARJ7A(bLRU<=q_^%f$Pn{2E%GpQ_LZv@7gZsw$w4gYuc59;$!_ynC`Z)Wkq zA>GiY(uOf-Pop~!W3m{aAtsfdw0P*}XUB9s)2R#uzO-chW~IISh8f$KHi6s*}p~Sc+|ZR`)u-%Z7X` zhP~jqu7y-kuJd}FzP+!XPL9SXnNCvx`YoX;kjsi=9(uidf-)I%IB#B3fp^lu9?(VB z`ToEpJ=okw158?*x&!q29am^S_vPR~nC{SwDy5LOStm?hYcPR%@h!-{xtz3B|~nC5?C4jdXf|9IoyOG{8comApA8LnV}~R4bgK<4yd1Dy&w;G zC_x3OtZVnt>T`b7)7wfUQ}n(41N7UA0UBVvi~0Bz=Vmr?KbLYpQ4XZ?+=&qmd*#}@ z#GcJ#2L@>MhoeaN!<(v+1ie1|`X0AOeU%~@1t#IIIt+ikHRjmhyV6G4S;aqV2^V-S z$hF8S#YG^R$}}+n9Gg2)pP|37v0lh;`ptbIdb1~}dmF7o5qgBfS$-y!8`-R$Xn%wg z?N(BmVp8csqMnoU2v1$`PtgM$l6wBk7=6IW{r_AI(eaTf5Q;9#4iD1it^j2%q=N9< z+7Es72ou9ND}omo~YkBJBg0- zMXmy@F!(OC;SlJDF$og-XKe^3`>B++Y1jAJcxCe$HOx6V<%`m@9ACYYGG#*bO;m+Z$7`@gR(7#U_b;F4?4RRi1)5YuLi6(UNIm?6uT}ZHF81V;4 zoTqXjscr0~9A~nLTN3Fw-rqk-YumW}Q$BizKmW`5k{0%qe#|;v;Sks#xF21dD>=br zv*l8NHk=-%B}Y88m&pa5PIGTiFT0M(=@OTV)lQ;5%ac?WYZV3vK^^W=6AOr`)`t{Z zwuWuUA;nF3=8s_RhV?BS#|RN&i4_=n5Cd`!O^U>}3vHNa^`@e@?*j8)Ou6G=$ZP{T zXYYxxCO#N>MV_Occ79YNlFZ!B2JC}5CqFVdB-0t)z)u@Pc_(M|VY+4+6Hm>a5s%}T(f+jI(L@rt371oR3>~R7!dd7ij{s~5Lb&MRjWnw{H=&BY{!H5{V&E?xK9-D9(`-bBf|BMYk zqy9@rC)t1w&wfkao@WpFow|{?hKUpg-@P^fV-;fDzwtRVrx@j+(=J%C*qBYP1}56t zLQ>}6nN>hQ^|432dfAr8*@z`wn|A?mszY_n{=K#&8A_xVX|BU08BB64nOHDEvYM7@ zfoFp9rHV;L4MZyN4rVP0uNJfch&=ow2F+wf^-xUVmwKkytRu-y+e)J2Zq;Kk_gxbJ6Clz(O@QA9FRK67yV_q#Y z=pWXq0PtAsgn|)bntL$ASXRTY0i~~0Yz+ZGaBQvxhIVF$Gt_P3npGe4RPg@Pq_E9v z3Ga;1?>kH1$O<7J-7s&@8Gl0`j?GXNauLXd{GTW+?Q$P*Zob+;P6c@q=s>Onp)@m` zW)FXD2WjQnLmd#6VpU@0OAM0c_HY<}SDeT1U5UQ|=&=8d+yBlXDC63^mPj&tFB`Od zjc(BAS+Xqu;^El$YE=Rx;jMWSO;FW@jQe~^zgA^H0^cB&+|XfxKp-duJmPA3P>lOLNqU7= zWdM#)^}Az++e zKlx4FP)mOW`BpN1F(?F3Hkn}I_14yF0s-T)|3hlM`X@R+^fuL6e}z;8PL^>IVkw{e zQWFRaz>vY9!LZd>e}z;8j)`SMPzb@P{6Z55gj9r78Xe(e_BMR-B)#7Rg&1yig5yh? zKp>!(eRJd!&Ldyqi~9fVq`!udhS=It_g8VxWz_*e|F*R+GVjOvb1NOFhx*WE)r)hU z$^K~tA)3#lP&xF`ELUaAxZGw;j{H@l6Gicoeo+$$EJhjzOd)yy`C(+#b@F3;I`)uZ z?3L2qx0RgqSJ95DzxI2ss17?xI(}{?0%WYxi!x3;M|(NRvDCK6C@(?YH&Y1So~>`m zY`{&izxBdkp&SHtU`%li2Gi<6;Japntv<@5E{v5a_zreX5GS+AjN-II#pv8-Xk*%B1;u**>%ioHe?2+EM7fWfvJ zHheGiHjV3f!XM^!ly^I)QmDTO@s#VH)jHJuRX;c9fG!KU<|QONmru*!6LspGRLqdr z-E2e;1cgXGmHqro?$QJT=SJEdBAGLf0HahW3-@Q?^E~jNit$oWr%_171RK>a!?-pep^WgoFVF;n@*8QCQ5b1; zIT%Bnx8@h{7L4<5lZw3@`cl?=R_nKytN3%9gEXN}smnr~jYcYFIP7!5nbb-)w3ixy zOgi~qm*bu_fxrb)L7aUqQ5j;q_1Z=NblNAr%0KB(tC4QBV)F z0sfdJT?a&x!oBc4eVy;^4ox6%nN)DB66h*s^pPd5uSjUSO)Ads*?B*lKR0EY>ie@# z_!LsHf{I9)pNogPm!tm(M69{evw}L0pYlvI%5ZMdrQCxWq z7d}=lOhN)NW+n>Ohr`gsNs3rwGLrv;CQR%{RfAR2>8|P(Iu*Z8JZ7fa6i<%$uHUJ| zbw;nio=SM$njRD6RO+3}Ng3NR{RfT&8E;MI<4lOwZq&!&P1_Ghj5`(o5cOXGxkqbp39ZYO9Re>J|5_oK5dM1;!AAI!%T?PgW*YyLX}Gkqcg7_ zMu^Sg*&J59-BXYDbtjjo!)G!Mg=hM7-s*jMm&pC)PwY}7#u9Yj= z_1}x#Oo-NJEw2A5B{8yYR@>hmVa13A<&9@4j_VxHQXHSR)Tu;dbAKkonK^pNses4e zz3BAb@{u`??vFCcyZv!K8cd2#CPbU?@9N+mf0_GKsy2L2JKkRF+F`&Lhq|+E`5Sc_ zke9KlRlw|66hEVHT<1CZr|o%*r;lodK%FM%t(4g{ +
+
+
+ +
+
+
+
+ Copyright © UPMC Sorbonne Universités, on behalf of the OneLab consortium +
+
+
+ \ No newline at end of file diff --git a/portal/templates/base.html b/portal/templates/base.html index 268c9aa6..0f2ecb52 100644 --- a/portal/templates/base.html +++ b/portal/templates/base.html @@ -91,22 +91,7 @@ $(document).ready(function() { {% block base_content %} {% endblock %} {% endblock container %} -
-
-
-
- -
-
-
-
- Copyright © UPMC Sorbonne Universités, on behalf of the OneLab consortium -
-
-
-
+{% widget "_footer.html" %}
Loading...
 
diff --git a/portal/templates/fantaastic/fantaastic_footer.html b/portal/templates/fantaastic/fantaastic_footer.html new file mode 100644 index 00000000..307f7d3c --- /dev/null +++ b/portal/templates/fantaastic/fantaastic_footer.html @@ -0,0 +1,16 @@ +
+
+
+
+
    +
  • +
+
+
+
+
+ +
+
+
+
\ No newline at end of file diff --git a/portal/templates/fantaastic/fantaastic_home-view.html b/portal/templates/fantaastic/fantaastic_home-view.html new file mode 100644 index 00000000..e8e733ea --- /dev/null +++ b/portal/templates/fantaastic/fantaastic_home-view.html @@ -0,0 +1,188 @@ +{% extends "layout_base.html" %} +{% load portal_filters %} + +{% block content %} + +{% if username %} +
+
+ {%if 'is_pi' in pi %} +
+

+ EXPERIMENT +

+
+ +
+
+ +
+
+

Your slices + + + +

+
+
+
Loading Slices
+
+
+
+

MANAGEMENT

+
+ +
+
+ +
+
+
+

+ SUPPORT +

+
+ +
+
+ +
+
+ +
+

+ ACCOUNT +

+
+ +
+
+ +
+
+ {% if person.last_name %} + {{person.first_name}} {{person.last_name}}
+ {% endif %} + Username: {{person.email}} +
+
+
+ {%else%} +
+
+

+ EXPERIMENT +

+
+ +
+
+ +
+
+

Your slices + + +

+
+
+
Loading Slices
+
+
+
+

+ SUPPORT +

+
+ +
+
+ +
+
+ +
+

+ ACCOUNT +

+
+ +
+
+ +
+
+ {% if person.last_name %} + {{person.first_name}} {{person.last_name}}
+ {% endif %} + Username: {{person.email}} +
+
+
+ {%endif%} + +
+{% else %} +
+
+
+
+

+ FanTaaStic: +

+

+ the one-stop shop for ICT testbeds and support services +

+
+
+
+ {% widget '_widget-login-user.html' %} +
+
+
+
+
+{% endif %} + + + +{# widget "_widget-monitor.html" #} +{# widget "_widget-stats-top-slices.html" #} + +{% endblock %} diff --git a/portal/templates/fantaastic/fantaastic_widget-login-user.html b/portal/templates/fantaastic/fantaastic_widget-login-user.html new file mode 100644 index 00000000..7529c61f --- /dev/null +++ b/portal/templates/fantaastic/fantaastic_widget-login-user.html @@ -0,0 +1,26 @@ + diff --git a/portal/templates/fantaastic/fantaastic_widget-topmenu.html b/portal/templates/fantaastic/fantaastic_widget-topmenu.html index de37b04c..bfaaa62b 100644 --- a/portal/templates/fantaastic/fantaastic_widget-topmenu.html +++ b/portal/templates/fantaastic/fantaastic_widget-topmenu.html @@ -1,55 +1,50 @@ - -