Skip to content

L
lightdm-webkit-greeter-hamara
Switch branch/tag
Find file
Normal viewHistoryPermalink
index.html 3.62 KB
EditWeb IDE
Newer Older
isaagar's avatar
Add webkit theme files
73540216
 
isaagar committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 
<!--
	Copyright (C) 2018 Hamara Linux

	This program is free software; you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation; either version 2 of the License, or
	any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program; if not, write to the Free Software
	Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301 USA

	You should have received a copy of the GNU General Public License
	along with this program.  If not, see <http://www.gnu.org/licenses/>.
	
-->
<html>
	
<head>
	
	<!-- Theme's CSS -->
	<link rel="stylesheet" href="css/style.css">
	
	<!-- Theme's JavaScript -->
	<script type="text/javascript" src="js/script.js"></script>

	<!-- For testing the theme in a web browser (Use webkit based browser) 
	<script type="text/javascript" src="js/mock.js"></script> 
	-->

</head>

<body onload="initialize()" oncontextmenu="return false;">
	
	<div class="login_content">
		<div class="login_container">
			<div class="center">
				<div id="user_template" class="user hidden smooth" align="center">
					<div class="user_image_wrapper">
						<img class="user_image" src=""/>
						<!--
								User list with avatars will be added dynamically here.
						-->
					</div>
					<span class="user_name"></span> 
				</div>
			</div>

				<div id="password_container" class="center hidden smooth">
					<form action="javascript: provide_secret()" class="password_prompt" >
						<input id="password_entry" class="center" type="password" />
					</form>

					<div class="custom-select center" id="selectstylediv" style="width: 257px; margin-bottom: 1em">
						<select id="sessionlist" onchange="selectSession()" class="center">
						<!--
								List of Session will be generated here.
						-->
						</select>
					</div>

					<!--
							Action buttons for login
					-->
					<ul>
						<li align="centre"> 
							<a id="cancel" class="button" onclick="user_clicked()" style="margin-left: 1px;"> Cancel </a>
						</li>
						<li class="dropdown">
							<a  href="#"  class="power"> &#xe900; </a>
							
							<!--
								Horizontal dropdown buttons
							-->
							<div class="dropdown-content" align="center">
								<a  class="icon icon-Sleep" onclick="sleep_clicked()" aria-label="Sleep" style="float: left; margin-right: 4px;"> 
									<span class="dropdown-text" style="display: block">Sleep</span>
								</a> 
								<a  class="icon icon-Restart" onclick="restart_clicked()" aria-label="Restart" style="float: left; margin-top: -1px;">
									<span class="dropdown-text" style="display: block">Restart</span>
								</a>
								<a  class="icon icon-Shutdown" onclick="shutdown_clicked()" aria-label="Shutdown" style="float: left; margin-top: 0px; margin-left: 4px;">
									<span class="dropdown-text" style="display: block; margin-top: 1px;margin-left: 0px;">Shutdown</span>
								</a>
							</div>
						</li>
						<li>
							<a id="login" class="button " onclick="provide_secret()" style="margin-right: 1px;"> Login </a>
						</li>
					</ul>
				</div>
		</div>
	</div>

	<!--
		Display error when authentication fails.
	-->
	<div id="message" class="smooth">
		<div id="message_content">
		</div>
	</div>

	<!--
		Display Hamara logo at the bottom.
	-->
	<div class="footer center"> 
		<img class="logo" src="img/hamara-logo.svg" alt=""/>
	</div>

</body>

</html>