GitHub/web-bluetooth-dfu
1
0
Fork 0
mirror of https://github.com/thegecko/web-bluetooth-dfu.git synced 2025-12-15 13:38:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update deps and CircleCI v2

Browse Source
This commit is contained in:
Rob Moran
2019-05-15 21:24:53 +01:00
parent 4c91c6ab49
commit f1a34b4c5f
6 changed files with 5424 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
examples/web.html
View File

@@ -31,98 +31,24 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link href="https://fonts.googleapis.com/css?family=Raleway:400,600" rel="stylesheet">
<style>
html {
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: 'Raleway', sans-serif;
color: #d7ecfb;
background-color: #072b44;
text-align: center;
}
h1 {
font-weight: 400;
}
strong {
font-weight: 600;
}
#drop {
position: relative;
margin: 20px auto;
max-width: 500px;
background-color: rgba(255, 255, 255, 0.10);
padding: 100px 20px 80px 20px;
outline: 2px dashed #072b44;
outline-offset: -10px;
}
#drop.hover {
outline-offset: -10px;
background-color: rgba(255, 255, 255, 0.15);
}
#icon {
width: 100%;
fill: #d7ecfb;
margin-bottom: 30px;
}
#github {
fill: #d7ecfb;
}
#github:hover {
fill: #8bb5ba;
}
#file {
width: 0.1px;
height: 0.1px;
opacity: 0;
z-index: -1;
}
#label {
cursor: pointer;
}
#label:hover strong {
color: #8bb5ba;
}
#select {
position: absolute;
left: 0;
right: 0;
visibility: hidden;
}
#button {
font-size: 12px;
color: inherit;
margin: 20px auto;
border: 0px;
background-color: #1b679c;
height: 30px;
padding: 0 30px;
border-radius: 4px;
text-transform: uppercase;
cursor: pointer;
outline: none;
}
#button:hover {
background: #2674ab;
}
#status {
margin: 20px auto;
border: 1px solid #d7ecfb;
width: 70%;
height: 24px;
visibility: hidden;
}
#bar {
background: #2674ab;
width: 0%;
height: 100%;
}
#transfer {
width: 100%;
line-height: 24px;
margin-top: -24px;
}
html { margin: 0; padding: 0; border: 0; }
body { font-family: 'Raleway', sans-serif; color: #d7ecfb; background-color: #072b44; text-align: center; }
h1 { font-weight: 400; }
strong { font-weight: 600; }
#drop { position: relative; margin: 20px auto; max-width: 500px; background-color: rgba(255, 255, 255, 0.10); padding: 100px 20px 80px 20px; outline: 2px dashed #072b44; outline-offset: -10px; }
#drop.hover { outline-offset: -10px; background-color: rgba(255, 255, 255, 0.15); }
#icon { width: 100%; fill: #d7ecfb; margin-bottom: 30px; }
#github { fill: #d7ecfb; }
#github:hover { fill: #8bb5ba; }
#file { width: 0.1px; height: 0.1px; opacity: 0; z-index: -1; }
#label { cursor: pointer; }
#label:hover strong { color: #8bb5ba; }
#select { position: absolute; left: 0; right: 0; visibility: hidden; }
#button { font-size: 12px; color: inherit; margin: 20px auto; border: 0px; background-color: #1b679c; height: 30px; padding: 0 30px; border-radius: 4px; text-transform: uppercase; cursor: pointer; outline: none; }
#button:hover { background: #2674ab; }
#status { margin: 20px auto; border: 1px solid #d7ecfb; width: 70%; height: 24px; visibility: hidden; }
#bar { background: #2674ab; width: 0%; height: 100%; }
#transfer { width: 100%; line-height: 24px; margin-top: -24px; }
</style>
</head>