-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.html
291 lines (252 loc) · 12.7 KB
/
index2.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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>GWIEZDNY PYŁ FABULARNE RPG SCI-FI</title>
<link href="https://fonts.googleapis.com/css?family=Dosis:400,700|Titillium+Web:400,700&subset=latin-ext"
rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css"
integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="CSS/style2.min.css">
<style>
</style>
</head>
<body>
<div class="position">
<!-- TOP IMAGE-->
<div class="page_logo logo">
<img src="/IMG/gwiezdny.jpg" alt="">
</div>
<!-- NAVIGATION SECTION -->
<nav class="position__nav nav">
<ul class="nav__listItem">
<li class="nav__item">
<a href="#" class="nav__link">
<i class="nav__icon fas fa-globe"></i>home</a>
</li>
<li class="nav__item nav_item--border">
<a href="#" class="nav__link">
<i class="nav_icon fas fa-play"></i>czym jest Gwiezdny Pył?</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link">
<i class="nav_icon fab fa-gitkraken"></i>grywalne rasy</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link">
<i class="nav_icon fab fa-trade-federation"></i>frakcje</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link">
<i class="nav_icon fas fa-shopping-cart"></i>przedmioty</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link">
<i class="nav__icon fas fa-book-open"></i>świat</a>
</li>
<li class="nav__item">
<a href="#">
<i class="nav__icon far fa-question-circle"></i>glosariusz</a>
</li>
<li class="nav__item">
<a href="#" class="nav__link">
<i class="nav__icon fas fa-mobile-alt"></i>kontakt</a>
</li>
</ul>
</nav>
<!-- PROMO SECTION -->
<section class="position__promo">
<header class="promoList">
<article class="promoList__item">
<h1 class="promoList__title">Moja historia</h1>
<span class="promoList__text--top">Moja przygoda z RPGami zaczęła się w gimnazjum, gdy pierwszy raz
z
kolegami z klasy graliśmy w
Earthdawna i Warhammera. Wtedy zachwycił mnie świat i przygody, które wspólnie przeżywaliśmy. I
tak
przeszedłem przez życie grając w RPGi zarówno za sprawą kości i kawałków papieru (gry
fabularne), jak i
komputera.</span>
<p class="promoList__text--bottom">Aż przyszedł do mnie pomysł czy samemu nie spróbować swoich sił w
stworzeniu własnego świata w
klimacie
sci-fi.
W ten sposób narodziła się w mojej głowie idea tworzenia systemu i świata nazwanego Gwiezdnym
Pyłem. </p>
</article>
<article class="promoList__item">
<h1 class="promoList__title">Moja misja</h1>
<span class="promoList__text--top">Wszystkie gry w jakie grałem, opowieści jakie
przeczytałem i wspólne sesje
jakie
spędziłem wśród przyjaciół w czasie licznych sesji gier fabularnych, wpłynęły na moją decyzję o
podjęciu
się próby stworzenia jednej z najchętniej granych polskich gier fabularny w klimacie science
fiction.</span>
<p class="promoList__text--bottom">
Jako twórca chcę zafascynować graczy światem przedstawionym w systemie "Gwiezdny pył", aby w
czasie
odkrywania świata, byli
w pełni zaangażowani i zdziwieni możliwościami stoją przed ich bohaterem. A jak mówi słynne
powiedzenie
"kto
nie ryzykuje, ten nie pije szampana".
</p>
</article>
<article class="promoList__item">
<h1 class="promoList__title">Adra czeka!</h1>
<span class="promoList__text--top">Andra, galaktyka w której się znajdziesz, to
zupełnie inny świat od tego,
który
znasz na co dzień. Akcja rozgrywa się w dalekiej przyszłości. Setki lat od tego co Tobie znane.
Ludzie
chcą
ratować własny gatunek przed niechybną śmiercią, byli zmuszeni uciec z rodzimego układu
słonecznego
ścigani
przez śmiertelny rozbłysk gamma. Historia zaprowadziła ich do starożytnej bramy, które
przeniosła ich w
sam
środek nowej galaktyki. Andry!</span>
<p class="promoList__text--bottom">Kontinuum możliwością jest ogromne, a Ty stoisz przed wyborem,
czy
chcesz to wszystko odkryć, czy
pozostać
w obecnej
ziemskiej rzeczywistości.
</p>
</article>
</header>
</section>
<!-- MAIN SECTION WITH ARTICLES -->
<main class="position__main main">
<div class="topBox">
<h1 class="topBox__text">
<i class="topBox__icon fas fa-rss-square"></i>Starnetowe feedy prosto z Andry</h1>
</div>
<article class="news__article clearfix">
<h2 class="news__title">Giagi w Andrze – Gwiezdny podcast #2</h2>
<section class="news__description">
<i class="fas fa-clock"> <time datetime='2018-1-3'> 9 lipca 2018 </time></i>
<i class="fas fa-folder"></i> Rasy
</section>
<figure class="news__imgSection">
<img src="IMG/start.jpg" alt="początek-giag" class="news__img">
<figcaption class="news__imgText">Obrazek do Podcastu</figcaption>
</figure>
<p class="news__text">Witam, W dzisiejszym podcascie usłyszysz, więcej na temat kolejnej rasie. Tytuł
wiele Ci powie o
jakiej
konkretnie.
Eksperymentuje trochę z formą nagrań, więc kolejny filmik może być jeszcze w innej konwencji.
Zobaczę,
która
będzie
najlepsza i dla widzów i dla mnie samego. Co do samej rasy mam pewien problem. Trudno...</p>
<button class="news__button">Czytaj więcej</button>
</article>
<article class="article clearfix">
<h2>Aktualizacja #2 – Grywalne rasy, statek kosmiczny i broń dystansowa</h2>
<h3>
<i class="fas fa-clock"><time datetime='2018-1-3'> 29 czerwca 2018</time></i>
<i class="fas fa-folder"></i> Broń dystansowa, Rasy, Statek kosmiczny</h3>
<img src="IMG/upgrade.jpg" alt="aktualizacja - grywalne rasy">
<p>Przez ostatnie dni mogłeś zobaczyć kilka nowych tekstów na stronie. Zarysowałem koncepcje, by
pobudzić
Twoją
wyobraźnie.
Szczegóły i smaczki zobaczysz w finalnej wersji gry. Niestety dużo publikując na stronie zaniedbuje
prace
na
zapleczu.
Z tego powodu będę aktywny tylko co jakiś czas. Poznasz po postach :) Drobne podsumowanie
modyfikacji czeka
na…</p>
<button>Czytaj więcej</button>
</article>
<article class="article clearfix">
<h2>Ludzie w Andrze – Gwiezdny podcast #1</h2>
<h3>
<i class="fas fa-clock"><time datetime='2018-1-3'>4 marca 2018</time></i>
<i class="fas fa-folder"></i> Wydarzenia</h3>
<img src="IMG/humans.jpg" alt="Ludzie-w-andrze">
<p>Witam, Długo nic nie opublikowałem. To nie oznacza, że nic nie robiłem! Wręcz odwrotnie. Dokonało się
sporo
zmian
na stronie. Jedne zmiany będzie niedługo widać na stronie, drugie natomiast są widoczne tylko dla
mnie.
Ostatnio
najwięcej pracuje nad tak dużym pojęciem jakim są statki kosmiczne. Mechanika walki, projekty broni
czy…</p>
<button>Czytaj więcej</button>
</article>
<!-- <section class="article clearfix">
<h2>Ankieta – wybierz najciekawsze rasy #1</h2>
<h3>
<i class="fas fa-clock"></i> 8 stycznia 2018
<i class="fas fa-folder"></i> Rasy</h3>
<img src="img/queary.jpg" alt="ankieta">
<p>Opinia graczy RPG pilnie poszukiwana! Konstruktywna krytyka mile widziana! Gwiezdny pył wzywa! Potrzebuje
Twojej
opinii na temat ras jakie stworzyłem do systemu rpg Gwiezdny Pył w klimacie Sci-fi. Poniżej krótka ankieta w
której
możesz ocenić jak bardzo podoba Ci się dana rasa. Możesz także przekazać swoje sugestie w formie tekstowej
pod...</p>
<button>Czytaj więcej</button>
</section> -->
</main>
<!-- ASIDE BOX WITH OTHER LINKS-->
<!-- SOCIAL ICON -->
<aside class="position__aside">
<section class="social">
<div class="social__facebook">
<a href="#" class="social__link">
<i class="fab fa-facebook-square"></i>
</a>
</div>
<div class="social__youtube">
<a href="#" class="social__link">
<i class="fab fa-youtube"></i>
</a>
</div>
</section>
<!--CATEGORY ARTICLES-->
<section class="category">
<h2 class="category_title">kategorie artykułów</h2>
<ul class="category_itemList">
<li class="category_item">
<a href="#" class="category_link">
<i class="fas fa-book"></i>Broń dystansowa</a>
</li>
<li class="category_item">
<a href="#" class="category_link">
<i class="fas fa-book"></i>Gospodarka</a>
</li>
<li class="category_item">
<a href="#" class="category_link">
<i class="fas fa-book"></i>Rasy</a>
</li>
<li class="category_item">
<a href="#" class="category_link">
<i class="fas fa-book"></i>Statek kosmiczny</a>
</li>
<li class="category_item">
<a href="#" class="category_link">
<i class="fas fa-book"></i>Wydarzenia</a>
</li>
</ul>
</section>
<section class="twitter">
<a class="twitter-timeline" data-lang="pl" data-height="600" data-dnt="true" data-theme="dark"
href="https://twitter.com/rpg_gwiezdnypyl?ref_src=twsrc%5Etfw">Tweets
by rpg_gwiezdnypyl</a>
</section>
</aside>
<!-- FOOTER -->
<footer class="position_footer footer">
<p class="footer_copyright">© 2018 GwiezdnyPyl.pl - Strona stworzona przez Karola Cetlin</p>
</footer>
<script src="JS/javascript.js"></script>
</div>
</body>
</html>