From cb2a29185d933407e6725a8fd57693dd92e68ee9 Mon Sep 17 00:00:00 2001
From: Hugo Roy <hugo@fsfe.org>
Date: Fri, 14 Mar 2014 18:11:20 +0100
Subject: [PATCH] cleaning up that markup

---
 index.html | 42 ++++++++++++++++++++++++++++++++----------
 1 file changed, 32 insertions(+), 10 deletions(-)
diff --git a/index.html b/index.html
index 843bc414..d9cd8dda 100644
--- a/index.html
+++ b/index.html
@@ -7,33 +7,51 @@
     <meta name="format-detection" content="telephone=no" />
     <meta name="viewport" content="user-scalable=no, width=device-width, height=device-height" />
     <title>YunoHost admin</title>
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
-    <link href="css/style.css" rel="stylesheet" media="screen">
+    <link href="css/style.min.css" rel="stylesheet" media="screen">
     <link href="css/fonts.css" rel="stylesheet" media="screen">
 </head>
 <body>
-    <div id="slider">
-        <div class="page-header clearfix hidden-xs">
+    <div id="slider" role="application">
+
+        <!--div class="page-header clearfix hidden-xs">
             <a href="#/logout" class="pull-right logout-button">
                 <span class="glyphicon glyphicon-log-out"></span><span class="text-hide">Logout</span>
             </a>
             <h1 class="pull-left">YunoHost <small>Administration</small></h1>
-        </div>
+        </div-->
 
-        <div id="flash" style="display: none"></div>
+        <header id="masthead">
+            <h1 class="app title">YunoHost</a>
+            <p class="app desc">Administration</p>
+            <a href="#/logout" class="logout-button">Logout</a>
+        </header>
+
+        <div id="flash" role="alert" style="display: none"></div>
 
         <div id="slider-container">
-            <div id="slideBack" class="block" style="display: none;"></div>
+
+            <!--div id="slideBack" class="block" style="display: none;"></div>
             <div id="main" class="block">
                 <div class="text-center"><a class="slide" href="#/login"><img src="img/ajax-loader.gif"></a></div>
             </div>
             <div id="slideTo" class="block" style="display: none; z-index: 100;"></div>
-            <div class="clearfix"></div>
-        </div>
+            <div class="clearfix"></div-->
+
+            <div id="slideBack" style="display: none;"></div>
+
+            <div id="main" role="main">
+                <a class="slide" href="#/login">
+                    <img src="img/ajax-loader.gif" alt="loading">
+                </a>
+            </div>
+
+            <div id="slideTo" style="display: none; z-index: 100;"></div>
+
+        </div><!--/#slider-container-->
 
     </div>
 
-    <div id="popup" class="modal fade">
+    <!--div id="popup" class="modal fade">
         <div class="modal-dialog">
             <div class="modal-content">
                 <div class="modal-header">
@@ -42,6 +60,10 @@
                 <div class="modal-body" id="popup-body"></div>
             </div>
         </div>
+    </div-->
+    <div id="popup" role="dialog">
+        <h2 class="modal-title" id="popup-title"></h2>
+        <div class="modal-body" id="popup-body"></div>
     </div>
 
     <script type="text/javascript" src="js/vendor/jquery-1.10.1.min.js"></script>
