Skip to content

Commit 7e21d11

Browse files
committed
Update docs
1 parent a1e8765 commit 7e21d11

File tree

13 files changed

+104
-39
lines changed

13 files changed

+104
-39
lines changed

docs/company/index.html

+3-5
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,7 @@ <h1 id="company-presskit-html">Company — presskit.html</h1>
3737
<p><strong>This is your company page</strong>. It should not focus on a specific product, but present your whole company. The journalists won’t, most of the time, know you or your studio. With this page, you will have an opportunity to show your people, your work, your history and your contributions in a standard format. This is not a replacement for your website, but a quick way for the press to know you faster.</p>
3838
<p><a href="http://pixelnest.io/presskit.html/example/">Check the actual rendered page for the code you’ll find below.</a></p>
3939
<p>If you don’t have a <code>data.xml</code> yet, the easiest way to start is to run this command in your presskit folder:</p>
40-
<pre><code class="lang-bash">presskit new -t company
41-
</code></pre>
40+
<pre><code class="language-bash">presskit new -t company</code></pre>
4241
<p>Then, open the generated <code>data.xml</code> file and fill the blanks while following this guide.</p>
4342
<p>Okay… ready? Let’s do this.</p>
4443
<hr>
@@ -239,10 +238,9 @@ <h2 id="description-history">Description &amp; History</h2>
239238
</ul>
240239
<p>You can’t have both.</p>
241240
<p>Example of a single block:</p>
242-
<pre><code class="lang-xml"><span class="hljs-tag">&lt;<span class="hljs-name">history</span>&gt;</span>
241+
<pre><code class="language-xml"><span class="hljs-tag">&lt;<span class="hljs-name">history</span>&gt;</span>
243242
Hello, world.
244-
<span class="hljs-tag">&lt;/<span class="hljs-name">history</span>&gt;</span>
245-
</code></pre>
243+
<span class="hljs-tag">&lt;/<span class="hljs-name">history</span>&gt;</span></code></pre>
246244

247245
</div>
248246

docs/example/css/master.css

+15
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,21 @@ body {
151151
}
152152
}
153153

154+
/* ---------------------------------------------------------- *\
155+
* Micro Components.
156+
\* ---------------------------------------------------------- */
157+
158+
.clearfix::after {
159+
display: table;
160+
clear: both;
161+
162+
content: " ";
163+
}
164+
165+
.capitalize {
166+
text-transform: capitalize;
167+
}
168+
154169
/* ---------------------------------------------------------- *\
155170
* Components - Links.
156171
\* ---------------------------------------------------------- */

docs/example/images/images.zip

0 Bytes
Binary file not shown.

docs/example/images/logo.zip

0 Bytes
Binary file not shown.

docs/example/index.html

+32-15
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=1533913907834">
9+
<link rel="shortcut icon" href="images/favicon.ico?t=1533927023047">
1010

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

