API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 30th, 2015
276
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.49 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=75ff60d174af47d7ea271d82d4fe1151"></script>
  4. <!DOCTYPE html>
  5. <!-- - - - - - - - - - - - - - - - - - - - - - - -
  6.  
  7. Theme name: Candice Tumblr Theme v1.1
  8. Theme Author: Artistic Influence
  9. Author URL: [http://artistic-influence.tumblr.com/]
  10.  
  11. - - - - - - - - - - - - - - - - - - - - - - - -->
  12. <html
  13. lang="en">
  14.  
  15.  
  16. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  17. <meta charset="utf-8">
  18. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  19. <meta name="viewport" content="width=device-width,user-scalable=false">
  20.  
  21. <title>Crazy Eye</title>
  22. <meta name="author" content="Crazy Eye">
  23.  
  24.  
  25. <meta name="description" content="Analog Photography">
  26.  
  27.  
  28. <style type="text/css">figure {margin: 0;}</style>
  29. <link rel="shortcut icon" href="http://38.media.tumblr.com/avatar_2eb1d505f9b1_128.png">
  30. <link rel="apple-touch-icon" href="http://38.media.tumblr.com/avatar_2eb1d505f9b1_128.png">
  31. <link rel="alternate" type="application/rss+xml" href="http://crazyeyephotography.tumblr.com/rss">
  32.  
  33.  
  34. <!--If Options-->
  35. <meta name="if:Infinite Scroll" content="1">
  36. <meta name="if:Tile Grid Boxed" content="1">
  37. <meta name="if:Gutter Between Tiles" content="1">
  38. <meta name="if:Tile Grid Disable Background Color" content="1">
  39. <meta name="if:Tile Heading Letter Spaces" content="1">
  40. <meta name="if:Tile Heading Uppercase" content="1">
  41. <meta name="if:Show Menu Pages" content="1">
  42. <meta name="if:Show Menu Search" content="1">
  43. <meta name="if:Show Video And Photo Tile Caption" content="1">
  44. <meta name="if:Show Video And Photo Tile Post Type" content="1">
  45. <meta name="if:Show Text And Audio Tile Post Type" content="1">
  46. <meta name="if:Header Background Image Repeat" content="0">
  47. <meta name="if:Post And Page Background Image Repeat" content="0">
  48. <meta name="if:Circle Menu Avatar" content="0">
  49. <meta name="if:Circle Header Logo" content="0">
  50. <meta name="if:Larger Header Logo" content="0">
  51. <meta name="if:Border Header Logo" content="0">
  52. <meta name="if:Header Title Letter Spaces" content="1">
  53. <meta name="if:Hide Header Text Divider" content="0">
  54. <meta name="if:Stack Header Logo And Text" content="0">
  55. <meta name="if:Post Page Show Author" content="1">
  56. <meta name="if:Post Page Show Tags" content="1">
  57. <meta name="if:Post Page Show Notes" content="1">
  58. <meta name="if:Post Page Show Disqus" content="1">
  59. <meta name="if:Post Page Show Date" content="1">
  60. <meta name="if:Post Page Show Social Sharing" content="1">
  61. <meta name="if:Show Social Links" content="1">
  62. <meta name="if:Colored Social Links" content="0">
  63. <meta name="if:Show RSS" content="0">
  64. <meta name="if:Enable Twitter Feed" content="0">
  65. <meta name="if:Menu Text Widget" content="0">
  66.  
  67. <!--Images-->
  68. <meta name="image:Header Background Image 1920x1080px" content="">
  69. <meta name="image:Post And Page Background Image 1920x1080px" content="">
  70. <meta name="image:Header Logo 500x500px" content="">
  71.  
  72. <!--colors-->
  73. <meta name="color:Body Text Color" content="#000000">
  74. <meta name="color:Text Color Text And Audio Tiles" content="#000000">
  75. <meta name="color:Text Color Photo And Video Tiles" content="#ffffff">
  76. <meta name="color:Tile Grid Background Color" content="#000000">
  77. <meta name="color:Tile Background Color Text And Audio Tiles" content="#ffffff">
  78. <meta name="color:Menu Button Color" content="#ffffff">
  79. <meta name="color:Menu Text Color" content="#000000">
  80. <meta name="color:Menu Divider Color" content="#000000">
  81. <meta name="color:Menu Background Color" content="#ffffff">
  82. <meta name="color:Header Profile Text Color" content="#ffffff">
  83. <meta name="color:Header Background Color" content="#000000">
  84. <meta name="color:Header Logo Border Color" content="#ffffff">
  85. <meta name="color:Front Page Background Color Displayed on Devices" content="#000000">
  86. <meta name="color:Post And Page Background Color" content="#eeeeee">
  87. <meta name="color:Post And Page Content Background Color" content="#ffffff">
  88. <meta name="color:Post And Page Link Text Color" content="#aaaaaa">
  89. <meta name="color:Pagination Bar Text Color" content="#000000">
  90. <meta name="color:Pagination Bar Background Color" content="#ffffff">
  91. <meta name="color:Pagination Bar Hover Text Color" content="#ffffff">
  92. <meta name="color:Post Page Pagination Text Color" content="#000000">
  93. <meta name="color:Footer Text Color" content="#ffffff">
  94. <meta name="color:Footer Background Color" content="#000000">
  95.  
  96. <!--Tumblr Fonts-->
  97. <meta name="font:Tile Font" content="">
  98. <meta name="font:Body Font" content="">
  99.  
  100. <!--Customizable Elements-->
  101. <meta name="text:Menu Home Label" content="Home">
  102. <meta name="text:Menu Ask Label" content="Ask me anything">
  103. <meta name="text:Menu Submit Post Label" content="Submit a post">
  104. <meta name="text:Menu Archive Label" content="Archive">
  105. <meta name="text:Menu Send Email Label" content="Send me an email">
  106. <meta name="text:Menu Contact Email" content="example@example.com">
  107. <meta name="text:Header Website URL" content="www.website.com">
  108. <meta name="text:Twitter Feed Title" content="Latest Tweets">
  109. <meta name="text:Instagram ID" content="">
  110. <meta name="text:Instagram Token" content="">
  111. <meta name="text:Copyright Text" content="Copyright 2015">
  112. <meta name="text:Menu Text Widget Title" content="">
  113. <meta name="text:Menu Text Widget Text" content="">
  114. <meta name="text:Footer Message" content="Your Footer Message">
  115. <meta name="text:Google Analytics ID" content="">
  116. <meta name="text:Google Font Body" content="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700">
  117. <meta name="text:Body Font Name" content="''PT Sans Narrow'', sans-serif">
  118. <meta name="text:Google Font Tile" content="">
  119. <meta name="text:Tile Font Name" content="">
  120. <meta name="text:Google Font Header Title" content="">
  121. <meta name="text:Header Title Font Name" content="">
  122. <meta name="text:Heading Font Weight" content="200">
  123. <meta name="text:Body Font Weight" content="200">
  124. <meta name="text:Header Title Font Weight" content="300">
  125. <meta name="text:Tile Post Heading Font Weight" content="200">
  126. <meta name="text:Header Description Font Weight" content="200">
  127. <meta name="text:Header Font Size" content="3.2rem">
  128. <meta name="text:Header Description Font Size" content="1.6rem">
  129.  
  130. <!--Disqus, RSS & Social Network Usernames-->
  131. <meta name="text:Disqus Shortname" content="">
  132. <meta name="text:Facebook Username" content="">
  133. <meta name="text:Twitter Username" content="">
  134. <meta name="text:Google Plus Username" content="">
  135. <meta name="text:Instagram Username" content="">
  136. <meta name="text:VK Username" content="">
  137. <meta name="text:Youtube Username" content="">
  138. <meta name="text:Vimeo Username" content="">
  139. <meta name="text:Flickr Username" content="">
  140. <meta name="text:Dribbble Username" content="">
  141. <meta name="text:DeviantArt Username" content="">
  142. <meta name="text:SoundCloud Username" content="">
  143. <meta name="text:LinkedIn Username" content="">
  144. <meta name="text:Pinterest Username" content="">
  145. <meta name="text:Spotify Username" content="">
  146. <meta name="text:StumbleUpon Username" content="">
  147. <meta name="text:Behance Username" content="">
  148. <meta name="text:Vine Username" content="">
  149.  
  150. <!--Links-->
  151. <link rel="stylesheet" href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' type='text/css'>
  152.  
  153.  
  154. <link rel="stylesheet" href='Futura' type='text/css'>
  155.  
  156.  
  157. <!--External Stylesheets-->
  158. <link rel="stylesheet" href="http://static.tumblr.com/cmghtlm/wXHnkcwbt/styles.min.css">
  159. <link rel="stylesheet" href="http://static.tumblr.com/cmghtlm/n6enj2o9x/font-awesome.min.css">
  160.  
  161. <style type="text/css">
  162.  
  163.  
  164. /*-----------------------------
  165. Start CSS
  166. -----------------------------*/
  167. html {
  168. font-size: 10px;
  169. }
  170. body {
  171. font-family: Futura, 'Avalon', sans-serif;
  172. background-color: #000000;
  173. }
  174. .single-page {
  175. background-color: #eeeeee;
  176. }
  177. .header-underlay {
  178. background-color: #000000;
  179. }
  180. html, body {
  181. height: 100%;
  182. }
  183.  
  184.  
  185. /*-----------------------------
  186. Fonts
  187. -----------------------------*/
  188. h1, h2, h3, h4, h5, h6 {
  189. font-weight: 200;
  190. }
  191. .tile-text-wrapper h1, .tile-text-wrapper h2, .tile-text-wrapper h3, .tile-text-wrapper h4 {
  192. font-weight: 200
  193. }
  194. p, a, i, em, blockquote, small, .single-content ul>li, .tile-title.photo p, .single-caption p, .single-caption a {
  195. font-weight: 200;
  196. }
  197. body {
  198. color: #000000;
  199. }
  200. body a {
  201. color: #aaaaaa;
  202. }
  203. .tile-text-wrapper.text, .tile-text-wrapper.text a, .tile-text-wrapper.audio, .tile-text-wrapper.audio a {
  204. color: #000000;
  205. }
  206. .tile-text-wrapper.photo, .tile-text-wrapper.photo a {
  207. color: #ffffff;
  208. }
  209. .profile-text-wrapper, .profile-text-wrapper a, .profile-text-wrapper i, #infscr-loading {
  210. color: #ffffff;
  211. }
  212. .profile-text-wrapper {
  213. border-left: 2px solid #ffffff;
  214. }
  215. .pagi-bar a {
  216. color: #000000;
  217. }
  218. .pagi-bar a:hover {
  219. color: #ffffff;
  220. opacity: 1;
  221. }
  222. .perma-pagi-bar, .perma-pagi-bar a {
  223. color: #000000;
  224. }
  225.  
  226. .tile-text-wrapper h1, .tile-text-wrapper h2, .tile-text-wrapper h3, .tile-text-wrapper h4 {
  227. letter-spacing: 1rem;
  228. }
  229.  
  230.  
  231. .tile-text-wrapper h1, .tile-text-wrapper h2, .tile-text-wrapper h3, .tile-text-wrapper h4 {
  232. text-transform: uppercase;
  233. }
  234.  
  235.  
  236. .prof-title {
  237. letter-spacing: 1rem;
  238. }
  239.  
  240.  
  241. /*-----------------------------
  242. Off-Canvas Menu
  243. -----------------------------*/
  244. .left-off-canvas-toggle i {
  245. color: #ffffff;
  246. border: 1px solid #ffffff;
  247. }
  248. .left-off-canvas-menu {
  249. background-color: #ffffff;
  250. }
  251. #menu-items li a, .menu-message {
  252. color: #000000;
  253. }
  254. #search-input {
  255. font-family: Futura;
  256. }
  257. .menu-divider {
  258. border-bottom: 1px solid #000000;
  259. }
  260. .prof-avatar img {
  261.  
  262. -webkit-border-radius: 50%;
  263. -moz-border-radius: 50%;
  264. border-radius: 50%;
  265.  
  266.  
  267. overflow: hidden;
  268. }
  269.  
  270.  
  271. /*-----------------------------
  272. Index Page
  273. -----------------------------*/
  274.  
  275. .header-pos {
  276. background-image: url('http://static.tumblr.com/dc5b4b34b420e4ca9eee4034387d8bb4/drrzeki/fPknm1m9f/tumblr_static_742kuxt9cxcskscso8c4kg4g8.png');
  277. }
  278. .header-underlay {
  279. background-color: #000!important;
  280. }
  281.  
  282.  
  283.  
  284.  
  285.  
  286. .logo {
  287. -webkit-border-radius: 50%;
  288. -moz-border-radius: 50%;
  289. border-radius: 50%;
  290. }
  291.  
  292.  
  293. .logo {
  294. border: 3px solid #ffffff;
  295. }
  296.  
  297. .prof-title {
  298. font-family: Futura, 'Arquitecta', sans-serif;
  299. font-weight: 300;
  300. font-size: 3.2rem;
  301. }
  302. .prof-description {
  303. font-weight: 200;
  304. font-size: 1.6rem;
  305. }
  306. .tile-grid {
  307. background-color: #000000;
  308.  
  309. background-color: transparent;
  310.  
  311. }
  312. .tile-wrapper, .social-feed {
  313. font-family: '1785 GLC Baskerville', serif;
  314. }
  315. .tile-background.text, .tile-background.audio, .social-feed.twtr, .tile-text-wrapper.text {
  316. background-color: #ffffff;
  317. }
  318.  
  319.  
  320. /*-----------------------------
  321. Social Links
  322. -----------------------------*/
  323. .social-networks i {
  324. background-image: url('http://static.tumblr.com/cmghtlm/WUMnhqrvy/white-bordered-n.png');;
  325. }
  326.  
  327.  
  328. /*-----------------------------
  329. Permalink Pages
  330. -----------------------------*/
  331.  
  332.  
  333. .single-wrapper {
  334. background-color: #ffffff;
  335. }
  336.  
  337.  
  338. /*-----------------------------
  339. Search and Tag page
  340. -----------------------------*/
  341.  
  342.  
  343.  
  344.  
  345. /*-----------------------------
  346. footer
  347. -----------------------------*/
  348. .bottom-footer {
  349. background-color: #000000;
  350. }
  351. .bottom-footer, .bottom-footer a, .back-to-top a {
  352. color: #ffffff;
  353. }
  354.  
  355.  
  356. /*-----------------------------
  357. Pagination
  358. -----------------------------*/
  359. .pagi-bar {
  360. border: 2px solid #ffffff;
  361. background-color: #ffffff;
  362. }
  363. .pagi-bar:hover {
  364. background-color: transparent;
  365. }
  366.  
  367. /*-----------------------------
  368. Gutter and Boxed styles
  369. -----------------------------*/
  370.  
  371. #instagram li {
  372. margin: -0.02%;
  373. }
  374. .tile-post, .social-feed, .social-feed.instagram {
  375. width: 99.5%;
  376. margin: .25%;
  377. }
  378. .social-feed.instagram {
  379. padding-bottom: 38%;
  380. }
  381. .tile-grid {
  382. width: 100%;
  383. padding: .2%;
  384. }
  385.  
  386.  
  387. .tile-grid {
  388. width: 80%;
  389. margin-right: auto;
  390. margin-left: auto;
  391. }
  392. .tile-text-wrapper.text {
  393. padding: 125px 15% 125px 15%;
  394. }
  395. .tile-background .full-width-photoset {
  396. width: 62%;
  397. }
  398. .tile-video-wrapper iframe {
  399. height: 44vw;
  400. }
  401. .bandcamp_audio_player {
  402. height: 52vw;
  403. }
  404. .spotify_audio_player, .soundcloud_audio_player {
  405. height: 40vw;
  406. }
  407. .pagi-bar-wrapper {
  408. width: 80%;
  409. }
  410. #instagram li {
  411. width: 20.02999999%;
  412. height: 50.6%;
  413. }
  414.  
  415.  
  416.  
  417. /*-----------------------------
  418. Media Queries
  419. -----------------------------*/
  420. /*
  421. 2 column grid 1220px max viewport width
  422. */
  423. @media only screen and (max-width: 1220px) {
  424. #instagram li {
  425. width: 20%;
  426. height: 50.5%;
  427. margin: 0;
  428. }
  429.  
  430. .bandcamp_audio_player {
  431. height: 50vw;
  432. }
  433. .tile-grid {
  434. width: 80%;
  435. }
  436.  
  437.  
  438. }
  439. /*
  440. 1 column grid 768px max viewport width
  441. */
  442. @media only screen and (max-width: 768px) {
  443.  
  444. .tile-grid {
  445. width: 100%;
  446. }
  447.  
  448.  
  449. .bandcamp_audio_player {
  450. height: 40vw;
  451. }
  452. .tile-grid {
  453. width: 80%;
  454. margin-top: 10%;
  455. }
  456.  
  457.  
  458. .profile-text-wrapper {
  459. height: auto;
  460. border: 0;
  461. }
  462. .pagi-bar:hover {
  463. border: 2px solid #ffffff;
  464. background-color: #ffffff;
  465. }
  466. .pagi-bar a:hover {
  467. color: #000000;
  468. }
  469. }
  470. /*
  471. Mobile/Cell devices 320px - 736px
  472. */
  473. @media only screen and (min-device-width: 320px) and (max-device-width: 736px) {
  474.  
  475. .tile-text-wrapper.text {
  476. padding: 125px 5%;
  477. }
  478.  
  479. .tile-text-wrapper h1, .tile-text-wrapper h2, .tile-text-wrapper h3, .tile-text-wrapper h4 {
  480. letter-spacing: .2rem;
  481. }
  482.  
  483. }
  484.  
  485.  
  486. </style>
  487.  
  488. <link rel="alternate" href="android-app://com.tumblr/tumblr/x-callback-url/blog?blogName=crazyeyephotography" />
  489. <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=129874daf82ea8718007ffa601fae0cb"></script>
  490. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1"><link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/1785glcbaskerville/stylesheet.css?v=1"><link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/arquitecta/stylesheet.css?v=3">
  491. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  492.  
  493. <!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS --><!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. --><!-- Read more: http://ogp.me/ --><meta property="fb:app_id" content="48119224995" /><meta property="og:title" content="Crazy Eye" /><meta property="og:url" content="http://crazyeyephotography.tumblr.com/?og=1" /><meta property="og:description" content="Analog Photography" /><meta property="og:type" content="tumblr-feed:tumblelog" /><meta property="og:image" content="http://38.media.tumblr.com/avatar_2eb1d505f9b1_128.png" /><meta property="al:ios:url" content="tumblr://x-callback-url/blog?blogName=crazyeyephotography" /><meta property="al:ios:app_name" content="Tumblr" /><meta property="al:ios:app_store_id" content="305343404" /><meta property="al:android:url" content="tumblr://x-callback-url/blog?blogName=crazyeyephotography" /><meta property="al:android:app_name" content="Tumblr" /><meta property="al:android:package" content="com.tumblr" /><!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->
  494.  
  495.  
  496. <!-- TWITTER TAGS --><meta charset="utf-8"><meta name="twitter:site" content="tumblr" /><meta name="twitter:card" content="summary" /><meta name="twitter:title" content="crazyeyephotography" /><meta name="twitter:description" content="Analog Photography" /><meta name="twitter:app:name:iphone" content="Tumblr" /><meta name="twitter:app:name:ipad" content="Tumblr" /><meta name="twitter:app:name:googleplay" content="Tumblr" /><meta name="twitter:app:id:iphone" content="305343404" /><meta name="twitter:app:id:ipad" content="305343404" /><meta name="twitter:app:id:googleplay" content="com.tumblr" /><meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=crazyeyephotography&amp;referrer=twitter-cards" /><meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=crazyeyephotography&amp;referrer=twitter-cards" /><meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=crazyeyephotography&amp;referrer=twitter-cards" />
  497.  
  498. </head>
  499.  
  500. <body>
  501. <div class="off-canvas-wrap" data-offcanvas>
  502. <div class="inner-wrap">
  503.  
  504. <a class="left-off-canvas-toggle"><i class="fa fa-bars"></i></a>
  505.  
  506. <!-- Off Canvas Menu -->
  507. <aside class="left-off-canvas-menu">
  508. <div class="menu-content">
  509.  
  510. <div class="prof-avatar">
  511. <img src="http://38.media.tumblr.com/avatar_2eb1d505f9b1_128.png" alt="blog avatar"/>
  512. </div>
  513.  
  514. <div class="menu-message">
  515. <h3>Crazy Eye</h3>
  516. <p>Analog Photography</p>
  517. </div>
  518. <nav class="menu-navi">
  519.  
  520. <div class="menu-divider"></div>
  521.  
  522. <ul id="menu-items">
  523. <li><a href="http://crazyeyephotography.tumblr.com/">Home</a></li>
  524.  
  525.  
  526.  
  527. <li><a href="/ask">About Us</a></li>
  528.  
  529. <li><a href="/ask">Ask Us</a></li>
  530.  
  531.  
  532.  
  533.  
  534. <li><a href="/archive">Archive</a></li>
  535.  
  536.  
  537. <li><a href="mailto:crazy.eye2015@gmail.com">Contact Us</a></li>
  538.  
  539. </ul>
  540.  
  541. <div class="menu-divider"></div>
  542.  
  543.  
  544. <div id="search-box">
  545. <form action="/search" method="get" class="nav-search" name="searchform">
  546. <input type="text" name="q" value="" id="search-input" placeholder="Search..."/>
  547. <i class="fa fa-search"></i>
  548. </form>
  549. </div>
  550.  
  551.  
  552. </nav>
  553. </div>
  554. </aside>
  555.  
  556. <div class="social-wrapper">
  557.  
  558. <ul class="social-networks">
  559.  
  560.  
  561.  
  562.  
  563.  
  564.  
  565.  
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577. </ul>
  578.  
  579. </div>
  580.  
  581. <main>
  582.  
  583. <!-----Header----->
  584. <section class="header">
  585. <div class="header-container">
  586. <div class="header-underlay">
  587. <div class="header-pos">
  588. </div>
  589. </div>
  590.  
  591.  
  592. <div class=" profile">
  593.  
  594. <div class="profile-text-wrapper">
  595.  
  596. <h1 class="prof-title">Crazy Eye</h1>
  597.  
  598.  
  599. <p class="prof-description">Analog Photography</p>
  600.  
  601.  
  602. </div>
  603. </div>
  604. </div>
  605. </section>
  606. <!--tile Grid-->
  607. <section>
  608. <div class="tile-grid">
  609.  
  610.  
  611.  
  612. <article class="tile-post photo ">
  613.  
  614.  
  615. <div class="tile-wrapper photo">
  616. <a href="http://crazyeyephotography.tumblr.com/post/114977302424/the-beginning" title="Permalink for this post" class="tile-link">
  617. <div class="tile-background" style="background-image: url('http://40.media.tumblr.com/12d2fc4af0b0ba42478c48acfa35c852/tumblr_nlzxcnUsly1urvv5ho1_1280.png');">
  618. <img src="http://40.media.tumblr.com/12d2fc4af0b0ba42478c48acfa35c852/tumblr_nlzxcnUsly1urvv5ho1_1280.png" />
  619. </div>
  620. </a>
  621. <div class="tile-text-wrapper photo">
  622.  
  623. <a class="tile-title photo" href="http://crazyeyephotography.tumblr.com/post/114977302424/the-beginning"><p>THE BEGINNING </p></a>
  624.  
  625.  
  626. <ul class="t-share-buttons">
  627. <li><a href="https://www.tumblr.com/reblog/114977302424/mtANPrYx" class="reblog_button"style="display: block;width:20px;height:20px;"><svg width="100%" height="100%" viewBox="0 0 21 21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><path d="M5.01092527,5.99908429 L16.0088498,5.99908429 L16.136,9.508 L20.836,4.752 L16.136,0.083 L16.1360004,3.01110845 L2.09985349,3.01110845 C1.50585349,3.01110845 0.979248041,3.44726568 0.979248041,4.45007306 L0.979248041,10.9999998 L3.98376463,8.30993634 L3.98376463,6.89801007 C3.98376463,6.20867902 4.71892527,5.99908429 5.01092527,5.99908429 Z"></path><path d="M17.1420002,13.2800293 C17.1420002,13.5720293 17.022957,14.0490723 16.730957,14.0490723 L4.92919922,14.0490723 L4.92919922,11 L0.5,15.806 L4.92919922,20.5103758 L5.00469971,16.9990234 L18.9700928,16.9990234 C19.5640928,16.9990234 19.9453125,16.4010001 19.9453125,15.8060001 L19.9453125,9.5324707 L17.142,12.203"></path></svg></a></li>
  628. <li><div class="like_button" data-post-id="114977302424" id="like_button_114977302424"><iframe id="like_iframe_114977302424" src="http://assets.tumblr.com/assets/html/like_iframe.html?_v=1af0c0fbf0ad9b4dc38445698d099106#name=crazyeyephotography&amp;post_id=114977302424&amp;rk=mtANPrYx" scrolling="no" width="20" height="20" frameborder="0" class="like_toggle" allowTransparency="true"></iframe></div></li>
  629. </ul>
  630.  
  631. </div>
  632. </div>
  633.  
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642. </article>
  643.  
  644. </div>
  645.  
  646. </section>
  647.  
  648.  
  649.  
  650. </main>
  651.  
  652. <footer class="bottom-footer">
  653. <p class="footer-message">#staybrokeshootfilm</p>
  654. <p class="copyright">Copyright 2015</p>
  655. <a class="back-to-top" href='#'><i class="fa fa-angle-up"></i></a>
  656. <a href="http://artistic-influence.tumblr.com/" target="_blank" class="creation">Creation by Artistic Influence</a>
  657. </footer>
  658.  
  659. <!-- close the off-canvas menu -->
  660. <a class="exit-off-canvas"></a>
  661.  
  662. </div>
  663. </div>
  664. <script src="http://static.tumblr.com/vppzax2/9rknjy0ic/jquery.js"></script>
  665. <script src="http://static.tumblr.com/vppzax2/Sftnjyn7k/jquery.infinitescroll.min.js"></script>
  666. <script src="http://static.tumblr.com/cmghtlm/HQbniayh6/jqinstapics.min.js"></script>
  667. <script src="http://static.tumblr.com/vppzax2/MhHnjy0gi/foundation.min.js"></script>
  668.  
  669. <script>
  670. $(document).foundation();
  671.  
  672. //Instagram Feed
  673.  
  674.  
  675. //infinite scroll
  676.  
  677. (function () {
  678. var $tilegrid = $('.tile-grid');
  679. $tilegrid.infinitescroll({
  680. navSelector: ".pagi-bar",
  681. nextSelector: ".btn-pagi.next a",
  682. itemSelector: ".tile-post",
  683. loading: {
  684. finishedMsg: 'No more posts',
  685. img: 'http://static.tumblr.com/cmghtlm/zWPnh0xhe/ajax-loader.gif',
  686. msgText: ''
  687. }
  688. },
  689. function (newElements) {
  690. var $newElems = $(newElements).css({
  691. opacity: 1
  692. });
  693. resizePhotosets();
  694. });
  695. })();
  696.  
  697.  
  698.  
  699.  
  700. //Responsive Photoset
  701. function resizePhotosets(){
  702. var parentWidth = document.body.querySelector('.html_photoset').offsetWidth;
  703. var photosets = document.body.querySelectorAll('iframe.photoset');
  704. for(var i = 0; i < photosets.length; ++i){
  705. var photoset = photosets[i];
  706. photoset.width = parentWidth;
  707. }
  708. }
  709. window.onload = resizePhotosets;
  710. window.onresize = resizePhotosets;
  711.  
  712. //Search Form enter to submit
  713. function send() {
  714. document.searchform.submit()
  715. }
  716.  
  717. //Disqus Comments
  718. var disqus_shortname = '';
  719. var disqus_url = '';
  720.  
  721. (function() {
  722. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  723. dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
  724. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  725. })();
  726.  
  727.  
  728. //Back to top button
  729. $(document).ready(function(){
  730. //Click event to scroll to top
  731. $('.back-to-top').click(function(){
  732. $('html, body').animate({scrollTop : 0},800);
  733. return false;
  734. });
  735.  
  736. });
  737.  
  738. </script>
  739.  
  740.  
  741.  
  742. <!-- BEGIN TUMBLR CODE --><iframe scrolling="no" width="1" height="1" frameborder="0" style="background-color:transparent; overflow:hidden; position:absolute; top:0; left:0; z-index:9999;" id="ga_target"></iframe><script type="text/javascript">
  743. (function(){
  744. var analytics_frame = document.getElementById('ga_target');
  745. var analytics_iframe_loaded;
  746. var user_logged_in;
  747. var blog_is_nsfw = 'No';
  748. var addthis_enabled = false;
  749.  
  750. var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
  751. var eventer = window[eventMethod];
  752. var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
  753. eventer(messageEvent,function(e) {
  754. var message = (e.data && e.data.split) ? e.data.split(';') : '';
  755. switch (message[0]) {
  756. case 'analytics_iframe_loaded':
  757. analytics_iframe_loaded = true;
  758. postCSMessage();
  759. postGAMessage();
  760. postATMessage();
  761. break;
  762. case 'user_logged_in':
  763. user_logged_in = message[1];
  764. postGAMessage();
  765. postATMessage();
  766. break;
  767. }
  768. }, false);
  769.  
  770. analytics_frame.src = "https://secure.assets.tumblr.com/analytics.html?cd0bd711bd372599001af51ceb2e0aaf#" +
  771. "http://crazyeyephotography.tumblr.com";
  772. function postGAMessage() {
  773. if (analytics_iframe_loaded && user_logged_in) {
  774. var is_ajax = false;
  775. analytics_frame.contentWindow.postMessage(['tick_google_analytics', is_ajax, user_logged_in, blog_is_nsfw, '/?route=%2F'].join(';'), analytics_frame.src.split('/analytics.html')[0]);
  776. }
  777. }
  778. function postCSMessage() {
  779. COMSCORE = true;
  780. analytics_frame.contentWindow.postMessage('enable_comscore;' + window.location, analytics_frame.src.split('/analytics.html')[0]);
  781. }
  782. function postATMessage() {
  783. if (addthis_enabled && analytics_iframe_loaded) {
  784. analytics_frame.contentWindow.postMessage('enable_addthis', analytics_frame.src.split('/analytics.html')[0]);
  785. }
  786. }
  787. })();
  788. </script><script type="text/javascript">!function(s){s.src='https://www.tumblr.com/impixu?T=1427771684&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvY3JhenlleWVwaG90b2dyYXBoeS50dW1ibHIuY29tXC8iLCJyZXF0eXBlIjowLCJyb3V0ZSI6IlwvIn0=&U=NCFFHNNJAJ&K=e9e5992210360b6a431917ec150b57c6a4cc0bccb36ff9ec9325bf983a5405d1&R='.replace(/&R=[^&$]*/,'').concat('&R='+escape(document.referrer)).slice(0,2000).replace(/%.?.?$/,'');}(new Image());</script><noscript><img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="https://www.tumblr.com/impixu?T=1427771684&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvY3JhenlleWVwaG90b2dyYXBoeS50dW1ibHIuY29tXC8iLCJyZXF0eXBlIjowLCJyb3V0ZSI6IlwvIiwibm9zY3JpcHQiOjF9&U=NCFFHNNJAJ&K=95ab8fc2e6bb9fa01718504858bb51cb94a87863228524b396f15a777cfbf2c0&R="></noscript><script>
  789. (function (w,d) {
  790. 'use strict';
  791. var l = function(el, type, listener, useCapture) {
  792. el.addEventListener ?
  793. el.addEventListener(type, listener, !!useCapture) :
  794. el.attachEvent && el.attachEvent('on' + type, listener, !!useCapture);
  795. };
  796. var a = function () {
  797. if (d.getElementById('tumblr-cdx')) {
  798. return;
  799. }
  800. var s = d.createElement('script');
  801. var el = d.getElementsByTagName('script')[0];
  802. s.async = true;
  803. s.src = 'http://assets.tumblr.com/assets/scripts/vendor/cedexis/cedexis.radar.js?_v=52f4655fc08c33e92bbf84738fc9cc2c';
  804. s.type = 'text/javascript';
  805. s.id = 'tumblr-cdx';
  806. d.body.appendChild(s);
  807. };
  808. l(w,'load',a);
  809. }(window, document));
  810. </script><script type="text/javascript">!function(s){s.src='https://www.tumblr.com/impixu?T=1427771684&J=eyJ0eXBlIjoicG9zdCIsInVybCI6Imh0dHA6XC9cL2NyYXp5ZXllcGhvdG9ncmFwaHkudHVtYmxyLmNvbVwvIiwicmVxdHlwZSI6MCwicm91dGUiOiJcLyIsInBvc3RzIjpbeyJwb3N0aWQiOiIxMTQ5NzczMDI0MjQiLCJibG9naWQiOiIyMjkwODUyOTgiLCJzb3VyY2UiOjMzfV19&U=NNOODHPMBD&K=aebb2fc748d8a8610b54375176dca4e201e7c4ecab7c743ca3b2cfc8c2dca47c&R='.replace(/&R=[^&$]*/,'').concat('&R='+escape(document.referrer)).slice(0,2000).replace(/%.?.?$/,'');}(new Image());</script><noscript><img style="position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;" src="https://www.tumblr.com/impixu?T=1427771684&J=eyJ0eXBlIjoicG9zdCIsInVybCI6Imh0dHA6XC9cL2NyYXp5ZXllcGhvdG9ncmFwaHkudHVtYmxyLmNvbVwvIiwicmVxdHlwZSI6MCwicm91dGUiOiJcLyIsInBvc3RzIjpbeyJwb3N0aWQiOiIxMTQ5NzczMDI0MjQiLCJibG9naWQiOiIyMjkwODUyOTgiLCJzb3VyY2UiOjMzfV0sIm5vc2NyaXB0IjoxfQ==&U=NNOODHPMBD&K=07b4408fc9a5ea2769501bee00bc1f7f0d1a36921a682d3bab24a6715d5814be&R="></noscript><script>
  811. (function() {
  812. var s = document.createElement('script');
  813. var el = document.getElementsByTagName('script')[0];
  814. s.src = ('https:' == document.location.protocol ? 'https://s' : 'http://l') + '.yimg.com/ss/rapid-3.18.1.js';
  815. s.onload = function(){
  816. var YAHOO = window.YAHOO;
  817. if (YAHOO) {
  818. var keys = {
  819. pd:'/',
  820. _li:0,
  821. b_id:229085298,
  822. i_rad:0,
  823. i_strm:0
  824. };
  825. var conf = {
  826. spaceid:1197716038,
  827. client_only:1,
  828. yql_enabled:false,
  829. keys:keys,
  830. nol:1
  831. };
  832. YAHOO.rapid = new YAHOO.i13n.Rapid(conf);
  833. }
  834. };
  835. el.parentNode.insertBefore(s, el);
  836. })();
  837. </script><script>
  838. (function (w,d) {
  839. 'use strict';
  840. var l = function(el, type, listener, useCapture) {
  841. el.addEventListener ?
  842. el.addEventListener(type, listener, !!useCapture) :
  843. el.attachEvent && el.attachEvent('on' + type, listener, !!useCapture);
  844. };
  845. var a = function () {
  846. if (d.getElementById('tumblr-cdx')) {
  847. return;
  848. }
  849. var s = d.createElement('script');
  850. var el = d.getElementsByTagName('script')[0];
  851. s.async = true;
  852. s.src = 'http://assets.tumblr.com/assets/scripts/vendor/cedexis/cedexis.radar.js?_v=52f4655fc08c33e92bbf84738fc9cc2c';
  853. s.type = 'text/javascript';
  854. s.id = 'tumblr-cdx';
  855. d.body.appendChild(s);
  856. };
  857. l(w,'load',a);
  858. }(window, document));
  859. </script><iframe id="tumblr_controls" class="tumblr_controls" width="1" height="1" frameborder="0" scrolling="no" src="https://secure.assets.tumblr.com/assets/html/iframe/o.html?_v=51383e8eeefe9dedf991efc12f2b5e22#src=http%3A%2F%2Fcrazyeyephotography.tumblr.com%2F&amp;lang=en_US&amp;name=crazyeyephotography&amp;avatar=http%3A%2F%2F38.media.tumblr.com%2Favatar_2eb1d505f9b1_64.png&amp;title=Crazy+Eye&amp;url=http%3A%2F%2Fcrazyeyephotography.tumblr.com%2F&amp;page_slide=slide"></iframe><div id="teaser_iframe_container" style="display:none;"><iframe scrolling="no" frameborder="0" src="http://assets.tumblr.com/assets/html/iframe/teaser.html?_v=0ef1db10fc7fc36de7c3a284ed86b923#src=http%3A%2F%2Fcrazyeyephotography.tumblr.com%2F&amp;lang=en_US&amp;name=crazyeyephotography&amp;avatar=http%3A%2F%2F38.media.tumblr.com%2Favatar_2eb1d505f9b1_64.png&amp;title=Crazy+Eye&amp;url=http%3A%2F%2Fcrazyeyephotography.tumblr.com%2F&amp;page_slide=slide" id="teaser_iframe" width="1" height="1"></iframe></div><script type="text/javascript">
  860. (function(Tumblr){
  861. var follow_iframe_initialized = false;
  862. if (Tumblr.FollowTeaser && Tumblr.PostMessageListener) {
  863. // Don't do anything until the first initialize event
  864. Tumblr.PostMessageListener.initialize(function(message, origin) {
  865. if (follow_iframe_initialized || message.length < 2) return;
  866.  
  867. if (message[0] === 'follow_iframe' && message[1] === 'enable') {
  868. Tumblr.FollowTeaser.current_page = 1;
  869. Tumblr.FollowTeaser.infer_infinite_scroll = true;
  870. Tumblr.FollowTmeaser.create_from_tumblr_controls("http:\/\/assets.tumblr.com\/assets\/html\/iframe\/follow.html?_v=f6e6e3cae6bc67c0b49ef168ed875557");
  871. Tumblr.FollowTeaser.scroll_listener(true);
  872. follow_iframe_initialized = true;
  873. }
  874. });
  875. }
  876. })(this.Tumblr || (this.Tumblr = {}));
  877. </script><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><!-- END TUMBLR CODE -->
  878.  
  879. </body>
  880. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!