index.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <link rel="stylesheet" href="css/materialize.min.css">
   5   <link rel="stylesheet" href="css/splashscreen.css">
   6   <link rel="stylesheet" href="css/theme.css">
   7 </head>
   8 <!-- Load dependencies -->
   9 <script src="js/jquery-3.4.1.min.js"></script>
  10 <script src="js/moment-with-locales.js"></script>
  11 <script src="js/jquery-ui.min.js"></script>
  12 <script src="js/materialize.min.js"></script>
  13
  14 <!-- Sample lightdm object (for browser use only) -->
  15 <script src="js/lightdm-sample.js"></script>
  16
  17 <!-- Load Utility functions -->
  18 <script src="js/_utils.js"></script>
  19
  20 <!--  Load Plugins first -->
  21 <script src="js/splashscreen.js"></script>
  22 <!-- <script src="js/another_plugin.js"></script> -->
  23
  24 <!-- Load Login Manager, depends on plugins -->
  25 <script src="js/LoginManager.js"></script>
  26
  27 <!-- Load example theme -->
  28 <script src="js/theme.js"></script>
  29
  30 <body>
  31   <header></header>
  32   <main>
  33     <div class="container">
  34       <div class="row" style="margin-top: 15vh;"></div>
  35
  36       <div class="row">
  37         <div style="text-align: center"  class="col s12">
  38           <!-- <img class="logo-ubuntu" src="images/ubuntu_logo.svg"> -->
  39           <img class="logo-arch" src="images/arch_logo.svg">
  40         </div>
  41       </div>
  42       <div class="row" style="margin-top: 5vh;"></div>
  43       <div class="row">
  44         <div class="col s12" style="text-align: center">
  45           <h1 class="welcome-text">Welcome back</h1>
  46         </div>
  47       </div>
  48
  49       <!-- User & Password Selections  -->
  50       <div class="row ">
  51         <!-- User Select -->
  52         <div class="row">
  53           <div class="input-field col s4 offset-s4">
  54             <select id="selectUser"></select>
  55             <label>User</label>
  56           </div>
  57         </div>
  58
  59         <!-- Password field -->
  60         <div class="row">
  61           <div class="input-field col s4 offset-s4">
  62             <input id="inputPassword" type="password">
  63             <label for="inputPassword">Password</label>
  64           </div>
  65         </div>
  66         <!-- End Password field -->
  67       </div>
  68       <!-- End User & Password Selections  -->
  69
  70     </div>
  71   </main>
  72
  73 <!-- Bottom footer contains Session selection & power buttons -->
  74   <footer >
  75     <div class="row">
  76       <!-- Window Manager Select -->
  77       <div class="input-field col s2 offset-s1">
  78         <select id="selectSession"></select>
  79         <label>Select Session</label>
  80       </div>
  81       <!-- End Window Manager Select -->
  82
  83       <!-- Power button column  -->
  84       <div class="col right" style="margin-right: 10px;">
  85         <div class="row">
  86           <!-- Hibernate Button -->
  87           <div  id="buttonHibernate" class="col S4">
  88             <svg viewBox="0 0 44.693 44.693" width="40px" height="40px" class="power-button">
  89               <path d="M22.347,44.693c-3.017,0-5.942-0.591-8.698-1.757c-2.662-1.126-5.051-2.737-7.104-4.788
  90                 c-2.052-2.053-3.662-4.441-4.787-7.104C0.592,28.289,0,25.362,0,22.347c0-3.017,0.592-5.942,1.758-8.699
  91                 c1.125-2.661,2.735-5.051,4.787-7.103c2.053-2.052,4.441-3.662,7.104-4.788C16.404,0.592,19.33,0,22.347,0s5.942,0.592,8.698,1.757
  92                 c2.662,1.126,5.051,2.736,7.104,4.788c2.051,2.052,3.662,4.441,4.787,7.103c1.166,2.757,1.758,5.683,1.758,8.699
  93                 c0,3.016-0.592,5.942-1.758,8.698c-1.125,2.662-2.736,5.051-4.787,7.104c-2.053,2.051-4.441,3.662-7.104,4.788
  94                 C28.289,44.103,25.363,44.693,22.347,44.693z M22.347,3.534c-10.373,0-18.812,8.439-18.812,18.813s8.438,18.812,18.812,18.812
  95                 s18.812-8.438,18.812-18.812S32.72,3.534,22.347,3.534z"/>
  96               <path d="M33.072,29.529c-6.354,1.064-12.367-3.223-13.432-9.575c-0.725-4.32,1.027-8.482,4.219-11.04
  97                 c-0.852-0.025-1.719,0.031-2.592,0.177c-7.164,1.2-11.998,7.981-10.797,15.146s7.982,11.998,15.146,10.797
  98                 c3.794-0.635,6.936-2.838,8.871-5.832C34.029,29.338,33.557,29.447,33.072,29.529z"/>
  99             </svg>
 100           </div>
 101           <!-- End Hibernate Button -->
 102
 103           <!-- Restart Button -->
 104           <div id="buttonRestart" class="col s4">
 105             <svg class="power-button"  height="40px" width="40px" viewBox="0 0 50.076 44.694" >
 106               <g>
 107                 <path d="M50.076,26.094l-7.258-8.435l-7.544,8.179l5.542,0.096c-1.689,8.741-9.475,15.226-18.471,15.226
 108                         c-10.373,0-18.811-8.438-18.811-18.812S11.973,3.535,22.346,3.535c6.002,0,11.684,2.896,15.22,7.753l1.443-3.829
 109                         c-1.79-1.998-3.937-3.678-6.31-4.92C29.529,0.879,25.949,0,22.346,0c-3.016,0-5.941,0.592-8.698,1.758
 110                         c-2.661,1.125-5.051,2.736-7.103,4.788c-2.051,2.052-3.662,4.441-4.788,7.103C0.591,16.404,0,19.331,0,22.348
 111                         c0,3.016,0.591,5.942,1.757,8.698c1.126,2.661,2.737,5.051,4.788,7.103c2.052,2.052,4.441,3.663,7.103,4.788
 112                         c2.757,1.166,5.683,1.758,8.698,1.758c5.41,0,10.631-1.959,14.699-5.515c3.914-3.421,6.513-8.088,7.352-13.185L50.076,26.094z"/>
 113               </g>
 114             </svg>
 115           </div>
 116           <!-- End Restart Button -->
 117
 118           <!-- Shutdown Button -->
 119           <div id="buttonShutdown" class="col s4">
 120             <svg class="power-button"  height="40px" width="40px" viewBox="0 0 44.771 46.559">
 121               <g>
 122                 <path d="M22.386,46.559c-3.021,0-5.953-0.592-8.714-1.76c-2.666-1.127-5.06-2.741-7.115-4.797
 123                         c-2.055-2.055-3.669-4.449-4.797-7.115C0.592,30.127,0,27.195,0,24.174c0-3.619,0.885-7.215,2.559-10.399
 124                         c1.619-3.081,3.973-5.781,6.807-7.812l2.059,2.873c-4.939,3.538-7.889,9.271-7.889,15.338c0,10.395,8.457,18.851,18.851,18.851
 125                         s18.851-8.456,18.851-18.851c0-6.066-2.949-11.8-7.889-15.338l2.059-2.873c2.834,2.03,5.188,4.73,6.807,7.812
 126                         c1.674,3.185,2.559,6.78,2.559,10.399c0,3.021-0.592,5.953-1.76,8.713c-1.128,2.666-2.742,5.061-4.797,7.115
 127                         c-2.056,2.056-4.449,3.67-7.115,4.797C28.339,45.967,25.407,46.559,22.386,46.559z"/>
 128                 <rect x="20.93" width="3" height="22"/>
 129               </g>
 130             </svg>
 131           </div>
 132           <!-- End Shutdown Button -->
 133
 134         </div>
 135       </div>
 136       <!-- End Power button column  -->
 137     </div>
 138   </footer>
 139
 140   <script>
 141
 142     /* Use custom logging for debugging without a browser.
 143        Pass true to show logger output on screen */
 144     const log = new Logger(false);
 145     /* Define this fuction so lightdm doesn't crash, gets redefined
 146     in login manager. */
 147     window.authentication_complete = function() {};
 148   </script>
 149 </body>
 150 </html>