bryan
/
DoorControl-Frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

close html tag for script src

master
Bryan 2020-12-20 11:22:37 -06:00
parent cc38fe1fb3
commit f7d54bfb84
1 changed files with 2 additions and 209 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

209
trigger.html
View File

@ -7,216 +7,9 @@
<title>Door Control</title>
<link rel="icon" href="img/favicon.png" type="img/png">
<link rel="apple-touch-icon" href="img/icon.png">
<script src="script.js">
<script src="script.js"></script>
<link rel="styesheet" href="style.css">
<style>
* {
font-family: "sans";
box-sizing: border-box;
}
html {
position: relative;
height: 100%
}
body {
height: 100%;
padding: 0;
margin: 0;
background: #333;
color: white;
}
.app-bar {
background-color: #FF8800;
}
nav {
height: 56px;
margin: 0;
padding: 16px;
}
.app-bar h1 {
text-align: center;
font-family: sans;
font-size: 45px;
height: 72;
paddng: 0;
margin: 0;
}
.app-bar button {
position: fixed;
font-size: 20px;
height: 24px;
right: 16px;
background-color: #FF8800;
border: none;
}
#open-setting-screen-button {
display: block;
}
#close-setting-screen-button {
display: none;
}
.screen-container {
position: fixed;
width: 100%;
height: calc(100vh - 56px);
padding: 0;
margin: 0;
}
.main-screen {
left: 0;
transition: all, .3s;
/* border: 1px solid yellow; */
}
.setting-screen {
left: 100%;
transition: all, .3s;
/* border: 1px solid blue; */
}
/* .settings-form h1 { */
/* text-align: center; */
}
.settings-form ul {
position: relative;
max-width: 300px;
height: 300px;
list-style: none;
/* border: 1px solid #000; */
border-radius: 5px;
padding: 0px;
margin-left: auto;
margin-right: auto;
}
.settings-form li {
display: flex;
padding: 0;
padding-top: 20px;
margin: 0;
justify-content: center;
}
.settings-form label {
margin-top: auto;
margin-bottom: auto;
width: 100px;
}
.settings-form input {
font-size: 1em;
width: 200px;
border: 1px solid #7FBD32;
border-radius: 2em;
background-color: #EEE;
padding: .5em;
}
.settings-form button {
width: 100px;
padding: .5em;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
/* border: 2px solid green; */
font-size: 1.2em;
color: white;
border-radius: 3em;
/* background: #FF8800; */
background-color: #555;
border: 4px #7FBD32 solid;
/* color: white; */
}
.settings-form button:active {
background-color: green;
width: 96px;
}
h1 {
text-align: center;
font-family: sans;
font-size: 24px;
background-color: #FF8800;
paddng: 0;
margin: 0;
}
#message-container {
border: 3px solid blue;
position: absolute;
text-align: center;
width: 100vw;
bottom: 50vh;
font-size: 2em;
/* border-radius: 56px; */
/* height: 300px; */
/* width: 300px; */
/* margin-left: auto; */
/* margin-right: auto; */
}
#button-block {
position: absolute;
width: 100vw;
bottom: 0px;
}
.button-container {
position: relative;
display: block;
width: 300px;
height: 56px;
border-radius: 56px;
margin: 32px auto 32px auto;
text-align: center;
background-color: #555;
border: 4px #7FBD32 solid;
}
.button-container:active {
background-color: green;
width: 290px;
}
/* #unlock-button:active { */
/* background-color: green; */
/* } */
.button-icon {
width: auto;
height: 40px;
position: absolute;
display: block;
/* margin-right: 10px; */
/* margin-left: auto; */
/* margin-top: 3px; */
/* margin-bottom: auto; */
padding: 2px;
left: 6px;
bottom: 4px;
border: 1px solid white;
border-radius: 2em;
background-color: white;
}
.app-bar button img {
height: 24px;
width: auto;
}
</style>
</head>