Skip to content

Commit a123ecc

Browse files
solarsailersolarsailer
committed
Update documentation
1 parent 1e15a71 commit a123ecc

File tree

10 files changed

+101
-31
lines changed

10 files changed

+101
-31
lines changed

‎data/data.xml

+1-1
Original file line numberDiff line numberDiff line change
@@ -147,7 +147,7 @@
147147
In this case, only a sentence will be shown, along with a download link.
148148
-->
149149
<trailer>
150-
<name>Gameplay Preview: Beta 42</name>
150+
<name>Interview with Damien Mayance and Matthieu Oger of Pixenest Studio</name>
151151
<download>https://github.com/pixelnest/presskit.html</download>
152152
</trailer>
153153
</trailers>

‎data/product/data.xml

+10
Original file line numberDiff line numberDiff line change
@@ -189,6 +189,12 @@
189189
You can use YouTube and/or Vimeo. Only one is needed, and only one is recommended.
190190
191191
Don't put the full link: just the ID is necessary.
192+
193+
If you want to provide a link to download the video, add this tag in `<trailer>`:
194+
195+
```
196+
<download>https://example.com/video.mp4</download>
197+
```
192198
-->
193199
<trailers>
194200
<trailer>
@@ -203,6 +209,10 @@
203209
<name>Early Access Trailer</name>
204210
<youtube>EtyQMcc19xY</youtube>
205211
</trailer>
212+
<trailer>
213+
<name>Short gameplay preview: Burger vs Pizza</name>
214+
<download>https://github.com/pixelnest/presskit.html</download>
215+
</trailer>
206216
</trailers>
207217

208218
<!-- ## Widgets -->

‎docs/company/index.html

+36-16
Original file line numberDiff line numberDiff line change
@@ -280,7 +280,8 @@ <h2 id="trailers">Trailers</h2>
280280
<p>Add your videos. Because we are in the <code>&lt;company&gt;</code> page, try to be representative of all the products of your company.</p>
281281
<p>You can use YouTube and/or Vimeo. Only one is needed, and only one is recommended.</p>
282282
<p>Don’t put the full link: just the ID is necessary.</p>
283-
283+
<p>If you want to provide a link to download the video, add this tag in <code>&lt;trailer&gt;</code>:</p>
284+
<pre><code><span class="hljs-tag">&lt;<span class="hljs-name">download</span>&gt;</span>https://example.com/video.mp4<span class="hljs-tag">&lt;/<span class="hljs-name">download</span>&gt;</span></code></pre>
284285
</div>
285286

286287
<div class="content"><div class='highlight'><pre> <span class="hljs-tag">&lt;<span class="hljs-name">trailers</span>&gt;</span>
@@ -292,8 +293,7 @@ <h2 id="trailers">Trailers</h2>
292293
<span class="hljs-tag">&lt;<span class="hljs-name">name</span>&gt;</span>Example from both YouTube and Vimeo<span class="hljs-tag">&lt;/<span class="hljs-name">name</span>&gt;</span>
293294
<span class="hljs-tag">&lt;<span class="hljs-name">youtube</span>&gt;</span>YH3c1QZzRK4<span class="hljs-tag">&lt;/<span class="hljs-name">youtube</span>&gt;</span>
294295
<span class="hljs-tag">&lt;<span class="hljs-name">vimeo</span>&gt;</span>108650530<span class="hljs-tag">&lt;/<span class="hljs-name">vimeo</span>&gt;</span>
295-
<span class="hljs-tag">&lt;/<span class="hljs-name">trailer</span>&gt;</span>
296-
<span class="hljs-tag">&lt;/<span class="hljs-name">trailers</span>&gt;</span></pre></div></div>
296+
<span class="hljs-tag">&lt;/<span class="hljs-name">trailer</span>&gt;</span></pre></div></div>
297297

298298
</li>
299299

@@ -304,10 +304,17 @@ <h2 id="trailers">Trailers</h2>
304304
<div class="pilwrap ">
305305
<a class="pilcrow" href="#section-16">&#182;</a>
306306
</div>
307-
<h2 id="awards-quotes-links">Awards, quotes &amp; links</h2>
307+
<p>You can also add a video link without YouTube or Vimeo.</p>
308+
<p>In this case, only a sentence will be shown, along with a download link.</p>
308309

