Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit7ab5d77

Browse files
committed
Removed boilerplate, added layout and projects
1 parent5aef202 commit7ab5d77

File tree

1 file changed

+176
-202
lines changed

1 file changed

+176
-202
lines changed

‎index.html‎

Lines changed: 176 additions & 202 deletions
Original file line numberDiff line numberDiff line change
@@ -1,218 +1,192 @@
11
---
2+
layout: default
23
---
34

45
{% assign presskit = site.data.presskit %}
56

6-
<!DOCTYPE html>
7-
<html>
8-
<head>
9-
<metacharset="utf-8">
10-
<metaname="viewport"content="width=device-width, initial-scale=1">
11-
12-
<title>{{presskit.title}}</title>
13-
<linkhref="http://cdnjs.cloudflare.com/ajax/libs/uikit/1.2.0/css/uikit.gradient.min.css"rel="stylesheet"type="text/css">
14-
<linkhref="style.css"rel="stylesheet">
15-
</head>
16-
17-
<body>
18-
<divclass="uk-container uk-container-center">
7+
<divclass="uk-container uk-container-center">
8+
<divclass="uk-grid">
9+
<divid="navigation"class="uk-width-medium-1-4">
10+
<h1class="nav-header">{{presskit.title}}</h1>
11+
<aclass="nav-header"href="http://{{presskit.website}}">{{presskit.website}}</a>
12+
<ulclass="uk-nav uk-nav-side">
13+
<li><ahref="#factsheet">Factsheet</a></li>
14+
<li><ahref="#description">Description</a></li>
15+
<li><ahref="#history">History</a></li>
16+
<li><ahref="#projects">Projects</a></li>
17+
<li><ahref="#trailers">Videos</a></li>
18+
<li><ahref="#images">Images</a></li>
19+
<li><ahref="#logo">Logo &amp; Icon</a></li>
20+
<li><ahref="#awards">Awards &amp; Recognition</a></li>
21+
<li><ahref="#quotes">Selected Articles</a></li>
22+
<li><ahref="#links">Additional Links</a></li>
23+
<li><ahref="#credits">Team</a></li>
24+
<li><ahref="#contact">Contact</a></li>
25+
</ul>
26+
</div>
27+
<divid="content"class="uk-width-medium-3-4"><imgsrc="images/header.png"class="header">
1928
<divclass="uk-grid">
20-
<divid="navigation"class="uk-width-medium-1-4">
21-
<h1class="nav-header">{{presskit.title}}</h1>
22-
<aclass="nav-header"href="http://{{presskit.website}}">{{presskit.website}}</a>
23-
<ulclass="uk-nav uk-nav-side">
24-
<li><ahref="#factsheet">Factsheet</a></li>
25-
<li><ahref="#description">Description</a></li>
26-
<li><ahref="#history">History</a></li>
27-
<li><ahref="#projects">Projects</a></li>
28-
<li><ahref="#trailers">Videos</a></li>
29-
<li><ahref="#images">Images</a></li>
30-
<li><ahref="#logo">Logo &amp; Icon</a></li>
31-
<li><ahref="#awards">Awards &amp; Recognition</a></li>
32-
<li><ahref="#quotes">Selected Articles</a></li>
33-
<li><ahref="#links">Additional Links</a></li>
34-
<li><ahref="#credits">Team</a></li>
35-
<li><ahref="#contact">Contact</a></li>
36-
</ul>
29+
<divclass="uk-width-medium-2-6">
30+
<h2id="factsheet">Factsheet</h2>
31+
<p>
32+
<strong>Developer:</strong><br/>
33+
<ahref="">{{presskit.title}}</a><br/>
34+
Based in {{presskit.city}}
35+
</p>
36+
<p>
37+
<strong>Founding date:</strong><br/>
38+
{{presskit.founded}}
39+
</p>
40+
<p>
41+
<strong>Website:</strong><br/>
42+
<ahref="http://{{presskit.website}}">{{presskit.website}}</a>
43+
</p>
44+
<p>
45+
<strong>Press / Business contact:</strong><br/>
46+
<ahref="mailto:{{presskit.press}}">{{presskit.press}}</a>
47+
</p>
48+
<p>
49+
<strong>Social:</strong><br/>
50+
<ahref="http://twitter.com/{{presskit.social.twitter}}">twitter.com/{{presskit.social.twitter}}</a><br/>
51+
<ahref="http://facebook.com/{{presskit.social.facebook}}">facebook.com/{{presskit.social.facebook}}</a><br/>
52+
<ahref="http://callto:{{presskit.social.skype}}">Skype</a><br/>
53+
</p>
54+
<p>
55+
<strong>Releases:</strong><br/>
56+
<!-- <a href="release_url">release_name</a><br/> -->
57+
</p>
58+
<p><strong>Address:</strong><br/>
59+
{% for address_line in presskit.address %}
60+
{{address_line}}<br/>
61+
{% endfor %}
62+
</p>
63+
<p>
64+
<strong>Phone:</strong><br/>
65+
{{presskit.phone}}
66+
</p>
3767
</div>
38-
<divid="content"class="uk-width-medium-3-4"><imgsrc="images/header.png"class="header"><divclass="uk-grid">
39-
<divclass="uk-width-medium-2-6">
40-
<h2id="factsheet">Factsheet</h2>
41-
<p>
42-
<strong>Developer:</strong><br/>
43-
<ahref="">{{presskit.title}}</a><br/>
44-
Based in {{presskit.city}}
45-
</p>
46-
<p>
47-
<strong>Founding date:</strong><br/>
48-
{{presskit.founded}}
49-
</p>
50-
<p>
51-
<strong>Website:</strong><br/>
52-
<ahref="http://{{presskit.website}}">{{presskit.website}}</a>
53-
</p>
54-
<p>
55-
<strong>Press / Business contact:</strong><br/>
56-
<ahref="mailto:{{presskit.press}}">{{presskit.press}}</a>
57-
</p>
58-
<p>
59-
<strong>Social:</strong><br/>
60-
<ahref="http://twitter.com/{{presskit.social.twitter}}">twitter.com/{{presskit.social.twitter}}</a><br/>
61-
<ahref="http://facebook.com/{{presskit.social.facebook}}">facebook.com/{{presskit.social.facebook}}</a><br/>
62-
<ahref="http://callto:{{presskit.social.skype}}">Skype</a><br/>
63-
</p>
64-
<p>
65-
<strong>Releases:</strong><br/>
66-
<!-- <a href="release_url">release_name</a><br/> -->
67-
</p>
68-
<p><strong>Address:</strong><br/>
69-
{% for address_line in presskit.address %}
70-
{{address_line}}<br/>
71-
{% endfor %}
72-
</p>
73-
<p>
74-
<strong>Phone:</strong><br/>
75-
{{presskit.phone}}
76-
</p>
77-
</div>
78-
<divclass="uk-width-medium-4-6">
79-
<h2id="description">Description</h2>
80-
<p>{{presskit.description}}</p>
81-
82-
<h2id="history">History</h2>
83-
{% for story in presskit.history %}
84-
<strong>{{story.header}}</strong>
85-
<p>{{story.header}}</p>
86-
{% endfor %}
87-
88-
<h2id="projects">Projects</h2>
89-
<ul>
90-
<!-- <li><a href="project_url">project_name</a></li> -->
91-
</ul>
92-
</div>
93-
</div>
94-
95-
<hr>
96-
97-
<h2id="trailers">Videos</h2>
98-
{% for trailer in presskit.trailers %}
99-
<p>
100-
<strong>{{trailer.name}}</strong>&nbsp;<ahref="http://www.youtube.com/watch?v={{trailer.youtube}}">YouTube</a>
101-
<divclass="uk-responsive-width iframe-container">
102-
<iframesrc="http://www.youtube.com/embed/{{trailer.youtube}}"frameborder="0"allowfullscreen></iframe>
103-
</div>
104-
</p>
68+
<divclass="uk-width-medium-4-6">
69+
<h2id="description">Description</h2>
70+
<p>{{presskit.description}}</p>
71+
72+
<h2id="history">History</h2>
73+
{% for story in presskit.history %}
74+
<strong>{{story.header}}</strong>
75+
<p>{{story.header}}</p>
10576
{% endfor %}
10677

