Advertisement
octomoosey

orbital

Apr 15th, 2016
5,384
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.05 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. <meta name="color:background" content="#2e2e2e">
  13. <meta name="color:text" content="#a8a8a8">
  14. <meta name="color:title" content="#a8a8a8">
  15. <meta name="color:particles" content="#a8a8a8">
  16. <meta name="color:gradient1" content="#d444c1">
  17. <meta name="color:gradient2" content="#a8a8a8">
  18. <meta name="color:gradient3" content="#804fb8" />
  19. <meta name="color:borders" content="#a8a8a8">
  20. <meta name="color:description" content="#a8a8a8">
  21. <meta name="color:bold" content="#d444c1">
  22. <meta name="color:italic" content="#d444c1">
  23. <meta name="color:link" content="#dcdcdc">
  24. <meta name="color:link hover" content="#d444c1">
  25. <meta name="color:scrollbar" content="#d444c1" />
  26. <meta name="color:selectiontext" content="#ffffff" />
  27. <meta name="color:selectionbg" content="#8c8c8c" />
  28. <meta name="color:info" content="#8c8c8c" />
  29. <meta name="color:info hover" content="#ffffff" />
  30. <meta name="color:tags" content="#8c8c8c" />
  31. <meta name="color:tags hover" content="#ffffff" />
  32.  
  33. <meta name="if:hover tags" content="1">
  34. <meta name="if:hide captions" content="0"/>
  35.  
  36. <meta name="text:font size" content="10px" />
  37. <meta name="text:post width" content="200" />
  38.  
  39. <meta name="text:link 1" content="link 1"/>
  40. <meta name="text:link 1 url" content="/"/>
  41. <meta name="text:link 2" content="link 2"/>
  42. <meta name="text:link 2 url" content="/"/>
  43. <meta name="text:link 3" content="link 3"/>
  44. <meta name="text:link 3 url" content="/"/>
  45. <meta name="text:link 4" content="link 4"/>
  46. <meta name="text:link 4 url" content="/"/>
  47. <meta name="text:link 5" content="link 5"/>
  48. <meta name="text:link 5 url" content="/"/>
  49. <meta name="text:link 6" content="link 6"/>
  50. <meta name="text:link 6 url" content="/"/>
  51. <meta name="text:link 7" content="link 7"/>
  52. <meta name="text:link 7 url" content="/"/>
  53. <meta name="text:link 8" content="link 8"/>
  54. <meta name="text:link 8 url" content="/"/>
  55.  
  56. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  57. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  58. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  59.  
  60. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  61.  
  62. <script src="https://static.tumblr.com/86jccts/ZCxnti4ee/particles.js"</script>
  63.  
  64. <script src="https://static.tumblr.com/86jccts/Py2nti4fu/particles.min.js"</script>
  65.  
  66. <script src="https://static.tumblr.com/86jccts/WuNnti4gv/app.js"></script>
  67.  
  68. <style type="text/css">
  69.  
  70. ::-webkit-scrollbar{
  71. height:3px;
  72. width:3px;
  73. background:inherit;}
  74.  
  75. ::-webkit-scrollbar-thumb {
  76. background:{color:scrollbar};}
  77.  
  78. ::-webkit-scrollbar-track {
  79. background:transparent;}
  80.  
  81. ::-moz-selection {
  82. color:{color:selectiontext};
  83. background:{color:selectionbg};}
  84.  
  85. ::selection {
  86. color:{color:selectiontext};
  87. background:{color:selectionbg};}
  88.  
  89. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  90. z-index:99999999999999999!important;
  91. white-space:nowrap!important;
  92. top:10px!important;
  93. right:10px!important;
  94. position:fixed!important;
  95. opacity:.6!important;}
  96.  
  97. body {
  98. margin:0;
  99. background:{color:background};
  100. font-size: {text:font size};
  101. font-family: 'Roboto', sans-serif;
  102. line-height:150%;
  103. -moz-osx-font-smoothing:grayscale;
  104. -webkit-font-smoothing:antialiased;
  105. font-smoothing:antialiased;
  106. color:{color:text};}
  107.  
  108. blockquote {
  109. padding-left:10px;
  110. border-left:1px solid {color:borders};
  111. margin:15px 0px 10px 10px;
  112. text-align:left;}
  113.  
  114. .caption blockquote {
  115. margin:15px 0px 10px 10px;}
  116.  
  117. blockquote img {
  118. max-width:100%;
  119. height:auto;}
  120.  
  121. img {
  122. max-width:100%;
  123. height:auto;}
  124.  
  125. .caption img {
  126. max-width:100%;
  127. height:auto;}
  128.  
  129. .posts img {
  130. max-width:100%;
  131. margin-top:5px;
  132. margin-bottom:5px;}
  133.  
  134. a {
  135. color:{color:link};
  136. text-decoration:none;
  137. letter-spacing:1px;
  138. cursor:help;
  139. -webkit-transition: all 0.7s ease;
  140. transition: all 0.7s ease;
  141. -moz-transition: all 0.7s ease;
  142. -o-transition: all 0.7s ease;}
  143.  
  144. a:hover {
  145. letter-spacing:1px;
  146. text-decoration:none;
  147. color:{color:link hover};
  148. text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}
  149.  
  150. p {
  151. margin:10px 0 10px 0;}
  152.  
  153. p:first-of-type {
  154. margin-top:0;
  155. padding-top:0;}
  156.  
  157. p:last-of-type {
  158. margin-bottom:10px;
  159. padding-bottom:0;}
  160.  
  161. small, sub {
  162. font-size: {text:font size};
  163. vertical-align:baseline;}
  164.  
  165. pre {
  166. white-space: pre-wrap;
  167. white-space: -moz-pre-wrap;
  168. white-space: -pre-wrap;
  169. white-space: -o-pre-wrap;
  170. word-wrap: break-word;}
  171.  
  172. h1, h2, h3, h4, h5, h6 {
  173. text-align:right;
  174. font-family: 'Fjalla One', sans-serif;
  175. font-size:15px;}
  176.  
  177. b, strong {
  178. font-family:font-family: 'Roboto', sans-serif;
  179. text-transform:uppercase;
  180. font-size: {text:bodyfontsize};
  181. color:{color:bold};}
  182.  
  183. i, em {
  184. font-family: 'Fjalla One', sans-serif;
  185. font-size: 12px;
  186. color:{color:italic};
  187. letter-spacing:1.5px;}
  188.  
  189. small, big {
  190. font-size:1em;}
  191.  
  192. .title {
  193. font-size:15px;
  194. letter-spacing:1.5px;
  195. font-weight:bold;}
  196.  
  197. .entries{
  198. margin-top:80px;
  199. padding-left:50px;
  200. padding-top:20px;
  201. position:absolute;
  202. margin-left:500px;
  203. width:{text:post width}px;}
  204.  
  205. .posts {
  206. position:relative;
  207. text-align:justify;
  208. margin:0px 0px 100px 0px;}
  209.  
  210. .posts:last-child {
  211. margin-bottom:50px;}
  212.  
  213. {block:permalinkpage}
  214. .posts {
  215. margin-bottom:30px;}
  216. {/block:permalinkpage}
  217.  
  218. .date {
  219. padding-top:3px;
  220. margin-top:5px;
  221. text-align:right;
  222. font-family: 'Fjalla One', sans-serif;
  223. border-top:solid 3px {color:text};
  224. text-transform:lowercase;
  225. font-size:9px;
  226. background: -webkit-linear-gradient(left, {color:gradient1}, {color:gradient2}, {color:gradient3});
  227. -webkit-background-clip: text;
  228. -webkit-text-fill-color: transparent;}
  229.  
  230. .date a {
  231. color:{color:info};}
  232.  
  233. .date a:hover {
  234. color:{color:info hover};}
  235.  
  236. {block:ifhovertags}
  237. .date {
  238. opacity:0;
  239. -webkit-transition: all 0.7s ease;
  240. transition: all 0.7s ease;
  241. -moz-transition: all 0.7s ease;
  242. -o-transition: all 0.7s ease;}
  243. {/block:ifhovertags}
  244.  
  245. .tags a {
  246. color:{color:tags};
  247. -webkit-transition: all 0.7s ease;
  248. transition: all 0.7s ease;
  249. -moz-transition: all 0.7s ease;
  250. -o-transition: all 0.7s ease;}
  251.  
  252. .tags a:hover {
  253. color:{color:tags hover};
  254. -webkit-transition: all 0.7s ease;
  255. transition: all 0.7s ease;
  256. -moz-transition: all 0.7s ease;
  257. -o-transition: all 0.7s ease;}
  258.  
  259. {block:ifhovertags}
  260. .posts:hover .date {
  261. opacity:1;
  262. -webkit-transition: all 0.7s ease;
  263. transition: all 0.7s ease;
  264. -moz-transition: all 0.7s ease;
  265. -o-transition: all 0.7s ease;}
  266. {/block:ifhovertags}
  267.  
  268. ol.notes {
  269. margin-left:-30px;
  270. width:{text:post width}px;
  271. background:transparent;
  272. list-style-type:none;}
  273.  
  274. ol.notes a {
  275. color:{color:link};}
  276.  
  277. ol.notes a:hover {
  278. color:{color:linkhover};}
  279.  
  280. ol.notes li.note {
  281. display:block;
  282. padding:0;
  283. margin:5px 0;}
  284.  
  285. ol.notes li.note img.avatar {
  286. display:none!important;}
  287.  
  288. a.more_notes_link {
  289. display:block;
  290. text-align:left;
  291. border:0;
  292. color:{color:link};}
  293.  
  294. .sidep {
  295. position:fixed;
  296. left:0px;
  297. height:100%;
  298. width:500px;}
  299.  
  300. .caption {
  301. margin-top:15px;
  302. {block:ifhidecaptions}
  303. {block:indexpage}
  304. display:none;
  305. {/block:indexpage}
  306. {/block:ifhidecaptions}}
  307.  
  308. .subt {
  309. margin-bottom:20px;
  310. text-align:right;
  311. font-family: 'Fjalla One', sans-serif;
  312. font-size:38px;
  313. color:{color:title};}
  314.  
  315. #nav {
  316. margin-top:20px;
  317. font-family: 'Fjalla One', sans-serif;
  318. display:inline-block;
  319. font-size:12px;
  320. margin-bottom:10px;
  321. text-align:center;
  322. background: -webkit-linear-gradient(left, {color:gradient1}, {color:gradient2}, {color:gradient3});
  323. -webkit-background-clip: text;
  324. -webkit-text-fill-color: transparent;}
  325.  
  326. #nav a{
  327. margin-left:3px;}
  328.  
  329. #nav a:hover{
  330. color:{color:text};}
  331.  
  332. #description {
  333. text-align:right;
  334. color:{color:description};
  335. position:fixed;
  336. margin-left:0px;
  337. padding:20px;
  338. width:460px;
  339. bottom:20px;}
  340.  
  341. .caption {
  342. margin-top:15px;}
  343.  
  344. .chat {
  345. padding:0;
  346. list-style-type:none;}
  347.  
  348. .chat .label {
  349. font-weight:bold;}
  350.  
  351. .quote {
  352. font-weight:bold;}
  353.  
  354. .media {
  355. position:relative;
  356. display:inline-block;
  357. width:100%;}
  358.  
  359. .playerbuttonbg {
  360. position: absolute;
  361. left: 15px;
  362. top: 17px;
  363. width: 30px;
  364. height: 30px;
  365. background-color: #000;
  366. padding: 10px;
  367. opacity: 0.4;
  368. filter: alpha(opacity=40);
  369. -moz-opacity: 0.4;
  370. -khtml-opacity: 0.4;
  371. transition: opacity .7s ease-in-out;
  372. -moz-transition: opacity .7s ease-in-out;
  373. -webkit-transition: opacity .7s ease-in-out;}
  374.  
  375. .playerbuttonbg:hover {
  376. opacity: 1;
  377. filter: alpha(opacity=100);
  378. -moz-opacity: 1;
  379. -khtml-opacity: 1;}
  380.  
  381. .newplayerbutton {
  382. position: relative;
  383. width: 30px;
  384. height: 30px;
  385. overflow: hidden;}
  386.  
  387. .playerbuttonhug {
  388. position: absolute;
  389. top: -30px;
  390. left: -10px;}
  391.  
  392. .tumblr_audio_player {
  393. height: 90px;
  394. width: 270px;}
  395.  
  396. .audioimgwrapper {
  397. position: absolute;
  398. overflow: hidden;
  399. width: 80px;
  400. height: 80px;}
  401.  
  402. .trackdetails {
  403. padding:10px;
  404. display:inline-block;
  405. margin-left: 90px;
  406. min-height: 75px;}
  407.  
  408. .audiowrapper {
  409. position: relative;
  410. display:inline-block;}
  411.  
  412. .asker {
  413. font-family: 'Fjalla One', sans-serif;
  414. font-size:14px;
  415. margin-bottom:3px;}
  416.  
  417. .asked {
  418. text-transform:uppercase;
  419. padding-bottom:3px;
  420. margin-bottom:10px;}
  421.  
  422. .ans {
  423. }
  424.  
  425. .faica {
  426. font-size:30px;}
  427.  
  428. .faicq {
  429. font-size:30px;}
  430.  
  431. #s-m-t-tooltip {
  432. max-width:300px;
  433. border-radius: 0px;
  434. padding:4px;
  435. margin:10px 10px 5px 0px;
  436. color:#000;
  437. border:1px solid #000;
  438. font-size:10px;
  439. letter-spacing:1px;
  440. background:#fff;
  441. font-family: 'Roboto', sans-serif;
  442. font-size: 12px;
  443. z-index:99999;}
  444.  
  445. #credit {
  446. z-index:8;
  447. bottom:5px;
  448. right:5px;
  449. height:30px;
  450. width:30px;
  451. opacity:0.8;
  452. position:fixed;
  453. padding:5px;}
  454.  
  455. #particles-js {
  456. opacity:1;
  457. position: absolute;
  458. width: 100%;
  459. height: 100%;
  460. background-color: {color:background};}
  461.  
  462. </style>
  463.  
  464. </head>
  465. <body>
  466.  
  467. <div class="sidep">
  468. <div id="particles-js"></div>
  469.  
  470. <div id="description">
  471. <div class="subt">{title}</div>
  472. {description}<br>
  473. <div id="nav">
  474.  
  475. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">◀</a>{/block:PreviousPage}{/block:Pagination}
  476. <a href="/">index</a>
  477. <a href="/ask">ask</a>
  478. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  479. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  480. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  481. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  482. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  483. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  484. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  485. {block:iflink8}<a href="{text:link 8 url}">{text:link 8}</a>{/block:iflink8}
  486. {block:Pagination}{block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}{/block:Pagination}
  487. </div>
  488.  
  489. <center>
  490. </div>
  491.  
  492. </div>
  493.  
  494. </div>
  495. </div>
  496.  
  497. </div>
  498.  
  499.  
  500. <div class="entries">
  501. {block:Posts}
  502. <div class="posts">
  503.  
  504. {block:Text}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
  505.  
  506. {block:Quote}<div class="faicq"><i class="fa fa-quote-left fa-pull-left"></i></div><div class="quote text">{Quote}</div>{block:Source}<div class="source text">{Source}</div>{/block:Source}{/block:Quote}
  507.  
  508. {block:Answer}<div class="faica"><i class="fa fa-question fa-pull-left"></i></div><div class="asker">{Asker} asked:</div><div class="asked">{Question}</span></div><div class="ans">{Answer}</div>{/block:Answer}
  509.  
  510. {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}&nbsp; </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  511.  
  512. {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
  513.  
  514. {block:AudioPlayer}
  515. <div class="audiowrapper">
  516. {block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  517. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}
  518. </div></div></div><div class="trackdetails">
  519. {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
  520. </div></div>{/block:AudioPlayer}
  521.  
  522. {block:Photo}<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{/block:Photo}
  523.  
  524. {block:Photoset}
  525. <div class="media photoset"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  526. </div>{/block:Photoset}
  527.  
  528. {block:Video}<div class="media video">{Video-500}</div>{/block:Video}
  529.  
  530. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  531.  
  532. <div id="{ShortURL}-hide">
  533. {block:Date}<div class="date">
  534. <a href="{Permalink}">{DayOfWeek}</a> |
  535. <a href="{ReblogURL}">reblog</a> |
  536. {block:RebloggedFrom}
  537. <a href="{ReblogParentURL}">via</a> |
  538. <a href="{ReblogRootURL}">source</a> |
  539. {/block:RebloggedFrom}
  540. <a href="{permalink}">{NoteCountWithLabel}</a>
  541.  
  542. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
  543. {/block:HasTags}
  544. </div>
  545. {/block:Date}</div>
  546. </div>
  547. {block:PostNotes}{PostNotes}
  548. {/block:PostNotes}
  549. {/block:Posts}
  550.  
  551. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  552. </div>
  553.  
  554. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  555.  
  556. </div>
  557. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  558.  
  559. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  560.  
  561. <script>
  562. (function($){
  563. $(document).ready(function(){
  564. $("a[title]").style_my_tooltips({
  565. tip_follows_cursor:true,
  566. tip_delay_time:90,
  567. tip_fade_speed:600,
  568. attribute:"title"
  569. });
  570. });
  571. })(jQuery);
  572. </script>
  573.  
  574. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  575. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  576. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  577. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  578. <script src ="https://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  579.  
  580. <script>
  581. $(document).ready(function(){
  582. $('.photo-slideshow').pxuPhotoset({
  583. lightbox: true,
  584. rounded: false,
  585. gutter: '3px',
  586. photoset: '.photo-slideshow',
  587. photoWrap: '.photo-data',
  588. photo: '.pxu-photo'
  589. });
  590. var $container = $('.content');
  591. });
  592. </script>
  593.  
  594. <script>
  595. particlesJS("particles-js", {
  596. "particles": {
  597. "number": {
  598. "value": 150,
  599. "density": {
  600. "enable": true,
  601. "value_area": 800
  602. }
  603. },
  604. "color": {
  605. "value": "{color:particles}"
  606. },
  607. "shape": {
  608. "type": "circle",
  609. "stroke": {
  610. "width": 0,
  611. },
  612. "polygon": {
  613. "nb_sides": 5
  614. },
  615. },
  616. "opacity": {
  617. "value": 0.7,
  618. "random": false,
  619. "anim": {
  620. "enable": false,
  621. "speed": 1,
  622. "opacity_min": 0.1,
  623. "sync": false
  624. }
  625. },
  626. "size": {
  627. "value": 3,
  628. "random": true,
  629. "anim": {
  630. "enable": false,
  631. "speed": 40,
  632. "size_min": 0.1,
  633. "sync": false
  634. }
  635. },
  636. "line_linked": {
  637. "enable": true,
  638. "distance": 150,
  639. "color": "{color:particles}",
  640. "opacity": 0.4,
  641. "width": 1
  642. },
  643. "move": {
  644. "enable": true,
  645. "speed": 6,
  646. "direction": "none",
  647. "random": false,
  648. "straight": false,
  649. "out_mode": "out",
  650. "bounce": false,
  651. "attract": {
  652. "enable": false,
  653. "rotateX": 600,
  654. "rotateY": 1200
  655. }
  656. }
  657. },
  658. "interactivity": {
  659. "detect_on": "canvas",
  660. "events": {
  661. "onhover": {
  662. "enable": true,
  663. "mode": "grab"
  664. },
  665. "onclick": {
  666. "enable": true,
  667. "mode": "push"
  668. },
  669. "resize": true
  670. },
  671. "modes": {
  672. "grab": {
  673. "distance": 140,
  674. "line_linked": {
  675. "opacity": 1
  676. }
  677. },
  678. }
  679. },
  680. "retina_detect": true
  681. });</script></div>
  682.  
  683. </body>
  684. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement