Merge branch 'onelab' of ssh://git.onelab.eu/git/myslice into onelab
[myslice.git] / portal / templates / fed4fire / fed4fire_home-view.html
index 6661c7a..9903d96 100644 (file)
                 <a href="/portal/slice_request"><img src="{{ STATIC_URL }}img/icon_slices_small.png" alt="" /></a>EXPERIMENT
             </h3>
             
-            <div>
+            <div class="projects-tree">
                 Your projects and slices
                 <span title="A <b>slice</b> is a set of testbed resources on which you can conduct an experiment. 
                 Either ask your colleagues to give you access to an existing slice or request a new slice by clicking 'Request Slice'. 
                 However, on the Fed4FIRE portal, you will only see slices that you have created through Fed4FIRE. If you have created slices elsewhere, 
                 those slices will not appear here. <br /><br /> A <b>project</b> is a sub-authority under the responsability of your institution gathering users, 
                 who will be able to create slices for their experiments." class="glyphicon glyphicon-info-sign">&nbsp;</span> 
-            </div>
-            
-            <div>   
+             
                 <div id="home-project-tree"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading projects" /></div>
             </div>
             <div>
                 <span class="glyphicon glyphicon-plus"></span> <a href="/portal/slice_request/">Create slice</a>
+                <br />
                 <span class="glyphicon glyphicon-cog"></span> <a href="/portal/project_request/">Create/Join project</a>
             </div>
             
         </div>
         <div class="col-sm-4">
             <div class="row">
-                <h3>
-                    <a href="/portal/account/"><img src="{{ STATIC_URL }}img/icon_user_small.png" alt="" /></a>ACCOUNT
-                </h3>
-                {% if person.last_name %}
-                <p>
-                    {{person.first_name}} {{person.last_name}}
-                </p>
-                {% endif %}
-                <p>
-                    <span class="glyphicon glyphicon-user"></span> <a href='/portal/account/' title="Click here to see and edit your account details.">{{person.email}}</a>
-                </p>
+                <div class="col-sm-12">
+                    <h3>
+                        <a href="/portal/account/"><img src="{{ STATIC_URL }}img/icon_user_small.png" alt="" /></a>ACCOUNT
+                    </h3>
+                    {% if person.last_name %}
+                    <p>
+                        {{person.first_name}} {{person.last_name}}
+                    </p>
+                    {% endif %}
+                    <p>
+                        <span class="glyphicon glyphicon-user"></span> <a href='/portal/account/' title="Click here to see and edit your account details.">{{person.email}}</a>
+                    </p>
+                </div>
             </div>
             <div class="row">
-                <h3>
-                    <a href="/portal/institution"><img src="{{ STATIC_URL }}img/icon_authority_color_small.png" alt="" /></a>MANAGEMENT
-                </h3>
-               
-                <div>
-                    <span class="glyphicon glyphicon-ok"></span> <a href="/portal/institution#requests">Validate Requests</a>
+                <div class="col-sm-12">
+                    <h3>
+                        <a href="/portal/institution"><img src="{{ STATIC_URL }}img/icon_authority_color_small.png" alt="" /></a>MANAGEMENT
+                    </h3>
+                   
+                    <div>
+                        <span class="glyphicon glyphicon-ok"></span> <a href="/portal/institution#requests">Validate Requests</a>
+                    </div>
                 </div>
             </div>
         </div>
         <div class="col-sm-4">
             <div class="row">
-                <h3>
-                    <a href="/portal/support"><img src="{{ STATIC_URL }}img/icon_support_small.png" alt="" /></a>SUPPORT 
-                </h3>
-                <p>
-                    <span class="glyphicon glyphicon-envelope"></span> <a href="/portal/contact/">Contact</a>
-                </p>
-                <p>
-                    <span class="glyphicon glyphicon-stats"></span> <a target="_blank" href="https://flsmonitor.fed4fire.eu">Testbeds' status</a>
-                    </br />
-                    <span class="glyphicon glyphicon-stats"></span> <a href="/portal/reputation">Testbeds' reputation</a>
-                    
-                </p>
-                <p>
-                    <span class="glyphicon glyphicon-book"></span> <a target="_blank" href="http://doc.fed4fire.eu/">Documentation</a>
-                </p>
-           
-            </div>
-            
-            
+                <div class="col-sm-12">
+                    <h3>
+                        <a href="/portal/support"><img src="{{ STATIC_URL }}img/icon_support_small.png" alt="" /></a>SUPPORT 
+                    </h3>
+                    <p>
+                        <span class="glyphicon glyphicon-envelope"></span> <a href="/portal/contact/">Contact</a>
+                    </p>
+                    <p>
+                        <span class="glyphicon glyphicon-stats"></span> <a target="_blank" href="https://flsmonitor.fed4fire.eu">Testbeds' status</a>
+                        </br />
+                        <span class="glyphicon glyphicon-stats"></span> <a href="/portal/reputation">Testbeds' reputation</a>
+                        
+                    </p>
+                    <p>
+                        <span class="glyphicon glyphicon-book"></span> <a target="_blank" href="http://doc.fed4fire.eu/">Documentation</a>
+                    </p>
+                </div>
+            </div>            
         </div>
     </div>
 </div>
 {% else %}
-<div class="container-fluid home">
+<div class="container home">
        <div class="">
-               <div class="col-sm-2"></div>
-               <div class="col-sm-4 slogan">
-                       <h2>
+               <div class="col-sm-4 col-sm-offset-1 slogan">
+                       <h1>
                                Fed4FIRE Portal
-                       </h2>
+                       </h1>
                        <h3>
-                               Your easy access to Future Internet Research and Experimentation testbeds belonging to the Fed4FIRE federation.
+                               Your easy access to Future Internet Research and Experimentation testbeds belonging to the 
+                               <a target="_blank" href="http://www.fed4fire.eu/">Fed4FIRE</a> federation.
                        </h3>
-                       <h3>
+                       <br />
+                       <h4>
                                 <a href='http://doc.fed4fire.eu'>Want to learn more?</a>
-                       </h3>
+                       </h4>
                </div>
                <div class="col-sm-4 col-sm-offset-1" style="width:400px; top:16px; float:left;">
                        <div class="row">
                                {% widget '_widget-login-user.html' %}
                        </div>
                </div>
-               <div class="col-sm-1"></div>
        </div>
 </div>
 {% endif %}