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

Commit7ad4cf9

Browse files
committed
Markup clean-up. Nice and semantic now. Super vanilla powers activate!
1 parent448efd1 commit7ad4cf9

File tree

4 files changed

+152
-179
lines changed

4 files changed

+152
-179
lines changed

‎_includes/contacts.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
<h2id="contact">Contact</h2>
1+
<h2id='contact'>Contact</h2>
22

3+
<dl>
34
{% for contact in site.data.presskit.contacts %}
4-
<p>
5-
<strong>{{contact.name}}</strong><br/>
6-
<ahref="{{contact.address}}">{{contact.address}}</a>
7-
</p>
5+
<dt>{{contact.name}}</dt>
6+
<dd><ahref='{{contact.address}}'>{{contact.address}}</a></dd>
87
{% endfor %}
8+
</dl>

‎_includes/trailer.html‎

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,25 @@
1-
<p>
2-
<strong>{{trailer.name}}</strong>&nbsp;
3-
{% if trailer.youtube %}<ahref="https://youtu.be/{{trailer.youtube}}">YouTube</a> {% endif %}
4-
{% if trailer.vimeo %}<ahref="https://www.vimeo.com/{{trailer.vimeo}}">Vimeo</a> {% endif %}
5-
{% if trailer.dailymotion %}<ahref="https://dai.ly/{{trailer.dailymotion}}">Dailymotion</a> {% endif %}
6-
{% if trailer.mov %}<ahref="{{base_url}}/trailers/{{trailer.mov}}">.mov</a> {% endif %}
7-
{% if trailer.mp4 %}<ahref="{{base_url}}/trailers/{{trailer.mp4}}">.mp4</a> {% endif %}
1+
<div>
2+
<p>{{trailer.name}}</p>
3+
<ulclass='link-list'>
4+
{% if trailer.youtube %}<li><ahref='https://youtu.be/{{trailer.youtube}}'>YouTube</a></li>{% endif %}
5+
{% if trailer.vimeo %}<li><ahref='https://www.vimeo.com/{{trailer.vimeo}}'>Vimeo</a></li>{% endif %}
6+
{% if trailer.dailymotion %}<li><ahref='https://dai.ly/{{trailer.dailymotion}}'>Dailymotion</a></li>{% endif %}
7+
{% if trailer.mov %}<li><ahref='{{base_url}}/trailers/{{trailer.mov}}'>.mov</a></li>{% endif %}
8+
{% if trailer.mp4 %}<li><ahref='{{base_url}}/trailers/{{trailer.mp4}}'>.mp4</a></li>{% endif %}
9+
</ul>
810

911
{% if trailer.youtube %}
10-
<divclass="uk-responsive-widthiframe-container">
11-
<iframesrc="//www.youtube.com/embed/{{trailer.youtube}}"frameborder="0"allowfullscreen></iframe>
12+
<divclass='iframe-container'>
13+
<iframesrc='//www.youtube.com/embed/{{trailer.youtube}}'frameborder='0'allowfullscreen></iframe>
1214
</div>
1315
{% else if trailer.vimeo %}
14-
<divclass="uk-responsive-widthiframe-container">
15-
<iframesrc="//player.vimeo.com/video/{{trailer.vimeo}}"frameborder="0"allowfullscreen></iframe>
16+
<divclass='iframe-container'>
17+
<iframesrc='//player.vimeo.com/video/{{trailer.vimeo}}'frameborder='0'allowfullscreen></iframe>
1618
</div>
1719
{% else if trailer.dailymotion %}
18-
<divclass="uk-responsive-widthiframe-container">
19-
<iframesrc="//dailymotion.com/embed/video/{{trailer.dailymotion}}"frameborder="0"allowfullscreen></iframe>
20+
<divclass='iframe-container'>
21+
<iframesrc='//dailymotion.com/embed/video/{{trailer.dailymotion}}'frameborder='0'allowfullscreen></iframe>
2022
</div>
2123
{% endif %}
2224

23-
</p>
25+
</div>

‎_layouts/default.html‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,6 @@
1212
<metaname="viewport"content="width=device-width, initial-scale=1">
1313

1414
<title>{{site.data.presskit.title}}</title>
15-
<linkhref="http://cdnjs.cloudflare.com/ajax/libs/uikit/1.2.0/css/uikit.gradient.min.css"rel="stylesheet"type="text/css">
16-
<linkhref="{{base_url}}/style.css"rel="stylesheet">
1715
</head>
1816

1917
<body>

‎index.html‎