14-
<!-- Generated by presskit.html 0.8.1 (https://github.com/pixelnest/presskit.html). -->
14+
<!-- Generated by presskit.html 0.10.0 (https://github.com/pixelnest/presskit.html). -->
1515
</head>
1616
<body>
1717
<div class="page grid">
@@ -210,7 +210,7 @@ <h2 id="images">Images</h2>
210210
</a>
211211
</aside>
212212

213-
<div class="gallery" id="gallery">
213+
<div class="gallery clearfix" id="gallery">
214214
<div class="gallery__item">
215215
<a href="images/pizza-01.jpg">
216216
<img src="images/pizza-01.jpg" alt="pizza-01">
@@ -242,6 +242,7 @@ <h2 id="images">Images</h2>
242242
</a>
243243
</div>
244244
</div>
245+
245246
</section>
246247

247248
<section class="block">
@@ -317,12 +318,16 @@ <h2 id="credits">Team &amp; Repeating Collaborator</h2>
317318
<dt>Jake Burgza</dt>
318319

319320
<dd>
320-
<a href="http://www.jakeburgza.com">Artist, Collaborator</a>
321+
<a href="
322+
http://www.jakeburgza.com
323+
">Artist, Collaborator</a>
321324
</dd>
322325
<dt>Sophia Pizer</dt>
323326

324327
<dd>
325-
<a href="http://www.sophiapizer.com">Musician, Collaborator</a>
328+
<a href="
329+
http://www.sophiapizer.com
330+
">Musician, Collaborator</a>
326331
</dd>
327332
</dl>
328333
</article>
@@ -341,19 +346,25 @@ <h2 id="contact">Contact</h2>
341346

342347
<dd>
343348

344-
<a href="https://twitter.com/pizzaburgerstudio">twitter.com/pizzaburgerstudio</a>
349+
<a href="
350+
https://twitter.com/pizzaburgerstudio
351+
">twitter.com/pizzaburgerstudio</a>
345352
</dd>
346353
<dt>Facebook</dt>
347354

348355
<dd>
349356

350-
<a href="https://facebook.com/pizzaburgerstudio">facebook.com/pizzaburgerstudio</a>
357+
<a href="
358+
https://facebook.com/pizzaburgerstudio
359+
">facebook.com/pizzaburgerstudio</a>
351360
</dd>
352361
<dt>Web</dt>
353362

354363
<dd>
355364

356-
<a href="http://pizzaburger.studio">pizzaburger.studio</a>
365+
<a href="
366+
http://pizzaburger.studio
367+
">pizzaburger.studio</a>
357368
</dd>
358369
</dl>
359370
</article>
@@ -369,15 +380,21 @@ <h2 id="contact">Contact</h2>
369380
<script src="./js/masonry.min.js"></script>
370381
<script src="./js/imagesloaded.min.js"></script>
371382
<script>
372-
// Initialize the grid on the images gallery.
383+
// Add masonry layout on the galleries.
373384
document.addEventListener('DOMContentLoaded', function onContentLoaded() {
374-
var images = document.querySelector('#gallery')
385+
var galleries = document.querySelectorAll('.gallery');
386+
387+
for (var i = 0; i < galleries.length; i++) {
388+
(function (index) {
389+
var gallery = galleries[index];
375390

376-
imagesLoaded(images, function onImagesLoaded() {
377-
new Masonry(images, {
378-
itemSelector: '.gallery__item'
379-
})
380-
})
391+
imagesLoaded(gallery, function onImagesLoaded() {
392+
new Masonry(gallery, {
393+
itemSelector: '.gallery__item'
394+
});
395+
});
396+
})(i);
397+
}
381398
})
382399
</script>
383400

459 KB
Binary file not shown.

docs/example/product/images/logo.zip

0 Bytes
Binary file not shown.
Loading
Loading
Loading
Loading

docs/example/product/index.html

+51-13
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=1533913907709">
9+
<link rel="shortcut icon" href="images/favicon.ico?t=1533927022910">
1010

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

14-
<!-- Generated by presskit.html 0.8.1 (https://github.com/pixelnest/presskit.html). -->
14+
<!-- Generated by presskit.html 0.10.0 (https://github.com/pixelnest/presskit.html). -->
1515
</head>
1616
<body>
1717
<div class="page grid">
@@ -237,7 +237,7 @@ <h2 id="images">Images</h2>
237237
</a>
238238
</aside>
239239

240-
<div class="gallery" id="gallery">
240+
<div class="gallery clearfix" id="gallery">
241241
<div class="gallery__item">
242242
<a href="images/burger-01.jpg">
243243
<img src="images/burger-01.jpg" alt="burger-01">
@@ -259,6 +259,32 @@ <h2 id="images">Images</h2>
259259
</a>
260260
</div>
261261
</div>
262+
263+
<section>
264+
<h3 class="capitalize" id="gallery-wallpapers">wallpapers</h3>
265+
<div class="gallery clearfix">
266+
<div class="gallery__item">
267+
<a href="images/wallpapers/bagel-01.jpg">
268+
<img src="images/wallpapers/bagel-01.jpg" alt="bagel-01">
269+
</a>
270+
</div>
271+
<div class="gallery__item">
272+
<a href="images/wallpapers/bagel-02.jpg">
273+
<img src="images/wallpapers/bagel-02.jpg" alt="bagel-02">
274+
</a>
275+
</div>
276+
<div class="gallery__item">
277+
<a href="images/wallpapers/bagel-03.jpg">
278+
<img src="images/wallpapers/bagel-03.jpg" alt="bagel-03">
279+
</a>
280+
</div>
281+
<div class="gallery__item">
282+
<a href="images/wallpapers/bagel-04.jpg">
283+
<img src="images/wallpapers/bagel-04.jpg" alt="bagel-04">
284+
</a>
285+
</div>
286+
</div>
287+
</section>
262288
</section>
263289

264290
<section class="block">
@@ -444,19 +470,25 @@ <h2 id="contact">Contact</h2>
444470

445471
<dd>
446472

447-
<a href="https://twitter.com/pizzaburgerstudio">twitter.com/pizzaburgerstudio</a>
473+
<a href="
474+
https://twitter.com/pizzaburgerstudio
475+
">twitter.com/pizzaburgerstudio</a>
448476
</dd>
449477
<dt>Facebook</dt>
450478

451479
<dd>
452480

453-
<a href="https://facebook.com/pizzaburgerstudio">facebook.com/pizzaburgerstudio</a>
481+
<a href="
482+
https://facebook.com/pizzaburgerstudio
483+
">facebook.com/pizzaburgerstudio</a>
454484
</dd>
455485
<dt>Web</dt>
456486

457487
<dd>
458488

459-
<a href="http://mysupergame.pizzaburger.studio/">mysupergame.pizzaburger.studio</a>
489+
<a href="
490+
http://mysupergame.pizzaburger.studio/
491+
">mysupergame.pizzaburger.studio</a>
460492
</dd>
461493
</dl>
462494
</article>
@@ -472,15 +504,21 @@ <h2 id="contact">Contact</h2>
472504
<script src="../js/masonry.min.js"></script>
473505
<script src="../js/imagesloaded.min.js"></script>
474506
<script>
475-
// Initialize the grid on the images gallery.
507+
// Add masonry layout on the galleries.
476508
document.addEventListener('DOMContentLoaded', function onContentLoaded() {
477-
var images = document.querySelector('#gallery')
509+
var galleries = document.querySelectorAll('.gallery');
510+
511+
for (var i = 0; i < galleries.length; i++) {
512+
(function (index) {
513+
var gallery = galleries[index];
478514

479-
imagesLoaded(images, function onImagesLoaded() {
480-
new Masonry(images, {
481-
itemSelector: '.gallery__item'
482-
})
483-
})
515+
imagesLoaded(gallery, function onImagesLoaded() {
516+
new Masonry(gallery, {
517+
itemSelector: '.gallery__item'
518+
});
519+
});
520+
})(i);
521+
}
484522
})
485523
</script>
486524

docs/product/index.html

+3-6
Original file line numberDiff line numberDiff line change
@@ -37,8 +37,7 @@ <h1 id="product-presskit-html">Product — presskit.html</h1>
3737
<p><strong>This is your product or game page</strong>. It should focus on <em>ONLY</em> one product. This is not a replacement for your product’s website, but a quick way for the press to know it faster.</p>
3838
<p><a href="http://pixelnest.io/presskit.html/example/product/">Check the actual rendered page for the code you’ll find below.</a></p>
3939
<p>If you don’t have a <code>data.xml</code> yet, the easiest way to start is to run this command in your presskit folder:</p>
40-
<pre><code class="lang-bash">presskit new -t product
41-
</code></pre>
40+
<pre><code class="language-bash">presskit new -t product</code></pre>
4241
<p>Then, open the generated <code>data.xml</code> file and fill the blanks while following this guide.</p>
4342
<hr>
4443

@@ -251,12 +250,10 @@ <h2 id="relations">Relations</h2>
251250
<p>You can specify relations between products using the <code>&lt;relations&gt;</code> tag.</p>
252251
<p>Then, on this page product, you will see a new line in the factsheet:</p>
253252
<pre><code>DLC:
254-
My Super Game: Ultimate Edition
255-
</code></pre><p>Of course, the <code>Product Name</code> value is clickable.</p>
253+
My Super Game: Ultimate Edition</code></pre><p>Of course, the <code>Product Name</code> value is clickable.</p>
256254
<p>In the related product page, a new value will also be added:</p>
257255
<pre><code>DLC of:
258-
My Super Game
259-
</code></pre><p><em>Obviously, since the name we provide in the example is not a real product (ie., the product data.xml does not exist), this tag will be ignored for this page.</em></p>
256+
My Super Game</code></pre><p><em>Obviously, since the name we provide in the example is not a real product (ie., the product data.xml does not exist), this tag will be ignored for this page.</em></p>
260257
<p>You can have as many relations as you want. You can use it to show DLCs, expansions, sequels, prequels, etc.</p>
261258
<p><strong>Warning</strong>: you need to rebuild the presskit to see the changes.</p>
262259

0 commit comments

Comments
 (0)