This commit is contained in:
Fabio Manganiello 2021-02-04 23:40:20 +01:00
parent c8915d9b7b
commit 29614f532a
6 changed files with 188 additions and 0 deletions

111
www/css/application.css Normal file
View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
www/img/icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
www/img/integrations.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 770 KiB

BIN
www/img/preview.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 303 KiB

77
www/index.html Normal file
View 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>