Lines changed: 131 additions & 158 deletions
Original file line numberDiff line numberDiff line change
@@ -4,200 +4,173 @@
44

55
{% assign presskit = site.data.presskit %}
66

7-
<divclass='uk-container uk-container-center'>
8-
<divclass='uk-grid'>
9-
10-
<divid='navigation'class='uk-width-medium-1-4'>
11-
<h1class='nav-header'>{{presskit.title}}</h1>
12-
<aclass='nav-header'href='http://{{presskit.website}}'>{{presskit.website}}</a>
13-
<ulclass='uk-nav uk-nav-side'>
14-
<li><ahref='#factsheet'>Factsheet</a></li>
15-
<li><ahref='#description'>Description</a></li>
16-
<li><ahref='#history'>History</a></li>
17-
<li><ahref='#projects'>Projects</a></li>
18-
<li><ahref='#trailers'>Videos</a></li>
19-
<li><ahref='#images'>Images</a></li>
20-
<li><ahref='#logo'>Logo &amp; Icon</a></li>
21-
<li><ahref='#awards'>Awards &amp; Recognition</a></li>
22-
<li><ahref='#quotes'>Selected Articles</a></li>
23-
<li><ahref='#links'>Additional Links</a></li>
24-
<li><ahref='#credits'>Team</a></li>
25-
<li><ahref='#contact'>Contact</a></li>
26-
</ul>
27-
</div>
7+
<divclass='root'>
8+
9+
<divid='content'>
10+
11+
{% for file in site.static_files %}
12+
{% if file.path == '/images/header.png' %}
13+
<imgsrc='images/header.png'class='header'>
14+
{% endif %}
15+
{% endfor %}
16+
17+
<divclass='box'>
18+
<h2id='factsheet'>Factsheet</h2>
19+
<dl>
20+
<dt>Developer:</dd>
21+
<dd><ahref=''>{{presskit.title}}</a></dd>
22+
<dd>Based in {{presskit.city}}</dd>
23+
24+
<dt>Founding date:</dt>
25+
<dd>{{presskit.founded}}</dd>
26+
27+
<dt>Website:</dt>
28+
<dd><ahref='http://{{presskit.website}}'>{{presskit.website}}</a></dd>
29+
30+
<dt>Press / Business contact:</dt>
31+
<ddhref='mailto:{{presskit.press}}'>{{presskit.press}}</dd>
32+
33+
<dt>Social:</dt>
34+
<dd><ahref='http://twitter.com/{{presskit.social.twitter}}'>twitter.com/{{presskit.social.twitter}}</a></dd>
35+
<dd><ahref='http://facebook.com/{{presskit.social.facebook}}'>facebook.com/{{presskit.social.facebook}}</a></dd>
36+
<dd><ahref='http://callto:{{presskit.social.skype}}'>Skype</a></dd>
37+
38+
<dt>Releases:</dt>
39+
{% for game in site.games %}
40+
<dd><ahref='{{game.url | remove_first:'/' | remove: '.html' | prepend: base_url}}'>{{game.title}}</a></dd>
41+
{% else %}
42+
<dd>-</dd>
43+
{% endfor %}
2844

