forked from MovingBlocks/legacy-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (141 loc) · 8.03 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
---
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="google-site-verification" content="1Zo5ff2j0ysKtpdf-TvSQW6y2-hoD3ASV1CiR9Bq6-0" />
<meta name="keywords" content="Terasology, Minecraft, Open, Source, Free, Dwarf, Fortress, Dungeon, Keeper, Voxel, Creature, Creatures, Empire, Civilization, Portal, Moving, Blocks">
<meta name="description" content="{{ site.description }}">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "VideoGame",
"applicationCategory": "Video game",
"name": "Terasology",
"url": "http://terasology.org/",
"image": "http://terasology.org/img/mascot.png",
"description": "Terasology is an open source voxel game originally inspired by Minecraft along with such games as Dwarf Fortress and Dungeon Keeper.",
"author":{
"@type":"Organization",
"name":"The Terasology Foundation",
"url":"https://terasology.org/"
},
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.google.com/#q=site:terasology.org+{search_term_string}",
"query-input": "required name=search_term_string"
},
"genre":["Sandbox", "Voxel"],
"operatingSystem":["Microsoft Windows", "Mac","Linux"]
}</script>
<title>Terasology Project | Home</title>
{% include imports.html %}
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
{% include nav.html %}
<main>
<div class="parallax-container">
<div class="parallax"><img alt="Hero Image" src="{{ site.baseurl }}/img/ss_6.jpg"></div>
<noscript>
<div class="nojs"><img alt="Hero Image" src="{{ site.baseurl }}/img/ss_6.jpg"></div>
</noscript>
</div>
<div class="section white">
<div class="container">
<div class="row">
<div class="col s3 mascot"><img alt="Terasology mascot" src="{{ site.baseurl }}/img/mascot.png"></div>
</div>
<div class="row">
<h1 class="header green-text text-darken-3">Welcome to Terasology</h1>
</div>
<div class="row">
<div class="col s12 m6">
<div class="video-container z-depth-3"><iframe src="https://www.youtube.com/embed/Wpa2aiadwE8" frameborder="0" title="Game Showreel" allowfullscreen></iframe></div>
</div>
<div class="col s12 m6">
<h3 class="green-text text-darken-3"><i>An open source voxel world - imagine the possibilities!</i></h3>
<p class="green-text">The Terasology project was born from a Minecraft-inspired tech demo and is becoming a stable platform for various types of gameplay settings in a voxel world. The creators and maintainers are a diverse mix of software developers, designers, game testers, graphic artists, and musicians. We encourage others to join!</p>
<a href="about.html" class="waves-effect waves btn light-green lighten-1 light-green-text text-darken-3" onclick="Materialize.toast('Redirecting...', 4000)"><i class="material-icons left">live_help</i>Learn more</a>
</div>
</div>
<br /><br />
<div class="divider"></div>
<br /><br />
<!-- This loops through the paginated posts -->
<div class="hide-on-large-only">
{% for post in paginator.posts %}
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" alt="{{ post.title }} Banner" src="{{ site.baseurl }}{{ post.header-img }}">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">{{ post.title }}<i class="material-icons right">more_vert</i></span>
<p class="grey-text text-darken-2">By: {{ post.author }} on {{ post.date | date: '%B %d, %Y' }}</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">{{ post.title }}<i class="material-icons right">close</i></span>
<p><a aria-label="Read more about {{ post.title }}" href="{{ site.baseurl }}{{ post.url }}">See the full article here</a><p>
<p>{{ post.description }}</p>
</div>
</div>
{% endfor %}
</div>
{% for post in paginator.posts %}
{% assign loopindex = forloop.index | modulo: 2 %}
{% if loopindex == 1 or forloop.first %}
<div class="row hide-on-med-and-down">
{% endif %}
<div class="col s12 m6">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" alt="{{ post.title }} Banner" src="{{ site.baseurl }}{{ post.header-img }}">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">{{ post.title }}<i class="material-icons right">more_vert</i></span>
<p class="grey-text text-darken-2">By: {{ post.author }} on {{ post.date | date: '%B %d, %Y' }}</p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">{{ post.title }}<i class="material-icons right">close</i></span>
<p><a aria-label="Read more about {{ post.title }}" href="{{ site.baseurl }}{{ post.url }}">See the full article here</a><p>
<p>{{ post.description }}</p>
</div>
</div>
</div>
{% if loopindex == 0 or forloop.last %}
</div>
{% endif %}
{% endfor %}
<!-- Pagination links -->
<div class="pagination">
{% if paginator.previous_page %}
<a href="{{ site.baseurl }}{{ paginator.previous_page_path }}" class="waves-effect waves-light btn light-green lighten-1 light-green-text text-darken-3 previous" style="margin-right: 15px;"><i class="material-icons">keyboard_arrow_left</i></a>
{% else %}
<a class="waves-effect waves-light btn disabled previous" style="margin-right: 15px;"><i class="material-icons">keyboard_arrow_left</i></a>
{% endif %}
<span class="page_number ">{{ paginator.page }} of {{ paginator.total_pages }}</span>
{% if paginator.next_page %}
<a href="{{ site.baseurl }}{{ paginator.next_page_path }}" class="waves-effect waves-light btn light-green lighten-1 light-green-text text-darken-3 next" style="margin-left: 15px;"><i class="material-icons">keyboard_arrow_right</i></a>
{% else %}
<a class="waves-effect waves-light disabled btn next" style="margin-left: 15px;"><i class="material-icons">keyboard_arrow_right</i></a>
{% endif %}
</div>
<br /><br />
</div>
</div>
<div class="section grey lighten-3">
<div class="container">
</div>
</div>
<div class="parallax-container">
<div class="parallax"><img alt="Terasology Background" src="{{ site.baseurl }}/img/ss_2.jpg"></div>
<noscript>
<div ><img style="width:100%"src="{{ site.baseurl }}/img/ss_2.jpg"></div>
</noscript>
</div>
</main>
{% include footer.html %}
</body>
</html>