-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (190 loc) · 7.95 KB
/
index.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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
---
layout: default
---
<!-- HEADER START -->
<style type="text/css">
html,
body {
height: 100%;
margin: 0;
}
.page-name {
background-image: url("assets/images/slide-1.jpg");
background-size: cover;
min-height: 100%;
}
.vertical-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
</style>
<section id="top" class="page-name parallax" data-paroller-factor="0.1" data-paroller-type="background"
data-paroller-direction="vertical">
<div class="container vertical-center">
{% if site.logo_med %}
<div class="text-center mb40">
<a href="{{ site.url }}" class="logo">
<img src="{{ site.url }}{{ site.logo_med }}" alt="{{ site.title }}" class="img-fluid inline-block">
</a>
</div>
{% else %}
<h1 class="display-2 page-title d-none d-md-block">
{{ site.title }}
</h1>
{% endif %}
<div class="social-content text-center my-5 h2">
{% include social.html %}
</div>
<h2 class="h4 mb-4 text-center">Download our games on</h2>
<div class="social-content text-center h2">
{% include store.html %}
</div>
</div>
</section>
<!-- HEADER END -->
<!-- CONTENT START -->
<section class="pt150">
<div class="title-bl text-center wow fadeIn" data-wow-duration="2s">
<div class="title color-white">
Games
</div>
<div class="subtitle">
Released Games
</div>
</div>
{% assign sorted = site.games | sort: 'release_date' | reverse %}
{% for game in sorted %}
<div id="{{ game.title | slugify }}" class="container pt150">
<div class="row">
<div class="top-bl col">
<div class="game-img-slider bg-arrow">
{% for image in game.images %}
<div class="image-wrapper">
<a href="{{ image.image }}" data-lightbox="game-slides">
<img src="{{ image.image }}" alt="{{ game.title }}" class="img-fluid">
</a>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="row mt80">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb30">
<div class="tab-head table uppercase fsize-14 fweight-700">
<div class="table-cell valign-middle ws-20 color-1">
{% if game.tags.size > 0 %}
{% for tag in game.tags %}
{{ tag | capitalize }}
{% endfor %}
{% endif %}
</div>
<time class="table-cell valign-middle text-right color-1"
datetime="{{ game.release_date | date:'%Y-%m-%d' }}">{{ game.release_date | date_to_string
}}</time>
</div>
<div class="uppercase fsize-32 fweight-700 font-agency color-white lheight-normal">
{{ game.title }}
</div>
<div class="mt30 lheight-26 fweight-300">
{{ game.content }}
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 mb30 d-table text-center mt70">
{% if game.google_play %}
<a href="{{ game.google_play }}"><img class="img-fluid p-3 w-50" alt="Get it on Google Play"
src="{{ '/assets/images/store/google-play-badge.png' | prepend: site.baseurl }}"></a>
{% endif %}
{% if game.app_store %}
<a href="{{ game.app_store }}"><img class="img-fluid p-3 w-50" alt="Download on the App Store"
src="{{ '/assets/images/store/app-store-badge.png' | prepend: site.baseurl }}"></a>
{% endif %}
{% if game.microsoft_store %}
<a href="{{ game.microsoft_store }}"><img class="img-fluid p-3 w-50" alt="Get it from Microsoft"
src="{{ '/assets/images/store/microsoft-store-badge.png' | prepend: site.baseurl }}"></a>
{% endif %}
{% if game.amazon_appstore %}
<a href="{{ game.amazon_appstore }}"><img class="img-fluid p-3 w-50" alt="Available at Amazon Appstore"
src="{{ '/assets/images/store/amazon-appstore-badge.png' | prepend: site.baseurl }}"></a>
{% endif %}
</div>
<div class="col text-center">
{% if game.itchio_store %}
{{ game.itchio_store }}
{% endif %}
</div>
</div>
</div>
{% endfor %}
</section>
<!-- CONTENT END -->
<!-- BLOG SECTION START -->
<section class="blog-section pt150">
<div class="title-bl text-center wow fadeIn" data-wow-duration="2s">
<div class="title color-white">
Latest Posts
</div>
<div class="subtitle">
Fresh News
</div>
</div>
<div class="each-element ptb150">
<div class="container">
<div class="row">
{% assign postsize = site.posts | size %}
{% if postsize == 0 %}
<h5>No posts</h5>
{% else %}
{% for post in paginator.posts %}
<div class="item col-lg-4 col-sm-12 item-wrap">
<a href="{{ site.baseurl }}{{ post.url }}" itemprop="url">
<div class="image">
<img src="{{ site.baseurl }}{{ post.featured_image }}" alt="{{ post.title }}"
class="img-fluid">
</div>
</a>
<div class="item-info equal-height">
<div class="item-header table fsize-14 fweight-700 uppercase">
<div class="table-cell platform">
{% if post.tags.size > 0 %}
{% for tag in post.tags %}
{% if forloop.index == post.tags.size %}
{{ tag | capitalize }}
{% else %}
{{ tag | capitalize }},
{% endif %}
{% endfor %}
{% endif %}
</div>
<time class="table-cell color-2 text-right" datetime="{{ post.date | date:'%Y-%m-%d' }}">{{
post.date | date_to_string }}</time>
</div>
<div class="item-title mt20" data-trim="40">
<a href="{{ site.baseurl }}{{ post.url }}" itemprop="url">{{ post.title }}</a>
</div>
<div class="item-text mt25 lheight-26" data-trim="130">
{{ post.excerpt | strip_html | truncatewords: 130 }}
</div>
</div>
<div class="author-comment table">
<div class="table-cell valign-middle">
<i class="fa fa-user color-1 fsize-14" aria-hidden="true"></i>
<span class="color-2 ml5">by {{ post.author }}</span>
</div>
<!-- <div class="table-cell valign-middle text-right">
<i class="fa fa-comment color-1 fsize-14" aria-hidden="true"></i>
<span class="color-2 ml5">126</span>
</div> -->
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
</div>
</section>
<!-- BLOG END -->
<!-- FOOTER START -->
{% include footer.html %}
<!-- FOOTER END -->