new style, first version (header, login, dashboard)

[myslice.git] / portal / templates / home-view.html

diff --git a/portal/templates/home-view.html b/portal/templates/home-view.html
index 42265a5..ec1f54b 100644 (file)
--- a/portal/templates/home-view.html
+++ b/portal/templates/home-view.html
@@ -1,31 +1,40 @@
-{% extends 'layout-unfold2.html' %}
+{# fine for either layout-unfold1.html (logged in) or layout-unfold2.html (needs a login prompt) #}
+{% extends layout_1_or_2 %}
 
-{% block unfold2_margin %}
-{% if not username %}
+{% block unfold_margin %}
 {% include 'widget-login.html' %}
-{% endif %}
-{% endblock unfold2_margin %}
+{% endblock unfold_margin %}
 
-{% block unfold2_main %}
-<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/register.css" />
-<div style='padding: 20px;'>
-  <div class='OneLabTitle'>
-    <h2 style="font-weight: bold;">Welcome to the OneLab portal !</h2>
-    <h3>New to OneLab? Please <a href="/portal/register">register</a> or learn more about <a href="http://www.onelab.eu/" target="_blank">the project</a>.</h3>
-  </div>
-<p/>
-  <p>
-Experimentally-driven research is key to success in exploring the possible
-futures of the Internet. The OneLab initiative provides an open,
-general-purpose, shared experimental facility, both large-scale and
-sustainable, which allows European industry and academia to innovate and assess
-the performance of their solutions. Based on the results of several different
-European and national projects, OneLab offers access to a range of  tools and
-testbeds including PlanetLab Europe, the NITOS wireless testbed, and other
-federated testbeds.
-  </p>
-  <div class="item-separator"></div>
-<p>This UI server is connected to the manifold backend running at <code>{{ manifold_url }}</code>.</p>
+{% block unfold_main %}
+<!-- xxx ideally only onelab.css but ... xxx -->
+<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/registration.css" />
+       <div id="home-dashboard">
+       <ul class="nav nav-tabs">
+         <li class="active"><a href="#">USER</a></li>
+         <li><a href="#">MANAGER</a></li>
+       </ul>
+       <div id="user">
+               <table>
+                       <tr>
+                               <td>PROFILE</td>
+                               <td>SLICES</td>
+                               <td>SUPPORT</td>
+                       </tr>
+                       <tr>
+                               <td><img src="{{ STATIC_URL }}img/icon_user_color.png" alt="" /></td>
+                               <td><img src="{{ STATIC_URL }}img/icon_slices.png" alt="" /></td>
+                               <td><img src="{{ STATIC_URL }}img/icon_support.png" alt="" /></td>
+                       </tr>
+                       <tr>
+                               <td>
+                                       <a href="/portal/register">Register</a>
+                               </td>
+                       </tr>
+               </table>
+       </div>
+       <div id="manager">
+               
+       </div>
 </div>
 
-{% endblock unfold2_main %}
+{% endblock unfold_main %}