WIP
This commit is contained in:
parent
c8915d9b7b
commit
29614f532a
6 changed files with 188 additions and 0 deletions
111
www/css/application.css
Normal file
111
www/css/application.css
Normal file
|
|
@ -0,0 +1,111 @@
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
font-size: 20px;
|
||||||
|
font-family: 'Fira Sans', sans-serif;
|
||||||
|
/*font-family: "Asap", "Helvetica Neue", Helvetica, "Segoe UI", Tahoma, Arial, sans-serif;*/
|
||||||
|
/*font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;*/
|
||||||
|
font-weight: 400;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ------ */
|
||||||
|
/* Header */
|
||||||
|
/* ------ */
|
||||||
|
header {
|
||||||
|
width: 100%;
|
||||||
|
height: 3em;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: .9em;
|
||||||
|
box-shadow: 3px 0 3px 2px #ccc;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .name {
|
||||||
|
font-family: 'Poppins', sans-serif;
|
||||||
|
margin-left: .333em;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .item {
|
||||||
|
margin: 0 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
header a {
|
||||||
|
color: initial;
|
||||||
|
opacity: .8;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
header a:hover {
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
|
||||||
|
header a.logo {
|
||||||
|
opacity: .9;
|
||||||
|
}
|
||||||
|
|
||||||
|
header a.logo:hover {
|
||||||
|
opacity: .75;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .left,
|
||||||
|
header .right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .right {
|
||||||
|
justify-content: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .logo {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .logo img {
|
||||||
|
width: 2.5em;
|
||||||
|
height: 2.5em;
|
||||||
|
margin: auto .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- */
|
||||||
|
/* Main */
|
||||||
|
/* ---- */
|
||||||
|
main {
|
||||||
|
height: calc(100% - 3em);
|
||||||
|
overflow: auto;
|
||||||
|
line-height: 1.5em;
|
||||||
|
color: rgb(75, 75, 75);
|
||||||
|
text-rendering: optimizelegibility;
|
||||||
|
}
|
||||||
|
|
||||||
|
main section {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
main section:nth-child(even) {
|
||||||
|
background: #ecffec;
|
||||||
|
}
|
||||||
|
|
||||||
|
main section .title {
|
||||||
|
font-size: 1.5em;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
main section .left,
|
||||||
|
main section .right {
|
||||||
|
width: calc(50% - 2em);
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
main section img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
BIN
www/favicon.ico
Normal file
BIN
www/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
www/img/icon.png
Normal file
BIN
www/img/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
www/img/integrations.png
Normal file
BIN
www/img/integrations.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 770 KiB |
BIN
www/img/preview.png
Normal file
BIN
www/img/preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 303 KiB |
77
www/index.html
Normal file
77
www/index.html
Normal file
|
|
@ -0,0 +1,77 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/application.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@200;300&display=swap" rel="stylesheet">
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
|
||||||
|
<title>Platypush</title>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<div class="left">
|
||||||
|
<a href="https://platypush.tech" class="logo">
|
||||||
|
<img src="img/icon.png" alt="Logo">
|
||||||
|
<span class="name">Platypush</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right">
|
||||||
|
<div class="item">
|
||||||
|
<a href="https://git.platypush.tech/platypush" target="_blank">Git</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="https://docs.platypush.tech" target="_blank">Docs</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="https://blog.platypush.tech">Blog</a>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<a href="https://git.platypush.tech/platypush/platypush/-/wikis/home" target="_blank">Wiki</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section>
|
||||||
|
<div class="left">
|
||||||
|
<div class="title">
|
||||||
|
Connect things and services together with Platypush
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
Platypush is an open-source modular platform for automation aimed to run on any device that
|
||||||
|
can run a Python interpreter.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right">
|
||||||
|
<img src="img/preview.png" alt="App preview">
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<div class="left">
|
||||||
|
<img src="img/integrations.png" alt="Integrations">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right">
|
||||||
|
<div class="title">
|
||||||
|
Control devices and services through hundreds of available integrations.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
Platypush comes with many integrations, each wrapped by a consistent API, making it very easy to
|
||||||
|
create automation routines when a certain event happens, programmatically action them in your
|
||||||
|
scripts, or control them all from a single consistent web interface.
|
||||||
|
<a href="https://docs.platypush.tech" target="_blank">Discover the available integrations.</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue