API tools faq
paste
parrishing

FICREC PAGE #1 - STRAWBERRY SWING (VER #2)

parrishing
Sep 26th, 2016
1,251
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.30 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <HTML>
  3. <head>
  4. <title>{title}</title>
  5. <!--- change the title of the page here --->
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <!---
  9.  
  10. FICREC PAGE #1 'strawberry swing (ver.2)' - BY PROTECTMCCALL (http://protectmccall.tumblr.com)
  11. -DONT USE AS BASE OR STEAL THE BITS P PLEASE
  12. -ASK ME FOR HELP IF U STRUGGLE
  13. -HOPE U HAVE A GREAT DAY TODAY BUTTERCUP ♥
  14.  
  15. CREDITS: themesbyzsu.tumblr.com - filters
  16. 960px.tumblr.com - slider menu
  17.  
  18.  
  19.  
  20. --->
  21.  
  22. <!--JQUERY & SCRIPTS PLS DONT TOUCH-->
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  24. <!----google fonts---->
  25. <link href='http://fonts.googleapis.com/css?family=Cousine:400,700' rel='stylesheet' type='text/css'>
  26. <!--side push menu from codrops-->
  27. <!--don’t touch-->
  28. <script src="http://takien.github.io/jPushMenu/js/jquery-1.9.1.min.js"></script>
  29. <script src="http://takien.github.io/jPushMenu/js/jPushMenu.js">
  30. </script>
  31. <!--call jPushMenu, required-->
  32. <script> jQuery(document).ready(function($) { $('.toggle').jPushMenu(); });
  33. </script>
  34. <!---tooltip--->
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36. <script>
  37. (function($){
  38. $(document).ready(function(){
  39. $("a[title]").style_my_tooltips({
  40. tip_follows_cursor:true,
  41. tip_delay_time:300,
  42. tip_fade_speed:300,
  43. attribute:"title"
  44. });
  45. });
  46. })(jQuery);
  47. </script>
  48.  
  49.  
  50. </head>
  51.  
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57. /**** CUSTOMIZABLE COLORS 'N' ETC *****************************************/
  58.  
  59. /* height of each container - to count the required height of the box: multiply the number of filters ('refresh' included) by 40 and add 10~
  60. OR u can also not bother w the length when the number of filters in one box is too big -- i have fixed a smol bug and now the scroll works so it doesnt rly matter if the filters overflow the box's height rejoice friends*/
  61.  
  62. .ac-container input:checked ~ article.ac-one{overflow-y: scroll;
  63. height: 250px;}
  64. .ac-container input:checked ~ article.ac-two{overflow-y: scroll;
  65. height: 215px;}
  66. .ac-container input:checked ~ article.ac-three{overflow-y: scroll;
  67. height: 290px;}
  68. .ac-container input:checked ~ article.ac-four{overflow-y: scroll;
  69. height: 135px;}
  70.  
  71.  
  72. /* color and outline of the first letter of the title */
  73. #header h1:first-letter{
  74. color:pink;
  75. text-shadow: -1px 0 #ddd, 0 1px #ddd, 1px 0 #ddd, 0 -1px #ddd;}
  76.  
  77.  
  78. /* colour of the background */
  79. body {background: #eee;}
  80.  
  81.  
  82. /* background color of fic titles (add more if you need just change the number/special name*/
  83. .ship1 {background-color: lightgray;}
  84. .ship2 {background-color: #bedadb;}
  85. .ship3 {background-color: lightpink;}
  86. .ship4 {background-color: #e8d5ad;}
  87. .ship5 {background-color: #c4c8da;}
  88.  
  89.  
  90. /*FILTER BUTTONS*/
  91. #sort a:hover {background:#eee;/*background of filter button on hover*/
  92. color:black; /*color of text of the filter button on hover*/
  93. }
  94. #sort li a.selected {background:#ddd;/*background of filter button when clicked*/
  95. color:black;/*color of text of the filter button when selected*/
  96. }
  97.  
  98.  
  99. /**** END CUSTOMIZABLE COLORS 'N' ETC **************************************/
  100.  
  101.  
  102.  
  103.  
  104.  
  105. /**** BASIC STUFF **********************************************************/
  106. #s-m-t-tooltip { /* tooltip is what styles the hover title="" of the link */
  107. margin-top:20px; background-color:#ffffff; font-family:Helvetica; font-size:8px; color:#333333; letter-spacing:1px; text-transform:lowercase; padding:5px; padding-bottom:3px; z-index:999999999999999999999999999999999999;
  108. font-weight:500;
  109. border-bottom: 9px double pink ; /* COLOUR OF THE ON HOVER LINES UNDER THE TEXT */}
  110.  
  111.  
  112. ::-webkit-scrollbar {height: 10px; width: 3px;}
  113. ::-webkit-scrollbar-thumb:vertical {
  114. background:#dfe9ed; /* COLOR OF SCROLL */
  115. height: 80px;}
  116.  
  117.  
  118. body {margin:0; width:100%; height:100%; font:11px Corbel; padding:0; position:absolute;}
  119.  
  120. a {text-decoration:none;
  121. outline:none;
  122. color:pink; /*change link colors here */
  123. -webkit-transition: all 0.5s ease-in-out;
  124. -moz-transition: all 0.5s ease-in-out;
  125. -o-transition: all 0.5s ease-in-out;}
  126.  
  127. a:hover {
  128. color:#eee; /*change link hover color */
  129. -webkit-transition: all 0.5s ease-in-out;
  130. -moz-transition: all 0.5s ease-in-out;
  131. -o-transition: all 0.5s ease-in-out;}
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138. /**** FILTERS ***********************************************************/
  139. #sort li {display:block;text-align:center;list-style: none; margin-left:-40px;}
  140. #sort ul {list-style: none; margin-top:5px;}
  141. #sort a {color:black;border:1px solid transparent; display:block; padding:10px; margin-bottom:5px; overflow-y:scroll; overflow-x:hidden;}
  142. #sort a:hover { border:1px solid white;}
  143. #sort li a.selected { border:1px solid white;}
  144.  
  145.  
  146.  
  147.  
  148.  
  149. /**** HEADER ***************************************************************/
  150. #header {
  151. background:white;
  152. padding-top:49px;
  153. padding-bottom:49px;
  154. position:fixed;
  155. margin-top:-5px;
  156. width:100%;
  157. z-index:1;}
  158.  
  159. #header a {color:#eee;}
  160.  
  161. #header h1{
  162. margin-top:-22px;
  163. margin-left:150px;
  164. font-size:50px;
  165. color:#fff;
  166. text-shadow: -1px 0 #eee, 0 1px #eee, 1px 0 #eee, 0 -1px #eee;
  167. font-family: Arial;
  168. font-weight:700;
  169. letter-spacing:-2px;
  170. border-bottom: 4px solid #eee;
  171. position:fixed;
  172. font-style: italic;
  173. line-height: 90%;}
  174.  
  175. #header h1:hover {cursor: pointer; cursor: help;}
  176.  
  177. #texty {margin-left:300px;width:800px;}
  178.  
  179. #texty a {color:pink;}
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186. /**** FIC BOXES STUFF ********************************************************/
  187. #container {position: fixed; left:230px; top:110px; width:1000px;}
  188.  
  189. #fic {width:165px; height:165px; overflow-x:scroll; float:left; margin:14px;
  190. background-color:#ffffff; border: 3px solid #ffffff; color:black; opacity:1;}
  191.  
  192. .ficname {
  193. margin-left:-5px;
  194. margin-top:-5px;
  195. width:165px;
  196. height:165px;
  197. font-size:12px;
  198. text-transform:uppercase;
  199. padding-top:10px;
  200. padding-bottom:5px;
  201. padding-right:10px;
  202. transition: all 0.3s ease-out;
  203. -o-transition: all 0.3s ease-out;
  204. -webkit-transition: all 0.3s ease-out;
  205. -moz-transition: all 0.3s ease-out;}
  206.  
  207. .ficname ol li {
  208. color:#ffffff;
  209. text-align:right;
  210. margin-left:-50px;
  211. margin-top:45px;
  212. width:165px;
  213. height:165px;
  214. list-style-type:none;
  215. padding:10px;
  216. vertical-align:bottom;
  217. font-family:arial;
  218. text-transform: lowercase;
  219. font-style: italic;
  220. font-size:2em;
  221. font-weight:bold;
  222. letter-spacing:-1px;
  223. line-height: 90%;}
  224.  
  225. .ficname a {
  226. transition: all 0.3s ease-out;
  227. -o-transition: all 0.3s ease-out;
  228. -webkit-transition: all 0.3s ease-out;
  229. -moz-transition: all 0.3s ease-out;
  230. color: #ffffff;}
  231.  
  232. .ficname a:hover {
  233. opacity:0.1; /* here you can change the opacity of the fic title on hover */
  234. transition: all 0.3s ease-out;
  235. -o-transition: all 0.3s ease-out;
  236. -webkit-transition: all 0.3s ease-out;
  237. -moz-transition: all 0.3s ease-out;}
  238.  
  239. .desc{text-align: justify;}
  240.  
  241. .story { width:200px; margin:20px; padding:20px; transition-duration:1s; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s;}
  242.  
  243.  
  244.  
  245.  
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252. /**** SLIDE MENU, be v careful with this **************************************/
  253. .linkies a {font-weight:bold; text-decoration:underline; padding-right:5px; color:black;}
  254.  
  255. .cbp-spmenu {position: fixed;}
  256. .cbp-spmenu-horizontal {padding:10px; margin-left:1000px; width:250px; height:100%; z-index:1;background:white;}
  257. #pushdescription {margin-top:50px; padding:20px; overflow-y:scroll; overflow-x:hidden;}
  258. .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; }
  259.  
  260. /* this part is going to control where the slide is coming from so if you change right to like top,left,bottom it will slide from that direction.*/
  261. .cbp-spmenu-bottom {
  262. right: -700px;/* Always use a negative number it so it hides it.*/
  263. bottom:0;}
  264.  
  265. .cbp-spmenu-bottom.cbp-spmenu-open { bottom:0px;
  266. right:0px; /*this one opens the slide menu*/ }
  267. /*DONT FORGET TO ADD class="toggle menu-bottom" TO YOUR LINK TO MAKE IT OPEN THE SLIDE MENU*/
  268.  
  269.  
  270.  
  271.  
  272. /**** FILTER CONTAINER *****************************************/
  273. .ac-container{width:200px; margin:10px auto 30px auto;}
  274. .ac-container label{font-family:'Arial', sans-serif; padding: 5px 20px; position: relative; z-index:20; display:block; height:30px; cursor:pointer; color:#777; line-height:33px; font-size:19px; background:linear-gradient(top, gray 1%,lightgray 100%);}
  275. .ac-container label:hover{background: #fff;}
  276.  
  277. .ac-container input:checked + label,
  278. .ac-container input:checked + label:hover {background:pink; /*!!!!!!!!!!!!!!!background colour of names of container sections on click!!!!!!!!!!!!!!!*/
  279. color:#3d7489;
  280. text-shadow:-1px 0 #ffced4, 0 -1px #ffced4, -1px 0 #ffced4, 0 -1px #ffced4;}
  281.  
  282. .ac-container label:hover:after,
  283. .ac-container input:checked + label:hover:after{content: ''; position:absolute; width:24px; height:24px; right:13px; top:7px; background: transparent url(http://static.tumblr.com/nc6lhz2/jIzo96h2i/arrow_down.png) no-repeat center center;
  284. background:linear-gradient(top, pink 1%,lightpink 100%);}
  285.  
  286. .ac-container input:checked + label:hover:after{background-image: url(http://static.tumblr.com/nc6lhz2/OQko96h2n/arrow_up.png);}
  287. .ac-container input{display: none;}
  288. .ac-container article{background: rgba(255, 255, 255, 0.5); margin-top:-1px; overflow:hidden; height:0px; position:relative; z-index:10;
  289. transition: height 0.3s ease-in-out, box-shadow 0.6s linear;}
  290.  
  291. .ac-container input:checked ~ article{transition: height 0.5s ease-in-out, box-shadow 0.1s linear; box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);}
  292.  
  293. .ac-container article p{font-style: italic; color: #777; line-height: 23px; font-size: 14px; padding: 20px; text-shadow: 1px 1px 1px rgba(255,255,255,0.8);}
  294.  
  295.  
  296.  
  297.  
  298.  
  299. /**** CREDIT **************************************************************/
  300. #credit a {border-radius:100%;padding-top:3px;padding-left:5px;padding-right:4px;padding-bottom:4px;color:#000;background-color:#ffffff;}
  301. #credit a:hover {color:#ffffff;background-color:#333;}
  302. #credit {position:fixed;font-size:14px;letter-spacing:1px;right:10px;bottom:15px;}
  303.  
  304. </style>
  305.  
  306.  
  307.  
  308.  
  309.  
  310.  
  311. <body>
  312.  
  313. <div id="header">
  314. <h1><a title="click here for filters" class="toggle menu-bottom">ficrec.</a></h1>
  315. <div id="texty"><a title="click here for filters" class="toggle menu-bottom">click there</a> or the title to open filters. now goes more text blahblah world is ending sunshine birds butterflies adam parrish is bi my cat's belly is v squishy</div>
  316.  
  317. </div>
  318. <!--------------------------- SLIDER MENU ------------------------------->
  319. <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s1">
  320. <div class="menu" >
  321. <div id="pushdescription"> <b><i>FILTERS//</i></b>
  322. <br>the ships are sorted by colour. filters are listed by type. click 'refresh' to see all the fics again. the fics listed as examples are v gr8 btw~<br>
  323. <div class="linkies"><a href=""><u>home</u></a> <a href="/ask"><u>ask</u></a> <a href=""><u>cry</u></a> </div>
  324.  
  325.  
  326.  
  327.  
  328. <!----- tips to customize containers and filters:
  329. 1. if you want to add another container dont forget to give it its own number (ac-5, ac-6 etc) and its own length tag (e.g. <article class="ac-five"> and then edit the length in css (scroll to the beginning of css/style section) always have a 'refresh' (.story) filter first in each bundle or u wont be able to make all fics visible again)
  330. 2. to add more filters to the existing ones just add this:
  331. <li><a href="#filter" data-option-filter=".SEARCHABLE.FILTER">VISIBLE NAME OF FILTER</a></li> if your filter consists of 2+ words dont forget to add a dot between each word (no spaces or the filter wont work!!) more info on adding the filters a bit below~
  332. -->
  333.  
  334.  
  335. <section class="ac-container">
  336. <div>
  337. <input id="ac-1" name="accordion-1" type="checkbox" />
  338. <label for="ac-1">ships</label>
  339. <article class="ac-one">
  340. <div id="sort">
  341. <ul id="filters" class="option-set clearfix" data-option-key="filter">
  342. <li><a href="#filter" data-option-filter=".story">refresh</a></li>
  343. <li><a href="#filter" data-option-filter=".sciles">scott/stiles</a></li>
  344. <li><a href="#filter" data-option-filter=".wincest">sam/dean</a></li>
  345. <li><a href="#filter" data-option-filter=".spideypool">peter/wade</a></li>
  346. <li><a href="#filter" data-option-filter=".merthur">merlin/arthur</a></li>
  347. <li><a href="#filter" data-option-filter=".skysolo">han/luke</a></li>
  348. </ul>
  349. </div>
  350. </article>
  351. </div>
  352.  
  353.  
  354.  
  355. <div>
  356. <input id="ac-2" name="accordion-1" type="checkbox" />
  357. <label for="ac-2">genres</label>
  358. <article class="ac-two">
  359. <div id="sort">
  360. <ul id="filters" class="option-set clearfix" data-option-key="filter">
  361. <li><a href="#filter" data-option-filter=".story">refresh</a></li>
  362. <li><a href="#filter" data-option-filter=".angst">angst</a></li>
  363. <li><a href="#filter" data-option-filter=".fluff">fluff</a></li>
  364. <li><a href="#filter" data-option-filter=".au">au</a></li>
  365. <li><a href="#filter" data-option-filter=".canon">canon</a></li>
  366. </ul>
  367. </div>
  368. </article>
  369. </div>
  370.  
  371.  
  372. <div>
  373. <input id="ac-3" name="accordion-1" type="checkbox" />
  374. <label for="ac-3">wordcount</label>
  375. <article class="ac-three">
  376. <div id="sort">
  377. <ul id="filters" class="option-set clearfix" data-option-key="filter">
  378. <li><a href="#filter" data-option-filter=".story">refresh</a></li>
  379. <li><a href="#filter" data-option-filter=".to5k">less than 5k</a></li>
  380. <li><a href="#filter" data-option-filter=".5k">5k</a></li>
  381. <li><a href="#filter" data-option-filter=".10k">10k</a></li>
  382. <li><a href="#filter" data-option-filter=".25k">250k</a></li>
  383. <li><a href="#filter" data-option-filter=".50k">50k</a></li>
  384. <li><a href="#filter" data-option-filter=".100k">100k</a></li>
  385. </ul>
  386. </div>
  387. </article>
  388. </div>
  389.  
  390.  
  391. <div>
  392. <input id="ac-4" name="accordion-1" type="checkbox" />
  393. <label for="ac-4">other</label>
  394. <article class="ac-four">
  395. <div id="sort">
  396. <ul id="filters" class="option-set clearfix" data-option-key="filter">
  397. <li><a href="#filter" data-option-filter=".story">refresh</a></li>
  398. <li><a href="#filter" data-option-filter=".est">established relationship</a></li>
  399. <li><a href="#filter" data-option-filter=".together">getting together</a></li>
  400. </ul>
  401. </div>
  402. </article>
  403. </div>
  404.  
  405.  
  406. </section>
  407. </div>
  408. </div></nav>
  409.  
  410.  
  411.  
  412. <!-------------------------------- TITLE ------------------------------->
  413.  
  414.  
  415.  
  416.  
  417.  
  418. <!-------------------------- FIC CONTAINER ----------------------------->
  419. <div id="container" class="clearfix">
  420. <div id="ficcontainer">
  421.  
  422.  
  423.  
  424. <!-- TEMPLATE - COPY & PASTE AFTER THE ARROW BELOW
  425.  
  426. <div id="fic" class="story FILTER FILTER FILTER">
  427. <div class="ficname ship1"><ol><li><a href="FIC_URL">FIC NAME</a></ol></li></div>
  428. <p> <div class="desc">
  429. <hr><b>SHIP</b>: ship_name;<br>
  430. <b>WC</b>: word_count;<br>
  431. <b>AUTHOR</b>: author's_name; <br>
  432. <b>RATING</b>: G/PG/NC/etc;<br><hr>
  433. FIC DESCRIPTION GOES HERE
  434. </div> </div>
  435.  
  436. -->
  437.  
  438.  
  439. <!----- tips to customize the fic boxes:
  440. 1.first line: always leave the word "story" first or you'll break the code!! after that add whatever filters you want, put a space between each of them.
  441. 2.second line: "ship1" indicates the background color of a fic title (i use it to separate the ships but you can use it however you like, let ur imagination lead u~~~~) not to get easily confused rly fast you can rename them e.g. "shipstucky" but dont forget to align the names with the css in the beginning of css/style section!! also if you dont want them to be different colours just make all of boxes ship1 and define the colour in css
  442. 3.the rest is self-explanatory~ -->
  443.  
  444.  
  445. <!------------------------->
  446. <div id="fic" class="story wincest fluff canon 50k together">
  447. <div class="ficname ship3"><ol><li><a href="http://archiveofourown.org/works/181789/chapters/267378">Fumbling in the Dark: Love Advice For the Romantically Impaired</a></ol></li></div>
  448. <p> <div class="desc">
  449. <hr><b>SHIP</b>: sam/dean;<br>
  450. <b>WC</b>: 72,009;<br>
  451. <b>AUTHOR</b>: leonidaslion; <br>
  452. <b>RATING</b>: NC;<br><hr>
  453. True Love really is blind...
  454. </div> </div>
  455.  
  456. <!------------------------->
  457. <div id="fic" class="story spideypool canon 10k together">
  458. <div class="ficname ship5"><ol><li><a href="http://archiveofourown.org/works/412096?view_full_work=true">be my yoko ono</a></ol></li></div>
  459. <p><div class="desc">
  460. <hr><b>SHIP</b>: spideypool;<br>
  461. <b>WC</b>: 12,563;<br>
  462. <b>AUTHOR</b>: silvercobwebs; <br>
  463. <b>RATING</b>: T;<br><hr>
  464. It must've been the lack of sleep driving him nuts, because there was no way in hell Spider-Man was having a slumber party with someone whose idea of fun was helping little old ladies into oncoming traffic.
  465. </div></div>
  466.  
  467. <!------------------------->
  468. <div id="fic" class="story merthur au 100k together">
  469. <div class="ficname ship2"><ol><li><a href="http://archiveofourown.org/series/9979">loaded March</a></ol></li></div>
  470. <p><div class="desc">
  471. <hr><b>SHIP</b>: merthur;<br>
  472. <b>WC</b>: 1,009,303;<br>
  473. <b>AUTHOR</b>: Footloose; <br>
  474. <b>RATING</b>: NC;<br><hr>
  475. The reason SAS Captain Arthur Pendragon can't keep a communications specialist in Team Excalibur because none of them are good enough. And then Lieutenant Merlin Emrys gets assigned to his squad, and Arthur does everything he can to prove that Merlin isn't good enough, either. Except he is.
  476. </div></div>
  477.  
  478. <!------------------------->
  479. <div id="fic" class="story wincest canon angst 25k together">
  480. <div class="ficname ship3"><ol><li><a href="http://tryfanstone.co.uk/allegorytext.htm">the allegory of a cave</a></ol></li></div>
  481. <p><div class="desc">
  482. <hr><b>SHIP</b>: sam/dean;<br>
  483. <b>WC</b>: 36,000;<br>
  484. <b>AUTHOR</b>: Jay Tryfanstone; <br>
  485. <b>RATING</b>: NC;<br><hr>
  486. Set in the New York subway, The Allegory of the Cave is a reflective account of images real and imagined, remembrance, desire and obsession. Leaching memory, capturing souls, somewhere a hundred and thirty feet below the streets of Manhattan is an evil the Winchester brothers must face. But there's a fine line between reality and imagination, and neither brother can be sure of their footing in this upside down world.
  487. </div></div>
  488.  
  489. <!------------------------->
  490. <div id="fic" class="story skysolo canon 25k together">
  491. <div class="ficname ship4"><ol><li><a href="http://archiveofourown.org/works/97328">lost</a></ol></li></div>
  492. <p><div class="desc">
  493. <hr><b>SHIP</b>: skysolo;<br>
  494. <b>WC</b>: 44,959;<br>
  495. <b>AUTHOR</b>: walkerminion; <br>
  496. <b>RATING</b>: NC;<br><hr>
  497. Han's having doubts about his betrothal to Leia, and at the same time is being haunted by a mysterious creature. His quest for answers will lead to the discovery of a long kept secret, and ultimately his heart's desire.
  498. </div></div>
  499.  
  500.  
  501. <div id="fic" class="story sciles fluff canon 5k together">
  502. <div class="ficname ship1"><ol><li><a href="http://archiveofourown.org/works/498680">Into Me (See?)</a></ol></li></div>
  503. <p><div class="desc">
  504. <hr><b>SHIP</b>: sciles;<br>
  505. <b>WC</b>: 7,735;<br>
  506. <b>AUTHOR</b>: deathgetsusall, mrsvc; <br>
  507. <b>RATING</b>: T;<br><hr>
  508. The simplest and most understandable way I have ever heard intimacy described is by breaking the word down: in to me see. That is what intimacy is about - allowing another person to see into us, sharing who we are with another person. - Robert Burney
  509. </div></div>
  510.  
  511. <!------------------------->
  512. <div id="fic" class="story wincest au 50k together">
  513. <div class="ficname ship3"><ol><li><a href="http://gekizetsu.net/sn/lastoutpost.htm">the last outpost of all there is</a></ol></li></div>
  514. <p> <div class="desc">
  515. <hr><b>SHIP</b>: sam/dean;<br>
  516. <b>WC</b>: 59,000;<br>
  517. <b>AUTHOR</b>: gekizetsu; <br>
  518. <b>RATING</b>: NC;<br><hr>
  519. The world begins with the interruption of a sleep. Which is why wakefulness is the only proof of existence. And why the world is fragmented and cannot achieve fullness. And why it constantly seeks to reconstruct fullness. In vain, because the discontinuous will never pass over into the continuous. Mathematics tells us that, last outpost of all that is.
  520. </div></div>
  521.  
  522. <!------------------------->
  523. <div id="fic" class="story merthur au 50k together">
  524. <div class="ficname ship2"><ol><li><a href="http://archiveofourown.org/works/111469">The Sorcerer and the King</a></ol></li></div>
  525. <p><div class="desc">
  526. <hr><b>SHIP</b>: merthur;<br>
  527. <b>WC</b>: 85,529;<br>
  528. <b>AUTHOR</b>: winterhill; <br>
  529. <b>RATING</b>: NC;<br><hr>
  530. Canon AU -- Merlin's death is only the beginning; with no-one to protect the kingdom, Camelot falls to an enemy sorcerer and Arthur is forced to serve in the court that he once ruled. When an escape attempt goes horribly wrong, Arthur is rescued by someone he never expected to see again -- and it's their destiny to put things right.
  531. </div></div>
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544.  
  545.  
  546.  
  547.  
  548.  
  549.  
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557. <!---- things end ---->
  558. </div></div>
  559.  
  560.  
  561.  
  562.  
  563. <div id="credit"><a href="http://protectmccall.tumblr.com" title="code by protectmccall">©</a></div> <!--DONT TOUCH THIS BROS-->
  564. </body>
  565.  
  566.  
  567.  
  568.  
  569. <!------- FILTER SCRIPTS -------->
  570. <script src="http://static.tumblr.com/fuu6t9w/kh8ml0pl9/jquery-1.7.1.min.js"></script>
  571. <script src="http://static.tumblr.com/fuu6t9w/eubml0pm0/jquery.isotope.min.js"></script>
  572. <script>
  573. $(function(){
  574. var $container = $('#container');
  575. $container.isotope({
  576. itemSelector : '.story'
  577. });
  578. var $optionSets = $('#sort .option-set'),
  579. $optionLinks = $optionSets.find('a');
  580. $optionLinks.click(function(){
  581. var $this = $(this);
  582. // don't proceed if already selected
  583. if ( $this.hasClass('selected') ) {
  584. return false; }
  585. var $optionSet = $this.parents('.option-set');
  586. $optionSet.find('.selected').removeClass('selected');
  587. $this.addClass('selected');
  588. // make option object dynamically, i.e. { filter: '.my-filter-class' }
  589. var options = {},
  590. key = $optionSet.attr('data-option-key'),
  591. value = $this.attr('data-option-filter');
  592. // parse 'false' as false boolean
  593. value = value === 'false' ? false : value;
  594. options[ key ] = value;
  595. if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
  596. // changes in layout modes need extra logic
  597. changeLayoutMode( $this, options )
  598. } else {
  599. // otherwise, apply new options
  600. $container.isotope( options );
  601. }
  602. return false;
  603. });
  604. });
  605. </script>
  606. <!-----END: FILTER SCRIPTS------>
  607.  
  608. </html>
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!