mirror of
https://github.com/gitpitch/gitpitch.git
synced 2024-04-18 07:30:55 +08:00
84f76f7551
- Introducing 4.0 slide deck markdown and assets added.
236 lines
6.6 KiB
Markdown
236 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]
|
|
|
|
[GitPitch 4.0 is coming soon. Watch out for release announcements on @fab[twitter]](https://twitter.com/gitpitch)
|