platypush-home/www/index.html

108 lines
3.7 KiB
HTML

<!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" href="fonts/poppins.css">
<link rel="stylesheet" href="fonts/fira-sans.css">
<link rel="stylesheet" href="css/application.css">
<title>Platypush</title>
<script type="text/javascript">
function toggleMobileMenu() {
const menu = document.getElementById('mobile-menu');
console.log(menu);
if (menu.classList.length)
menu.className = '';
else
menu.className = 'visible';
}
</script>
</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 is-desktop">
<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>
<div class="right is-mobile">
<button type="button" class="menu-icon" title="Menu" onclick="toggleMobileMenu()">
<img src="img/menu-icon.png">
</button>
</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>
<div id="mobile-menu">
<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>
</main>
</body>
</html>