jacktherph

Oblv WIP Page

Feb 18th, 2020
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.84 KB | None | 0 0
  1. <!-- SERIES INFO/ABOUT TAB ------------------------------------------------------->
  2.  
  3. <div id="tab1" class="tab active">
  4. <div class="tabcontent">
  5.  
  6. <!-- you can delete any of these sections if you don't want to include them on your about tab -->
  7.  
  8. <!-- synopsis -->
  9. <section><h1>SYNOPSIS</h1>
  10. SERIES SYNOPSIS HERE
  11. </section>
  12.  
  13. <!-- details - you can change these to whatever you want -->
  14. <h1>DETAILS</h1>
  15. <section class="details">
  16. <span><b>type:</b> fanfiction</span>
  17. <span><b>current:</b> <i>book 2</i></span>
  18. <span><b>started:</b> jun 2019</span>
  19. <span><b>status:</b> in progress</span>
  20. <span><b>wordcount:</b> 100k+</span>
  21. <span><b>pov:</b> 3rd, present</span>
  22. </section>
  23.  
  24. <!-- themes/tropes - add as many as you want! -->
  25. <section class="th">
  26.  
  27. <h1>THEMES & TROPES</h1>
  28. <button class="theme">destiny</button>
  29. <button class="theme">good vs. evil</button>
  30. <button class="theme">love</button>
  31. <button class="theme">found family</button>
  32. <button class="theme">self-acceptance</button>
  33. <button class="theme">finding identity</button>
  34. <button class="theme">change vs. tradition</button>
  35. </section>
  36.  
  37. <section class="abt-quote"><i class="fas fa-quote-left" style="margin-right:3px;"></i>
  38.  
  39. <!-- quote -->
  40. SERIES QUOTE HERE
  41.  
  42. <i class="fas fa-quote-right" style="margin-left:3px;"></i>
  43.  
  44. <!-- quote source -->
  45. <span> &mdash; SOURCE</span>
  46. </section>
  47.  
  48. </div></div><!--end tab1-->
  49.  
  50. <!-- SERIES WORKS ----------------------------------------------------------------->
  51.  
  52. <div id="tab2" class="tab">
  53. <div class="tabcontent">
  54. <div class="info">
  55.  
  56. <!-- excerpt - use <p> to create paragraphs -->
  57.  
  58. <h1>Bound by Destiny, Nadya’s Story</h1>
  59. <p>Nadya has been struggling from the day she moved to Manhattan, but her new job as assistant to the mysterious CEO of Raines Corp. was supposed to turn her luck around.But finding herself caught in the middle of a war between the Council of Vampires who secretly run the city has her doubtful. An evil from the birth of Vampire-kind stirs beneath, feeding on the conflict, and finds Nadya bound in the middle of a fate she never asked for.
  60. <h2><a href="/tagged/oblv%3A-bound-by-destiny"><i>Bound by Destiny</i> tag</a></h2>
  61.  
  62. <hr>
  63.  
  64. <h1>Bound by Circumstance, Taylor’s Story</h1>
  65. <p>Taylor has made it good for himself in New Orleans; turns out moving to a new city fresh out of college to reinvent yourself isn’t as hard as people make it out to be. Things only start to get confusing when he finds himself the target of a malevolent wraith. Good thing someone’s looking out for him though — because without Nighthunter Nik Ryder as his bodyguard he definitely won’t survive long in the twisting darkness of the supernatural underworld.
  66. <h2><a href="/tagged/oblv%3A-bound-by-circumstance"><i>Bound by Circumstance</i> tag</a></h2>
  67.  
  68. <hr>
  69.  
  70. <h1>Bound by Choice, Cadence’s Story</h1>
  71. <p>Though they grieve their lost lover, vampires Valdas and Isseya serve Gaius Augustine in his quest to reclaim his Vampire Kingdom. In the heart of New Orleans, Cadence is a young vampire struggling to recover his lost memories. They find themselves entwined in a much larger story and in the presence of greater destinies — but what was forged in love can never be destroyed.
  72. <h2><a href="/tagged/oblv%3A-bound-by-choice"><i>Bound by Choice</i> tag</a></h2>
  73.  
  74. </div>
  75. </div></div><!--end tab2-->
  76.  
  77. <!-- SERIES LINKS ---------------------------------------------------------------->
  78.  
  79. <div id="tab3" class="tab">
  80. <div class="tabcontent">
  81.  
  82. <!-- links - add or remove however many links or sections you want! -->
  83.  
  84. <h1><i class="fas fa-edit"></i> GENERAL</h1>
  85. <section class="linkbox">
  86. <a href="/tagged/wip%3A-oblivion-bound">series tag</a>
  87. <a href="/post/186383224054/below-is-the-current-tag-list-for-oblivion-bound">join the tag list</a>
  88. <a href="/tagged/oblv%3A-new-chapter">chapter updates</a>
  89. <a href="https://archiveofourown.org/series/1439803">read it on <b>AO3</b></a>
  90. </section>
  91.  
  92. <h1><i class="fas fa-user-tag"></i> CHARACTERS</h1>
  93. <section class="linkbox">
  94. <a href="/tagged/c%3A-nadya-al-jamil">Nadya Al Jamil</a>
  95. <a href="/tagged/c%3A-taylor-hunter">Taylor Hunter</a>
  96. <a href="/tagged/c%3A-cadence-smith">Cadence Smith</a>
  97. <a href="/tagged/c%3A-valdas">Valdas</a>
  98. <a href="/tagged/c%3A-isseya">Isseya</a>
  99. <a href="/tagged/c%3A-cynbel">Cynbel</a>
  100. </section>
  101.  
  102. <h1><i class="fas fa-link"></i> MISC.</h1>
  103. <section class="linkbox">
  104. <a href="/tagged/oblv%3A-character-intros">character intros</a>
  105. <a href="/tagged/oblv%3A-worldbuilding">worldbuilding</a>
  106. <a href="/tagged/oblv%3A-playlists">playlists</a>
  107. <a href="/tagged/oblv%3A-excerpts">excerpts</a>
  108. <a href="/tagged/oblv%3A-quotes">quotes</a>
  109. <a href="/tagged/oblv%3A-prompts">prompt fills</a>
  110. <a href="/tagged/oblv%3A-incorrectquotes">'incorrect' quotes</a>
  111. </section>
  112.  
  113. </div>
  114. </div><!--end tab3-->
  115.  
  116. <!-- DESTINY I ABOUT -------------------------------------------------------------->
  117.  
  118. <div id="tab4" class="tab">
  119. <div class="tabcontent">
  120.  
  121. <!-- you can delete any of these sections if you don't want to include them on your about tab -->
  122.  
  123. <!-- synopsis -->
  124. <section><h1>SYNOPSIS</h1>
  125. SYNOPSIS HERE
  126. </section>
  127.  
  128. <!-- details - you can change these to whatever you want -->
  129. <h1>DETAILS</h1>
  130. <section class="details">
  131. <span><b>type:</b> fanfiction</span>
  132. <span><b>current:</b> <i>book 2</i></span>
  133. <span><b>started:</b> jun 2019</span>
  134. <span><b>status:</b> in progress</span>
  135. <span><b>wordcount:</b> 100k+</span>
  136. <span><b>pov:</b> 3rd, present</span>
  137. </section>
  138.  
  139. <!-- themes/tropes - add as many as you want! -->
  140. <section class="th">
  141.  
  142. <h1>THEMES & TROPES</h1>
  143. <button class="theme">destiny</button>
  144. <button class="theme">good vs. evil</button>
  145. <button class="theme">love</button>
  146. <button class="theme">found family</button>
  147. <button class="theme">self-acceptance</button>
  148. <button class="theme">finding identity</button>
  149. <button class="theme">change vs. tradition</button>
  150. </section>
  151.  
  152. <section class="abt-quote"><i class="fas fa-quote-left" style="margin-right:3px;"></i>
  153.  
  154. <!-- quote -->
  155. QUOTE
  156.  
  157. <i class="fas fa-quote-right" style="margin-left:3px;"></i>
  158.  
  159. <!-- quote source -->
  160. <span> &mdash; SOURCE</span>
  161. </section>
  162.  
  163. </div></div><!--end tab4-->
  164.  
  165. <!-- DESTINY I CHARACTERS -------------------------------------------------------------->
  166.  
  167. <div id="tab5" class="tab">
  168. <div class="tabcontentchara">
  169.  
  170. <!-- to add more characters, copy one whole character section (ie. from the "character one" line through the "end character one" line), paste it after character two, and update with new info -->
  171.  
  172. <!-- character 1 -->
  173. <div class="char">
  174. <div class="char-image"> <!-- character image url -->
  175. <img src="https://i.imgur.com/xUTnHYl.png" />
  176. </div>
  177.  
  178. <div class="bio"><!-- character name - can be linked to char tag -->
  179. <h1><a href="/tagged/c%3A-nadya-al-jamil">Nadya Al Jamil</a></h1>
  180.  
  181. <!-- character bio - this box scrolls -->
  182. When she discovers the man she’s working for is a vampire, Nadya’s life turns upside down. She becomes involved in a plot that threatens to destroy New York’s tenuous peace. The protagonist of <i>Bound by Destiny</i>.
  183. </div>
  184. </div><!-- end character 1 -->
  185.  
  186. <!-- character 2 -->
  187. <div class="char">
  188. <div class="char-image">
  189. <img src="https://i.imgur.com/GqqO4rC.png" />
  190. </div>
  191.  
  192. <div class="bio">
  193. <h1><a href="/tagged/c%3A-adrian-raines">Adrian Raines</a></h1>
  194.  
  195. As one of the six members of the Vampire Council of New York there is a lot on Adrian’s shoulders. The sins of his past may be coming back to haunt his present.
  196. </div>
  197. </div><!-- end character 2 -->
  198.  
  199. <!-- character 3 -->
  200. <div class="char">
  201. <div class="char-image">
  202. <img src="https://i.imgur.com/MFfnDJ4.png" />
  203. </div>
  204.  
  205. <div class="bio">
  206. <h1><a href="/tagged/c%3A-kamilah-sayeed">Kamilah Sayeed</a></h1>
  207.  
  208. For 2000 years Kamilah has watched the world rise and fall and rise again. If anyone knows peace never lasts it’s the vampire queen — but that doesn’t mean she won’t fight for it.
  209. </div>
  210. </div><!-- end character 3 -->
  211.  
  212. <!-- character 4 -->
  213. <div class="char">
  214. <div class="char-image">
  215. <img src="https://i.imgur.com/4qFiOfS.png" />
  216. </div>
  217.  
  218. <div class="bio">
  219. <h1><a href="/tagged/c%3A-lily-spencer">Lily Spencer</a></h1>
  220.  
  221. While Lily is content to be the sidekick to Nadya’s hero, fate has other plans in store. Finding her identity as a vampire gives Lily more challenges than she expected.
  222. </div>
  223. </div><!-- end character 4 -->
  224.  
  225. <!-- character 5 -->
  226. <div class="char">
  227. <div class="char-image">
  228. <img src="https://i.imgur.com/SROJKnC.png" />
  229. </div>
  230.  
  231. <div class="bio">
  232. <h1><a href="/tagged/c%3A-jax-matsuo">Jax Matsuo</a></h1>
  233.  
  234. He’s spent decades hiding under ground and becoming a savior for the unwanted of the vampire world. But now Jax must step up and step out, or watch his charges get caught in the crossfire.
  235. </div>
  236. </div><!-- end character 5 -->
  237.  
  238. <!-- character 6 -->
  239. <div class="char">
  240. <div class="char-image">
  241. <img src="https://i.imgur.com/VTgorSD.png" />
  242. </div>
  243.  
  244. <div class="bio">
  245. <h1><a href="/tagged/c%3A-maricruz-espinoza">Maricruz Espinoza</a></h1>
  246.  
  247. There’s only one thing Mari cares about more than the score; and that’s keeping the Clanless safe. She’s ready to tear down the Council with her bare hands.
  248. </div>
  249. </div><!-- end character 6 -->
  250.  
  251.  
  252. </div></div><!--end tab5-->
  253.  
  254. <!-- DESTINY I EXCERPT -------------------------------------------------------------->
  255.  
  256. <div id="tab6" class="tab">
  257. <div class="tabcontentchara">
  258. <div class="excerpt">
  259.  
  260. <!-- excerpt - use <p></p> around each paragraph. the first paragraph will automatically be an ~accent paragraph~ but if you don't want it then don't use <p> tags. just write your paragraphs as normal and put two <br/> tags after the end of each -->
  261.  
  262. <p>“Okay,” he nods resolutely, “then I’ll go. My name is Adrian Raines. I was born in 1753. I’ve been a vampire for over two hundred years.”</p>
  263. <p>It doesn’t make everything okay. Everything is very <i>not</i> okay. But hearing his confession doesn’t hurt. Actually, Nadya finds herself relaxing slightly. He’s brushing the lies aside.</p>
  264. <p>“I’m a member of what we call the Council; six vampires — leaders in our fields, I guess you could say — that make and enforce the rules of our kind here in New York. Each Council member leads a clan, and in that clan there are 29 vampires underneath us by law. That way we, ahem, we can keep the city in control.”</p>
  265. <p>Adrian adjusts his tie; fiddles with the knot before tugging it over his head in frustration. It falls on the floor at the foot of the bed. “It’s been this way for decades — New York under our thumb, I mean. It was necessary when America was expanding at a rate we almost couldn’t keep up with. And it’s been a good solution, until… recently.”</p>
  266. <p>His voice falls flat. Every new fact spins in Nadya’s head like a bad carnival ride; throwing up a dozen questions and a dozen more each time he opens his mouth. But since she can’t decide on one she just listens.</p>
  267. <p>“At the beginning of this year there were more reported Ferals wandering the city limits than the past decade as a whole.”</p>
  268. <p>“Ferals?” Nadya doesn’t recognize her own voice, how it pitches with fear. New York was full of feral things; feral cats, feral rats, feral pigeons probably. But <i>feral vampires</i> weren’t so easily brushed aside.</p>
  269. <p>“Yes, that’s what attacked you in the park.” Adrian answers her unspoken question. “Ferals are vampires without a Clan — without… well, here,” he rolls up his sleeve and the suddenness makes Nadya shy away; until she sees what must have once been an angry, violently red scar but now only existed in the thinnest silver skin — a brand of sorts she’d never noticed before, “this keeps my consciousness, everything that makes me me, to my body. It keeps me from going —”</p>
  270. <p>“Feral.”</p>
  271. <p>“Yes.”</p>
  272. <p>Like an out-of-body experience Nadya watches her hands take Adrian’s offered arm and cradle it gently. The scarred skin has puckered over time, only the barest ridges to outline it.</p>
  273. <p>His hands are as cold as they’ve ever been — but it feels as though she’s noticing it for the first time. There’s a pulse, faint possibly because she has no idea where to check for one, and in the quiet she can hear his breathing.</p>
  274. <p>She looks up with a sudden revelation. “That’s why you started driving me to and from work, isn’t it?”</p>
  275. <p>“Can you blame me for wanting to keep you safe?”</p>
  276. <p>“You can’t keep the whole city safe.”</p>
  277. <p>“No, but I’m trying my best.”</p>
  278.  
  279. </div>
  280. </div></div><!--end tab6-->
  281.  
  282. <!-- CIRCUMSTANCE ABOUT -------------------------------------------------------------->
  283.  
  284. <div id="tab7" class="tab">
  285. <div class="tabcontent">
  286.  
  287. <!-- you can delete any of these sections if you don't want to include them on your about tab -->
  288.  
  289. <!-- synopsis -->
  290. <section><h1>SYNOPSIS</h1>
  291. SYNOPSIS HERE
  292. </section>
  293.  
  294. <!-- details - you can change these to whatever you want -->
  295. <h1>DETAILS</h1>
  296. <section class="details">
  297. <span><b>type:</b> fanfiction</span>
  298. <span><b>current:</b> <i>book 2</i></span>
  299. <span><b>started:</b> jun 2019</span>
  300. <span><b>status:</b> in progress</span>
  301. <span><b>wordcount:</b> 100k+</span>
  302. <span><b>pov:</b> 3rd, present</span>
  303. </section>
  304.  
  305. <!-- themes/tropes - add as many as you want! -->
  306. <section class="th">
  307.  
  308. <h1>THEMES & TROPES</h1>
  309. <button class="theme">destiny</button>
  310. <button class="theme">good vs. evil</button>
  311. <button class="theme">love</button>
  312. <button class="theme">found family</button>
  313. <button class="theme">self-acceptance</button>
  314. <button class="theme">finding identity</button>
  315. <button class="theme">change vs. tradition</button>
  316. </section>
  317.  
  318. <section class="abt-quote"><i class="fas fa-quote-left" style="margin-right:3px;"></i>
  319.  
  320. <!-- quote -->
  321. QUOTE
  322.  
  323. <i class="fas fa-quote-right" style="margin-left:3px;"></i>
  324.  
  325. <!-- quote source -->
  326. <span> &mdash; SOURCE</span>
  327. </section>
  328.  
  329. </div></div><!--end tab7-->
  330.  
  331. <!-- CIRCUMSTANCE CHARACTERS -------------------------------------------------------------->
  332.  
  333. <div id="tab8" class="tab">
  334. <div class="tabcontentchara">
  335.  
  336. <!-- to add more characters, copy one whole character section (ie. from the "character one" line through the "end character one" line), paste it after character two, and update with new info -->
  337.  
  338. <!-- character 1 -->
  339. <div class="char">
  340. <div class="char-image">
  341. <img src="https://i.imgur.com/9IXOLC1.png" />
  342. </div>
  343.  
  344. <div class="bio">
  345. <h1><a href="/tagged/c%3A-taylor-hunter">Taylor Hunter</a></h1>
  346.  
  347. For someone who didn’t know New Orleans even had a supernatural underbelly, Taylor would say he’s handling it quite well. Until he learns he’s one of them. The protagonist of <i>Bound by Circumstance</i>.
  348. </div>
  349. </div><!-- end character 1 -->
  350.  
  351. <!-- character 2 -->
  352. <div class="char">
  353. <div class="char-image">
  354. <img src="https://i.imgur.com/V3oJMJy.png" />
  355. </div>
  356.  
  357. <div class="bio">
  358. <h1><a href="/tagged/c%3A-nik-ryder">Nik Ryder</a></h1>
  359.  
  360. He flits through life following work; being a Nighthunter was always his calling. But he’s starting to wonder if there’s more out there as he gets involved in his most dangerous job yet.
  361. </div>
  362. </div><!-- end character 2 -->
  363.  
  364. <!-- character 3 -->
  365. <div class="char">
  366. <div class="char-image">
  367. <img src="https://i.imgur.com/ksZyYSr.png" />
  368. </div>
  369.  
  370. <div class="bio">
  371. <h1><a href="/tagged/c%3A-katherine">Katherine</a></h1>
  372.  
  373. Katherine has spent her life becoming the perfect supernatural killing machine. She keeps her ghosts hidden and her eye on the target — until she can no longer ignore her past.
  374. </div>
  375. </div><!-- end character 3 -->
  376.  
  377. <!-- character 4 -->
  378. <div class="char">
  379. <div class="char-image">
  380. <img src="https://i.imgur.com/URb2iuZ.png" />
  381. </div>
  382.  
  383. <div class="bio">
  384. <h1><a href="/tagged/c%3A-cal-lowell">Cal Lowell</a></h1>
  385.  
  386. The Pack always comes first to a loyal wolf like Cal — he doesn’t really have a say in the matter. But on the journey he starts to consider the ‘Pack’ might be more a state of mind.
  387. </div>
  388. </div><!-- end character 4 -->
  389.  
  390. <!-- character 5 -->
  391. <div class="char">
  392. <div class="char-image">
  393. <img src="https://i.imgur.com/5JwpZ6g.png" />
  394. </div>
  395.  
  396. <div class="bio">
  397. <h1><a href="/tagged/c%3A-vera-reimonenq">Vera Reimonenq</a></h1>
  398.  
  399. She left New Orleans behind her years ago, and that’s where it was supposed to stay. But Vera’s demons circle close overhead… so close she could almost reach out and touch them.
  400. </div>
  401. </div><!-- end character 5 -->
  402.  
  403. <!-- character 6 -->
  404. <div class="char">
  405. <div class="char-image">
  406. <img src="https://imgur.com/isQpM8j.png" />
  407. </div>
  408.  
  409. <div class="bio">
  410. <h1><a href="/tagged/c%3A-cadence-smith">Cadence Smith</a></h1>
  411.  
  412. Cadence would say he’s balancing immortality and amnesia pretty well. Then he finally starts getting answers to the questions he’s been asking… and can’t help but miss blissful ignorance. The protagonist of <i>Bound by Choice</i>.
  413. </div>
  414. </div><!-- end character 6 -->
  415.  
  416. </div></div><!--end tab8-->
  417.  
  418. <!-- CIRCUMSTANCE EXCERPT -------------------------------------------------------------->
  419.  
  420. <div id="tab9" class="tab">
  421. <div class="tabcontentchara">
  422. <div class="excerpt">
  423.  
  424. <!-- excerpt - use <p></p> around each paragraph. the first paragraph will automatically be an ~accent paragraph~ but if you don't want it then don't use <p> tags. just write your paragraphs as normal and put two <br/> tags after the end of each -->
  425.  
  426. <p>HERE</p>
  427. <p>HERE</p>
  428. <p>HERE</p>
  429.  
  430. </div>
  431. </div></div><!--end tab9-->
  432.  
  433. <!-- CHOICE ABOUT -------------------------------------------------------------->
  434.  
  435. <div id="tab10" class="tab">
  436. <div class="tabcontent">
  437.  
  438. <!-- you can delete any of these sections if you don't want to include them on your about tab -->
  439.  
  440. <!-- synopsis -->
  441. <section><h1>SYNOPSIS</h1>
  442. SYNOPSIS HERE
  443. </section>
  444.  
  445. <!-- details - you can change these to whatever you want -->
  446. <h1>DETAILS</h1>
  447. <section class="details">
  448. <span><b>type:</b> fanfiction</span>
  449. <span><b>current:</b> <i>book 2</i></span>
  450. <span><b>started:</b> jun 2019</span>
  451. <span><b>status:</b> in progress</span>
  452. <span><b>wordcount:</b> 100k+</span>
  453. <span><b>pov:</b> 3rd, present</span>
  454. </section>
  455.  
  456. <!-- themes/tropes - add as many as you want! -->
  457. <section class="th">
  458.  
  459. <h1>THEMES & TROPES</h1>
  460. <button class="theme">destiny</button>
  461. <button class="theme">good vs. evil</button>
  462. <button class="theme">love</button>
  463. <button class="theme">found family</button>
  464. <button class="theme">self-acceptance</button>
  465. <button class="theme">finding identity</button>
  466. <button class="theme">change vs. tradition</button>
  467. </section>
  468.  
  469. <section class="abt-quote"><i class="fas fa-quote-left" style="margin-right:3px;"></i>
  470.  
  471. <!-- quote -->
  472. QUOTE
  473.  
  474. <i class="fas fa-quote-right" style="margin-left:3px;"></i>
  475.  
  476. <!-- quote source -->
  477. <span> &mdash; SOURCE</span>
  478. </section>
  479.  
  480. </div></div><!--end tab10-->
  481.  
  482. <!-- CHOICE CHARACTERS -------------------------------------------------------------->
  483.  
  484. <div id="tab11" class="tab">
  485. <div class="tabcontentchara">
  486.  
  487. <!-- to add more characters, copy one whole character section (ie. from the "character one" line through the "end character one" line), paste it after character two, and update with new info -->
  488.  
  489. <!-- character 1 -->
  490. <div class="char">
  491. <div class="char-image">
  492. <img src="https://i.imgur.com/umFoUMy.png" />
  493. </div>
  494.  
  495. <div class="bio">
  496. <h1><a href="/tagged/c%3A-valdas">Valdas</a></h1>
  497.  
  498. He brought them into this world and he’s the reason one of them left it. Valdas has been blaming himself for decades for the loss of a lover — and he plans on ensuring everyone knows how it feels.
  499. </div>
  500. </div><!-- end character 1 -->
  501.  
  502. <!-- character 2 -->
  503. <div class="char">
  504. <div class="char-image">
  505. <img src="https://i.imgur.com/wbTEDLi.png" />
  506. </div>
  507.  
  508. <div class="bio">
  509. <h1><a href="/tagged/c%3A-isseya">Isseya</a></h1>
  510.  
  511. Isseya knows she’s lucky to still have one of her two partners left — but just one isn’t enough. She’s greedy, always has been, and will take whatever she needs to fill that void inside.
  512. </div>
  513. </div><!-- end character 2 -->
  514.  
  515. <!-- character 3 -->
  516. <div class="char">
  517. <div class="char-image">
  518. <img src="https://imgur.com/nsFOKkZ.png" />
  519. </div>
  520.  
  521. <div class="bio">
  522. <h1><a href="/tagged/c%3A-cynbel">Cynbel</a></h1>
  523.  
  524. The first mortal to fall in love with the god Valdemaras and the first of his blood. His love of carnage became his downfall on the fields of France in WWI, and his lovers have mourned him since.
  525. </div>
  526. </div><!-- end character 3 -->
  527.  
  528. </div></div><!--end tab11-->
  529.  
  530. <!-- CHOICE EXCERPT -------------------------------------------------------------->
  531.  
  532. <div id="tab12" class="tab">
  533. <div class="tabcontentchara">
  534. <div class="excerpt">
  535.  
  536. <!-- excerpt - use <p></p> around each paragraph. the first paragraph will automatically be an ~accent paragraph~ but if you don't want it then don't use <p> tags. just write your paragraphs as normal and put two <br/> tags after the end of each -->
  537.  
  538. <p>HERE</p>
  539. <p>HERE</p>
  540. <p>HERE</p>
  541.  
  542. </div>
  543. </div></div><!--end tab12-->
  544.  
  545. <!-- DESTINY II ABOUT -------------------------------------------------------------->
  546.  
  547. <div id="tab13" class="tab">
  548. <div class="tabcontent">
  549.  
  550. <!-- you can delete any of these sections if you don't want to include them on your about tab -->
  551.  
  552. <!-- synopsis -->
  553. <section><h1>SYNOPSIS</h1>
  554. SYNOPSIS HERE
  555. </section>
  556.  
  557. <!-- details - you can change these to whatever you want -->
  558. <h1>DETAILS</h1>
  559. <section class="details">
  560. <span><b>type:</b> fanfiction</span>
  561. <span><b>current:</b> <i>book 2</i></span>
  562. <span><b>started:</b> jun 2019</span>
  563. <span><b>status:</b> in progress</span>
  564. <span><b>wordcount:</b> 100k+</span>
  565. <span><b>pov:</b> 3rd, present</span>
  566. </section>
  567.  
  568. <!-- themes/tropes - add as many as you want! -->
  569. <section class="th">
  570.  
  571. <h1>THEMES & TROPES</h1>
  572. <button class="theme">destiny</button>
  573. <button class="theme">good vs. evil</button>
  574. <button class="theme">love</button>
  575. <button class="theme">found family</button>
  576. <button class="theme">self-acceptance</button>
  577. <button class="theme">finding identity</button>
  578. <button class="theme">change vs. tradition</button>
  579. </section>
  580.  
  581. <section class="abt-quote"><i class="fas fa-quote-left" style="margin-right:3px;"></i>
  582.  
  583. <!-- quote -->
  584. QUOTE
  585.  
  586. <i class="fas fa-quote-right" style="margin-left:3px;"></i>
  587.  
  588. <!-- quote source -->
  589. <span> &mdash; SOURCE</span>
  590. </section>
  591.  
  592. </div></div><!--end tab13-->
  593.  
  594. <!-- DESTINY II CHARACTERS -------------------------------------------------------------->
  595.  
  596. <div id="tab14" class="tab">
  597. <div class="tabcontentchara">
  598.  
  599. <!-- to add more characters, copy one whole character section (ie. from the "character one" line through the "end character one" line), paste it after character two, and update with new info -->
  600.  
  601. <!-- character 1 -->
  602. <div class="char">
  603. <div class="char-image"> <!-- character image url -->
  604. <img src="https://i.imgur.com/xUTnHYl.png" />
  605. </div>
  606.  
  607. <div class="bio"><!-- character name - can be linked to char tag -->
  608. <h1><a href="/tagged/c%3A-nadya-al-jamil">Nadya Al Jamil</a></h1>
  609.  
  610. <!-- character bio - this box scrolls -->
  611. CHANGED II BIO
  612. </div>
  613. </div><!-- end character 1 -->
  614.  
  615. <!-- character 2 -->
  616. <div class="char">
  617. <div class="char-image">
  618. <img src="https://i.imgur.com/GqqO4rC.png" />
  619. </div>
  620.  
  621. <div class="bio">
  622. <h1><a href="/tagged/c%3A-adrian-raines">Adrian Raines</a></h1>
  623.  
  624. CHANGED II BIO
  625. </div>
  626. </div><!-- end character 2 -->
  627.  
  628. <!-- character 3 -->
  629. <div class="char">
  630. <div class="char-image">
  631. <img src="https://i.imgur.com/MFfnDJ4.png" />
  632. </div>
  633.  
  634. <div class="bio">
  635. <h1><a href="/tagged/c%3A-kamilah-sayeed">Kamilah Sayeed</a></h1>
  636.  
  637. CHANGED II BIO
  638. </div>
  639. </div><!-- end character 3 -->
  640.  
  641. <!-- character 4 -->
  642. <div class="char">
  643. <div class="char-image">
  644. <img src="https://i.imgur.com/4qFiOfS.png" />
  645. </div>
  646.  
  647. <div class="bio">
  648. <h1><a href="/tagged/c%3A-lily-spencer">Lily Spencer</a></h1>
  649.  
  650. CHANGED II BIO
  651. </div>
  652. </div><!-- end character 4 -->
  653.  
  654. <!-- character 5 -->
  655. <div class="char">
  656. <div class="char-image">
  657. <img src="https://i.imgur.com/SROJKnC.png" />
  658. </div>
  659.  
  660. <div class="bio">
  661. <h1><a href="/tagged/c%3A-jax-matsuo">Jax Matsuo</a></h1>
  662.  
  663. CHANGED II BIO
  664. </div>
  665. </div><!-- end character 5 -->
  666.  
  667. <!-- character 6 -->
  668. <div class="char">
  669. <div class="char-image">
  670. <img src="https://i.imgur.com/VTgorSD.png" />
  671. </div>
  672.  
  673. <div class="bio">
  674. <h1><a href="/tagged/c%3A-maricruz-espinoza">Maricruz Espinoza</a></h1>
  675.  
  676. CHANGED II BIO
  677. </div>
  678. </div><!-- end character 6 -->
  679.  
  680. </div></div><!--end tab14-->
  681.  
  682. <!-- DESTINY II EXCERPT -------------------------------------------------------------->
  683.  
  684. <div id="tab15" class="tab">
  685. <div class="tabcontentchara">
  686. <div class="excerpt">
  687.  
  688. <!-- excerpt - use <p></p> around each paragraph. the first paragraph will automatically be an ~accent paragraph~ but if you don't want it then don't use <p> tags. just write your paragraphs as normal and put two <br/> tags after the end of each -->
  689.  
  690. <p>HERE</p>
  691. <p>HERE</p>
  692. <p>HERE</p>
  693.  
  694. </div>
  695. </div></div><!--end tab15-->
Add Comment
Please, Sign In to add comment