107-
<hr>
108-
109-
<h2id="images">Images</h2>
110-
<ahref="images/images.zip">
111-
<divclass="uk-alert">download all screenshots &amp; photos as .zip</div>
112-
</a>
113-
<divclass="uk-grid images">
114-
<!-- Iterate over images
115-
<div class="uk-width-medium-1-2">
116-
<a href="images/janwillem-vlambeer-2.png">
117-
<img src="images/janwillem-vlambeer-2.png" alt="janwillem-vlambeer-2.png" />
118-
</a>
119-
</div> -->
120-
</div>
121-
<pclass="images-text">There are far more images available for Vlambeer, but these are the ones we felt would be most useful to you. If you have specific requests, please do<ahref="#contact">contact us</a>!</p>
122-
123-
<hr>
124-
125-
<h2id="logo">Logo &amp; Icon</h2>
126-
<ahref="images/logo.zip">
127-
<divclass="uk-alert">download logo files as .zip (15KB)</div>
128-
</a>
129-
<divclass="uk-grid images">
130-
<divclass="uk-width-medium-1-2">
131-
<ahref="images/logo.png">
132-
<imgsrc="images/logo.png"alt="logo"/>
133-
</a>
134-
</div>
135-
</div>
136-
137-
<hr>
138-
139-
<h2id="awards">Awards &amp; Recognition</h2>
78+
<h2id="projects">Projects</h2>
14079
<ul>
141-
{% for award in presskit.awards %}
142-
<li>"{{award.description}}" -<cite>{{award.info}}</cite></li>
143-
{% endfor %}
144-
</ul>
145-
146-
<hr>
147-
148-
<h2id="quotes">Selected Articles</h2>
149-
<ul>
150-
{% for quote in presskit.quotes %}
151-
<li>"{{quote.description}} - Everything else we consider nonsense"<br/>
152-
<cite>- {{quote.name}},<ahref="{{quote.link}}">{{quote.website}}</a></cite>
153-
</li>
154-
{% endfor %}
80+
{% for game in site.games %}
81+
<li><ahref="{{base_url}}{{game.url | remove_first:'/'}}">{{game.title}}</a></li>
82+
{% else %}
83+
<li>No pain no game</li>
84+
{% endfor %}
15585
</ul>
156-
157-
<hr>
158-
159-
<h2id="links">Additional Links</h2>
160-
{% for additional in presskit.additionals %}
161-
<p>
162-
<strong>{{additional.title}}</strong><br/>
163-
{{additional.description}} available<ahref="{{additional.link}}"alt="{{additional.link}}">here</a>.
164-
</p>
165-
{% endfor %}
86+
</div>
87+
</div>
16688

