API tools faq
paste
winchesterkirk

Media Page

winchesterkirk
Apr 29th, 2014
343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.81 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Media Page by Cate @jimothykirk
  4.  
  5. Do not remove credit, redustribute, steal from or use as a base.
  6.  
  7. Contact off Anon me if you have any questions or concerns
  8.  
  9. -->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14.  
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  16.  
  17. <script>
  18. (function($){
  19. $(document).ready(function(){
  20. $("[title],a[title],img[title]").style_my_tooltips({
  21. tip_follows_cursor:true,
  22. tip_delay_time:100,
  23. tip_fade_speed:300,
  24. attribute:"title"
  25. });
  26. });
  27. })(jQuery);
  28. </script>
  29. </script>
  30.  
  31. <!------
  32.  
  33. REMEMBER TO CHANGE THE NAME OF YOUR MAIN TITLE TO WHAT YOU WANT IT TO SAY
  34.  
  35. ------>
  36.  
  37. <title>I'll be your sky</title>
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40.  
  41. <style type="text/css">
  42.  
  43. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  44.  
  45. ::-webkit-scrollbar {
  46. width:5px;
  47. height:15px;
  48. background-color:#fff;
  49. }
  50. ::-webkit-scrollbar-track {
  51. background-color:#fff;
  52. }
  53. ::-webkit-scrollbar-thumb {
  54. background-color:#e3f3fc;
  55. border: 1px solid #fff;
  56. }
  57.  
  58. body {
  59. background-color: #ffffff;
  60. background-repeat: repeat;
  61. margin-left: -50px;
  62. color: #a6a6a6
  63. background-attachment: fixed;}
  64.  
  65.  
  66. #content{
  67. width:700px;
  68. border:1px solid #f1f1f1;
  69. margin-left:250px;
  70. padding:20px;
  71. margin-top:20px;
  72. height:680px;
  73. max-height:730px; overflow-y: auto; overflow-x: yes scroll;
  74. }
  75.  
  76. #movies{
  77. width:330px;
  78. border:1px solid #cacece;
  79. float:left;
  80. margin-bottom:15px;
  81. height:330px;
  82. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  83. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  84. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  85. }
  86.  
  87. #television{
  88. width:330px;
  89. border:1px solid #cacece;
  90. float:right;
  91. margin-bottom:15px;
  92. height:330px;
  93. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  94. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  95. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  96. }
  97.  
  98. #books{
  99. width:330px;
  100. border:1px solid #cacece;
  101. float:left;
  102. height:330px;
  103. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  104. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  105. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  106. }
  107.  
  108. #desc{
  109. width:330px;
  110. border:1px solid #cacece;
  111. float:right;
  112. height:330px;
  113. -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.2);
  114. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  115. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  116. }
  117.  
  118. #title{
  119. width:310px;
  120. padding:10px;
  121. background-color:#e3f3fc;
  122. font-family:consolas;
  123. letter-spacing:2px;
  124. color:#aaaaaa;
  125. text-transform:uppercase;
  126. font-size:9px;
  127. }
  128.  
  129. #links{
  130. width:330px;
  131. margin-top:0px;
  132. border-top:1px solid #cacece;
  133. padding-top:15px;
  134. text-transform:lowercase;
  135. }
  136.  
  137. #links a{
  138. float:left;
  139. color:#aaaaaa;
  140. width:145px;
  141. padding:25px 0px 25px;
  142. margin:5px;
  143. height:10px;
  144. text-decoration:none;
  145. font-size:9px;
  146. text-align:center;
  147. font-family:consolas;
  148. letter-spacing:2px;
  149. background:#e3f3fc;
  150. margin-left:10px;
  151. text-transform:uppercase;
  152. border:1px solid #f1f1f1;
  153. -webkit-transition: all 0.7s ease;
  154. -moz-transition: all 0.7s ease;
  155. -o-transition: all 0.7s ease;
  156. }
  157.  
  158. #links a:hover{
  159. background:#97d5e0;
  160. color:#ffffff;
  161.  
  162. }
  163.  
  164. #about{
  165. text-align:right;
  166. font-size:9px;
  167. width:300px;
  168. font-family:calibri;
  169. color:#aaaaaa;
  170. padding:15px;
  171. height:100px;overflow-y: auto; overflow-x: yes scroll;
  172. }
  173.  
  174. #mediacontent{
  175. height:298px; overflow-y: auto; overflow-x: yes scroll;
  176. }
  177.  
  178. #media{
  179. height:190px;
  180. width:140px;
  181. border:1px solid #cacece;
  182. text-align:center;
  183. float:left;
  184. position:relative;
  185. margin-left:15px;
  186. margin-bottom:10px;
  187. margin-top:10px;
  188. -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  189. -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  190. box-shadow:1px 1px 2px rgba(0,0,0,0.2);
  191. }
  192.  
  193. #media img{
  194. height:190px;
  195. width:140px;
  196. }
  197.  
  198. #mediainfo{
  199. width:140px;
  200. height:190px;
  201. opacity:0;
  202. margin-top:-190px;
  203. font-size:9px;
  204. font-family:calibri;
  205. z-index:5px;
  206. position: absolute;
  207. background-color:#fff;
  208. -moz-transition-duration:.8s;
  209. -webkit-transition-duration:.8s;
  210. -o-transition-duration:.8s;
  211. }
  212.  
  213. #mediatitle{
  214. width:120px;
  215. padding:10px;
  216. height:22px;overflow-y: auto; overflow-x: yes scroll;
  217. background-color:#f4f4f4;
  218. }
  219.  
  220. #mediastuff{
  221. width:130px;
  222. padding:5px;
  223. height:10px;
  224. font-size:8px;
  225. background-color:#f8f8f8;
  226. border-top:1px solid #f4f4f4;
  227. }
  228.  
  229. #mediarating{
  230. float:right;
  231. }
  232.  
  233. #mediayear{
  234. float:left;
  235. }
  236.  
  237. #mediadesc{
  238. width:130px;
  239. padding:5px;
  240. height:90px; overflow-y: auto; overflow-x: yes scroll;
  241. }
  242.  
  243. #stars{
  244. width:130px;
  245. padding:5px;
  246. margin-top:5px;
  247. background-color:#f8f8f8;
  248. }
  249.  
  250. #stars img{
  251. width:10px;
  252. height:10px;
  253. }
  254.  
  255. #media:hover #mediainfo {
  256. opacity:1;
  257. -moz-transition-duration:.8s;
  258. -webkit-transition-duration:.8s;
  259. -o-transition-duration:.8s;
  260. }
  261.  
  262. #sideimage{
  263. width:200px;
  264. margin-top:-250px;
  265. margin-left:500px;
  266. }
  267.  
  268. #sideimage img{
  269. width:400px;
  270. margin-top:-250px;
  271. margin-left:500px;
  272. opacity:.9;
  273. }
  274.  
  275. #s-m-t-tooltip{
  276. font-size:8px;
  277. max-width:150px;
  278. line-height:8px;
  279. border-radius:3px;
  280. padding:5px 5px 2px 5px;
  281. margin:15px 0px 0px 10px;
  282. z-index:10;
  283. background:#fff;
  284. font-family:consolas;
  285. text-transform:uppercase;
  286. opacity:1;
  287. color:#aaa;
  288. border:1px solid #ddd;
  289. letter-spacing:1px;
  290. z-index:999999;
  291. }
  292.  
  293. </style></head><body>
  294.  
  295. <div id="content">
  296.  
  297. <!--------- BEGIN MOVIES BLOCK --------->
  298.  
  299. <div id="movies">
  300. <div id="title">movies <div style="float:right; padding-left:5px"><a title="movies watched and rewatched in 2014">✕</a></div></div>
  301. <div id="mediacontent">
  302.  
  303. <!--- BEGIN MEDIA BLOCK --->
  304.  
  305. <div id="media">
  306.  
  307. <!--- POSTER IMAGE --->
  308.  
  309. <img src="https://24.media.tumblr.com/f3470ff9467933087b9cc9865de153e9/tumblr_n3rz4sRVoO1t8spxao1_250.jpg">
  310.  
  311. <!--- MEDIA INFO --->
  312. <div id="mediainfo">
  313. <!--- MEDIA TITLE --->
  314. <div id="mediatitle">Captain America: The Winter Soldier</div>
  315. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  316. <div id="mediastuff">
  317. <div id="mediarating">Rated: PG-13</div>
  318. <div id="mediayear">(2014)</div>
  319. </div>
  320. <!--- MEDIA DESCRIPTION --->
  321. <div id="mediadesc">
  322. Steve Rogers struggles to embrace his role in the modern world and battles a new threat from old history: the Soviet agent known as the Winter Soldier.
  323. </div>
  324. <!--- MEDIA RATING
  325. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  326. --->
  327. <div id="stars">
  328. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  329.  
  330. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  331.  
  332. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  333.  
  334. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  335.  
  336. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  337.  
  338. </div></div></div>
  339.  
  340. <!--- END MEDIA BLOCK --->
  341.  
  342. <!--- BEGIN MEDIA BLOCK --->
  343.  
  344. <div id="media">
  345.  
  346. <!--- POSTER IMAGE --->
  347.  
  348. <img src="https://24.media.tumblr.com/64643905732d1a4359795d027e92bf04/tumblr_n4m76uCD0Z1t8spxao1_250.jpg">
  349.  
  350. <!--- MEDIA INFO --->
  351. <div id="mediainfo">
  352. <!--- MEDIA TITLE --->
  353. <a title="rewatched in 2014"><div id="mediatitle">The Avengers</div></a>
  354. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  355. <div id="mediastuff">
  356. <div id="mediarating">Rated: PG-13</div>
  357. <div id="mediayear">(2012)</div>
  358. </div>
  359. <!--- MEDIA DESCRIPTION --->
  360. <div id="mediadesc">
  361. Nick Fury of S.H.I.E.L.D. assembles a team of superheroes to save the planet from Loki and his army.
  362. </div>
  363. <!--- MEDIA RATING
  364. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  365. --->
  366. <div id="stars">
  367. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  368.  
  369. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  370.  
  371. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  372.  
  373. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  374.  
  375. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  376.  
  377. </div></div></div>
  378.  
  379. <!--- END MEDIA BLOCK --->
  380.  
  381. <!--- BEGIN MEDIA BLOCK --->
  382.  
  383. <div id="media">
  384.  
  385. <!--- POSTER IMAGE --->
  386.  
  387. <img src="https://24.media.tumblr.com/507dfa77d820c34129aa6fb4fa4fc6d5/tumblr_n253weblmW1t8spxao1_250.jpg">
  388.  
  389. <!--- MEDIA INFO --->
  390. <div id="mediainfo">
  391. <!--- MEDIA TITLE --->
  392. <div id="mediatitle">Little Miss Sunshine</div>
  393. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  394. <div id="mediastuff">
  395. <div id="mediarating">Rated: R</div>
  396. <div id="mediayear">(2006)</div>
  397. </div>
  398. <!--- MEDIA DESCRIPTION --->
  399. <div id="mediadesc">
  400. A family determined to get their young daughter into the finals of a beauty pageant take a cross-country trip in their VW bus.
  401. </div>
  402. <!--- MEDIA RATING
  403. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  404. --->
  405. <div id="stars">
  406. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  407.  
  408. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  409.  
  410. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  411.  
  412. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  413.  
  414. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  415.  
  416. </div></div></div>
  417.  
  418. <!--- END MEDIA BLOCK --->
  419.  
  420. <!--- BEGIN MEDIA BLOCK --->
  421.  
  422. <div id="media">
  423.  
  424. <!--- POSTER IMAGE --->
  425.  
  426. <img src="https://31.media.tumblr.com/adc07ab305bcd97cec7ffbc6b17a8cf7/tumblr_n4r8eiLuCY1t8spxao1_250.jpg">
  427.  
  428. <!--- MEDIA INFO --->
  429. <div id="mediainfo">
  430. <!--- MEDIA TITLE --->
  431. <div id="mediatitle">Moonrise Kingdom</div>
  432. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  433. <div id="mediastuff">
  434. <div id="mediarating">Rated: PG-13</div>
  435. <div id="mediayear">(2012)</div>
  436. </div>
  437. <!--- MEDIA DESCRIPTION --->
  438. <div id="mediadesc">
  439. A pair of young lovers flee their New England town, which causes a local search party to fan out and find them.
  440. </div>
  441. <!--- MEDIA RATING
  442. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  443. --->
  444. <div id="stars">
  445. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  446.  
  447. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  448.  
  449. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  450.  
  451. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  452.  
  453. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  454.  
  455. </div></div></div>
  456.  
  457. <!--- END MEDIA BLOCK --->
  458.  
  459.  
  460. <!--- BEGIN MEDIA BLOCK --->
  461.  
  462. <div id="media">
  463.  
  464. <!--- POSTER IMAGE --->
  465.  
  466. <img src="https://24.media.tumblr.com/268d282928beda09d9a1b74cbe153d6d/tumblr_n4i3edQdNn1t8spxao1_250.jpg">
  467.  
  468. <!--- MEDIA INFO --->
  469. <div id="mediainfo">
  470. <!--- MEDIA TITLE --->
  471. <div id="mediatitle">Blue is the Warmest Color</div>
  472. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  473. <div id="mediastuff">
  474. <div id="mediarating">Rated: NC-17</div>
  475. <div id="mediayear">(2013)</div>
  476. </div>
  477. <!--- MEDIA DESCRIPTION --->
  478. <div id="mediadesc">
  479. Adele's life is changed when she meets Emma, a young woman with blue hair, who will allow her to discover desire, to assert herself as a woman and as an adult. In front of others, Adele grows, seeks herself, loses herself and ultimately finds herself through love and loss.
  480. </div>
  481. <!--- MEDIA RATING
  482. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  483. --->
  484. <div id="stars">
  485. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  486.  
  487. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  488.  
  489. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  490.  
  491. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  492.  
  493. </div></div></div>
  494.  
  495. <!--- END MEDIA BLOCK --->
  496.  
  497. <!--- BEGIN MEDIA BLOCK --->
  498.  
  499. <div id="media">
  500.  
  501. <!--- POSTER IMAGE --->
  502.  
  503. <img src="https://31.media.tumblr.com/4a2a220c5605ac8e05fdb8f76d86281e/tumblr_n4m7a5OPNw1t8spxao1_250.jpg">
  504.  
  505. <!--- MEDIA INFO --->
  506. <div id="mediainfo">
  507. <!--- MEDIA TITLE --->
  508. <div id="mediatitle">Her</div>
  509. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  510. <div id="mediastuff">
  511. <div id="mediarating">Rated: R</div>
  512. <div id="mediayear">(2013)</div>
  513. </div>
  514. <!--- MEDIA DESCRIPTION --->
  515. <div id="mediadesc">
  516. A lonely writer develops an unlikely relationship with his newly purchased operating system that's designed to meet his every need.
  517. </div>
  518. <!--- MEDIA RATING
  519. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  520. --->
  521. <div id="stars">
  522. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  523.  
  524. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  525.  
  526. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  527.  
  528. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  529.  
  530. </div></div></div>
  531.  
  532. <!--- END MEDIA BLOCK --->
  533.  
  534. <!--- BEGIN MEDIA BLOCK --->
  535.  
  536. <div id="media">
  537.  
  538. <!--- POSTER IMAGE --->
  539.  
  540. <img src="https://24.media.tumblr.com/66be5912e961a205d2f289f87fac1c7b/tumblr_n1ibqdAo051t8spxao1_250.jpg">
  541.  
  542. <!--- MEDIA INFO --->
  543. <div id="mediainfo">
  544. <!--- MEDIA TITLE --->
  545. <a title="rewatched in 2014"><div id="mediatitle">Juno</div></a>
  546. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  547. <div id="mediastuff">
  548. <div id="mediarating">Rated: PG-13</div>
  549. <div id="mediayear">(2007)</div>
  550. </div>
  551. <!--- MEDIA DESCRIPTION --->
  552. <div id="mediadesc">
  553. Faced with an unplanned pregnancy, an offbeat young woman makes an unusual decision regarding her unborn child.
  554. </div>
  555. <!--- MEDIA RATING
  556. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  557. --->
  558. <div id="stars">
  559. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  560.  
  561. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  562.  
  563. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  564.  
  565. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  566.  
  567. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  568.  
  569. </div></div></div>
  570.  
  571. <!--- END MEDIA BLOCK --->
  572.  
  573. <!--- BEGIN MEDIA BLOCK --->
  574.  
  575. <div id="media">
  576.  
  577. <!--- POSTER IMAGE --->
  578.  
  579. <img src="https://31.media.tumblr.com/7f7d0087f6d8d40ecc59c9bdd502d901/tumblr_n1ibxjjleJ1t8spxao3_250.jpg">
  580.  
  581. <!--- MEDIA INFO --->
  582. <div id="mediainfo">
  583. <!--- MEDIA TITLE --->
  584. <div id="mediatitle">Bee Movie</div>
  585. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  586. <div id="mediastuff">
  587. <div id="mediarating">Rated: PG</div>
  588. <div id="mediayear">(2007)</div>
  589. </div>
  590. <!--- MEDIA DESCRIPTION --->
  591. <div id="mediadesc">
  592. Barry B. Benson, a bee just graduated from college, is disillusioned at his lone career choice: making honey. On a special trip outside the hive, Barry's life is saved by Vanessa, a florist in New York City. As their relationship blossoms, he discovers humans actually eat honey, and subsequently decides to sue them.
  593. </div>
  594. <!--- MEDIA RATING
  595. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  596. --->
  597. <div id="stars">
  598. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  599.  
  600. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  601.  
  602. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  603.  
  604. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  605.  
  606. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  607.  
  608. </div></div></div>
  609.  
  610. <!--- END MEDIA BLOCK --->
  611.  
  612. </div>
  613. </div>
  614.  
  615. <!--------- END MOVIES BLOCK --------->
  616.  
  617.  
  618.  
  619. <!--------- BEGIN TELEVISION BLOCK --------->
  620.  
  621. <div id="television">
  622. <div id="title">television <div style="float:right; padding-left:5px"><a title="tv shows watched before and during 2014">✕</a></div></div>
  623. <div id="mediacontent">
  624.  
  625. <!--- BEGIN MEDIA BLOCK --->
  626.  
  627. <div id="media">
  628.  
  629. <!--- POSTER IMAGE --->
  630.  
  631. <img src="https://31.media.tumblr.com/abe600e60610ad72eb86aa5d2342d440/tumblr_n1icgyLGuh1t8spxao6_500.jpg">
  632.  
  633. <!--- MEDIA INFO --->
  634. <div id="mediainfo">
  635. <!--- MEDIA TITLE --->
  636. <div id="mediatitle">Psych</div>
  637. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  638. <div id="mediastuff">
  639. <div id="mediarating">Rated: TV-PG</div>
  640. <div id="mediayear">(2006-2014)</div>
  641. </div>
  642. <!--- MEDIA DESCRIPTION --->
  643. <div id="mediadesc">
  644. A novice sleuth is hired by the police after he cons them into thinking he has psychic powers that help solve crimes. With this assistance of his reluctant best friend the duo take on a series of complicated cases.
  645. </div>
  646. <!--- MEDIA RATING
  647. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  648. --->
  649. <div id="stars">
  650. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  651.  
  652. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  653.  
  654. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  655.  
  656. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  657.  
  658. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  659.  
  660. </div></div></div>
  661.  
  662. <!--- END MEDIA BLOCK --->
  663.  
  664. <!--- BEGIN MEDIA BLOCK --->
  665.  
  666. <div id="media">
  667.  
  668. <!--- POSTER IMAGE --->
  669.  
  670. <img src="https://31.media.tumblr.com/ca9f8c9fbc1df7c9433858a66091731f/tumblr_n1id2ffgQB1t8spxao3_250.jpg">
  671.  
  672. <!--- MEDIA INFO --->
  673. <div id="mediainfo">
  674. <!--- MEDIA TITLE --->
  675. <div id="mediatitle">Chuck</div>
  676. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  677. <div id="mediastuff">
  678. <div id="mediarating">Rated: TV-PG</div>
  679. <div id="mediayear">(2007-2012)</div>
  680. </div>
  681. <!--- MEDIA DESCRIPTION --->
  682. <div id="mediadesc">
  683. When a twenty-something computer geek inadvertently downloads critical government secrets into his brain, CIA and NSA assign two agents to protect him and exploit such knowledge, turning his life upside down.
  684. </div>
  685. <!--- MEDIA RATING
  686. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  687. --->
  688. <div id="stars">
  689. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  690.  
  691. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  692.  
  693. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  694.  
  695. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  696.  
  697. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  698.  
  699. </div></div></div>
  700.  
  701. <!--- END MEDIA BLOCK --->
  702.  
  703. <!--- BEGIN MEDIA BLOCK --->
  704.  
  705. <div id="media">
  706.  
  707. <!--- POSTER IMAGE --->
  708.  
  709. <img src="https://31.media.tumblr.com/ebca0aabc184f57a21a63106c38bd92a/tumblr_n2e0gdmXYy1t8spxao1_250.jpg">
  710.  
  711. <!--- MEDIA INFO --->
  712. <div id="mediainfo">
  713. <!--- MEDIA TITLE --->
  714. <div id="mediatitle">Brooklyn Nine-Nine</div>
  715. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  716. <div id="mediastuff">
  717. <div id="mediarating">Rated: TV-14</div>
  718. <div id="mediayear">(2013- )</div>
  719. </div>
  720. <!--- MEDIA DESCRIPTION --->
  721. <div id="mediadesc">
  722. A diverse group of detectives solve crimes at the very edge of New York City.
  723. </div>
  724. <!--- MEDIA RATING
  725. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  726. --->
  727. <div id="stars">
  728. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  729.  
  730. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  731.  
  732. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  733.  
  734. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  735.  
  736. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  737.  
  738. </div></div></div>
  739.  
  740. <!--- END MEDIA BLOCK --->
  741.  
  742. <!--- BEGIN MEDIA BLOCK --->
  743.  
  744. <div id="media">
  745.  
  746. <!--- POSTER IMAGE --->
  747.  
  748. <img src="https://31.media.tumblr.com/2499b7b67a76a76a418c0e65b06229e3/tumblr_n2e0q3wH5P1t8spxao1_250.jpg">
  749.  
  750. <!--- MEDIA INFO --->
  751. <div id="mediainfo">
  752. <!--- MEDIA TITLE --->
  753. <div id="mediatitle">Parks and Recreation</div>
  754. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  755. <div id="mediastuff">
  756. <div id="mediarating">Rated: TV-PG</div>
  757. <div id="mediayear">(2009- )</div>
  758. </div>
  759. <!--- MEDIA DESCRIPTION --->
  760. <div id="mediadesc">
  761. The absurd antics of an Indiana town's public officials as they pursue sundry projects to make their city a better place.
  762. </div>
  763. <!--- MEDIA RATING
  764. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  765. --->
  766. <div id="stars">
  767. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  768.  
  769. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  770.  
  771. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  772.  
  773. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  774.  
  775. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  776.  
  777. </div></div></div>
  778.  
  779. <!--- END MEDIA BLOCK --->
  780.  
  781. <!--- BEGIN MEDIA BLOCK --->
  782.  
  783. <div id="media">
  784.  
  785. <!--- POSTER IMAGE --->
  786.  
  787. <img src="https://24.media.tumblr.com/4656a0c6a9d7d49daf23ded20b72d6a0/tumblr_n1id2ffgQB1t8spxao7_250.jpg">
  788.  
  789. <!--- MEDIA INFO --->
  790. <div id="mediainfo">
  791. <!--- MEDIA TITLE --->
  792. <div id="mediatitle">Bob's Burgers</div>
  793. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  794. <div id="mediastuff">
  795. <div id="mediarating">Rated: TV-PG</div>
  796. <div id="mediayear">(2011- )</div>
  797. </div>
  798. <!--- MEDIA DESCRIPTION --->
  799. <div id="mediadesc">
  800. Bob's Burgers centers on the Belcher family who own a hamburger restaurant. Bob's burgers are really delicious and appear to be better than his rivals' but when it comes to selling burgers, his kids aren't really helpful, as more customers head over to Jimmy Pesto's restaurant.
  801. </div>
  802. <!--- MEDIA RATING
  803. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  804. --->
  805. <div id="stars">
  806. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  807.  
  808. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  809.  
  810. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  811.  
  812. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  813.  
  814. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  815.  
  816. </div></div></div>
  817.  
  818. <!--- END MEDIA BLOCK --->
  819.  
  820. <!--- BEGIN MEDIA BLOCK --->
  821.  
  822. <div id="media">
  823.  
  824. <!--- POSTER IMAGE --->
  825.  
  826. <img src="https://31.media.tumblr.com/e9b37fd8d52a69fbcc44b46d323d3224/tumblr_n4r8rxQhIY1t8spxao1_500.jpg">
  827.  
  828. <!--- MEDIA INFO --->
  829. <div id="mediainfo">
  830. <!--- MEDIA TITLE --->
  831. <div id="mediatitle">Steven Universe</div>
  832. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  833. <div id="mediastuff">
  834. <div id="mediarating">Rated: TV-PG</div>
  835. <div id="mediayear">(2013- )</div>
  836. </div>
  837. <!--- MEDIA DESCRIPTION --->
  838. <div id="mediadesc">
  839. In Steven Universe, the world is protected from evil threats by the Crystal Gems, a group of intergalactic female warriors who use the power of special gem stones embedded on their bodies to summon magical weapons. The four Gems are Garnet, Amethyst, Pearl and Steven. Steven is a boy who inherited a gemstone from his mother, a Crystal Gem named Rose Quartz. As Steven tries to figure out the secrets to using his gem, he spends his days in Beach City doing activities with the other Crystal Gems, whether it's helping them save the universe or just hanging out.
  840. </div>
  841. <!--- MEDIA RATING
  842. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  843. --->
  844. <div id="stars">
  845. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  846.  
  847. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  848.  
  849. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  850.  
  851. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  852.  
  853. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  854.  
  855. </div></div></div>
  856.  
  857. <!--- END MEDIA BLOCK --->
  858. </div>
  859. </div>
  860. <!----------- END TELEVISION BLOCK ------------>
  861.  
  862.  
  863.  
  864. <!----------- BEGIN BOOKS BLOCK ------------>
  865. <div id="books">
  866. <div id="title">books <div style="float:right; padding-left:5px"><a title="books read in 2014">✕</a></div></div>
  867. <div id="mediacontent">
  868.  
  869. <!--- BEGIN MEDIA BLOCK --->
  870.  
  871. <div id="media">
  872.  
  873. <!--- POSTER IMAGE --->
  874.  
  875. <img src="https://31.media.tumblr.com/0572618ed232a1bb8c1077bd3a45e214/tumblr_n4tn3hDFIP1t8spxao1_250.jpg">
  876.  
  877. <!--- MEDIA INFO --->
  878. <div id="mediainfo">
  879. <!--- MEDIA TITLE --->
  880. <div id="mediatitle">Young Avengers: Style Over Substance</div>
  881. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  882. <div id="mediastuff">
  883. <div id="mediarating">Rated: T+</div>
  884. <div id="mediayear">(2013)</div>
  885. </div>
  886. <!--- MEDIA DESCRIPTION --->
  887. <div id="mediadesc">
  888. Legacy isn't a dirty word...but it's an irrelevant one. It's not important what our parents did. It matters what WE do. Someone has to save the world. You're someone. Do the math. As a figure from Loki's past emerges, Wiccan makes a horrible mistake that comes back to bite everyone on their communal posteriors. Fight scenes! Fake IDs! And plentiful feels! (aka "meaningful emotional character beats" for people who aren't on tumblr.) Young Avengers is as NOW! as the air in your lungs, and twice as vital. Hyperbole is the BEST! THING! EVER!
  889. </div>
  890. <!--- MEDIA RATING
  891. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  892. --->
  893. <div id="stars">
  894. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  895.  
  896. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  897.  
  898. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  899.  
  900. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  901.  
  902. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  903.  
  904. </div></div></div>
  905.  
  906. <!--- END MEDIA BLOCK --->
  907.  
  908. <!--- BEGIN MEDIA BLOCK --->
  909.  
  910. <div id="media">
  911.  
  912. <!--- POSTER IMAGE --->
  913.  
  914. <img src="https://31.media.tumblr.com/9504e275bb896e9396b691870026fa9e/tumblr_n4tnh73jtv1t8spxao1_400.jpg">
  915.  
  916. <!--- MEDIA INFO --->
  917. <div id="mediainfo">
  918. <!--- MEDIA TITLE --->
  919. <div id="mediatitle">Hawkeye: My Life as a Weapon </div>
  920. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  921. <div id="mediastuff">
  922. <div id="mediarating">Rated: T+</div>
  923. <div id="mediayear">(2013)</div>
  924. </div>
  925. <!--- MEDIA DESCRIPTION --->
  926. <div id="mediadesc">
  927. Clint Barton - aka the self-made hero Hawkeye - fights for justice! With ex-Young Avenger Kate Bishop by his side, he's out to prove himself as one of Earth's Mightiest Heroes! SHIELD recruits Clint to intercept a packet of incriminating evidence - before he becomes the most wanted man in the world. You won't believe what is on The Tape! What is the Vagabond Code? Matt Fraction pens a Hawkeye thriller that spans the globe...and the darkest parts of Hawkeye's mind. Barton and Bishop mean double the Hawkeye and double the trouble...and stealing from the rich never looked so good.
  928. </div>
  929. <!--- MEDIA RATING
  930. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  931. --->
  932. <div id="stars">
  933. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  934.  
  935. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  936.  
  937. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  938.  
  939. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  940.  
  941. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  942.  
  943. </div></div></div>
  944.  
  945. <!--- END MEDIA BLOCK --->
  946.  
  947. <!--- BEGIN MEDIA BLOCK --->
  948.  
  949. <div id="media">
  950.  
  951. <!--- POSTER IMAGE --->
  952.  
  953. <img src="https://31.media.tumblr.com/cd153b64a896f7ff5a8852798118ed94/tumblr_n4tnxsMoh21t8spxao1_250.jpg">
  954.  
  955. <!--- MEDIA INFO --->
  956. <div id="mediainfo">
  957. <!--- MEDIA TITLE --->
  958. <div id="mediatitle">Ms. Marvel #1</div>
  959. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  960. <div id="mediastuff">
  961. <div id="mediarating">Rated: T+</div>
  962. <div id="mediayear">(2014)</div>
  963. </div>
  964. <!--- MEDIA DESCRIPTION --->
  965. <div id="mediadesc">
  966. The legend has returned! Marvel Comics presents the all-new MS. MARVEL, the ground breaking heroine that has become an international sensation! Kamala Khan is just an ordinary girl from Jersey City--until she is suddenly empowered with extraordinary gifts. But who truly is the all-new Ms. Marvel? Teenager? Muslim? Inhuman? Find out as she takes the Marvel Universe by storm, and prepare for an epic tale that will be remembered by generations to come.
  967. </div>
  968. <!--- MEDIA RATING
  969. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  970. --->
  971. <div id="stars">
  972. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  973.  
  974. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  975.  
  976. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  977.  
  978. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  979.  
  980. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  981.  
  982. </div></div></div>
  983.  
  984. <!--- END MEDIA BLOCK --->
  985.  
  986. <!--- BEGIN MEDIA BLOCK --->
  987.  
  988. <div id="media">
  989.  
  990. <!--- POSTER IMAGE --->
  991.  
  992. <img src="https://31.media.tumblr.com/6c481e04c7498b8d6a4b8ec0c19ff0f0/tumblr_n4to153quL1t8spxao1_250.jpg">
  993.  
  994. <!--- MEDIA INFO --->
  995. <div id="mediainfo">
  996. <!--- MEDIA TITLE --->
  997. <div id="mediatitle">Loki Agent of Asgard #1</div>
  998. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  999. <div id="mediastuff">
  1000. <div id="mediarating">Rated: T+</div>
  1001. <div id="mediayear">(2014)</div>
  1002. </div>
  1003. <!--- MEDIA DESCRIPTION --->
  1004. <div id="mediadesc">
  1005. Old God - New Trickster! Kid Loki's all grown up - and the God of Mischief is stronger, smarter, sexier and just plain sneakier than ever before. As Asgardia's one-man secret service, he's ready to lie, cheat, steal, bluff and snog his way through the twistiest, turniest and most treacherous missions the All-Mother can throw at him... starting with a heart-stopping heist on Avengers Tower - and the death of Thor! And that's just the beginning! Would we lie to you? This is LOKI, true believer - we're lying to you RIGHT NOW!
  1006. </div>
  1007. <!--- MEDIA RATING
  1008. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  1009. --->
  1010. <div id="stars">
  1011. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1012.  
  1013. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1014.  
  1015. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1016.  
  1017. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1018.  
  1019. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1020.  
  1021. </div></div></div>
  1022.  
  1023. <!--- END MEDIA BLOCK --->
  1024.  
  1025. <!--- BEGIN MEDIA BLOCK --->
  1026.  
  1027. <div id="media">
  1028.  
  1029. <!--- POSTER IMAGE --->
  1030.  
  1031. <img src="https://24.media.tumblr.com/504eed27fb6214a3550048f06d2f26ea/tumblr_n4tnllN5Lz1t8spxao1_250.jpg">
  1032.  
  1033. <!--- MEDIA INFO --->
  1034. <div id="mediainfo">
  1035. <!--- MEDIA TITLE --->
  1036. <div id="mediatitle">X-Men Primer</div>
  1037. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  1038. <div id="mediastuff">
  1039. <div id="mediarating">Rated: T+</div>
  1040. <div id="mediayear">(2013)</div>
  1041. </div>
  1042. <!--- MEDIA DESCRIPTION --->
  1043. <div id="mediadesc">
  1044. An old enemy shows up at the X-Men's door, seeking asylum from an ancient evil come back to earth. Meanwhile, Jubilee has come home, and she's brought with her an orphaned baby who might hold the key to the earth's survival...or its destruction. Against a backdrop of what seems like an alien invasion and an eons-spanning war between brother and sister, Storm steps up and puts together a team to protect the child and stop a new threat that could destroy all life on earth!
  1045. </div>
  1046. <!--- MEDIA RATING
  1047. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  1048. --->
  1049. <div id="stars">
  1050. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1051.  
  1052. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1053.  
  1054. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1055.  
  1056. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1057.  
  1058. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1059.  
  1060. </div></div></div>
  1061.  
  1062. <!--- END MEDIA BLOCK --->
  1063.  
  1064. <!--- BEGIN MEDIA BLOCK --->
  1065.  
  1066. <div id="media">
  1067.  
  1068. <!--- POSTER IMAGE --->
  1069.  
  1070. <img src="https://24.media.tumblr.com/2615fc0387b18fa891939b08ad8cffb2/tumblr_n4tnrfkcgo1t8spxao1_250.jpg">
  1071.  
  1072. <!--- MEDIA INFO --->
  1073. <div id="mediainfo">
  1074. <!--- MEDIA TITLE --->
  1075. <div id="mediatitle">Wolverine and Jubilee</div>
  1076. <!--- MEDIA RATING (For Movies, Shows and Fanfiction) AND YEAR --->
  1077. <div id="mediastuff">
  1078. <div id="mediarating">Rated: T+</div>
  1079. <div id="mediayear">(2012)</div>
  1080. </div>
  1081. <!--- MEDIA DESCRIPTION --->
  1082. <div id="mediadesc">
  1083. For a loner, the mutant known as Wolverine sure has a lot of friends. Through the years, he's been a member of countless teams and alliances, but some of his relationships have been more tender in nature. He's had sidekicks of sorts in the likes of Kitty Pryde and X-23, and especially Jubilee. Finding a surrogate daughter in her, Wolverine has always tried to protect Jubilee from the dangerous life they lead. And now that she's fallen victim to a vampire's bite, she needs him more than ever - whether she likes it or not. As Jubilee spins out of control, Wolverine has dedicated himself to saving her humanity - but with her fate hanging in the balance, he may just have to kill a few people to stop her from doing the same. This time, protecting Jubilee may put them both in their graves!
  1084. </div>
  1085. <!--- MEDIA RATING
  1086. Use the stars to show how good you thought the movie/show/book was, give paste the code for the stars 1 through 5 times to display how much you enjoyed it.
  1087. --->
  1088. <div id="stars">
  1089. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1090.  
  1091. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1092.  
  1093. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1094.  
  1095. <img src="https://31.media.tumblr.com/ae61110f1d6fd4a3f3269edf52ddb65c/tumblr_n4tgf8ITfh1t8spxao1_500.png">
  1096.  
  1097. </div></div></div>
  1098.  
  1099. <!--- END MEDIA BLOCK --->
  1100.  
  1101. </div>
  1102. </div>
  1103. <!----------- END BOOKS BLOCK ------------>
  1104.  
  1105.  
  1106.  
  1107. <!----------- BEGIN DESCRIPTION BLOCK ------------>
  1108. <div id="desc">
  1109.  
  1110. <div id="title">media page <div style="float:right; padding-left:5px"><a title="description of all content and links">✕</a></div></div>
  1111.  
  1112. <div id="about">
  1113.  
  1114. Hello, this is my media page where you will find lists of all of the movies, television shows and comic books I have enjoyed this year. The list will keep updating throughout the year, but eventually I am going to run out of things to watch and read so please feel free to give me recommendations.
  1115. <br><br>
  1116. All media is rated on a scale of one to five stars.
  1117. </div>
  1118.  
  1119. <div id="links">
  1120.  
  1121. <a href="/" title="home">index</a>
  1122. <a href="/ask" title="message">contact</a>
  1123. <a href="/archive" title="archive">data</a>
  1124. <a href="http://jimothykirk.tumblr.com/" title="jimothykirk">credit</a>
  1125. </div>
  1126. </div>
  1127. <!----------- END DESCRIPTION BLOCK ------------>
  1128.  
  1129. </div>
  1130.  
  1131. <div id="sideimage">
  1132. <img src="http://static.tumblr.com/7c4ee9b83933ffd3499a2ad94be568b9/h5j4mut/JRgn4ncoc/tumblr_static_b9of49jk5qo8wcw0gkswkko8g.png">
  1133. </div>
  1134.  
  1135.  
  1136. </body></html>
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!