diff --git a/www/css/application.css b/www/css/application.css index eeb8923..d41c2d9 100644 --- a/www/css/application.css +++ b/www/css/application.css @@ -114,6 +114,18 @@ main { line-height: 1.5em; color: rgb(75, 75, 75); text-rendering: optimizelegibility; + margin-top: .2em; +} + +main a { + color: initial; + opacity: .5; + text-decoration: none; + border-bottom: 1px dotted #444; +} + +main a:hover { + opacity: .25; } main section { @@ -168,11 +180,20 @@ main section img { font-family: 'Fira Code', monospace; padding: 1em; border-radius: .5em; + white-space: pre; } .code .string { color: #e47; } + +.code .comment { + color: #999; +} + +.code .keyword { + color: #3a5; +} /* *********** */ /* Mobile menu */ /* *********** */ diff --git a/www/img/blog.png b/www/img/blog.png new file mode 100644 index 0000000..2b3ed17 Binary files /dev/null and b/www/img/blog.png differ diff --git a/www/img/dashboard.png b/www/img/dashboard.png new file mode 100644 index 0000000..5c729a7 Binary files /dev/null and b/www/img/dashboard.png differ diff --git a/www/img/extension.png b/www/img/extension.png new file mode 100644 index 0000000..ffcf869 Binary files /dev/null and b/www/img/extension.png differ diff --git a/www/img/grafana.png b/www/img/grafana.png new file mode 100644 index 0000000..a7d08f0 Binary files /dev/null and b/www/img/grafana.png differ diff --git a/www/img/media-screenshot.png b/www/img/media-screenshot.png new file mode 100644 index 0000000..640d03e Binary files /dev/null and b/www/img/media-screenshot.png differ diff --git a/www/img/ml.png b/www/img/ml.png new file mode 100644 index 0000000..e8f0ac1 Binary files /dev/null and b/www/img/ml.png differ diff --git a/www/img/telegram-bot.png b/www/img/telegram-bot.png new file mode 100644 index 0000000..c68c367 Binary files /dev/null and b/www/img/telegram-bot.png differ diff --git a/www/img/zwave-screenshot.png b/www/img/zwave-screenshot.png new file mode 100644 index 0000000..26144c8 Binary files /dev/null and b/www/img/zwave-screenshot.png differ diff --git a/www/index.html b/www/index.html index d73385a..2def322 100644 --- a/www/index.html +++ b/www/index.html @@ -112,8 +112,251 @@
-
- pip install 'platypush[http,mqtt]' +
pip install 'platypush[http,mqtt]'
+
+ + +
+
+
# Enable the Z-Wave monitor +backend.zwave: + - device: /dev/ttyUSB0 + +# Enable the Z-Wave actions plugin +zwave: + - enabled: True + +# Enable the Philips Hue plugin +light.hue: + # Enable the Hue lights plugin + - enabled: True +
+
+ +
+
+ Easily configure your integrations. +
+ + Configuring an integration is as simple as defining its attributes in + ~/.config/platypush/config.yaml. The attributes of each integration are the same as their + documented constructors, and an + example configuration + is also provided. +
+
+ +
+
+
+ Create hooks that connect events to actions. +
+ +

+ It's very easy to create pieces of logic that run some custom actions when an event is triggered. + Just drop a Python script into ~/.config/platypush/scripts, or create a YAML snippet into + your config.yaml. +

+ +

The interface of the available events is also provided on the documentation, as well as the + methods exposed by each plugin and its parameters.

+
+ +
+
from platypush.event.hook import hook +from platypush.utils import run +from platypush.message.event.zwave ZwaveValueChangedEvent + +@hook(ZwaveValueChangedEvent) +def on_zwave_value(event, **context): + if event.value['label'] == 'Motion Sensor': + # Turn on the lights when motion is detected + if event.value['data'] is True: + run('light.hue.on') + # Turn off the lights when motion is not detected + elif event.value['data'] is False: + run('light.hue.off') +
+
+
+ +
+
+ Web panel screenshot +
+ +
+
+ Easily control all of your devices and integrations from a single interface. +
+ +
+ backend.http also provides a web panel that will allow you to easily control all of your + integrations from a single place, on top of exposing a simple JSON-RPC API that allows you to + control your integrations from any place and any script. +
+
+
+ +
+
+
+ Get inspired with periodic blog articles. +
+ +
+ The blog is a useful resource with many articles on how to + set up IoT device, how to create your own and how to use Platypush to glue everything together - + from voice assistants, to calendars, to robots, to media centers, and so on. +
+
+ +
+ Blog screenshot +
+
+ +
+
+ Web extension +
+ +
+
+ Use the web extension to debug your remote instances and run actions directly from your browser. +
+ +
+ backend.http also provides a web panel that will allow you to easily control all of your + integrations from a single place, on top of exposing a powerful API request editor that allows you + to control your integrations from any place and any script. The extension is available for + Chrome + and Firefox, + and the source + code is publicly available. +
+
+
+ +
+
+
+ Create your own dashboards. +
+ +
+ Create your own all-screen dashboards with custom widgets to always keep an eye on e.g. calendar + events, media status, weather, sensors, news or your own pictures carousel. +
+
+ +
+ Dashboard screenshot +
+
+ +
+
+ Grafana screenshot +
+ +
+
+ Use Platypush to glue devices, databases and user interfaces. +
+ +
+ Platypush can be the bridge that connects your sensors, mobile and IoT devices to databases and + message queues and to Grafana to create + advanced visualizations of your data. + Be the owner of your data again, and visualize it wherever you like, however you like. +
+
+
+ +
+
+
+ Control all of your devices and services over chat bots and voice. +
+ +
+ Use the available + voice assistant + or + chat bot + integrations to interact with your smart devices and services over voice (all you need is a USB + microphone) or chat bots (all you need is a messaging account). +
+
+ +
+ Telegram bot screenshot +
+
+ +
+
+ Media screenshot +
+ +
+
+ All of your media devices and sources in one place. +
+ +
+ With its numerous media integrations and a comprehensive web control panel, Platypush can turn a + device as powerful as a Raspberry Pi 4 into the ultimate media center and streaming center. +
+
+
+ +
+
+
+ IoT-powered, events-oriented and self-hosted machine learning. +
+ +
+ Set up pipelines to automatically gather data from your events and dynamically train machine learning + models to e.g. + detect the presence of people or + recognize specific sounds. +
+
+ +
+ ML model screenshot +
+
+ +
+
+
+

+ Platypush is and will always remain free, open-source and on-prem. + If you have questions, suggestions, issues or want to contribute to the project: +

+ + +
+
+ +
+
+ Contact us or contribute.