309310
</div>
310311

312+
<div class="content"><div class='highlight'><pre> <span class="hljs-tag">&lt;<span class="hljs-name">trailer</span>&gt;</span>
313+
<span class="hljs-tag">&lt;<span class="hljs-name">name</span>&gt;</span>Interview with Damien Mayance and Matthieu Oger of Pixenest Studio<span class="hljs-tag">&lt;/<span class="hljs-name">name</span>&gt;</span>
314+
<span class="hljs-tag">&lt;<span class="hljs-name">download</span>&gt;</span>https://github.com/pixelnest/presskit.html<span class="hljs-tag">&lt;/<span class="hljs-name">download</span>&gt;</span>
315+
<span class="hljs-tag">&lt;/<span class="hljs-name">trailer</span>&gt;</span>
316+
<span class="hljs-tag">&lt;/<span class="hljs-name">trailers</span>&gt;</span></pre></div></div>
317+
311318
</li>
312319

313320

@@ -317,6 +324,19 @@ <h2 id="awards-quotes-links">Awards, quotes &amp; links</h2>
317324
<div class="pilwrap ">
318325
<a class="pilcrow" href="#section-17">&#182;</a>
319326
</div>
327+
<h2 id="awards-quotes-links">Awards, quotes &amp; links</h2>
328+
329+
</div>
330+
331+
</li>
332+
333+
334+
<li id="section-18">
335+
<div class="annotation">
336+
337+
<div class="pilwrap ">
338+
<a class="pilcrow" href="#section-18">&#182;</a>
339+
</div>
320340
<p>You got awards? Great! Put them here.</p>
321341
<p>But don’t add too much here: this is your company page, not a product one.</p>
322342

@@ -336,11 +356,11 @@ <h2 id="awards-quotes-links">Awards, quotes &amp; links</h2>
336356
</li>
337357

338358

339-
<li id="section-18">
359+
<li id="section-19">
340360
<div class="annotation">
341361

342362
<div class="pilwrap ">
343-
<a class="pilcrow" href="#section-18">&#182;</a>
363+
<a class="pilcrow" href="#section-19">&#182;</a>
344364
</div>
345365
<p>Quotes are used to show the appreciation of your users.</p>
346366
<p>Show something important, something nice, or something funny, for example.</p>
@@ -361,11 +381,11 @@ <h2 id="awards-quotes-links">Awards, quotes &amp; links</h2>
361381
</li>
362382

363383

364-
<li id="section-19">
384+
<li id="section-20">
365385
<div class="annotation">
366386

367387
<div class="pilwrap ">
368-
<a class="pilcrow" href="#section-19">&#182;</a>
388+
<a class="pilcrow" href="#section-20">&#182;</a>
369389
</div>
370390
<p>Need to link to a resource? A small product? An RSS feed?</p>
371391
<p>You want to show your blog? Your personal Twitter account?</p>
@@ -389,11 +409,11 @@ <h2 id="awards-quotes-links">Awards, quotes &amp; links</h2>
389409
</li>
390410

391411

392-
<li id="section-20">
412+
<li id="section-21">
393413
<div class="annotation">
394414

395415
<div class="pilwrap ">
396-
<a class="pilcrow" href="#section-20">&#182;</a>
416+
<a class="pilcrow" href="#section-21">&#182;</a>
397417
</div>
398418
<h2 id="team-contacts">Team &amp; Contacts</h2>
399419

@@ -402,11 +422,11 @@ <h2 id="team-contacts">Team &amp; Contacts</h2>
402422
</li>
403423

404424

405-
<li id="section-21">
425+
<li id="section-22">
406426
<div class="annotation">
407427

408428
<div class="pilwrap ">
409-
<a class="pilcrow" href="#section-21">&#182;</a>
429+
<a class="pilcrow" href="#section-22">&#182;</a>
410430
</div>
411431
<p>This is for your people.</p>
412432
<p>Add yourself, of course, but also your <strong>frequent</strong> collaborators for example.</p>
@@ -444,11 +464,11 @@ <h2 id="team-contacts">Team &amp; Contacts</h2>
444464
</li>
445465