29-
<divid='content'class='uk-width-medium-3-4'>
30-
{% for file in site.static_files %}
31-
{% if file.path == '/images/header.png' %}
32-
<imgsrc='images/header.png'class='header'>
33-
{% endif %}
34-
{% endfor %}
35-
<divclass='uk-grid'>
36-
<divclass='uk-width-medium-2-6'>
37-
<h2id='factsheet'>Factsheet</h2>
38-
<p>
39-
<strong>Developer:</strong><br/>
40-
<ahref='>{{presskit.title}}</a><br/>
41-
Based in {{presskit.city}}
42-
</p>
43-
<p>
44-
<strong>Founding date:</strong><br/>
45-
{{presskit.founded}}
46-
</p>
47-
<p>
48-
<strong>Website:</strong><br/>
49-
<a href='http://{{presskit.website}}'>{{presskit.website}}</a>
50-
</p>
51-
<p>
52-
<strong>Press / Business contact:</strong><br/>
53-
<ahref='mailto:{{presskit.press}}'>{{presskit.press}}</a>
54-
</p>
55-
<p>
56-
<strong>Social:</strong><br/>
57-
<ahref='http://twitter.com/{{presskit.social.twitter}}'>twitter.com/{{presskit.social.twitter}}</a><br/>
58-
<ahref='http://facebook.com/{{presskit.social.facebook}}'>facebook.com/{{presskit.social.facebook}}</a><br/>
59-
<ahref='http://callto:{{presskit.social.skype}}'>Skype</a><br/>
60-
</p>
61-
<p>
62-
<strong>Releases:</strong>
63-
{% for game in site.games %}
64-
<br/>
65-
<ahref='{{game.url | remove_first:'/' | remove: '.html' | prepend: base_url}}'>{{game.title}}</a>
66-
{% else %}
67-
-
68-
{% endfor %}
69-
</p>
70-
<p><strong>Address:</strong><br/>
71-
{% for address_line in presskit.address %}
72-
{{address_line}}<br/>
73-
{% endfor %}
74-
</p>
75-
<p>
76-
<strong>Phone:</strong><br/>
77-
{{presskit.phone}}
78-
</p>
79-
</div>
80-
<divclass='uk-width-medium-4-6'>
81-
<h2id='description'>Description</h2>
82-
<p>{{presskit.description}}</p>
83-
84-
<h2id='history'>History</h2>
85-
{% for story in presskit.history %}
86-
<strong>{{story.header}}</strong>
87-
<p>{{story.text}}</p>
88-
{% endfor %}
89-
90-
<h2id='projects'>Projects</h2>
91-
<ul>
92-
{% for game in site.games %}
93-
<li><ahref='{{game.url | remove_first:'/' | remove: '.html' | prepend: base_url}}'>{{game.title}}</a></li>
94-
{% else %}
95-
<li>No pain no game</li>
96-
{% endfor %}
97-
</ul>
98-
</div>
45+
<dt>Address:</dt>
46+
{% for address_line in presskit.address %}
47+
<dd>{{address_line}}</dd>
48+
{% endfor %}
49+
</dt>
50+
51+
<dt>Phone:</dt>
52+
<dd>{{presskit.phone}}</dd>
9953
</div>
10054

101-
<hr>
55+
<divclass='box'>
56+
<h2id='description'>Description</h2>
57+
<p>{{presskit.description}}</p>
58+
</div>
10259

103-
<h2id='trailers'>Videos</h2>
104-
{% for trailer in presskit.trailers %}
105-
{% include trailer.html %}
106-
{% else %}
107-
<p>
108-
There are currently no trailers available for {{presskit.title}}.
109-
Check back later for more or<ahref='#contact'>contact us</a> for specific requests!
110-
</p>
111-
{% endfor %}
60+
<divclass='box'>
61+
<h2id='history'>History</h2>
62+
{% for story in presskit.history %}
63+
<strong>{{story.header}}</strong>
64+
<p>{{story.text}}</p>
65+
{% endfor %}
66+
</div>
11267

113-
<hr>
68+
<divclass='box'>
69+
<h2id='projects'>Projects</h2>
70+
<ul>
71+
{% for game in site.games %}
72+
<li><ahref='{{game.url | remove_first:'/' | remove: '.html' | prepend: base_url}}'>{{game.title}}</a></li>
73+
{% else %}
74+
<li>No pain no game</li>
75+
{% endfor %}
76+
</ul>
77+
</div>
78+
</div>
11479

80+
<divclass='box'>
81+
<h2id='trailers'>Videos</h2>
82+
{% for trailer in presskit.trailers %}
83+
{% include trailer.html %}
84+
{% else %}
85+
<p>There are currently no trailers available for {{presskit.title}}. Check back later for more or<ahref='#contact'>contact us</a> for specific requests!</p>
86+
{% endfor %}
87+
</div>
88+
89+
<divclass='box'>
11590
<h2id='images'>Images</h2>
116-
<ahref='images/images.zip'>
117-
<divclass='uk-alert'>download all screenshots &amp; photos as .zip</div>
118-
</a>
119-
<divclass='uk-grid images'>
91+
<ahref='images/images.zip'class='notice'>download all screenshots &amp; photos as .zip</a>
92+
93+
<divclass='masonry'>
12094
{% for file in site.static_files %}
12195
{% assign image = file.path | split: '/' %}
12296
{% assign filename = image | last %}
12397
{% if image[1] == 'images' and filename != 'header.png' and filename != 'logo.png' and filename != 'icon.png' %}
124-
<divclass='uk-width-medium-1-2'>
125-
<ahref='{{file.path | remove_first:'/'}}'>
126-
<imgsrc='{{file.path | remove_first:'/'}}' alt='{{image | last}}'/>
127-
</a>
128-
</div>
98+
<divclass='masonry-item'>
99+
<ahref='{{file.path | remove_first:'/'}}'>
100+
<imgsrc='{{file.path | remove_first:'/'}}' alt='{{image | last}}'/>
101+
</a>
102+
</div>
129103
{% endif %}
130104
{% endfor %}
131105
</div>
132-
<pclass='images-text'>There are far more images available for {{presskit.title}}, 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>
133106

