gitpitch/PITCHME.md
2020-09-29 07:45:10 +01:00

237 lines
6.6 KiB
Markdown

[drag=35 10, drop=top, pad=10, fit=1.1]
The Perfect Slide Deck Solution
@md[title=GitPitch](assets/md/splash.md)
![drag=5, drop=23 17, rotate=5](assets/img/logo-circled.svg)
[drag=30 3, drop=50 77 true false, set=text-gray, fit=0.5]
Press F for Fullscreen Mode
[drag=100 20, drop=bottom, fit=1.05]
For Tech Conferences, Training, **Developer** Advocates, and Educators
[drag=8 10, drop=-29 55, opacity=0.7, set=h2-silver, fit=0.8, animate=bouncedown, filter=contrast]
## 4.0
---
![drag=60 80, drop=right, opacity=0.1](assets/img/logo-circled.svg)
[drag=40 55, drop=1 10, fit=0.9]
## GitPitch **Desktop**
@fab[docker fa-xs]
An app to develop,<br>preview, and present<br>slide decks offline.
[drag=40 10, drop=1 -25, flow=row]
@fa[linux fa-2x]
@fa[apple fa-2x]
@fa[windows fa-2x ]
[drag=40 10, drop=1 -15, set=fragmentx]
Available on Linux, MacOS, Windows
![drop=41 1, width=1100](assets/img/gitpitch-desktop-edit-mode.png)
![drop=-1 -1, width=600](assets/img/gitpitch-present.png)
---
[drag=40 10, drop=topleft, pad=10, fit=1.2]
With the **Desktop** app you can...
@ul[drag=40 80, drop=2 15, sync=true, list-spaced-bullets]
- Develop slides using markdown<br>and powerful **markdown widgets**
- Using an embedded markdown editor
- Or your favorite IDE
- Enjoy live browser previews
- Dedicated speaker support
- And pixel-perfect slide export
- To **PDF @fa[file-pdf]** and PowerPoint **PPTX @fa[file-powerpoint]**
@ul
[drag=60 100, drop=right, flow=stack, pad=0 40, sync=true]
@fab[markdown fa-10x]
![width=950, rotate=10](assets/img/gitpitch-are-you-ready.png)
![width=900, rotate=-10](assets/img/gitpitch-desktop-ide-mode.png)
![rotate=](assets/img/gitpitch-preview.png)
![rotate=-10](assets/img/gitpitch-present.png)
![](assets/img/gitpitch-export.png)
![rotate=10](assets/img/gitpitch-keynote.png)
---
[drag=100 10, drop=top, fit=1.2]
And with a simple **git-push** to GitHub, GitLab, and Bitbucket you can share...
[drag=100 40, drop=center, flow=row, bg=#232B2B, set=text-white]
@fa[users fa-4x]
@fa[user-shield fa-4x]
@fa[lock fa-4x]
[drag=100 20, drop=0 -5, set=fragment, fit=1.5]
...public, private, and **password-protected** slide decks on gitpitch.com.
---
![drag=100, drop=center, stretch=true](assets/img/gitpitch-grid-outline.png)
[drag=85 10, drop=top, fit=1.2]
GitPitch 4.0 introduces brand new **grid layouts** for your slide content...
@code[drag=37 41, drop=21 13, fit=0.66, border=2px dashed gray, elixir](src/demo.ex)
[drag=35, drop=12 56, pad=40px, bg=#FFFFBF, border=2px dashed gray]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[drag=25 70, drop=-18 16, rotate=35, border=2px dashed gray]
![width=400, filter=contrast, border=2px dashed gray](assets/img/gitpitch-sketch.png)
@mermaid[width=250, theme=forest, border=2px dashed gray](src/demo.mmd)
![drag=20 25, drop=-5 -15, filter=contrast, border=2px dashed black](assets/img/paint.png)
[drag=100 7, drop=bottom, flow=row, border=2px dashed gray, fit=0.8]
@fa[github] gitpitch
david@gitpitch.com
@fa[twitter] gitpitch
[drag=30 20, drop=-0 -11, bg=#232B2B, set=text-white fragment, fit=0.9, animate=bounceright]
The new grid layouts system<br>brings **drag-and-drop** layout precision<br>to GitPitch markdown presentations.
---
[drag=100 10, drop=top, fit=1.1]
With Markdown **widgets** you can render rich slide content including...
@ul[drag=40 70, drop=0 20, sync=true, list-spaced-sm-bullets list-fade-fragments]
- Images with filters + transformations
- Mermaid + PlantUML diagrams
- Cloud architecture diagrams
- LaTeX Math formulas
- YouTube, Vimeo, Mp4 Videos
- Excalidraw whiteboard sketches
- Plus slide content synchronization **@fa[arrow-right]**
@ul
[drag=60 80, drop=-2 15, flow=stack, pad=0 30, fit=0.75, sync=true]
![rotate=10, filter=contrast](assets/img/paint.png)
@mermaid[theme=forest](src/demo.mmd)
@cloud[](src/demo.py)
@math[pad=30px, rotate=-25, fit=1.4]
`\[
\left( \sum_{k=22}^n a_k b_k \right)^{\!\!2} \leq
\left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
\]`
@math
![Gravity, width=1000, border=6px solid gray](https://player.vimeo.com/video/125471012)
![](assets/img/gitpitch-sketch.png)
### This slide is an example of<br>**slide content synchronization**.<br><br>The display of the list-content<br>on the left has been<br> synchronized with the display of<br>this stack-content on the right.
---
[drag=60 10, drop=top, pad=20, fit=1.2]
Enjoy **stunning** code slides with live **step-and-zoom**...
![drop=2 15, width=800 ](assets/img/gitpitch-sample-sql.png)
![drop=11 43, width=900](assets/img/gitpitch-sample-php.png)
![drop=-2 8, width=1100](assets/img/gitpitch-sample-elixir.png)
[drag=30 5, drop=-5 -24, fit=0.5]
<sup>*</sup> GitPitch 4.0 supports the use of the full slide area when rendering code.
Note:
- Selection of Monospaced Code Fonts
- 100+ Syntax Highlighting Styles
- Step-and-ZOOM into Code
- Including Fenced Code Blocks
- Repository Source Code Files
- And any public GitHub GIST
---
@code[drag=98, drop=1, fit=1.6, elixir](src/demo.ex)
[drag=50 6, drop=-2 1, flow=false, set=font-concert-one pull-right]
@[1-4](Live code presenting with optional annotations.)
@[6,12](Filtering, casting, and validation of constraints.)
@[7-8, zoom-11](Taking advantage of Elixir's pipe operator.)
@[7-9, zoom-11]
@[7-10, zoom-11]
@[7-11, zoom-11]
---
[drag=100 10, drop=top, fit=1.2]
All powered using **modular** Markdown under Git **version control**...
[drag=30 90, drop=5 15, rotate=-4, bg=#232B2B]
@fab[markdown fa-4x text-white]
![width=250](assets/img/jigsaw.png)
@fab[git fa-4x text-white]
@code[drag=17 80, drop=50 16 true false, fit=0.5, text](src/demo.txt)
[drag=30 90, drop=-5 15, rotate=4, bg=#B70057]
[drag=30 90, drop=-5 15, pad=0 40, rotate=4, fit=1.4, set=text-white]
... so you can manage your presentation<br>+ training content<br>the same way you manage `code`.
---
![drag=35 100, drop=5 0, animate=bouncedown](assets/img/gitpitch-theme-builder.png)
[drag=60 90, drop=-5 5, fit=1.2]
And before you publish, stamp<br>your **brand** on any slide deck...
![width=1000, height=580](https://www.youtube.com/embed/pfMsOZRvfXw)
Using the GitPitch Presentation Theme Builder
Note:
You can activate custom fonts, color schemes, logos and more for any slide deck.
---?color=black
@title[Now It's Your Turn]
[drag=30 10, drop=35 0, set=text-smallcaps]
### Slide Decks for Developers
![drag=100 60, drop=center, opacity=0.4, stretch=true](assets/img/fireworks.gif)
[drag=100 40, drop=center, fit=1.3]
Are you ready to
# GitPitch?
[drag=100 15, drop=0 -0, set=bubblegum]
[No sign-up or credit card needed. Start your free trial now @fa[external-link]](https://docs.gitpitch.com/#/whats-new-in-40)