167-
<hr>
168-
169-
<divclass="uk-grid">
170-
<divclass="uk-width-medium-1-2">
171-
<h2id="credits">Team &amp; Repeating Collaborator</h2>
172-
{% for credit in presskit.credits %}
173-
<p>
174-
<strong>{{credit.person}}</strong><br/>
175-
<ahref="http://{{credit.website}}">{{credit.role}}</a>
176-
</p>
177-
{% endfor %}
178-
</div>
179-
180-
<divclass="uk-width-medium-1-2">
181-
<h2id="contact">Contacts</h2>
182-
{% for contact in presskit.contacts %}
183-
<p>
184-
<strong>{{contact.name}}</strong><br/>
185-
<ahref="{{contact.address}}">{{contact.address}}</a>
186-
</p>
187-
{% endfor %}
188-
</div>
189-
</div>
190-
191-
<hr>
89+
<hr>
90+
91+
<h2id="trailers">Videos</h2>
92+
{% for trailer in presskit.trailers %}
93+
<p>
94+
<strong>{{trailer.name}}</strong>&nbsp;<ahref="http://www.youtube.com/watch?v={{trailer.youtube}}">YouTube</a>
95+
<divclass="uk-responsive-width iframe-container">
96+
<iframesrc="http://www.youtube.com/embed/{{trailer.youtube}}"frameborder="0"allowfullscreen></iframe>
97+
</div>
98+
</p>
99+
{% endfor %}
100+
101+
<hr>
102+
103+
<h2id="images">Images</h2>
104+
<ahref="images/images.zip">
105+
<divclass="uk-alert">download all screenshots &amp; photos as .zip</div>
106+
</a>
107+
<divclass="uk-grid images">
108+
<!-- Iterate over images
109+
<div class="uk-width-medium-1-2">
110+
<a href="images/janwillem-vlambeer-2.png">
111+
<img src="images/janwillem-vlambeer-2.png" alt="janwillem-vlambeer-2.png" />
112+
</a>
113+
</div> -->
114+
</div>
115+
<pclass="images-text">There are far more images available for Vlambeer, but these are the ones we felt would be most useful to you. If you have specific requests, please do<ahref="#contact">contact us</a>!</p>
116+
117+
<hr>
118+
119+
<h2id="logo">Logo &amp; Icon</h2>
120+
<ahref="images/logo.zip">
121+
<divclass="uk-alert">download logo files as .zip (15KB)</div>
122+
</a>
123+
<divclass="uk-grid images">
124+
<divclass="uk-width-medium-1-2">
125+
<ahref="images/logo.png">
126+
<imgsrc="images/logo.png"alt="logo"/>
127+
</a>
128+
</div>
129+
</div>
192130

193-
<p>
194-
<ahref="http://dopresskit.com/">presskit()</a> by Rami Ismail (<ahref="http://www.vlambeer.com/">Vlambeer</a>) - also thanks to<ahref="sheet.php?p=credits">these fine folks</a>
195-
</p>
131+
<hr>
132+
133+
<h2id="awards">Awards &amp; Recognition</h2>
134+
<ul>
135+
{% for award in presskit.awards %}
136+
<li>"{{award.description}}" -<cite>{{award.info}}</cite></li>
137+
{% endfor %}
138+
</ul>
139+
140+
<hr>
141+
142+
<h2id="quotes">Selected Articles</h2>
143+
<ul>
144+
{% for quote in presskit.quotes %}
145+
<li>"{{quote.description}} - Everything else we consider nonsense"<br/>
146+
<cite>- {{quote.name}},<ahref="{{quote.link}}">{{quote.website}}</a></cite>
147+
</li>
148+
{% endfor %}
149+
</ul>
150+
151+
<hr>
152+
153+
<h2id="links">Additional Links</h2>
154+
{% for additional in presskit.additionals %}
155+
<p>
156+
<strong>{{additional.title}}</strong><br/>
157+
{{additional.description}} available<ahref="{{additional.link}}"alt="{{additional.link}}">here</a>.
158+
</p>
159+
{% endfor %}
160+
161+
<hr>
162+
163+
<divclass="uk-grid">
164+
<divclass="uk-width-medium-1-2">
165+
<h2id="credits">Team &amp; Repeating Collaborator</h2>
166+
{% for credit in presskit.credits %}
167+
<p>
168+
<strong>{{credit.person}}</strong><br/>
169+
<ahref="http://{{credit.website}}">{{credit.role}}</a>
170+
</p>
171+
{% endfor %}
172+
</div>
173+
174+
<divclass="uk-width-medium-1-2">
175+
<h2id="contact">Contacts</h2>
176+
{% for contact in presskit.contacts %}
177+
<p>
178+
<strong>{{contact.name}}</strong><br/>
179+
<ahref="{{contact.address}}">{{contact.address}}</a>
180+
</p>
181+
{% endfor %}
196182
</div>
197183
</div>
198-
</div>
199184

200-
<scripttype="text/javascript"src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
201-
<scripttype="text/javascript"src="http://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.js"></script>
202-
<scripttype="text/javascript"src="http://cdnjs.cloudflare.com/ajax/libs/masonry/3.1.2/masonry.pkgd.min.js"></script>
203-
<scripttype="text/javascript">
204-
$(document).ready(function(){
205-
varcontainer=$('.images');
206-
207-
container.imagesLoaded(function(){
208-
container.masonry({
209-
itemSelector:'.uk-width-medium-1-2',
210-
});
211-
});
212-
});
213-
</script>
214-
215-
<!-- Google Analytics Here -->
216-
217-
</body>
218-
</html>
185+
<hr>
186+
187+
<p>
188+
<ahref="http://dopresskit.com/">presskit()</a> by Rami Ismail (<ahref="http://www.vlambeer.com/">Vlambeer</a>) - also thanks to<ahref="sheet.php?p=credits">these fine folks</a>
189+
</p>
190+
</div>
191+
</div>
192+
</div>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp