Added new home section
This commit is contained in:
parent
686611a04c
commit
57e269a85f
4 changed files with 58 additions and 0 deletions
|
@ -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
8
www/fonts/fira-code.css
Normal 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
BIN
www/fonts/fira-code.ttf
Normal file
Binary file not shown.
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue