API tools faq
paste
glenthemes

About Page [01]: Vengeance (ver. 2)

glenthemes
Nov 16th, 2016 (edited)
3,374
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.32 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. About Page [01]: Vengeance [Emily version]
  3. Made by glenthemes
  4.  
  5. Initial release: 2016/11/17
  6. Last updated: 2022/09/14
  7.  
  8. TERMS OF USE:
  9. 1) Do not remove the page credit.
  10. 2) Do not repost/redistribute my themes.
  11. 3) Do not take parts of the code and use it as your own.
  12. 4) Do not use my themes as a base code.
  13. 5) Do not mix my themes together.
  14.  
  15. Customization pointers:
  16. 🌊🌊🌊🌊🌊🌊🌊 = places to edit
  17. 🐟🐟🐟🐟🐟🐟🐟 = start of a section || start copy
  18. 🛑🛑🛑🛑🛑🛑🛑 = end of a section || end copy
  19. ------------------------------------------------------------------------>
  20.  
  21. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  22. <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23.  
  24. <head>
  25.  
  26. <title>{Title}</title>
  27.  
  28. <link rel="shortcut icon" href="{Favicon}">
  29.  
  30. <!--------------------JAVASCRIPTS-------------------->
  31. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  32. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  33. <script>
  34. (function($){
  35. $(document).ready(function(){
  36. $("a[title]").style_my_tooltips({
  37. tip_follows_cursor:true,
  38. tip_delay_time:50,
  39. tip_fade_speed:0,
  40. attribute:"title"
  41. });
  42. });
  43. })(jQuery);
  44. </script>
  45.  
  46. <link href="//fonts.googleapis.com/css?family=Open+Sans|Philosopher|Work+Sans|Quicksand:500|open sans|Questrial" rel="stylesheet">
  47.  
  48. <script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
  49.  
  50. <script src="//static.tumblr.com/2pnwama/lnLppjutr/gletanica.js"></script>
  51.  
  52. <!-------------------------------------------------------------------->
  53.  
  54. <style type="text/css">
  55.  
  56. @font-face { font-family: "van helsing"; src: url('//glen-assets.github.io/fonts/Van Helsing.ttf'); }
  57.  
  58. /*--------------------TOOLTIPS--------------------*/
  59. #s-m-t-tooltip {
  60. padding:5px 10px;
  61. margin:20px;
  62. background-color:var(--Tooltips-BG);
  63. border-radius:2px;
  64. font-family:work sans;
  65. font-size:9px;
  66. letter-spacing:0.5px;
  67. text-transform:uppercase;
  68. color:var(--Tooltips-Text);
  69. z-index:99;
  70. max-width:40vw;
  71. }
  72.  
  73. /*--------------------TUMBLR CONTROLS--------------------*/
  74. iframe#tumblr_controls, .iframe-controls--desktop {
  75. top:5px!important;
  76. right:5px!important;
  77. position:fixed!important;
  78.  
  79. transform:scale(0.7,0.7);
  80. -webkit-transform:scale(0.7,0.7);
  81. -moz-transform:scale(0.7,0.7);
  82. -o-transform:scale(0.7,0.7);
  83. -ms-transform:scale(0.7,0.7);
  84.  
  85. transform-origin:100% 0;
  86. -webkit-transform-origin:100% 0;
  87. -moz-transform-origin:100% 0;
  88. -o-transform-origin:100% 0;
  89. -ms-transform-origin:100% 0;
  90. z-index:999999!important;
  91. }
  92.  
  93. /*--------------------SCROLLBAR--------------------*/
  94. ::-webkit-scrollbar {
  95. width:17px;
  96. height:17px;
  97. }
  98.  
  99. ::-webkit-scrollbar-thumb {
  100. border:8px solid rgba(0,0,0,0);
  101. background-clip:padding-box;
  102. background-color:var(--Scrollbar-Thumb);
  103. }
  104.  
  105. /*--------------------TEXT HIGHLIGHT--------------------*/
  106. ::selection {
  107. color:var(--Main-Textbox-Background);
  108. background:var(--Main-Textbox-Text);
  109. }
  110.  
  111. ::-moz-selection {
  112. color:var(--Main-Textbox-Background);
  113. background:var(--Main-Textbox-Text);
  114. }
  115.  
  116. /*---------------CUSTOMIZATION OPTIONS---------------*/
  117. /*--🌊🌊🌊🌊🌊🌊🌊--*/
  118.  
  119. :root {
  120. --Background:#000;
  121.  
  122. --Sidebar-Image-Width:250px;
  123. --Sidebar-Image-Bottom-Gap:6px;
  124.  
  125. --Sidebar-Links-Circle-Size:13px;
  126. --Sidebar-Links-Circle:#604a58;
  127. --Sidebar-Links-Circle-Hover:#7d6072;
  128. --Sidebar-Links-Spacing:8px;
  129. --Sidebar-Links-Right-Gap:8px;
  130.  
  131. --Sidebar-Desc-Width:250px;
  132. --Sidebar-Desc-MaxHeight:69px;
  133. --Sidebar-Desc-Padding:12px;
  134. --Sidebar-Desc-Background:0,0,0;
  135. --Sidebar-Desc-Opacity:0.55;
  136. --Sidebar-Desc-Text:#b89da6;
  137. --Sidebar-Desc-Font-Size:11px;
  138. --Sidebar-Desc-Text-Line-Height:1.7em;
  139. --Sidebar-Desc-Text-Links:#a96672; /* if any */
  140. --Sidebar-Desc-Text-Links-Border:#292929;
  141.  
  142. --Sidebar-Right-Gap:25px;
  143.  
  144. --About-Title:#b89da6;
  145. --About-Title-Font-Size:25px;
  146. --About-Title-Bottom-Gap:-10px;
  147. --Main-Textbox-Width:600px;
  148. --Main-Textbox-Padding:22px;
  149. --Main-Textbox-Background:0,0,0;
  150. --Main-Textbox-Opacity:0.55;
  151. --Main-Textbox-Height:400px;
  152. --Main-Textbox-Text:#b89da6;
  153. --Main-Textbox-Font-Size:11px;
  154. --Main-Textbox-Links:#a96672; /* if any */
  155. --Main-Textbox-Line-Height:1.8em;
  156. --Blockquote-Border:#70565f;
  157. --Blockquote-Margin:14px;
  158. --Label-Highlight-Background:#181818;
  159. --Label-Highlight-Text:#b89da6;
  160.  
  161. --Custom-Links-Top-Gap:10px;
  162. --Custom-Links-Image-Size:54px;
  163. --Custom-Links-Image-Padding:6px;
  164. --Custom-Links-Border:#292929;
  165. --Custom-Links-Spacing:12px;
  166.  
  167. --Scrollbar-Thumb:#70565f;
  168.  
  169. --Music-Player-Background:#000;
  170. --Music-Player-Border:#292929;
  171. --Music-Player-Text:#b89da6;
  172.  
  173. --Tooltips-BG:#000;
  174. --Tooltips-Text:#b89da6;
  175. --Credit-Color:#8d6673;
  176. }
  177.  
  178. body {
  179. /*------ BACKGROUND IMAGE ------*/
  180. /*--🌊🌊🌊🌊🌊🌊🌊--*/
  181.  
  182. background:var(--Background) url('//78.media.tumblr.com/ce7c9af5b6e2db7857bfa145d6542d64/tumblr_p354xhSEQr1qg2f5co4_r1_1280.png');
  183. background-attachment:fixed;
  184.  
  185. /* full background image settings: */
  186. /* if you want a tiled/patterned bg, remove the following lines */
  187. background-repeat:no-repeat;
  188. background-size:cover;
  189. background-position:center;
  190. }
  191.  
  192. body {
  193. cursor:normal;
  194. font-family:open sans;
  195. line-height:1.6em;
  196. font-size:12px;
  197. text-align:left;
  198. }
  199.  
  200. a {
  201. text-decoration:none;
  202. -webkit-transition: all 0.4s ease-in-out;
  203. -moz-transition: all 0.4s ease-in-out;
  204. -o-transition: all 0.4s ease-in-out;
  205. }
  206.  
  207. pre, code {white-space:pre-wrap;}
  208. pre {display:block;}
  209.  
  210. img {vertical-align:middle;}
  211.  
  212. /*-------------- CONTAINER --------------*/
  213. #horizontal-a {
  214. position:fixed;
  215. top:0;left:0;right:0;
  216. margin:0 auto;
  217. height:100vh;
  218. text-align:center;
  219. }
  220.  
  221. #horizontal-b {
  222. display:inline-block;
  223. }
  224.  
  225. #vertical-a {
  226. height:100vh;
  227. display:table;
  228. }
  229.  
  230. #vertical-b {
  231. display:table-cell;
  232. vertical-align:middle;
  233. }
  234.  
  235. .felix {
  236. display:flex;
  237. }
  238.  
  239. .felix.main {
  240. margin-top:calc(var(--Custom-Links-Image-Size) + (var(--Custom-Links-Image-Padding) * 2));
  241. }
  242.  
  243. /*-------------- SIDEBAR --------------*/
  244. .sidebar {
  245. margin-right:var(--Sidebar-Right-Gap);
  246. margin-bottom:calc(var(--Custom-Links-Top-Gap) + var(--Custom-Links-Image-Size) + (var(--Custom-Links-Image-Padding) * 2) + 2px);
  247. align-self:flex-end;
  248. }
  249.  
  250. .sb-image {
  251. margin-bottom:var(--Sidebar-Image-Bottom-Gap);
  252. width:var(--Sidebar-Image-Width);
  253. }
  254.  
  255. .sb-links {
  256. margin-left:calc((var(--Sidebar-Links-Circle-Size) + var(--Sidebar-Links-Right-Gap)) * -1);
  257. margin-right:var(--Sidebar-Links-Right-Gap);
  258. }
  259.  
  260. .sb-links a {
  261. display:block;
  262. margin-bottom:var(--Sidebar-Links-Spacing);
  263. width:var(--Sidebar-Links-Circle-Size);
  264. height:var(--Sidebar-Links-Circle-Size);
  265. background:var(--Sidebar-Links-Circle);
  266. border-radius:100%;
  267. }
  268.  
  269. .sb-links a:last-of-type {margin-bottom:0;}
  270.  
  271. .sb-links a:hover {
  272. background:var(--Sidebar-Links-Circle-Hover);
  273. }
  274.  
  275. .sb-desc {
  276. margin:auto;
  277. width:var(--Sidebar-Desc-Width);
  278. padding:var(--Sidebar-Desc-Padding) calc(var(--Sidebar-Desc-Padding) * 1.2);
  279. background:rgba(var(--Sidebar-Desc-Background), var(--Sidebar-Desc-Opacity));
  280. font-family:open sans;
  281. font-size:var(--Sidebar-Desc-Font-Size);
  282. color:var(--Sidebar-Desc-Text);
  283. line-height:var(--Sidebar-Desc-Text-Line-Height);
  284. text-align:left;
  285. }
  286.  
  287. .charsiu {
  288. padding-right:5px;
  289. max-height:calc(var(--Main-Textbox-Height) - (var(--Main-Textbox-Padding) * 2));
  290. max-height:var(--Sidebar-Desc-MaxHeight);
  291. overflow-y:auto;
  292. }
  293.  
  294. .sb-desc a {
  295. color:var(--Sidebar-Desc-Text-Links);
  296. padding-bottom:1px;
  297. border-bottom:1px solid var(--Sidebar-Desc-Text-Links-Border);
  298. }
  299.  
  300. .sb-desc p:-last-of-type {margin-bottom:0;}
  301.  
  302. /*------------- MAIN BIO CONTAINER -------------*/
  303.  
  304. .biocont {
  305. align-self:flex-end;
  306. width:var(--Main-Textbox-Width);
  307. text-align:left;
  308. }
  309.  
  310. .biotit {
  311. margin-left:calc(var(--Main-Textbox-Padding) - 1px);
  312. margin-bottom:var(--About-Title-Bottom-Gap);
  313. font-family:van helsing;
  314. font-size:var(--About-Title-Font-Size);
  315. letter-spacing:3px;
  316. color:var(--About-Title);
  317. line-height:1em;
  318. }
  319.  
  320. .main-textbox {
  321. width:calc(100% - (var(--Main-Textbox-Padding) * 2));
  322. padding:var(--Main-Textbox-Padding);
  323. background:rgba(var(--Main-Textbox-Background), var(--Main-Textbox-Opacity));
  324. font-family:open sans;
  325. font-size:var(--Main-Textbox-Font-Size);
  326. color:var(--Main-Textbox-Text);
  327. line-height:var(--Main-Textbox-Line-Height);
  328. text-align:justify;
  329. }
  330.  
  331. .hargao {
  332. padding-right:12px;
  333. height:calc(var(--Main-Textbox-Height) - (var(--Main-Textbox-Padding) * 2));
  334. overflow-y:auto;
  335. }
  336.  
  337. .main-textbox a {
  338. color:var(--Main-Textbox-Links);
  339. padding-bottom:1px;
  340. border-bottom:1px solid var(--Main-Textbox-Links-Border);
  341. }
  342.  
  343. .main-textbox blockquote {
  344. margin:calc(var(--Blockquote-Margin) * 0.8) var(--Blockquote-Margin);
  345. padding-left:var(--Blockquote-Margin);
  346. border-left:1px solid var(--Blockquote-Border);
  347. }
  348.  
  349. .main-textbox label {
  350. margin-right:2px;
  351. padding:4px 6px;
  352. background:var(--Label-Highlight-Background);
  353. font-size:calc(var(--Main-Textbox-Font-Size) - 1px);
  354. font-family:questrial;
  355. text-transform:uppercase;
  356. letter-spacing:1px;
  357. color:var(--Label-Highlight-Text);
  358. }
  359.  
  360. .main-textbox p:last-of-type {margin-bottom:0;}
  361.  
  362. /*-------------- CUSTOM LINKS --------------*/
  363. .botlinks {
  364. margin-top:var(--Custom-Links-Top-Gap);
  365. margin-left:var(--Main-Textbox-Padding);
  366. }
  367.  
  368. .botlinks a {
  369. display:block;
  370. margin-right:var(--Custom-Links-Spacing);
  371. }
  372.  
  373. .bot-links a:last-child {margin-right:0;}
  374.  
  375. .botlinks img {
  376. width:var(--Custom-Links-Image-Size);
  377. height:var(--Custom-Links-Image-Size);
  378. padding:var(--Custom-Links-Image-Padding);
  379. border-radius:100%;
  380. border:1px solid var(--Custom-Links-Border);
  381. }
  382.  
  383. .botlinks a:hover img {
  384. transform:scale(1.2,1.2);
  385. }
  386.  
  387. .botlinks img, .botlinks img:hover {
  388. -webkit-transition: all 0.4s ease-in-out;
  389. -moz-transition: all 0.4s ease-in-out;
  390. -o-transition: all 0.4s ease-in-out;
  391. }
  392.  
  393. /*-------------- MUSIC PLAYER --------------*/
  394. /* music player skin by vitanica */
  395. #musicplayer {
  396. position:fixed;
  397. z-index:99;
  398. top:0;margin-top:26px;
  399. left:0;margin-left:26px;
  400. display:flex;
  401. -webkit-transition:all .7s ease;
  402. -moz-transition:all .7s ease;
  403. -o-transition:all .7s ease;
  404. transition:all .7s ease;
  405. }
  406.  
  407. #musicplayer > *, .play > * {align-self:center;-webkit-align-self:center}
  408.  
  409. .roundthing {
  410. width:31px;
  411. height:31px;
  412. border-radius:100%;
  413. background:var(--Music-Player-Background); /* icon background */
  414. border:3px double var(--Music-Player-Border);
  415. }
  416.  
  417. .roundthing img {
  418. margin:8px;
  419. width:15px;
  420. }
  421.  
  422. .midline {
  423. width:0px;
  424. height:3px;
  425. background:var(--Music-Player-Border);
  426. -webkit-transition:all .4s ease;
  427. -moz-transition:all .4s ease;
  428. -o-transition:all .4s ease;
  429. transition-delay: .9s;
  430. -webkit-transition-delay: .9s;
  431. }
  432.  
  433. #musicplayer:hover .midline {
  434. width:20px;
  435. transition-delay:0s;
  436. -webkit-transition-delay:0s;
  437. }
  438.  
  439. .play {
  440. display:flex;
  441. height:31px;
  442. text-align: left;
  443. padding:0px 8px;
  444. background: var(--Music-Player-Background); /* player background */
  445. border-left: 3px solid var(--Music-Player-Border); /* player border */
  446. color:var(--Music-Player-Text);
  447. opacity: 0;
  448. -webkit-transition: all .4s ease;
  449. -moz-transition: all .4s ease;
  450. -o-transition: all .4s ease;
  451. transition-delay: .4s;
  452. -webkit-transition-delay: .4s;
  453. }
  454.  
  455. .music-controls, .music-controls > * {
  456. user-select:none;
  457. -webkit-user-select:none;
  458. width:11px;
  459. font-size:11px;
  460. cursor:pointer;
  461. }
  462.  
  463. .pausee {display:none;}
  464.  
  465. .playtext {
  466. margin-left:8px;
  467. font-family:courier new;
  468. font-size:9px;
  469. }
  470.  
  471. #musicplayer:hover .play {
  472. opacity:1;
  473. transition-delay: .6s;
  474. -webkit-transition-delay: .6s;
  475. }
  476.  
  477. .glenjamin {
  478. position:fixed;
  479. bottom:0;padding-bottom:21px;
  480. right:0;padding-right:21px;
  481. }
  482.  
  483. .glenjamin svg {
  484. width:13px;
  485. height:13px;
  486. color:var(--Credit-Color);
  487. }
  488.  
  489. </style>
  490.  
  491. </head>
  492.  
  493. <body>
  494.  
  495. <div id="musicplayer">
  496. <div class="roundthing">
  497. <!--more music player gifs here:-->
  498. <!--stewlate.tumblr.com/post/28218185078/music-player-gifs-->
  499. <img src="//68.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"></div>
  500. <div class="midline"></div>
  501. <div class="play">
  502. <div class="music-controls">
  503. <div class="playy">►</div>
  504. <div class="pausee">❚❚</div>
  505. </div>
  506.  
  507.  
  508. <!-------- MUSIC PLAYER TITLE -------->
  509. <!--🌊🌊🌊🌊🌊🌊🌊-->
  510.  
  511. <div class="playtext">Emily Kaldwin Theme</div>
  512.  
  513.  
  514.  
  515. </div><!--play--><!--do not delete this line-->
  516.  
  517.  
  518.  
  519. <!-------- MUSIC URL -------->
  520. <!--
  521. to obtain a working audio, link, please read:
  522. //glenthemes.tumblr.com/post/164215965424
  523.  
  524. put the url between the quotation marks of src=""
  525. -->
  526. <!--🌊🌊🌊🌊🌊🌊🌊-->
  527.  
  528. <audio id="tune" src="https://rhizo.gitlab.io/m/Emily_Kaldwin_Theme.mp3" type="audio"></audio>
  529. </div><!--musicplayer-->
  530.  
  531.  
  532.  
  533. <div id="horizontal-a">
  534. <div id="horizontal-b">
  535. <div id="vertical-a">
  536. <div id="vertical-b">
  537. <div class="felix main">
  538. <div class="sidebar">
  539.  
  540.  
  541. <!-------- SIDEBAR IMAGE -------->
  542. <!--🌊🌊🌊🌊🌊🌊🌊-->
  543. <!-- image url goes between quotation marks of src="" -->
  544.  
  545. <img class="sb-image" src="//78.media.tumblr.com/5f5434472646d1848397a70bc53ee7cd/tumblr_p354xhSEQr1qg2f5co1_1280.png">
  546.  
  547.  
  548. <div class="felix">
  549. <div class="sb-links">
  550.  
  551. <!-------- SIDEBAR LINKS / NAVLINKS -------->
  552. <!-- url goes between quotation marks of href="" -->
  553. <!-- title="" is your hover text -->
  554. <!--🌊🌊🌊🌊🌊🌊🌊-->
  555.  
  556. <a href="/" title="home"></a>
  557. <a href="/ask" title="message"></a>
  558. <a href="/archive" title="archive"></a>
  559.  
  560. </div><!--sb-links--><!--do not delete this line-->
  561.  
  562.  
  563. <div class="sb-desc">
  564. <div class="charsiu">
  565.  
  566. <!-------- SIDEBAR DESCRIPTION TEXT -------->
  567. <!--🌊🌊🌊🌊🌊🌊🌊-->
  568.  
  569. Sidebar desc text goes here
  570. <br>
  571. <a href="//google.com">example link</a>
  572.  
  573.  
  574. </div><!--charsiu-->
  575. </div><!--sb-desc-->
  576. </div><!--felix-->
  577. </div><!--sidebar-->
  578.  
  579.  
  580.  
  581.  
  582.  
  583.  
  584.  
  585.  
  586.  
  587. <div class="biocont">
  588.  
  589. <!-------- MAIN TITLE -------->
  590. <!--🌊🌊🌊🌊🌊🌊🌊-->
  591. <div class="biotit">your title here</div>
  592.  
  593.  
  594.  
  595. <div class="main-textbox">
  596. <div class="hargao">
  597.  
  598. <!-------- MAIN TEXT -------->
  599. <!--🌊🌊🌊🌊🌊🌊🌊-->
  600.  
  601. <!-- START ONE STAT LINE -->
  602. <!--🐟🐟🐟🐟🐟🐟🐟-->
  603. <blockquote>
  604. <label>stat name:</label> stat detail
  605. </blockquote>
  606. <!--🛑🛑🛑🛑🛑🛑🛑-->
  607. <!-- END ONE STAT LINE -->
  608.  
  609. <blockquote>
  610. <label>stat name:</label> stat detail
  611. </blockquote>
  612.  
  613. <blockquote>
  614. <label>stat name:</label> stat detail
  615. </blockquote>
  616.  
  617. <blockquote>
  618. <label>stat name:</label> stat detail
  619. </blockquote>
  620.  
  621. here's some text
  622. <p>
  623. to adjust the height of the container, go to :root
  624. </div><!--hargao-->
  625. </div><!--main-textbox-->
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633. <div class="botlinks felix">
  634.  
  635. <!-------- CUSTOM LINKS (BOTTOM) -------->
  636. <!--
  637. link url goes between quote marks of href=""
  638. hover text goes between quote marks of title=""
  639. image url goes between quote marks of src=""
  640. -->
  641. <!--🌊🌊🌊🌊🌊🌊🌊-->
  642.  
  643.  
  644.  
  645. <!-- START ONE LINK -->
  646. <!--🐟🐟🐟🐟🐟🐟🐟-->
  647.  
  648. <a href="URL HERE" title="LINK HOVER TEXT"><img src="//66.media.tumblr.com/bcfb7002d2966b0d801e3bf7eea74560/tumblr_ogrlljL7y11qg2f5co2_r1_250.png"></a>
  649.  
  650. <!--🛑🛑🛑🛑🛑🛑🛑-->
  651. <!-- END ONE LINK -->
  652.  
  653. <a href="URL HERE" title="LINK HOVER TEXT"><img src="//66.media.tumblr.com/53b51d2dc06b9a2add06423cbf589b60/tumblr_ogrlljL7y11qg2f5co1_r1_250.png"></a>
  654.  
  655.  
  656. <a href="URL HERE" title="LINK HOVER TEXT"><img src="//66.media.tumblr.com/bc995abcbd72576d7ad682601e5d263e/tumblr_ogrlljL7y11qg2f5co4_r1_250.png"></a>
  657.  
  658.  
  659. <a href="URL HERE" title="LINK HOVER TEXT"><img src="//66.media.tumblr.com/032b42e39276bc054a188b131c09307b/tumblr_ogrlljL7y11qg2f5co3_r1_250.png"></a>
  660.  
  661.  
  662. </div><!--botlinks--><!-- do not delete below this line-->
  663. </div><!--biocont-->
  664. </div><!--felix-->
  665. </div><!--vertical-b-->
  666. </div><!--vertical-a-->
  667. </div><!--horizontal-b-->
  668. </div><!--horizontal-a-->
  669.  
  670. <a class="glenjamin" href="//glenthemes.tumblr.com" title="page by glenthemes"><i data-feather="code"></i></a>
  671.  
  672. <script>feather.replace()</script>
  673.  
  674. </body>
  675. </html>
  676.  
  677.  
  678.  
  679.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!