Skip to content

Commit

Permalink
commit message
Browse files Browse the repository at this point in the history
  • Loading branch information
@WeeJeWel
WeeJeWel committed Apr 26, 2019
0 parents commit 417acd7
Show file tree
Hide file tree
Showing 25 changed files with 1,205 additions and 0 deletions.
200 changes: 200 additions & 0 deletions app/css/homey.ink.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,200 @@
* {
margin: 0;
padding: 0;
border: none;
}

html,
body {
width: 100%;
height: 100%;
}

body {
background: white;
color: black;

font-family: Helvetica, sans-serif;
}

#container {
box-sizing: border-box;
}
#container-inner {
position: relative;
width: 100%;
height: 100%;
}

#logo {
position: absolute;
right: 0;
top: 0;
width: 110px;
height: 110px;
background: url(../img/logo.png) no-repeat center center;
background-size: contain;
}

#text {
text-align: center;
}
#text-large:after {
content: "";
display: block;
height: 1px;
background: black;
width: 200px;
margin: auto;
margin: 40px auto;
}
#text-large {
font-size: 64px;
font-weight: 700;
margin: 20px 0 0 0;
}
#text-small {
font-size: 34px;
font-weight: 500;
margin-bottom: 50px;
}

#weather {

}
#weather-temperature {
font-size: 100px;
font-weight: 500;
line-height: 96px;
}
#weather-temperature:after {
content: "°";
}
#weather-state {
font-size: 48px;
font-weight: 700;
}

.favorites {

}
.favorites h2 {
display: block;
width: 1000px;
font-size: 42px;
font-weight: 700;
padding-bottom: 12px;
/*
border-bottom: 2px solid black;
*/
margin-bottom: 30px;
}
.favorites h2:after {
content: "";
display: block;
height: 2px;
background: linear-gradient(to right, #000000 0%, rgba(0,0,0,0) 100%);
}
.favorites-inner {
font-size: 0;
overflow: hidden;
white-space: nowrap;
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, #000000 90%, rgba(0,0,0,0) 100%);
}

#flows {
}
.flows {
}
.flow {
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
height: 64px;
border: 2px solid black;
border-radius: 64px;
overflow: hidden;
font-size: 0;
margin-right: 24px;
}
.flow.running:before {
content: "✓";
color: white;
text-align: center;
line-height: 64px;
display: block;
background: black;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
font-size: 32px;
}
.flow .play {
display: inline-block;
vertical-align: middle;
width: 64px;
height: 64px;
background: url(../img/play.png) no-repeat center center;
background-size: contain;
}
.flow .name {
display: inline-block;
vertical-align: middle;
height: 64px;
line-height: 64px;
font-size: 28px;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 20px;
max-width: 300px;
}

#devices {

}
.devices {

}
.device {
display: inline-block;
vertical-align: middle;
position: relative;
width: 200px;
height: 200px;
border: 2px solid black;
border-radius: 32px;
box-sizing: border-box;
padding: 24px;
margin-right: 24px;

opacity: 0.5;
}
.device.on {
opacity: 1;
}
.device .icon {
width: 90px;
height: 90px;
background: black;
margin-bottom: 6px;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
}
.device .name {
width: 100%;
font-size: 28px;
height: 64px;
line-height: 32px;
font-weight: 700;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
}
38 changes: 38 additions & 0 deletions app/css/themes/kobo-h2o.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');

body {
font-family: "Roboto Slab";
}

#container {
width: 1440px;
height: 1080px;
padding: 64px;
-webkit-transform: rotate(90deg) translateX(180px) translateY(180px);
}

#weather {
position: absolute;
left: 0;
top: 0;
}

#text {
position: absolute;
left: 200px;
right: 200px;
}

#flows {
top: 310px;
}

#devices {
top: 610px;
}

.favorites {
position: absolute;
left: 0;
right: 0;
}
Binary file added app/img/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app/img/play.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added app/img/test.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
47 changes: 47 additions & 0 deletions app/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=1080, height=1440, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Homey.ink</title>
<link rel="stylesheet" type="text/css" href="./css/homey.ink.css">
<script type="text/javascript" src="//cdn.athom.com/athom-api/2.1.180/athom-api.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script type="text/javascript" src="./js/polyfill.js"></script>
<script type="text/javascript" src="./js/later.js"></script>
<script type="text/javascript" src="./js/homey.ink.helpers.js"></script>
<script type="text/javascript" src="./js/homey.ink.app.js"></script>
</head>
<body>

<div id="container">

<div id="container-inner">

<div id="logo"></div>

<div id="text">
<div id="text-large"></div>
<div id="text-small"></div>
</div>

<div id="weather">
<div id="weather-temperature">n/a</div>
<div id="weather-state">n/a</div>
</div>

<div id="flows" class="favorites">
<h2>Favorite Flows</h2>
<div id="flows-inner" class="flows favorites-inner"></div>
</div>

<div id="devices" class="favorites">
<h2>Favorite Devices</h2>
<div id="devices-inner" class="devices favorites-inner"></div>
</div>

</div>
</div>

</body>
</html>
Loading

0 comments on commit 417acd7

Please sign in to comment.