Added new home section

This commit is contained in:
Fabio Manganiello 2021-02-05 20:18:51 +01:00
parent 686611a04c
commit 57e269a85f
4 changed files with 58 additions and 0 deletions

View file

@ -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 */
/* *********** */

8
www/fonts/fira-code.css Normal file
View file

@ -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');
}

BIN
www/fonts/fira-code.ttf Normal file

Binary file not shown.

View file

@ -5,6 +5,7 @@
<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="fonts/fira-code.css">
<link rel="stylesheet" href="css/application.css">
<title>Platypush</title>
@ -88,6 +89,35 @@
</div>
</section>
<section>
<div class="left">
<div class="title">
Easy to install, easy to extend.
</div>
<p>
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.
</p>
<p>
Extensions may come with optional sets of additional dependencies, and they can be easily installed
through <tt>pip</tt> - see the <a
href="https://git.platypush.tech/platypush/platypush/-/blob/master/setup.py#L169"
target="_blank"><tt>setup.py</tt></a> for a full list of supported extras. The <a
href="https://docs.platypush.tech" target="_blank">documentation</a> also provided the required
dependencies for each integration.
</p>
</div>
<div class="right">
<div class="code">
pip install <span class="string">'platypush[http,mqtt]'</span>
</div>
</div>
</section>
<div id="mobile-menu">
<div class="item">
<a href="https://git.platypush.tech/platypush" target="_blank">Git</a>