-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
282 lines (249 loc) · 17 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
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
<!DOCTYPE HTML>
<!--
CCA 3.0 license (html5up.net/license) - allowed to do anything with it provided the original source is referenced
-->
<html>
<head>
<title> Sarkahn A.M </title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3234691111566209"
crossorigin="anonymous"></script>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div class="alignleft">
<script type="text/javascript">
amzn_assoc_ad_type = "banner";
amzn_assoc_marketplace = "amazon";
amzn_assoc_region = "US";
amzn_assoc_placement = "assoc_banner_placement_default";
amzn_assoc_campaigns = "kindle";
amzn_assoc_banner_type = "category";
amzn_assoc_isresponsive = "true";
amzn_assoc_banner_id = "1YKPPVC9MFRFX7F4JJ02";
amzn_assoc_tracking_id = "sarkahnsvault-20";
amzn_assoc_linkid = "cc6557f22207bfc69227e6cfbb79f7aa";
</script>
<script src="//z-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1"></script>
</div>
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span class="icon fa-gem"></span>
</div>
<div class="content">
<div class="inner">
<h1> Welcome </h1>
<p><b>I created a fantasy realm called, Sitrah, and I want to share that world with you through my books, games, apps and more</b></p>
<p><b>I am known in the community as Sarkahn A.M an indie transmedia storyteller -</b></p>
<p><b></b></p>
</div>
</div>
<nav>
<ul>
<li><a href="#intro">Home</a></li>
<li><a href="#vault">Book Vault</a></li>
<li><a href="#about">Game Vault</a></li><li>
<li><a href="#article">More</a></li>
<!--<li><a href="#elements">Elements</a></li>-->
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Introductory Section -->
<article id="intro">
<h2 class="major"> Introduction </h2>
<span class="image main"><img src="images/medium.png" alt="" /></span>
<p><strong>Hello and welcome!</strong></p>
<p> This vault of mine is a platform I made that houses my hidden passions for writing, world building, and game development. </p>
<p> Tell your friends, and tell your family that you can also subscribe to my monthly <strong><a href="https://mailchi.mp/c120e350d1cd/sarkahns-imaginarium">newsletter</a></strong> absolutely free! </p>
<p> I also post articles almost daily on my <strong><a href="https://medium.com/@JAMurray_Tech">Medium page</a></strong> on a variety of topics.
<p> My author page can be found <strong><a href="https://www.amazon.com/author/sarkahn_am">here.</a></strong></p>
<p> Please look forward for more to enter the vault because I am always adding something new! Enjoy. </p>
<p><strong>PS - I am trying to build a community around the content I make from my world of Sitrah.</strong></p>
<p><strong>Please consider joining my discord channel where it is my "Go To" first mention about anything and everying I am working on.</strong></p>
<p><strong>As a member you can also become directly involved with my work. You can join by following the link or Discord button below.</strong></p>
<ul class="actions special">
<li><a href="https://discord.gg/cnQPy4MnRh" class="button">Discord</a></li>
</ul>
<ul class="actions special">
<li><a href="https://mailchi.mp/c120e350d1cd/sarkahns-imaginarium" class="button">Newsletter</a></li>
</ul>
<ul class="icons">
<li><a href="https://twitter.com/SarkahnAm" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.tiktok.com/@sarkahnam" class="icon brands fa-tiktok"><span class="label">TikTok</span></a></li>
<li><a href="https://discord.gg/cnQPy4MnRh" class="icon brands fa-discord"><span class="label">Discord</span></a></li>
</ul>
</article>
<!-- Book Vault Section -->
<article id="vault">
<h2 class="major"> The Library Wing </h2>
<span class="image main"><img src="images/SitrahWP.png" alt="" /></span>
<p> My vault is where all of my publications will be stored, as well as short blurbs about them. This also includes works done by other artists who have helped me on my journey as a new author and deserve recognition for their amazing talents and dedication to their crafts. </p>
<h2 class="major"> Ley-Line Origins </h2>
<span class="image main"><img src="images/ArcaneThiefEbook.jpg" alt="" /></span>
<p> Arcane Thief, my first publication, and first of the origin short stories of the Ley-Line Origins Anthology, and is out now with a brand new E-look! You can order the <b><a href="https://www.amazon.com/dp/B0BQJRSPH3">E-book here</a></b> and the <b><a href="https://www.amazon.com/dp/B0BQG914ND"> paperback version here</a></b>. Read this exciting novelette about Erzo Traliz and his young, foolhardy chase for revenge! </p>
<span class="image main"><img src="images/ImpureNobilityEbook.jpg" alt="" /></span>
<p> Impure Nobility is the second introduction of short stories that will be added to the Ley-Line Origins Anthology, where a young girl is about to embrace her inner most self and accept her new destiny! </p>
<p> Now available as an <b><a href="https://www.amazon.com/dp/B0C4L15CZG">Ebook exclusive!</a></b></p>
<span class="image main"><img src="images/SOIEbook.jpg" alt="" /></span>
<p> The Sin of Innocence is the third introduction of short stories that will be added to the Ley-Line Origins Anthology! Here we find Aalangancor, a young Demonborne, facing tragedy upon returning home to his younger sister. Was it something he did coming back to haunt him or something he didn't do? </p>
<p> Now available as an <b><a href="https://www.amazon.com/Sin-Innocence-Ley-Line-Origins-ebook/dp/B0C4M4Y494/?_encoding=UTF8&pd_rd_w=5Eanh&content-id=amzn1.sym.ed85217c-14c9-4aa0-b248-e47393e2ce12&pf_rd_p=ed85217c-14c9-4aa0-b248-e47393e2ce12&pf_rd_r=140-0068855-6067734&pd_rd_wg=tERxW&pd_rd_r=d4f8e3a2-35b7-4b43-acc1-f98e536de384&ref_=aufs_ap_sc_dsk">Ebook exclusive!</a></b></p>
<span class="image main"><img src="images/GOTUebook.jpg" alt="" /></span>
<p> Glimpse of the Unthinkable is the fourth introduction of short stories that will be added to the Ley-Line Origins Anthology! Rhein Cross is a man of many talents. However, even he can make mistakes. One of which landed him in a place he had never thought possible. </p>
<p> Now available as an <b><a href="https://www.amazon.com/dp/B0C8TPSSV3">Ebook exclusive!</a></b></p>
<h2 class="major"> Ley-Line Origins Anthology </h2>
<h2 class="major"> Volume 1 </h2>
<span class="image main"><img src="images/LLOAVol1front.jpg" alt="" /></span>
<p> Ley-Line Origins Anthology: Volume 1 is now available and can be found <b><a href="https://www.amazon.com/Ley-Line-Origins-Anthology-Sarkahn-M/dp/B0C9SK1CHT/ref=sr_1_1?crid=3SUB17IT1COGT&keywords=ley-line+origins&qid=1689681474&sprefix=ley-line+origins%2Caps%2C183&sr=8-1">here!</a></b></p>
<h2 class="major"> The Exchange Duology series </h2>
<span class="image main"><img src="images/EBOOK_COVER.jpg" alt="" /></span>
<p> Equivalent Exchange, first of a Two Part duology series, is nearing its release!</p>
<p> See what consequences lie in wait for King Filleon and his actions for the sake of saving his daughter's life. </p>
<h2 class="major"> Featured Artists </h2>
<h3 class="minor"> VIII Collection </h3>
<span class="image main"><img src="images/VIII.PNG" alt="" /></span>
<p> Filmography, Graphic Art, and Street Art made by the artist VIII. You can find everything about he, and his work <b><a href="https://www.metaljacket.co/">here</a></b>, as well as a way to connect with them.</p>
<h3 class="minor"> Mehreen Shaukat </h3>
<span class="image main"><img src="images/mehreenshaukat.jpg" alt="" /></span>
<p> Mehreen is a highly skilled graphic artist with several years of professional experience and known widely on the Fiverr platform for her stunning and unique <b><a href="https://www.fiverr.com/mahii_creations?source=inbox">Book Cover Designs</a></b>, so take a look and/or get in contact for her services.
</article>
<!-- Game Vault Section -->
<article id="about">
<h2 class="major"> Treasury Room </h2>
<span class="image main"><img src="images/gameAT.jpg" alt="" /></span>
<p> This is where all of my current Game Development Projects are displayed. I have multiple in production as we speak.</p>
<p> Each title I am working on will have an apropriated Game Design Document poster to be shown here. However, understand that I will not list the game in development unless that poster is in fact revealed here. </p>
<p> Further information can be found on my discord server.</p>
<h3 class="major"> Current Projects </h3>
<span class="image main"><img src="images/Arcane_Thief.png" alt="" /></span>
<p> This game is the 2D action rpg that is set to follow the events of the story "Arcane Thief"! </p>
<p><strong> All of my games, once finished, will be posted on Itch.io by following the button link below - including prototypes to try out.</strong> </p>
<ul class="actions special">
<li><a href="https://zilart.itch.io/" class="button">Itch.io</a></li>
</ul>
</article>
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Articles -->
<article id="article">
<header>
<h2> Content Articles and More </h2>
</header>
<a href="#" class="image fit"><img src="images/angelic.jpg" alt="" /></a>
<p> All of my nonfiction blog content can be found on Medium by using the button below!</p>
<p> As a Game Master, my starting point was learning how to world build using the <a target="_blank" href="https://www.amazon.com/Dungeons-Dragons-Dungeon-Rulebook-Roleplaying/dp/0786965622/ref=sr_1_15?crid=3QPP9JNRO4HKQ&keywords=D%2526D&qid=1681223345&sprefix=d%2526d%252Caps%252C204&sr=8-15&th=1&_encoding=UTF8&tag=sarkahnsvault-20&linkCode=ur2&linkId=7a77801518c2cb8a838842f6d93ed888&camp=1789&creative=9325">Dungeon Master Guide</a>!</p>
<p> This was my starting point into writing, world building and learning how to be an effective Game Master! If I could do it all over again, I would do the same thing without hesitation.</p>
<p> I want as many people to enjoy the worlds they create for games, books and everything in between so I will do my best to publish some articles about what I did multiple times a week. A difficult task but one I plan to accomplish.</p>
<p> Also, if you are interested in getting into Dungeon's and Dragon's, use my affiliate link to grab yourself the <a target="_blank" href="https://www.amazon.com/Dungeons-Dragons-Starter-Set-5th/dp/B07D5ZL8WB/ref=sr_1_2_sspa?keywords=Dungeons+and+Dragons+For+Beginner&qid=1681728348&sr=8-2-spons&psc=1&smid=A12JFRIJMLLZKS&spLa=ZW5jcnlwdGVkUXVhbGlmaWVyPUEzT0hPNENHTjdUNzFXJmVuY3J5cHRlZElkPUEwNDY2MzkxM0wwME0wRU9DNEpUUyZlbmNyeXB0ZWRBZElkPUEwNTY4Nzk4MTVKMFQ2NEpQV05GWSZ3aWRnZXROYW1lPXNwX2F0ZiZhY3Rpb249Y2xpY2tSZWRpcmVjdCZkb05vdExvZ0NsaWNrPXRydWU=&_encoding=UTF8&tag=sarkahnsvault-20&linkCode=ur2&linkId=c6b371fd646cada73d087c15087791b8&camp=1789&creative=9325">5th edition DnD Beginner Set</a>! I personally use metal dice because I love the humour feeling of making my players flinch and think twice!</p>
<ul class="actions special">
<li><a href="https://medium.com/@alexandredmurray" class="button">Medium</a></li>
</ul>
<ul class="actions special">
<li><a href="https://mailchi.mp/c120e350d1cd/sarkahns-imaginarium" class="button">Newsletter</a></li>
</ul>
<ul class="icons">
<li><a href="https://twitter.com/SarkahnAm" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.tiktok.com/@sarkahnam" class="icon brands fa-tiktok"><span class="label">TikTok</span></a></li>
<li><a href="https://discord.gg/cnQPy4MnRh" class="icon brands fa-discord"><span class="label">Discord</span></a></li>
</ul>
</article>
<!-- Elements -->
<article id="elements">
<h2 class="major">Elements</h2>
<h4>Icons</h4>
<ul class="icons">
<li><a href = "#" class = "icon brands fa-twitter"><span class = "label"> Twitter </span></a></li>
<li><a href="#" class="icon brands fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
<h4>Actions</h4>
<ul class="actions">
<li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
<ul class="actions stacked">
<li><a href="#" class="button primary">Default</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
</section>
<section>
<h3 class="major">Buttons</h3>
<ul class="actions">
<li><a href="#" class="button primary">Primary</a></li>
<li><a href="#" class="button">Default</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button">Default</a></li>
<li><a href="#" class="button small">Small</a></li>
</ul>
<ul class="actions">
<li><a href="#" class="button primary icon solid fa-download">Icon</a></li>
<li><a href="#" class="button icon solid fa-download">Icon</a></li>
</ul>
<ul class="actions">
<li><span class="button primary disabled">Disabled</span></li>
<li><span class="button disabled">Disabled</span></li>
</ul>
</section>
<section>
<h3 class="major">Form</h3>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="demo-name">Name</label>
<input type="text" name="demo-name" id="demo-name" value="" placeholder = "Jane Doe" />
</div>
<div class="field half">
<label for="demo-email">Email</label>
<input type="email" name="demo-email" id="demo-email" value="" placeholder = "jane@untitled.tld" />
</div>
<div class="field half">
<input type="radio" id="demo-priority-low" name="demo-priority" checked>
<label for="demo-priority-low">Low</label>
</div>
<div class="field half">
<input type="radio" id="demo-priority-high" name="demo-priority">
<label for="demo-priority-high">High</label>
</div>
<div class="field half">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Email me a copy</label>
</div>
<div class="field half">
<input type="checkbox" id="demo-human" name="demo-human" checked>
<label for="demo-human">Not a robot</label>
</div>
<div class="field">
<label for="demo-message">Message</label>
<textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</form>
</section>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright">©Sarkahnsvault.com <2022>. Design: <a href="https://html5up.net">HTML5 UP</a>. Images: <a href = "https://pixabay.com/"> Pixabay</a>. </p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>