-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
14 changed files
with
811 additions
and
71 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,195 @@ | ||
<html> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<title>Login</title> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="theme-color" content="#222222" /> | ||
<link rel="icon" href="assets/favicon.ico" type="image/x-icon" /> | ||
<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" /> | ||
<link href="assets/bootstrap.min.css" rel="stylesheet"> | ||
<script src="assets/jquery-3.1.1.min.js"></script> | ||
<script src="assets/bootstrap.min.js"></script> | ||
<script language="JavaScript"> | ||
window.oncontextmenu=function(){return false;} | ||
</script> | ||
<style type="text/css"> | ||
.label {color: #9da3a4; font-size: 75%; font-weight: bolder;} | ||
::-webkit-scrollbar { | ||
width: 6.5px; | ||
height: 6.5px; | ||
} | ||
::-webkit-scrollbar-track { | ||
border-radius: 3.5px; | ||
background: rgba(0,0,0,0.06); | ||
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.08); | ||
} | ||
::-webkit-scrollbar-thumb { | ||
border-radius: 3.5px; | ||
background: rgba(0,0,0,0.12); | ||
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.2); | ||
} | ||
|
||
body{ | ||
-moz-user-select:none; | ||
-webkit-user-select:none; | ||
-ms-user-select:none; | ||
-khtml-user-select:none; | ||
user-select:none; | ||
margin-top: 70px; | ||
} | ||
|
||
#loading{ | ||
background: #363636; | ||
position: fixed; | ||
left: 0px; | ||
top: 0px; | ||
width: 100%; | ||
height: 100%; | ||
display: block; | ||
z-index: 20; | ||
filter: alpha(opacity=90); | ||
opacity: 0.9 !important; | ||
} | ||
|
||
.spinner { | ||
width: 50px; | ||
height: 60px; | ||
text-align: center; | ||
font-size: 10px; | ||
position: absolute; | ||
left: 50%; | ||
top: 50%; | ||
transform: translate(-50%,-50%); | ||
} | ||
|
||
.spinner > div { | ||
background-color: #D6264F; | ||
height: 100%; | ||
width: 6px; | ||
border-radius: 20px; | ||
display: inline-block; | ||
|
||
-webkit-animation: stretchdelay 1.2s infinite ease-in-out; | ||
animation: stretchdelay 1.2s infinite ease-in-out; | ||
} | ||
|
||
.spinner .rect2 { | ||
-webkit-animation-delay: -1.1s; | ||
animation-delay: -1.1s; | ||
} | ||
|
||
.spinner .rect3 { | ||
-webkit-animation-delay: -1.0s; | ||
animation-delay: -1.0s; | ||
} | ||
|
||
.spinner .rect4 { | ||
-webkit-animation-delay: -0.9s; | ||
animation-delay: -0.9s; | ||
} | ||
|
||
.spinner .rect5 { | ||
-webkit-animation-delay: -0.8s; | ||
animation-delay: -0.8s; | ||
} | ||
|
||
@-webkit-keyframes stretchdelay { | ||
0%, 40%, 100% { -webkit-transform: scaleY(0.4) } | ||
20% { -webkit-transform: scaleY(1.0) } | ||
} | ||
|
||
@keyframes stretchdelay { | ||
0%, 40%, 100% { | ||
transform: scaleY(0.4); | ||
-webkit-transform: scaleY(0.4); | ||
} 20% { | ||
transform: scaleY(1.0); | ||
-webkit-transform: scaleY(1.0); | ||
} | ||
} | ||
|
||
#command-btns{ | ||
list-style-type:none; | ||
display: block; | ||
margin-top: 0 auto; | ||
margin-top: 10px; | ||
padding: 0; | ||
} | ||
#command-btns li{ | ||
display: inline; | ||
white-space:nowrap; | ||
margin: auto 7px; | ||
cursor: pointer; | ||
} | ||
#command-btns li img:hover{ | ||
border: 1px solid #E5E6E4; | ||
border-radius: 90px; | ||
} | ||
|
||
.box-radius { | ||
border-radius: 3px; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div id="app"> | ||
<nav class="navbar navbar-default navbar-fixed-top"> | ||
<div class="container"> | ||
<div class="navbar-header"> | ||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
<span class="sr-only">Toggle navigation</span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</button> | ||
<a class="navbar-brand" href="javascript:void(0);"><img style="height: 100%; display: inline; margin-right: 10px;" src="assets/logo.png">{{.site_title}}</a> | ||
</div> | ||
|
||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav navbar-right"> | ||
<!-- <li><a target="_blank" href="#">Blog</a></li> --> | ||
<li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">About <span class="caret"></span></a> | ||
<ul class="dropdown-menu" role="menu"> | ||
<li><a target="_blank" href="https://ojoll.com/archives/86/">Pi Dashboard Go</a></li> | ||
<li><a target="_blank" href="https://github.com/plutobell/pi-dashboard-go">GitHub Source</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
</nav> | ||
|
||
<div class="container"> | ||
<div class="row"> | ||
<div class="col-md-4"> | ||
</div> | ||
<div class="col-md-4" style="padding: 5%;"> | ||
<div style="text-align: center; width: 100%;margin-bottom: 20px;"><img src="assets/devices/{{.device_photo}}" /></div> | ||
<form action="/login" method="POST"> | ||
<div class="form-group"> | ||
<input type="text" class="form-control box-radius" name="username" placeholder="Username"> | ||
</div> | ||
<div class="form-group"> | ||
<input type="password" class="form-control box-radius" name="password" placeholder="Password"> | ||
</div> | ||
<button type="submit" class="btn btn-default box-radius" style="width: 100%;">Sign in</button> | ||
</form> | ||
<p class="pull-left" style="font-size: 12px;margin-top: 20px;">Powered by <a target="_blank" href="https://ojoll.com/archives/86/" style="color:#D6264F;"><strong>Pi Dashboard Go</strong></a> v{{.version}}, <a target="_blank" href="https://ojoll.com" style="color:#D6264F;">北及</a> all rights reserved. <span style="color:#eaece5;";">{{.go_version}}</span> | ||
</p> | ||
</div> | ||
<div class="col-md-4"> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
<!-- | ||
@Program : Pi Dashboard Go (https://github.com/plutobell/pi-dashboard-go) | ||
@Description: Golang implementation of pi-dashboard | ||
@Author: github.com/plutobell | ||
@Creation: 2020-08-01 | ||
@Last modify: 2021-08-10 | ||
@Version: 1.2.0 --> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.