index.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4   <meta charset="utf-8">
   5   <link rel="stylesheet" href="css/materialize.min.css">
   6   <link rel="stylesheet" href="css/splashscreen.css">
   7   <link rel="stylesheet" href="css/theme.css">
   8 </head>
   9 <!-- Load dependencies -->
  10 <script src="js/jquery-3.4.1.min.js"></script>
  11 <script src="js/moment-with-locales.js"></script>
  12 <script src="js/jquery-ui.min.js"></script>
  13 <script src="js/materialize.min.js"></script>
  14
  15
  16 <!-- Sample lightdm object (for browser use only) -->
  17 <!-- <script src="js/lightdm-sample.js"></script> -->
  18
  19 <!-- Load Utility functions -->
  20 <script src="js/_utils.js"></script>
  21
  22 <!--  Load Plugins first -->
  23 <script src="js/splashscreen.js"></script>
  24 <!-- <script src="js/another_plugin.js"></script> -->
  25
  26 <!-- Load Login Manager, depends on plugins -->
  27 <script src="js/LoginManager.js"></script>
  28
  29 <!-- Load example theme -->
  30 <script src="js/theme.js"></script>
  31
  32 <body>
  33   <header></header>
  34   <main>
  35     <div class="container">
  36       <div class="row" style="margin-top: 15vh;"></div>
  37
  38       <div class="row">
  39         <div style="text-align: center"  class="col s12">
  40           <!-- <img class="logo-ubuntu" src="images/ubuntu_logo.svg"> -->
  41           <!-- <img class="logo-arch" src="images/arch_logo.svg"> -->
  42           <img class="logo-alter" src="images/alter_logo.svg">
  43         </div>
  44       </div>
  45       <div class="row" style="margin-top: 5vh;"></div>
  46       <div class="row">
  47         <div class="col s12" style="text-align: center">
  48           <h1 class="welcome-text"><script>document.write(text[1])</script></h1>
  49         </div>
  50       </div>
  51
  52       <!-- User & Password Selections  -->
  53       <div class="row ">
  54         <!-- User Select -->
  55         <div class="row">
  56           <div class="input-field col s4 offset-s4">
  57             <select id="selectUser"></select>
  58             <label><script>document.write(text[3])</script></label>
  59           </div>
  60         </div>
  61
  62         <!-- Password field -->
  63         <div class="row">
  64           <div class="input-field col s4 offset-s4">
  65             <input id="inputPassword" type="password" onselectstart="return true;">
  66             <label for="inputPassword"><script>document.write(text[4])</script></label>
  67           </div>
  68         </div>
  69         <!-- End Password field -->
  70       </div>
  71       <!-- End User & Password Selections  -->
  72
  73     </div>
  74   </main>
  75
  76 <!-- Bottom footer contains Session selection & power buttons -->
  77   <footer >
  78     <div class="row">
  79       <!-- Window Manager Select -->
  80       <div class="input-field col s2 offset-s1">
  81         <select id="selectSession"></select>
  82
  83         <label><script>document.write(text[2])</script></label>
  84       </div>
  85       <!-- End Window Manager Select -->
  86
  87       <!-- Power button column  -->
  88       <div class="col right" style="margin-right: 15px;">
  89         <div class="row">
  90           <!-- Hibernate Button -->
  91           <div  id="buttonHibernate" class="col S4">
  92             <svg viewBox="0 0 44.693 44.693" width="24px" height="24px" class="power-button">
  93               <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
  94                 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
  95                 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
  96                 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
  97                 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
  98                 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
  99                 s18.812-8.438,18.812-18.812S32.72,3.534,22.347,3.534z"/>
 100               <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
 101                 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
 102                 c3.794-0.635,6.936-2.838,8.871-5.832C34.029,29.338,33.557,29.447,33.072,29.529z"/>
 103             </svg>
 104           </div>
 105           <!-- End Hibernate Button -->
 106
 107           <!-- Restart Button -->
 108           <div id="buttonRestart" class="col s4">
 109             <svg class="power-button"  height="24px" width="24px" viewBox="0 0 50.076 44.694" >
 110               <g>
 111                 <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
 112                         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
 113                         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
 114                         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
 115                         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
 116                         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"/>
 117               </g>
 118             </svg>
 119           </div>
 120           <!-- End Restart Button -->
 121
 122           <!-- Shutdown Button -->
 123           <div id="buttonPoweroff" class="col s4">
 124             <svg class="power-button"  height="24px" width="24px" viewBox="0 0 44.771 46.559">
 125               <g>
 126                 <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
 127                         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
 128                         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
 129                         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
 130                         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
 131                         c-2.056,2.056-4.449,3.67-7.115,4.797C28.339,45.967,25.407,46.559,22.386,46.559z"/>
 132                 <rect x="20.93" width="3" height="22"/>
 133               </g>
 134             </svg>
 135           </div>
 136           <!-- End Shutdown Button -->
 137
 138         </div>
 139       </div>
 140       <!-- End Power button column  -->
 141     </div>
 142   </footer>
 143
 144   <script>
 145
 146     /* Use custom logging for debugging without a browser.
 147        Pass true to show logger output on screen */
 148     const log = new Logger(false);
 149
 150     /* Define this fuction so lightdm doesn't crash, gets redefined
 151     in login manager. */
 152     window.authentication_complete = function() {};
 153   </script>
 154 </body>
 155 </html>