134-
<hr>
107+
<pclass='images-text'>There are far more images available for {{presskit.title}}, 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>
108+
</div>
135109

110+
<divclass='box'>
136111
<h2id='logo'>Logo &amp; Icon</h2>
137-
<ahref='images/logo.zip'>
138-
<divclass='uk-alert'>download logo files as .zip (15KB)</div>
139-
</a>
140-
<divclass='uk-grid images'>
141-
<divclass='uk-width-medium-1-2'>
142-
<ahref='images/logo.png'>
143-
<imgsrc='images/logo.png'alt='logo'/>
144-
</a>
145-
</div>
146-
</div>
112+
<ahref='images/logo.zip'class='notice'>download logo files as .zip (15KB)</a>
147113

148-
<hr>
114+
<div>
115+
<ahref='images/logo.png'>
116+
<imgsrc='images/logo.png'alt='logo'/>
117+
</a>
118+
</div>
119+
</div>
149120

121+
<divclass='box'>
150122
<h2id='awards'>Awards &amp; Recognition</h2>
151123
<ul>
152124
{% for award in presskit.awards %}
153125
<li>'{{award.description}}' -<cite>{{award.info}}</cite></li>
154126
{% endfor %}
155127
</ul>
128+
</div>
156129

157-
<hr>
158-
130+
<divclass='box'>
159131
<h2id='quotes'>Selected Articles</h2>
160-
<ul>
161-
{% for quote in presskit.quotes %}
162-
<li>'{{quote.description}} - Everything else we consider nonsense'<br/>
163-
<cite>- {{quote.name}},<ahref='{{quote.link}}'>{{quote.website}}</a></cite>
164-
</li>
165-
{% endfor %}
166-
</ul>
167-
168-
<hr>
132+
133+
{% for quote in presskit.quotes %}
134+
<blockquote>
135+
<p>{{quote.description}}</p>
136+
<footer>
137+
<cite>{{quote.name}},<ahref='{{quote.link}}'>{{quote.website}}</a></cite>
138+
</footer>
139+
</blockquote>
140+
{% endfor %}
141+
</div>
169142

143+
<divclass='box'>
170144
<h2id='links'>Additional Links</h2>
145+
146+
<dl>
171147
{% for additional in presskit.additionals %}
172-
<p>
173-
<strong>{{additional.title}}</strong><br/>
174-
{{additional.description}} available<ahref='{{additional.link}}'alt='{{additional.link}}'>here</a>.
175-
</p>
148+
<dt>{{additional.title}}</dt>
149+
<dd>{{additional.description}} available<ahref='{{additional.link}}'alt='{{additional.link}}'>here</a>.</dd>
176150
{% endfor %}
151+
</dl>
152+
</div>
177153

178-
<hr>
179-
180-
<divclass='uk-grid'>
181-
<divclass='uk-width-medium-1-2'>
182-
<h2id='credits'>Team &amp; Repeating Collaborator</h2>
183-
{% for credit in presskit.credits %}
184-
<p>
185-
<strong>{{credit.person}}</strong><br/>
186-
<ahref='http://{{credit.website}}'>{{credit.role}}</a>
187-
</p>
188-
{% endfor %}
189-
</div>
154+
<divclass='container'>
155+
<divclass='box'>
156+
<h2id='credits'>Team &amp; Repeating Collaborator</h2>
190157

191-
<divclass='uk-width-medium-1-2'>
192-
{% include contacts.html %}
193-
</div>
158+
<dl>
159+
{% for credit in presskit.credits %}
160+
<dt>{{credit.person}}</dt>
161+
<dd><ahref='http://{{credit.website}}'>{{credit.role}}</a></dd>
162+
{% endfor %}
163+
</dl>
194164
</div>
195165

196-
<hr>
166+
<divclass='box'>
167+
{% include contacts.html %}
168+
</div>
169+
</div>
197170

198-
<p>
199-
<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>
200-
</p>
171+
<divclass='box'>
172+
<p><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></p>
201173
</div>
202174
</div>
175+
203176
</div>

0 commit comments

Comments
 (0)

[8]ページ先頭

©2009-2025 Movatter.jp