├── assets
├── css
│ └── PITCHME.css
├── img
│ ├── logo.png
│ ├── paint.png
│ ├── robot.jpg
│ ├── jigsaw.png
│ ├── fireworks.gif
│ ├── jellyfish.jpg
│ ├── gitpitch-editor.png
│ ├── gitpitch-export.png
│ ├── gitpitch-sketch.png
│ ├── gitpitch-40-splash.png
│ ├── gitpitch-browser.png
│ ├── gitpitch-develop.png
│ ├── gitpitch-keynote.png
│ ├── gitpitch-present.png
│ ├── gitpitch-preview.png
│ ├── gitpitch-sample-php.png
│ ├── gitpitch-sample-sql.png
│ ├── gitpitch-are-you-ready.png
│ ├── gitpitch-grid-outline.png
│ ├── gitpitch-images-widget.png
│ ├── gitpitch-sample-elixir.png
│ ├── gitpitch-theme-builder.png
│ ├── gitpitch-desktop-ide-mode.png
│ ├── gitpitch-desktop-edit-mode.png
│ └── logo-circled.svg
├── demo
│ ├── math.puml
│ └── graph.puml
├── fonts
│ ├── YanoneKaffeesatz-Bold.woff2
│ ├── YanoneKaffeesatz-Medium.woff2
│ └── YanoneKaffeesatz-Regular.woff2
├── md
│ └── splash.md
└── go
│ └── server.go
├── src
├── demo.puml
├── demo.ex
├── demo.mmd
├── demo.txt
└── demo.py
├── README.md
├── PITCHME.yaml
└── PITCHME.md
/assets/css/PITCHME.css:
--------------------------------------------------------------------------------
1 | .dashed {
2 | border: 2px dashed gray !important;
3 | }
4 |
5 |
--------------------------------------------------------------------------------
/assets/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/logo.png
--------------------------------------------------------------------------------
/assets/img/paint.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/paint.png
--------------------------------------------------------------------------------
/assets/img/robot.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/robot.jpg
--------------------------------------------------------------------------------
/assets/img/jigsaw.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/jigsaw.png
--------------------------------------------------------------------------------
/assets/img/fireworks.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/fireworks.gif
--------------------------------------------------------------------------------
/assets/img/jellyfish.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/jellyfish.jpg
--------------------------------------------------------------------------------
/src/demo.puml:
--------------------------------------------------------------------------------
1 | @startuml
2 | @startlatex
3 | \sum_{i=0}^{n-1} (a_i + b_i^2)
4 | @endlatex
5 | @enduml
6 |
--------------------------------------------------------------------------------
/assets/demo/math.puml:
--------------------------------------------------------------------------------
1 | @startuml
2 | @startlatex
3 | \sum_{i=0}^{n-1} (a_i + b_i^2)
4 | @endlatex
5 | @enduml
6 |
--------------------------------------------------------------------------------
/assets/img/gitpitch-editor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-editor.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-export.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-export.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-sketch.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-sketch.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-40-splash.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-40-splash.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-browser.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-browser.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-develop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-develop.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-keynote.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-keynote.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-present.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-present.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-preview.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-sample-php.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-sample-php.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-sample-sql.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-sample-sql.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-are-you-ready.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-are-you-ready.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-grid-outline.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-grid-outline.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-images-widget.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-images-widget.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-sample-elixir.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-sample-elixir.png
--------------------------------------------------------------------------------
/assets/img/gitpitch-theme-builder.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-theme-builder.png
--------------------------------------------------------------------------------
/assets/fonts/YanoneKaffeesatz-Bold.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/fonts/YanoneKaffeesatz-Bold.woff2
--------------------------------------------------------------------------------
/assets/img/gitpitch-desktop-ide-mode.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-desktop-ide-mode.png
--------------------------------------------------------------------------------
/assets/fonts/YanoneKaffeesatz-Medium.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/fonts/YanoneKaffeesatz-Medium.woff2
--------------------------------------------------------------------------------
/assets/fonts/YanoneKaffeesatz-Regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/fonts/YanoneKaffeesatz-Regular.woff2
--------------------------------------------------------------------------------
/assets/img/gitpitch-desktop-edit-mode.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/gitpitch/kitchen-sink/HEAD/assets/img/gitpitch-desktop-edit-mode.png
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | [](https://gitpitch.com/gitpitch/kitchen-sink/master)
2 |
3 | # GitPitch - Kitchen Sink
4 | A slideshow presentation that provides a quick GitPitch feature tour.
5 |
6 |
--------------------------------------------------------------------------------
/assets/md/splash.md:
--------------------------------------------------------------------------------
1 | [drag=54, drop=22 20, rotate=-5, bg=#5BC3EB, border=2px solid #232B2B]
2 | [drag=54, drop=22 20, rotate=0, bg=#E67E22, border=2px solid #232B2B]
3 | [drag=54, drop=22 20, rotate=5, bg=#232B2B]
4 | [drag=54, drop=22 20, set=h1-white font-10]
5 |
6 | # {{title}}
7 |
--------------------------------------------------------------------------------
/src/demo.ex:
--------------------------------------------------------------------------------
1 | defmodule User do
2 | use Ecto.Schema
3 |
4 | import Ecto.Changeset
5 |
6 | def changeset(user, params \\ %{}) do
7 | user
8 | |> cast(params, [:name, :email, :age])
9 | |> validate_required([:name, :email])
10 | |> validate_format(:email, ~r/@/)
11 | |> validate_inclusion(:age, 18..100)
12 | end
13 | end
14 |
--------------------------------------------------------------------------------
/src/demo.mmd:
--------------------------------------------------------------------------------
1 | sequenceDiagram
2 | autonumber
3 | Student->>Admin: Can I enrol this semester?
4 | loop enrolCheck
5 | Admin->>Admin: Check previous results
6 | end
7 | Note right of Admin: Exam results
may be delayed
8 | Admin-->>Student: Enrolment success
9 | Admin->>Professor: Assign student to tutor
10 | Professor-->>Admin: Student is assigned
11 |
--------------------------------------------------------------------------------
/src/demo.txt:
--------------------------------------------------------------------------------
1 | .
2 | ├── PITCHME.md
3 | ├── PITCHME.yaml
4 | ├── assets
5 | │ ├── css
6 | │ │ └── PITCHME.css
7 | │ ├── fonts
8 | │ │ └── Kaffee.woff2
9 | │ └── img
10 | │ ├── design.jpg
11 | │ ├── fireworks.gif
12 | │ └── logo.png
13 | ├── src
14 | │ ├── clojure
15 | │ │ └── sample.clj
16 | │ ├── elixir
17 | │ │ └── sample.ex
18 | │ └── haskell
19 | │ └── sample.hs
20 | └── topics
21 | ├── ast
22 | │ └── PITCHME.md
23 | ├── functions
24 | │ └── PITCHME.md
25 | ├── immutability
26 | │ └── PITCHME.md
27 | └── recursion
28 | └── PITCHME.md
29 |
--------------------------------------------------------------------------------
/assets/go/server.go:
--------------------------------------------------------------------------------
1 | package funding
2 |
3 | type FundServer struct {
4 | Commands chan interface{}
5 | fund Fund
6 | }
7 |
8 | func NewFundServer(initialBalance int) *FundServer {
9 | server := &FundServer{
10 | // make() creates builtins like channels
11 | Commands: make(chan interface{}),
12 | fund: NewFund(initialBalance),
13 | }
14 |
15 | // Spawn off the server's main loop immediately
16 | go server.loop()
17 | return server
18 | }
19 |
20 | func (s *FundServer) loop() {
21 | // The built-in "range" clause can iterate
22 | // over channels, amongst other things
23 | for command := range s.Commands {
24 |
25 | // Handle the command
26 |
27 | }
28 | }
29 |
30 |
--------------------------------------------------------------------------------
/assets/demo/graph.puml:
--------------------------------------------------------------------------------
1 | @startuml
2 | digraph G {
3 | node [shape=record, fillcolor=lightgray, style="filled,rounded"]
4 | capture [label="Traffic Capture"]
5 | capture -> analyze
6 |
7 | subgraph cluster0 {
8 | label = "Same as\nNetwork Capture Assessment"
9 | labeljust = left
10 | style = "filled,rounded"
11 | color = deepskyblue
12 | analyze [label="Endpoint and Flow Analysis"]
13 | analyze:0 -> known:n
14 | analyze:1 -> unknown:n
15 | known [label="Known Protocol Analysis"]
16 | unknown [label="Unknown Protocol Decode"]
17 | }
18 |
19 | known:s -> enum:0
20 | unknown:s -> enum:1
21 | enum [label="Protocol Enumeration"]
22 | enum -> fuzz
23 | fuzz [label="Protocol Fuzzing"]
24 | fuzz -> exploit
25 | exploit [label="Protocol Exploitation"]
26 | }
27 | @enduml
28 |
--------------------------------------------------------------------------------
/src/demo.py:
--------------------------------------------------------------------------------
1 | from diagrams import Cluster, Diagram
2 | from diagrams.aws.compute import ECS, EKS, Lambda
3 | from diagrams.aws.database import Redshift
4 | from diagrams.aws.integration import SQS
5 | from diagrams.aws.storage import S3
6 |
7 | with Diagram("Event Processing", show=False):
8 | source = EKS("k8s source")
9 |
10 | with Cluster("Event Flows"):
11 | with Cluster("Event Workers"):
12 | workers = [ECS("worker1"),
13 | ECS("worker2"),
14 | ECS("worker3")]
15 |
16 | queue = SQS("event queue")
17 |
18 | with Cluster("Processing"):
19 | handlers = [Lambda("proc1"),
20 | Lambda("proc2"),
21 | Lambda("proc3")]
22 |
23 | store = S3("events store")
24 | dw = Redshift("analytics")
25 |
26 | source >> workers >> queue >> handlers
27 | handlers >> store
28 | handlers >> dw
29 |
--------------------------------------------------------------------------------
/PITCHME.yaml:
--------------------------------------------------------------------------------
1 | # GitPitch 4.0 Slide Deck
2 | gitpitch : 4.0
3 |
4 | # Published to gitpitch.com
5 | published: true
6 |
7 | # Slide Deck Theme Settings
8 | theme : template
9 | theme-override : assets/css/PITCHME.css
10 | theme-background : [ "#FFF" ]
11 | theme-headline : [ "Montserrat", "#1C1C1C", "none", "#E67E22" ]
12 | theme-byline : [ "YanoneKaffeesatz-Medium", "#272626", "none", "#E67E22" ]
13 | theme-text : [ "YanoneKaffeesatz-Regular", "#272626", "none", "#E67E22" ]
14 | theme-links : [ "#5289F7", "#5254F7" ]
15 | theme-code : [ "Inconsolata", "100", "120" ]
16 | highlight : atom-one-light
17 | theme-controls : [ "#C0C0C0" ]
18 | theme-margins : [ "0", "15px" ]
19 | layout : center
20 | # logo : assets/img/logo.png
21 |
22 | # Slide Deck Custon Fonts
23 | custom-fonts : [
24 | "assets/fonts/YanoneKaffeesatz-Medium.woff2",
25 | "assets/fonts/YanoneKaffeesatz-Regular.woff2"
26 | ]
27 |
28 | # MathJax Plugin Enabled
29 | mathjax : TeX-MML-AM_HTMLorMML-full
30 |
31 | title : "GitPitch Markdown"
32 | description : "The perfect slide deck solution for Tech Conferences, Training, Developer Advocates, and Educators. Available on MacOS, Linux, and Windows 10."
33 | thumbnail : assets/img/gitpitch-40-splash.png
34 |
--------------------------------------------------------------------------------
/PITCHME.md:
--------------------------------------------------------------------------------
1 | [drag=35 10, drop=top, pad=10, fit=1.1]
2 |
3 | The Perfect Slide Deck Solution
4 |
5 | @md[title=GitPitch](assets/md/splash.md)
6 |
7 | 
8 |
9 | [drag=30 3, drop=50 77 true false, set=text-gray, fit=0.5]
10 | Press F for Fullscreen Mode
11 |
12 | [drag=100 20, drop=bottom, fit=1.05]
13 |
14 | For Tech Conferences, Training, **Developer** Advocates, and Educators
15 |
16 | [drag=8 10, drop=-29 55, opacity=0.7, set=h2-silver, fit=0.8, animate=bouncedown, filter=contrast]
17 |
18 | ## 4.0
19 |
20 | ---
21 |
22 | 
23 |
24 | [drag=40 55, drop=1 10, fit=0.9]
25 |
26 | ## GitPitch **Desktop**
27 |
28 | @fab[docker fa-xs]
29 |
30 | An app to develop,
preview, and present
slide decks offline.
31 |
32 | [drag=40 10, drop=1 -25, flow=row]
33 |
34 | @fa[linux fa-2x]
35 | @fa[apple fa-2x]
36 | @fa[windows fa-2x ]
37 |
38 | [drag=40 10, drop=1 -15, set=fragmentx]
39 |
40 | Available on Linux, MacOS, Windows
41 |
42 | 
43 |
44 | 
45 |
46 | ---
47 |
48 | [drag=40 10, drop=topleft, pad=10, fit=1.2]
49 |
50 | With the **Desktop** app you can...
51 |
52 | @ul[drag=40 80, drop=2 15, sync=true, list-spaced-bullets]
53 | - Develop slides using markdown
and powerful **markdown widgets**
54 | - Using an embedded markdown editor
55 | - Or your favorite IDE
56 | - Enjoy live browser previews
57 | - Dedicated speaker support
58 | - And pixel-perfect slide export
59 | - To **PDF @fa[file-pdf]**, **PPTX @fa[file-powerpoint]**, and **HTML @fa[html5]**
60 | @ul
61 |
62 | [drag=60 100, drop=right, flow=stack, pad=0 40, sync=true]
63 |
64 | @fab[markdown fa-10x]
65 | 
66 | 
67 | 
68 | 
69 | 
70 | 
71 |
72 | ---
73 |
74 | [drag=100 10, drop=top, fit=1.2]
75 |
76 | And with a simple **git-push** to GitHub, GitLab, and Bitbucket you can share...
77 |
78 | [drag=100 40, drop=center, flow=row, bg=#232B2B, set=text-white]
79 |
80 | @fa[users fa-4x]
81 | @fa[user-shield fa-4x]
82 | @fa[lock fa-4x]
83 |
84 | [drag=100 20, drop=0 -5, set=fragment, fit=1.5]
85 |
86 | ...public, private, and **password-protected** slide decks on gitpitch.com.
87 |
88 | ---
89 |
90 | 
91 |
92 | [drag=85 10, drop=top, fit=1.2]
93 |
94 | GitPitch 4.0 introduces brand new **grid layouts** for your slide content...
95 |
96 | @code[drag=37 41, drop=21 13, fit=0.66, border=2px dashed gray, elixir](src/demo.ex)
97 |
98 | [drag=35, drop=12 56, pad=40px, bg=#FFFFBF, border=2px dashed gray]
99 |
100 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
101 |
102 | [drag=25 70, drop=-18 16, rotate=35, border=2px dashed gray]
103 |
104 | 
105 | @mermaid[width=250, theme=forest, border=2px dashed gray](src/demo.mmd)
106 |
107 | 
108 |
109 | [drag=100 7, drop=bottom, flow=row, border=2px dashed gray, fit=0.8]
110 |
111 | @fa[github] gitpitch
112 | david@gitpitch.com
113 | @fa[twitter] gitpitch
114 |
115 | [drag=30 20, drop=-0 -11, bg=#232B2B, set=text-white fragment, fit=0.9, animate=bounceright]
116 |
117 | The new grid layouts system
brings **drag-and-drop** layout precision
to GitPitch markdown presentations.
118 |
119 | ---
120 | [drag=100 10, drop=top, fit=1.1]
121 |
122 | With Markdown **widgets** you can render rich slide content including...
123 |
124 | @ul[drag=40 70, drop=0 20, sync=true, list-spaced-sm-bullets list-fade-fragments]
125 | - Images with filters + transformations
126 | - Mermaid + PlantUML diagrams
127 | - Cloud architecture diagrams
128 | - LaTeX Math formulas
129 | - YouTube, Vimeo, Mp4 Videos
130 | - Excalidraw whiteboard sketches
131 | - Plus slide content synchronization **@fa[arrow-right]**
132 | @ul
133 |
134 | [drag=60 80, drop=-2 15, flow=stack, pad=0 30, fit=0.75, sync=true]
135 |
136 | 
137 | @mermaid[theme=forest](src/demo.mmd)
138 | @cloud[](src/demo.py)
139 | @math[pad=30px, rotate=-25, fit=1.4]
140 | `\[
141 | \left( \sum_{k=22}^n a_k b_k \right)^{\!\!2} \leq
142 | \left( \sum_{k=1}^n a_k^2 \right) \left( \sum_{k=1}^n b_k^2 \right)
143 | \]`
144 | @math
145 | 
146 | 
147 | ### This slide is an example of
**slide content synchronization**.
The display of the list-content
on the left has been
synchronized with the display of
this stack-content on the right.
148 |
149 | ---
150 |
151 | [drag=60 10, drop=top, pad=20, fit=1.2]
152 |
153 | Enjoy **stunning** code slides with live **step-and-zoom**...
154 |
155 | 
156 | 
157 | 
158 |
159 | [drag=30 5, drop=-5 -24, fit=0.5]
160 |
161 | * GitPitch 4.0 supports the use of the full slide area when rendering code.
162 |
163 | Note:
164 |
165 | - Selection of Monospaced Code Fonts
166 | - 100+ Syntax Highlighting Styles
167 | - Step-and-ZOOM into Code
168 | - Including Fenced Code Blocks
169 | - Repository Source Code Files
170 | - And any public GitHub GIST
171 |
172 | ---
173 |
174 | @code[drag=98, drop=1, fit=1.6, elixir](src/demo.ex)
175 |
176 | [drag=50 6, drop=-2 1, flow=false, set=font-concert-one pull-right]
177 |
178 | @[1-4](Live code presenting with optional annotations.)
179 | @[6,12](Filtering, casting, and validation of constraints.)
180 | @[7-8, zoom-11](Taking advantage of Elixir's pipe operator.)
181 | @[7-9, zoom-11]
182 | @[7-10, zoom-11]
183 | @[7-11, zoom-11]
184 |
185 | ---
186 |
187 | [drag=100 10, drop=top, fit=1.2]
188 |
189 | All powered using **modular** Markdown under Git **version control**...
190 |
191 | [drag=30 90, drop=5 15, rotate=-4, bg=#232B2B]
192 | @fab[markdown fa-4x text-white]
193 | 
194 | @fab[git fa-4x text-white]
195 |
196 | @code[drag=17 80, drop=50 16 true false, fit=0.5, text](src/demo.txt)
197 |
198 | [drag=30 90, drop=-5 15, rotate=4, bg=#B70057]
199 | [drag=30 90, drop=-5 15, pad=0 40, rotate=4, fit=1.4, set=text-white]
200 |
201 | ... so you can manage your presentation
+ training content
the same way you manage `code`.
202 |
203 | ---
204 |
205 | 
206 |
207 | [drag=60 90, drop=-5 5, fit=1.2]
208 |
209 | And before you publish, stamp
your **brand** on any slide deck...
210 |
211 | 
212 |
213 | Using the GitPitch Presentation Theme Builder
214 |
215 | Note:
216 |
217 | You can activate custom fonts, color schemes, logos and more for any slide deck.
218 |
219 | ---?color=black
220 | @title[Now It's Your Turn]
221 |
222 | [drag=30 10, drop=35 0, set=text-smallcaps]
223 |
224 | ### Slide Decks for Developers
225 |
226 | 
227 |
228 | [drag=100 40, drop=center, fit=1.3]
229 |
230 | Are you ready to
231 | # GitPitch?
232 |
233 | [drag=100 15, drop=0 -0, set=bubblegum]
234 |
235 | [No sign-up or credit card needed. Start your free trial now @fa[external-link]](https://docs.gitpitch.com/#/whats-new-in-40)
236 |
--------------------------------------------------------------------------------
/assets/img/logo-circled.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
75 |
--------------------------------------------------------------------------------