446466

447-
<li id="section-22">
467+
<li id="section-23">
448468
<div class="annotation">
449469

450470
<div class="pilwrap ">
451-
<a class="pilcrow" href="#section-22">&#182;</a>
471+
<a class="pilcrow" href="#section-23">&#182;</a>
452472
</div>
453473
<p>Add more contact information.</p>
454474
<p>For the company page, you can repeat your social network accounts, as well as another contact mail address, or your company website.</p>
@@ -484,11 +504,11 @@ <h2 id="team-contacts">Team &amp; Contacts</h2>
484504
</li>
485505

486506

487-
<li id="section-23">
507+
<li id="section-24">
488508
<div class="annotation">
489509

490510
<div class="pilwrap ">
491-
<a class="pilcrow" href="#section-23">&#182;</a>
511+
<a class="pilcrow" href="#section-24">&#182;</a>
492512
</div>
493513
<p>Well-done, it’s over for this one. ;)</p>
494514
<p><a href="../product/">It’s time to do the product pages.</a></p>

‎docs/example/css/master.css

+4
Original file line numberDiff line numberDiff line change
@@ -371,6 +371,10 @@ a:hover {
371371
display: block;
372372
}
373373

374+
.gallery__item a[href$=".gif"]:focus:active {
375+
outline: none;
376+
}
377+
374378
.gallery__item a[href$=".gif"]::after {
375379
position: absolute;
376380
z-index: 1;

‎docs/example/images/pizza-02.gif

80.9 KB
Loading

‎docs/example/images/pizza-02.gif.thumb.jpg

20.6 KB
Loading

‎docs/example/images/pizza.gif.thumb.jpg

-1 Bytes
Loading

‎docs/example/index.html

+20-5
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@
66

77
<title>Pizza Burger Studio</title>
88

9-
<link rel="shortcut icon" href="images/favicon.ico?t=1534256235802">
9+
<link rel="shortcut icon" href="images/favicon.ico?t=1534265792107">
1010

1111
<link rel="stylesheet" href="./css/normalize.css">
1212
<link rel="stylesheet" href="./css/master.css">
1313

14-
<!-- Generated by presskit.html 0.11.0 (https://github.com/pixelnest/presskit.html). -->
14+
<!-- Generated by presskit.html 0.12.0 (https://github.com/pixelnest/presskit.html). -->
1515
</head>
1616
<body>
1717
<div class="page grid">
@@ -80,6 +80,7 @@ <h1 class="nav__title">
8080
</li>
8181

8282

83+
8384
<li>
8485
<a class="nav__item" href="#credits">Team</a>
8586
</li>
@@ -174,30 +175,39 @@ <h2 id="videos">Videos</h2>
174175

175176
<div>
176177
<p>
177-
<strong>Example from YouTube. Don&#x27;t give a full link: the ID is enough</strong> <a href="https://www.youtube.com/embed/er416Ad3R1g?rel=0">YouTube</a>
178+
<strong>Example from YouTube. Don&#x27;t give a full link: the ID is enough</strong> — <a href="https://www.youtube.com/embed/er416Ad3R1g?rel=0">YouTube</a>
178179
</p>
179180

180181
<div class="video-player">
181182
<iframe class="video-player__frame" src="https://www.youtube.com/embed/er416Ad3R1g?rel=0" frameborder="0" allowfullscreen></iframe>
182183
</div>
183184

185+
184186
</div>
185187
<div>
186188
<p>
187-
<strong>Example from both YouTube and Vimeo</strong> <a href="https://www.youtube.com/embed/YH3c1QZzRK4?rel=0">YouTube</a>
189+
<strong>Example from both YouTube and Vimeo</strong> — <a href="https://www.youtube.com/embed/YH3c1QZzRK4?rel=0">YouTube</a>
188190
</p>
189191

190192
<div class="video-player">
191193
<iframe class="video-player__frame" src="https://www.youtube.com/embed/YH3c1QZzRK4?rel=0" frameborder="0" allowfullscreen></iframe>
192194
</div>
193195

194196
<p>
195-
<strong>Example from both YouTube and Vimeo</strong> <a href="https://player.vimeo.com/video/108650530">Vimeo</a>
197+
<strong>Example from both YouTube and Vimeo</strong> — <a href="https://player.vimeo.com/video/108650530">Vimeo</a>
196198
</p>
197199

198200
<div class="video-player">
199201
<iframe class="video-player__frame" src="https://player.vimeo.com/video/108650530" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
200202
</div>
203+
204+
</div>
205+
<div>
206+
207+
208+
<p>
209+
<strong>Interview with Damien Mayance and Matthieu Oger of Pixenest Studio</strong> — <a href="https://github.com/pixelnest/presskit.html" target="_blank">Download</a>
210+
</p>
201211
</div>
202212
</section>
203213

@@ -216,6 +226,11 @@ <h2 id="images">Images</h2>
216226
<img src="images/pizza-01.jpg.thumb.jpg" alt="pizza-01">
217227
</a>
218228
</div>
229+
<div class="gallery__item">
230+
<a href="images/pizza-02.gif">
231+
<img src="images/pizza-02.gif.thumb.jpg" alt="pizza-02">
232+
</a>
233+
</div>
219234
<div class="gallery__item">
220235
<a href="images/pizza-02.jpg">
221236
<img src="images/pizza-02.jpg.thumb.jpg" alt="pizza-02">

‎docs/example/product/index.html

+23-6
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@
66

77
<title>My Super Game - Pizza Burger Studio</title>
88

9-
<link rel="shortcut icon" href="images/favicon.ico?t=1534256235503">
9+
<link rel="shortcut icon" href="images/favicon.ico?t=1534265791784">
1010

1111
<link rel="stylesheet" href="../css/normalize.css">
1212
<link rel="stylesheet" href="../css/master.css">
1313

14-
<!-- Generated by presskit.html 0.11.0 (https://github.com/pixelnest/presskit.html). -->
14+
<!-- Generated by presskit.html 0.12.0 (https://github.com/pixelnest/presskit.html). -->
1515
</head>
1616
<body>
1717
<div class="page grid">
@@ -80,7 +80,14 @@ <h1 class="nav__title">
8080
</li>
8181

8282
<li>
83-
<a class="nav__item" href="#credits">About Pizza Burger Studio</a>
83+
<a class="nav__item" href="#about">About Pizza Burger Studio</a>
84+
</li>
85+
86+
<li>
87+
<a class="nav__item" href="#about_Pixelnest Studio">About Pixelnest Studio</a>
88+
</li>
89+
<li>
90+
<a class="nav__item" href="#about_Pizza Oven LLC">About Pizza Oven LLC</a>
8491
</li>
8592

8693
<li>
@@ -198,33 +205,43 @@ <h2 id="videos">Videos</h2>
198205

199206
<div>
200207
<p>
201-
<strong>Release Trailer</strong> <a href="https://www.youtube.com/embed/EtXajayBLzw?rel=0">YouTube</a>
208+
<strong>Release Trailer</strong> — <a href="https://www.youtube.com/embed/EtXajayBLzw?rel=0">YouTube</a>
202209
</p>
203210

204211
<div class="video-player">
205212
<iframe class="video-player__frame" src="https://www.youtube.com/embed/EtXajayBLzw?rel=0" frameborder="0" allowfullscreen></iframe>
206213
</div>
207214

215+
208216
</div>
209217
<div>
210218
<p>
211-
<strong>Gameplay Video #2</strong> <a href="https://www.youtube.com/embed/EPNK1j3TMjU?rel=0">YouTube</a>
219+
<strong>Gameplay Video #2</strong> — <a href="https://www.youtube.com/embed/EPNK1j3TMjU?rel=0">YouTube</a>
212220
</p>
213221

214222
<div class="video-player">
215223
<iframe class="video-player__frame" src="https://www.youtube.com/embed/EPNK1j3TMjU?rel=0" frameborder="0" allowfullscreen></iframe>
216224
</div>
217225

226+
218227
</div>
219228
<div>
220229
<p>
221-
<strong>Early Access Trailer</strong> <a href="https://www.youtube.com/embed/EtyQMcc19xY?rel=0">YouTube</a>
230+
<strong>Early Access Trailer</strong> — <a href="https://www.youtube.com/embed/EtyQMcc19xY?rel=0">YouTube</a>
222231
</p>
223232

224233
<div class="video-player">
225234
<iframe class="video-player__frame" src="https://www.youtube.com/embed/EtyQMcc19xY?rel=0" frameborder="0" allowfullscreen></iframe>
226235
</div>
227236

237+
238+
</div>
239+
<div>
240+
241+
242+
<p>
243+
<strong>Short gameplay preview: Burger vs Pizza</strong> — <a href="https://github.com/pixelnest/presskit.html" target="_blank">Download</a>
244+
</p>
228245
</div>
229246
</section>
230247

‎docs/product/index.html

+7-3
Original file line numberDiff line numberDiff line change
@@ -393,11 +393,11 @@ <h2 id="trailers">Trailers</h2>
393393
<p>Add your videos. Trailer, teaser, snippets? Let’s roll!</p>
394394
<p>You can use YouTube and/or Vimeo. Only one is needed, and only one is recommended.</p>
395395
<p>Don’t put the full link: just the ID is necessary.</p>
396-
396+
<p>If you want to provide a link to download the video, add this tag in <code>&lt;trailer&gt;</code>:</p>
397+
<pre><code><span class="hljs-tag">&lt;<span class="hljs-name">download</span>&gt;</span>https://example.com/video.mp4<span class="hljs-tag">&lt;/<span class="hljs-name">download</span>&gt;</span></code></pre>
397398
</div>
398399

399-
<div class="content"><div class='highlight'><pre>
400-
<span class="hljs-tag">&lt;<span class="hljs-name">trailers</span>&gt;</span>
400+
<div class="content"><div class='highlight'><pre> <span class="hljs-tag">&lt;<span class="hljs-name">trailers</span>&gt;</span>
401401
<span class="hljs-tag">&lt;<span class="hljs-name">trailer</span>&gt;</span>
402402
<span class="hljs-tag">&lt;<span class="hljs-name">name</span>&gt;</span>Release Trailer<span class="hljs-tag">&lt;/<span class="hljs-name">name</span>&gt;</span>
403403
<span class="hljs-tag">&lt;<span class="hljs-name">youtube</span>&gt;</span>EtXajayBLzw<span class="hljs-tag">&lt;/<span class="hljs-name">youtube</span>&gt;</span>
@@ -410,6 +410,10 @@ <h2 id="trailers">Trailers</h2>
410410
<span class="hljs-tag">&lt;<span class="hljs-name">name</span>&gt;</span>Early Access Trailer<span class="hljs-tag">&lt;/<span class="hljs-name">name</span>&gt;</span>
411411
<span class="hljs-tag">&lt;<span class="hljs-name">youtube</span>&gt;</span>EtyQMcc19xY<span class="hljs-tag">&lt;/<span class="hljs-name">youtube</span>&gt;</span>
412412
<span class="hljs-tag">&lt;/<span class="hljs-name">trailer</span>&gt;</span>
413+
<span class="hljs-tag">&lt;<span class="hljs-name">trailer</span>&gt;</span>
414+
<span class="hljs-tag">&lt;<span class="hljs-name">name</span>&gt;</span>Short gameplay preview: Burger vs Pizza<span class="hljs-tag">&lt;/<span class="hljs-name">name</span>&gt;</span>
415+
<span class="hljs-tag">&lt;<span class="hljs-name">download</span>&gt;</span>https://github.com/pixelnest/presskit.html<span class="hljs-tag">&lt;/<span class="hljs-name">download</span>&gt;</span>
416+
<span class="hljs-tag">&lt;/<span class="hljs-name">trailer</span>&gt;</span>
413417
<span class="hljs-tag">&lt;/<span class="hljs-name">trailers</span>&gt;</span></pre></div></div>
414418

415419
</li>

0 commit comments

Comments
 (0)