API tools faq
paste
Advertisement
atomic_ocean

Eulalie_V2_10.02.

atomic_ocean
Feb 10th, 2014
46
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.37 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. Classic Theme brought to you by Atlas Designs
  4. http://atlasdesigns.co/
  5.  
  6. customized by atomicocean
  7.  
  8. -->
  9.  
  10. <head>
  11.  
  12.  
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15.  
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Quicksand|Raleway|PT Sans' rel='stylesheet' type='text/css'>
  18.  
  19. {block:IndexPage}
  20.  
  21. <script type="text/javascript"
  22. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  23.  
  24. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  25.  
  26. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  27. <script type="text/javascript">
  28. $(window).load(function () {
  29. var $content = $('#content');
  30. $content.masonry({itemSelector: '.entry'}),
  31. $content.infinitescroll({
  32. navSelector : 'div#pagination',
  33. nextSelector : 'div#pagination a#nextPage',
  34. itemSelector : '.entry',
  35. loading: {
  36. finishedMsg: '',
  37. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  38. },
  39. bufferPx : 600,
  40. debug : false,
  41. },
  42. // call masonry as a callback.
  43. function( newElements ) {
  44. var $newElems = $( newElements );
  45. $newElems.hide();
  46. // ensure that images load before adding to masonry layout
  47. $newElems.imagesLoaded(function(){
  48. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  49. {/block:IndexPage}
  50.  
  51. <script>
  52.  
  53. $(document).ready(function() {
  54. $('.parent1').click(function() {
  55. $('.sub-nav1').toggleClass('visible');
  56. });
  57. });
  58.  
  59. $(document).ready(function() {
  60. $('.parent2').click(function() {
  61. $('.sub-nav2').toggleClass('visible');
  62. });
  63. });
  64.  
  65. $(document).ready(function() {
  66. $('.parent3').click(function() {
  67. $('.sub-nav3').toggleClass('visible');
  68. });
  69. });
  70.  
  71. $(document).ready(function() {
  72. $('.parent4').click(function() {
  73. $('.sub-nav4').toggleClass('visible');
  74. });
  75. });
  76.  
  77. </script>
  78.  
  79.  
  80. <meta name="color:background" content="#ffffff" />
  81. <meta name="color:sidebar" content="#eeeeee" />
  82. <meta name="color:text" content="#000000" />
  83. <meta name="color:title" content="#000000" />
  84. <meta name="color:link" content="#828282" />
  85. <meta name="color:link hover" content="#eee" />
  86. <meta name="color:scrollbar" content="#cccccc" />
  87. <meta name="color:post background" content="#ffffff">
  88.  
  89. <meta name="if:uppercase nav links" content="1">
  90. <meta name="if:show captions" content="0">
  91. <meta name="if:post animation" content="0">
  92. <meta name="if:banner" content="0">
  93.  
  94. <meta name="text:home" content="home">
  95. <meta name="text:message" content="message">
  96. <meta name="text:archive" content="archive">
  97.  
  98. <meta name="image:background" content="" />
  99. <meta name="image:sidebar" content="" />
  100. <meta name="image:banner" content="">
  101.  
  102. <meta name="text:font size" content="12px"/>
  103. <meta name="font:body" content="courier new"/>
  104. <meta name="font:title" content="courier new"/>
  105.  
  106.  
  107. <style type="text/css">
  108.  
  109.  
  110. ::-webkit-scrollbar {width: 7px; height: 0px; background:{color:background};}
  111. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-radius:10px;}
  112.  
  113. iframe#tumblr_controls {position:fixed; z-index:9999999999; top: 3px; margin: 0 0 0 0; right:4px; -webkit-filter: invert(100%);}
  114.  
  115. body {
  116. background-color: {color:background};
  117. background-image:url({image:Background});
  118. background-attachment: fixed;
  119. background-repeat: repeat;
  120. font-size:12px;
  121. font-family:{font:body};
  122. line-height:14px;
  123. text-transform:none;
  124. color: {color:text};
  125. margin:0px;
  126. }
  127.  
  128. #sidebar-box {
  129. margin: 0px;
  130. padding: 0px;
  131. position:fixed;
  132. height:100%;
  133. width:280px;
  134. background-color: {color:sidebar};
  135. background-image:url({image:sidebar});
  136. }
  137.  
  138. #sidebar{
  139. position:fixed;
  140. top:140px;
  141. width:260px;
  142. left:20px;
  143. text-align:left;
  144. }
  145.  
  146. .blogtitle{
  147. font-size:28px;
  148. line-height:26px;
  149. font-weight:600;
  150. color: {color:title};
  151. font-family:{font:title};
  152. }
  153.  
  154. .description{
  155. font-size:13px;
  156. margin-top:20px;
  157. margin-bottom:15px;
  158. }
  159.  
  160. #nav a{
  161. font-size:14px;
  162. line-height:24px;
  163. letter-spacing:1px;
  164. text-transform:lowercase;
  165. {block:ifuppercasenavlinks}
  166. text-transform:uppercase;
  167. font-size:12px;
  168. {/block:ifuppercasenavlinks}
  169. -moz-transition: all 0.4s ease-in-out;
  170. -webkit-transition: all 0.4s ease-in-out;
  171. -o-transition: all 0.4s ease-in-out;
  172. -ms-transition: all 0.4s ease-in-out;
  173. transition: all 0.4s ease-in-out;
  174. }
  175.  
  176. .answer{
  177. width:90%;
  178. padding:5%;
  179. background:{color:post background};
  180. }
  181. .answer img {
  182. max-width:250px;
  183. height:auto;
  184. {block:permalinkpage}
  185. width:auto;
  186. height:auto;
  187. {/block:permalinkpage}
  188. }
  189.  
  190. a {
  191. text-decoration:none;
  192. color:{color:link};
  193. -webkit-transition: all 0.4s linear;
  194. -moz-transition: all 0.4s linear;
  195. transition: all 0.4s linear;
  196. }
  197.  
  198. a:link, a:active, a:visited{
  199. color: {color:link};
  200. }
  201.  
  202. a:hover{
  203. color: {color:link hover};
  204. }
  205.  
  206. div#content {
  207. min-width:220px;
  208. width:85%;
  209. margin-left:310px;
  210. margin-top:20px;
  211. float:left;
  212. position: relative;
  213. }
  214.  
  215. .entry{
  216. float:left;
  217. height:auto;
  218. background-color: #trans;
  219. {block:IndexPage}
  220. width:300px;
  221. padding:20px;
  222. overflow:hidden;
  223. {/block:IndexPage}
  224. {block:PermalinkPage}
  225. width:750px;
  226. height:auto;
  227. {/block:PermalinkPage}
  228. -moz-transition: all 0.4s ease-in-out;
  229. -webkit-transition: all 0.4s ease-in-out;
  230. -o-transition: all 0.4s ease-in-out;
  231. -ms-transition: all 0.4s ease-in-out;
  232. transition: all 0.4s ease-in-out;
  233. }
  234.  
  235. {block:ifpostanimation}
  236. .entry:hover{
  237. transform: scale(1.1);
  238. -ms-transform: scale(1.1);
  239. -webkit-transform: scale(1.1);
  240. -o-transform: scale(1.1);
  241. -moz-transform: scale(1.1);
  242. -moz-transition: all 0.4s ease-in-out;
  243. -webkit-transition: all 0.4s ease-in-out;
  244. -o-transition: all 0.4s ease-in-out;
  245. -ms-transition: all 0.4s ease-in-out;
  246. transition: all 0.4s ease-in-out;
  247. }
  248. {/block:ifpostanimation}
  249.  
  250. .title{
  251. font-size:18px;
  252. line-height:17px;
  253. font-weight:600;
  254. color: {color:title};
  255. }
  256.  
  257. .notetitle{
  258. width:100px;
  259. font-size:18px;
  260. line-height:17px;
  261. font-weight:600;
  262. margin-left:auto;
  263. margin-right:auto;
  264. color: {color:title};
  265. background-color:{color:post background};
  266. }
  267.  
  268. blockquote{
  269. padding:0px 0px 0px 2px;
  270. margin:0px 0px 0px 0px;
  271. border-left: 2px solid #ddd;
  272. }
  273.  
  274. .like_and_reblog_buttons {
  275. position:absolute;
  276. top:3%;
  277. left:3%;
  278. margin-top:30px;
  279. margin-left:30px;
  280. list-style: none;
  281. opacity:0;
  282. -webkit-transition: all 0.2s linear;
  283. -webkit-transition: all 0.2s linear;
  284. -moz-transition: all 0.2s linear;
  285. transition: all 0.2s linear;
  286. }
  287. .entry:hover .like_and_reblog_buttons{
  288. top:0px;
  289. opacity:1;
  290. -webkit-transition: all 0.2s linear;
  291. -webkit-transition: all 0.2s linear;
  292. -moz-transition: all 0.2s linear;
  293. transition: all 0.2s linear;
  294. }
  295.  
  296. .like_and_reblog_buttons li {
  297. float: left;
  298. background-color:rgba(0,0,0,.1);
  299. border-radius:100%;
  300. padding:10px;
  301. height:18px;
  302. width:18px;
  303. }
  304.  
  305. .like_and_reblog_buttons li:first-child {
  306. margin-right:8px;
  307. }
  308.  
  309. .play{
  310. position:absolute;
  311. left:50%;
  312. margin-left:-24px;
  313. top:50%;
  314. margin-top:-42px;
  315. border:10px solid white;
  316. height:27px;
  317. width:27px;
  318. border-radius:100%;
  319. overflow:hidden;
  320. }
  321.  
  322.  
  323. .perma-box{
  324. background-color:{color:post background};
  325. width:500px;
  326. top:5px;
  327. padding-bottom:10px;
  328. }
  329.  
  330. .count-box{
  331. background-color:{color:post background};
  332. width:500px;
  333. top:0px; ;
  334. }
  335.  
  336.  
  337.  
  338. .notes{
  339. padding:15px;
  340. margin-top:10px;
  341. height:500px;
  342. width:500px;
  343. overflow:scroll;
  344. background-color:{color:post background};
  345. }
  346.  
  347. ol.notes {
  348. list-style-type: none;
  349. margin-top:10px;
  350. padding:0px;
  351. line-height:40px;
  352. font-size:13px;
  353. }
  354. .notess img{
  355. border-radius:100%;
  356. margin-left:5px;
  357. margin-right:5px;
  358. }
  359.  
  360.  
  361.  
  362. .textbutton-box{
  363. width:50px
  364. height:auto;
  365. margin:10px;
  366. }
  367.  
  368. .photo-box{
  369. padding-top:5%;
  370. width:100%;
  371. height:auto;
  372. background-color:#fff;
  373. overflow:hidden;
  374. }
  375.  
  376. .textbuttons ul{
  377. list-style:none;
  378. position:relative;
  379. }
  380.  
  381. .textbuttons li {
  382. list-style:None;
  383. float: right;
  384. }
  385. .textbuttons li:first-child {
  386. margin-left:15px;
  387. }
  388.  
  389. .textnote{
  390. position:absolute;
  391. padding:2%;
  392. margin-bottom:25px;
  393. margin-top: 0px;
  394. font-weight:regular;
  395. font-size:12px;
  396. }
  397. .textnote a{
  398. font-size:11px;
  399. color:gray;
  400. }
  401.  
  402. .caption{
  403. width:90%;
  404. padding:5%;
  405. background:{color:post background};
  406. margin-top:-3px;
  407. }
  408.  
  409. .chat li {
  410. list-style-type:none;
  411. margin-left:-40px;
  412. padding:5px;
  413. border-bottom:2px solid #dddddd;
  414. }
  415. .label{
  416. font-weight:700;
  417. font-size:11px;
  418. }
  419.  
  420. ol {list-style-type:none;}
  421.  
  422. ul {list-style-type:none;
  423. margin: 0;
  424. padding: 0;}
  425.  
  426. li {list-style-type:none;
  427. -webkit-transition: color 0.1s ease-in;
  428. -moz-transition: color 0.1s ease-in;
  429. -o-transition: color 0.1s ease-in;
  430. transition: color 0.1s ease-in;}
  431.  
  432.  
  433. .arrow {
  434. border: 5px solid {color:link};
  435. font-size:0;line-height:0;height:0;padding:0;margin:0;
  436. display:inline-block;
  437. vertical-align:middle;
  438. }
  439. .arrow.down {
  440. border-right-color: transparent;
  441. border-bottom-color: transparent;
  442. border-left-color: transparent;
  443. }
  444.  
  445. .arrow:hover {
  446. border: 5px solid {color:link hover};
  447. border-right-color: transparent;
  448. border-bottom-color: transparent;
  449. border-left-color: transparent;
  450. }
  451.  
  452. #drop ul.sub-nav1 {
  453. display: none;
  454. border-left: 1px solid {color:link hover};
  455. padding:0px 0px 0px 4px;
  456. }
  457.  
  458. #drop ul.sub-nav2 {
  459. display: none;
  460. border-left: 1px solid {color:link hover};
  461. padding:0px 0px 0px 4px;
  462. }
  463.  
  464. #drop ul.sub-nav3 {
  465. display: none;
  466. border-left: 1px solid {color:link hover};
  467. padding:0px 0px 0px 4px;
  468. }
  469.  
  470. #drop ul.sub-nav4 {
  471. display: none;
  472. border-left: 1px solid {color:link hover};
  473. padding:0px 0px 0px 4px;
  474. }
  475.  
  476. #drop ul.visible {
  477. display: block;
  478. }
  479.  
  480. {CustomCSS}
  481. </style>
  482.  
  483. <title>{title}</title>
  484.  
  485. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  486.  
  487. </head>
  488. <body>
  489.  
  490. <div id="sidebar-box">
  491.  
  492. <div id="sidebar">
  493. {block:ifnotbanner}
  494. <a href="/"><span class="blogtitle">{Title}</span></a>
  495. {/block:ifnotbanner}
  496. {block:ifbanner}
  497. <img src="{image:banner}" alt="{title}" width="100%">
  498. {/block:ifbanner}
  499. <div class="description">{Description}</div>
  500. <div id="nav">
  501. <a href="/">{text:home}</a> <br>
  502. <a href="/ask">{text:message}</a> <br>
  503. <a href="/archive">{text:archive}</a> <br>
  504.  
  505. <ul id="drop">
  506. <li class="parent1"><a href="#">Personal Work <span class="arrow down"></span></a>
  507. <ul class="sub-nav1">
  508. <li><a href="/tagged/ailleurs">Ailleurs</a></li>
  509. <li><a href="/tagged/room">Casa 53</a></li>
  510. <li><a href="/tagged/face">Face Cachée</a></li>
  511. <li><a href="/tagged/headless">Headless</a></li>
  512. <li><a href="/tagged/sweet%20home">Sweet Home</a></li>
  513. <li><a href="/tagged/mains">Hide-and-Seek</a></li>
  514. <li><a href="/tagged/mode">Fashion</a></li>
  515. <li><a href="/tagged/multiplicit%C3%A9">Multiplicité</a></li>
  516. <li><a href="/tagged/11722.29">11722.29 kms</a></li>
  517. <li><a href="/tagged/desert">Desert</a></li>
  518. </ul>
  519. </ul>
  520.  
  521. <ul id="drop">
  522. <li class="parent2"><a href="#">Commercial <span class="arrow down"></span></a>
  523. <ul class="sub-nav2">
  524. <li><a href="/tagged/milapinouss">Milapinou Spring/Summer Campaign 2014</a></li>
  525. </ul>
  526. </ul>
  527.  
  528. <ul id="drop">
  529. <li class="parent3"><a href="#">Particuliers <span class="arrow down"></span></a>
  530. <ul class="sub-nav3">
  531. <li><a href="/tagged/mariage">Mariage</a></li>
  532. <li><a href="/tagged/bébé">Naissance</a></li>
  533. </ul>
  534. </ul>
  535.  
  536. <ul id="drop">
  537. <li class="parent4"><a href="#">Travel <span class="arrow down"></span></a>
  538. <ul class="sub-nav4">
  539. <li><a href="/tagged/costarica">Costa Rica </a></li>
  540. <li><a href="/tagged/chile">Chile</a></li>
  541. <li><a href="/tagged/india">India</a></li>
  542. </ul>
  543. </ul>
  544.  
  545.  
  546. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> <br>{/block:Pages}{/block:HasPages}
  547. </div>
  548. </div>
  549. </div>
  550.  
  551.  
  552. <div id="content">
  553.  
  554. {block:Posts}
  555.  
  556. <div class="entry">
  557.  
  558. {block:Text}
  559. <div class="answer">{block:Title}<span class="title">{Title}</span>{/block:Title}{Body}
  560. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  561. <ul class="textbuttons">
  562. <li>{ReblogButton color="gray" size=15}</li>
  563. <li>{LikeButton color="gray" size=15}</li>
  564. </ul><br>
  565. {/block:IndexPage}
  566. </div>
  567. {/block:Text}
  568.  
  569. {block:Link}
  570. <div class="answer"><a href="{URL}"><span class="title">{Name}</span></a>
  571. {block:Description}{Description}{/block:Description}
  572. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  573. <ul class="textbuttons">
  574. <li>{ReblogButton color="gray" size=15}</li>
  575. <li>{LikeButton color="gray" size=15}</li>
  576. </ul><br>
  577. {/block:IndexPage}
  578. </div>
  579. {block:Link}
  580.  
  581. {block:Photo}
  582. {block:IndexPage}
  583. <ul class="like_and_reblog_buttons">
  584. <li>{ReblogButton color="white" size=18}</li>
  585. <li>{LikeButton color="white" size=18}</li>
  586. </ul>
  587. {/block:IndexPage}
  588. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=100%/></a></div>{LinkCloseTag}
  589. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  590. {/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px/>{LinkCloseTag}{/block:PermalinkPage}
  591. {/block:Photo}
  592.  
  593. {block:Photoset}
  594. <div class="photo-box">
  595. <center>
  596. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  597. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  598. </center>
  599. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  600. <div class="textbutton-box">
  601. <ul class="textbuttons">
  602. <li>{ReblogButton color="gray" size=15}</li>
  603. <li>{LikeButton color="gray" size=15}</li>
  604. </ul><br>
  605. </div>
  606. {/block:IndexPage}
  607. </div>
  608. {/block:Photoset}
  609.  
  610. {block:Quote}
  611. <div class="answer"><div class="title">{Quote}</div> </br> - {Source}
  612. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  613. <ul class="textbuttons">
  614. <li>{ReblogButton color="gray" size=15}</li>
  615. <li>{LikeButton color="gray" size=15}</li>
  616. </ul><br>
  617. {/block:IndexPage}
  618. </div>
  619. {/block:Quote}
  620.  
  621. {block:Chat}
  622. <div class="answer">
  623. <div style="margin-left:3px;">
  624. {block:Title}<span class="title">{Title}</span>{/block:Title}
  625. <ul class="chat">
  626. {block:Lines}
  627. <li class="user_{UserNumber}">
  628. {block:Label}
  629. <span class="label">{Label}</span>
  630. {/block:Label}
  631. {Line}
  632. </li>
  633. {/block:Lines}
  634. </ul>
  635. </div>
  636. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  637. <ul class="textbuttons">
  638. <li>{ReblogButton color="gray" size=15}</li>
  639. <li>{LikeButton color="gray" size=15}</li>
  640. </ul><br>
  641. {/block:IndexPage}
  642. </div>
  643. {/block:Chat}
  644.  
  645. {block:Audio}
  646. {block:AlbumArt}
  647. <center><a href="{Permalink}"><img src="{AlbumArtURL}" width="100%"></a></center>
  648. {/block:AlbumArt}
  649. <div class="play">{AudioPlayerWhite}</div>
  650. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  651. <ul class="like_and_reblog_buttons">
  652. <li>{ReblogButton color="white" size=17}</li>
  653. <li>{LikeButton color="white" size=17}</li>
  654. </ul>
  655. {/block:IndexPage}
  656. {/block:Audio}
  657.  
  658. {block:Answer}
  659. <div class="answer"><div style="font-size:11px;line-height:11px;font-style:italic;color:{color:links}"><i>{Asker} asked:</i></div><br><span class="title">{Question}</span><hr color={color:title}>{Answer}
  660. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  661. <ul class="textbuttons">
  662. <li>{ReblogButton color="gray" size=15}</li>
  663. <li>{LikeButton color="gray" size=15}</li>
  664. </ul><br>
  665. {/block:IndexPage}
  666. </div>
  667. {/block:Answer}
  668.  
  669. {block:Video}
  670. {block:IndexPage}
  671. <center>
  672. {Video-250}</center>
  673. {block:IndexPage}<div class="textnote"><a href="{Permalink}">{NoteCountwithLabel}</a></div>
  674. <ul class="textbuttons">
  675. <li>{ReblogButton color="gray" size=15}</li>
  676. <li>{LikeButton color="gray" size=15}</li>
  677. </ul><br>
  678. {/block:IndexPage}
  679. {/block:IndexPage}
  680. {block:PermalinkPage}
  681. <center>
  682. {Video-500}</center>
  683. {/block:PermalinkPage}
  684. {block:Video}
  685.  
  686. {block:PermalinkPage}
  687. <div class="perma-box">
  688. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  689.  
  690. {block:HasTags}{block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  691. </div>
  692.  
  693. {block:PostNotes}
  694. <div class="notess">
  695. <div class="perma-box">
  696. {block:NoteCount}<br><span class="notetitle">{NoteCountWithLabel}</span>{/block:NoteCount}
  697. </div>
  698. <br>{PostNotes}</div>
  699. {/block:PostNotes}
  700. {/block:PermalinkPage}
  701. </div>
  702.  
  703. {/block:Posts}
  704.  
  705. {block:IndexPage}
  706. {block:Pagination}
  707. <div id="pagination">
  708. {block:NextPage}
  709. <a id="nextPage" href="{NextPage}"></a>
  710. {/block:NextPage}
  711. {block:PreviousPage}
  712. <a href="{PreviousPage}"></a>
  713. {/block:PreviousPage}
  714. </div>
  715. {/block:Pagination}
  716. {/block:IndexPage}
  717. </div>
  718. </body>
  719. </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!