diff --git a/www/css/application.css b/www/css/application.css index 331d508..eeb8923 100644 --- a/www/css/application.css +++ b/www/css/application.css @@ -139,6 +139,10 @@ main section .title { width: calc(100% - 2em); padding: .5em 1em; } + + main section:nth-child(even) { + flex-direction: column-reverse; + } } @media screen and (min-width: 800px) { @@ -153,6 +157,22 @@ main section img { width: 100%; } +/* ********** */ +/* Code block */ +/* ********** */ +.code { + width: 90%; + background: #123; + color: #eee; + font-size: .9em; + font-family: 'Fira Code', monospace; + padding: 1em; + border-radius: .5em; +} + +.code .string { + color: #e47; +} /* *********** */ /* Mobile menu */ /* *********** */ diff --git a/www/fonts/fira-code.css b/www/fonts/fira-code.css new file mode 100644 index 0000000..79612da --- /dev/null +++ b/www/fonts/fira-code.css @@ -0,0 +1,8 @@ +@font-face { + font-family: 'Fira Code'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url(./fira-code.ttf) format('truetype'); +} + diff --git a/www/fonts/fira-code.ttf b/www/fonts/fira-code.ttf new file mode 100644 index 0000000..c7966c1 Binary files /dev/null and b/www/fonts/fira-code.ttf differ diff --git a/www/index.html b/www/index.html index 2e2cac5..d73385a 100644 --- a/www/index.html +++ b/www/index.html @@ -5,6 +5,7 @@ + Platypush @@ -88,6 +89,35 @@ +
+
+
+ Easy to install, easy to extend. +
+ +

+ Platypush comes with an intentionally thin core that dispatches messages and events over Redis, and + its power comes from the high number of integrations it provides. It's up to the user to decide the + pick the use case and use the appropriate extensions. +

+ +

+ Extensions may come with optional sets of additional dependencies, and they can be easily installed + through pip - see the setup.py for a full list of supported extras. The documentation also provided the required + dependencies for each integration. +

+
+ +
+
+ pip install 'platypush[http,mqtt]' +
+
+
+
Git