-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpress.html
111 lines (102 loc) · 5.08 KB
/
press.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='press.css'>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Arvo">
<title>Primar - a colorful new take on the classic block puzzle idea!</title>
</head>
<body class='background'>
<div class='bar'>
<span class='menuElement'># <a class='menuLink' href='#factsheet'>Factsheet</a></span>
<span class='menuElement'># <a class='menuLink' href='#description'>Description</a></span>
<span class='menuElement'># <a class='menuLink' href='#features'>Features</a></span>
<span class='menuElement'># <a class='menuLink' href='#video'>Video</a></span>
<span class='menuElement'># <a class='menuLink' href='#screenshots'>Screenshots</a></span>
<span class='menuElement'># <a class='menuLink' href='#logo'>Logo</a></span>
</div>
<div class='horizontallyCentered infoBlock firstBlock' id='factsheet'>
<h1># <span class='blockTitle'>Factsheet</span></h1>
<span class='blockContent'>
Developer: <a class='contact' href="mailto:[email protected]">Timo Becker</a>
<br/>
Release date: 19.07.2017
<br/>
Platform: Android
<br/>
Price: free
</span>
</div>
<div class='horizontallyCentered infoBlock' id='description'>
<h1># <span class='blockTitle'>Description</span></h1>
<span class='blockContent'>
Primar - a <span class='colorfulTag'>colorful</span> new take on the classic block puzzle idea!
<br/><br/>
This game will twist your brain.
<br/>
Primar takes the classic game mechanics of games like Tetris and adds color into the mix - literally.
<br/>
Combine blocks of different colors and create new mixed-colored blocks on the board.
When all three primary colors
<span class='redTag'>red</span>,
<span class='yellowTag'>yellow</span> and
<span class='blueTag'>blue</span> come together, a block is destroyed.
<br/>
Play through 50 different, hand-crafted levels and destroy all blocks on the board using just a few select pieces.
<br/>
Or go <i>classic</i> and try to beat your highscore while placing random pieces as smartly as possible.
<br/>
</span>
</div>
<div class='horizontallyCentered infoBlock' id='features'>
<h1># <span class='blockTitle'>Features</span></h1>
<span class='blockContent'>
<ul>
<li><span class='colorfulTag'>Level mode</span>
<ul>
<li>Solve more and more challenging puzzles by destroying all blocks on the board</li>
<li>50 free levels to twist your brain!</li>
</ul>
</li>
<li><span class='colorfulTag'>Endless mode</span>
<ul>
<li>Try to stay alive as long as possible</li>
<li>Beat your own highscore!</li>
</ul>
</li>
</ul>
</span>
</div>
<div class='horizontallyCentered infoBlock' id='video'>
<h1># <span class='blockTitle'>Video</span></h1>
<span class='blockContent'>
<div class='horizontallyCentered videoContainer'>
<div class='videoWrapper'>
<iframe class='video' src="https://www.youtube.com/embed/IpWIrDUC9Sk?wmode=transparent" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</span>
</div>
<div class='horizontallyCentered infoBlock' id='screenshots'>
<h1># <span class='blockTitle'>Screenshots</span></h1>
<div class='blockContent centeredContent'>
<a href='press/primar_main_menu.png' target='_blank'><img class='screenshot' alt='Main menu' src='press/primar_main_menu.png'/></a>
<a href='press/primar_level_menu.png' target='_blank'><img class='screenshot' alt='Level mode menu' src='press/primar_level_menu.png'/></a>
<a href='press/primar_endless_menu.png' target='_blank'><img class='screenshot' alt='Endless mode menu' src='press/primar_endless_menu.png'/></a>
<a href='press/primar_endless_mode_red.png' target='_blank'><img class='screenshot' alt='Playing in endless mode' src='press/primar_endless_mode_red.png'/></a>
<a href='press/primar_endless_mode_yellow.png' target='_blank'><img class='screenshot' alt='Playing in endless mode' src='press/primar_endless_mode_yellow.png'/></a>
<a href='press/primar_level_7.png' target='_blank'><img class='screenshot' alt='Playing in level mode: level 7' src='press/primar_level_7.png'/></a>
<a href='press/primar_level_17.png' target='_blank'><img class='screenshot' alt='Playing in level mode: level 17' src='press/primar_level_17.png'/></a>
<a href='press/primar_level_22.png' target='_blank'><img class='screenshot' alt='Playing in level mode: level 22' src='press/primar_level_22.png'/></a>
<br/>
<a class='downloadScreenshots' href='press/primar_screenshots.zip' target='_blank' alt='Download screenshots as .zip'>Download as .zip</a>
</div>
</div>
<div class='horizontallyCentered infoBlock lastBlock' id='logo'>
<h1># <span class='blockTitle'>Logo</span></h1>
<div class='blockContent centeredContent horizontallyCentered'>
<a href='logo.png' target='_blank'><img class='logoImage' alt='Primar logo with transparent background' src='logo.png'></a>
<a href='logo_with_background.png' target='_blank'><img class='logoImage' alt='primar logo with black background' src='logo_with_background.png'></a>
</div>
</div>
</body>
</html>