API tools faq
paste
Advertisement
rasperries

shyt marchen

rasperries
Jun 13th, 2016
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10. märchen @ shythemes
  11.  
  12.  
  13.  
  14.  
  15.  
  16. -->
  17. <title>{Title}</title>
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <link rel="shortcut icon" href="{Favicon}">
  20. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  21. <meta name="viewport" content="width=device-width, initial-scale=1">
  22. <meta name="image:sidebar" content="">
  23. <meta name="if:bigger posts" content="0">
  24. <meta name="if:show title" content="1">
  25. <meta name="if:show description" content="1">
  26. <meta name="if:show captions" content="1">
  27. <meta name="if:show tags" content="1">
  28. <meta name="if:search bar" content="1">
  29. <meta name="if:infinite scroll" content="0">
  30. <meta name="text:home link" content="">
  31. <meta name="text:archive link" content="archive">
  32. <meta name="text:ask link" content="message">
  33. <meta name="text:link 1" content="">
  34. <meta name="text:link 1 url" content="">
  35. <meta name="text:link 2" content="">
  36. <meta name="text:link 2 url" content="">
  37. <meta name="text:link 3" content="">
  38. <meta name="text:link 3 url" content="">
  39. <meta name="text:link 4" content="">
  40. <meta name="text:link 4 url" content="">
  41. <meta name="text:link 5" content="">
  42. <meta name="text:link 5 url" content="">
  43. <meta name="text:link 6" content="">
  44. <meta name="text:link 6 url" content="">
  45.  
  46. <script src="//use.edgefonts.net/source-sans-pro.js"></script>
  47.  
  48. <style type="text/css">
  49.  
  50. /* general */
  51.  
  52. body {
  53. margin:0;
  54. font-size:10px;
  55. font-family:source-sans-pro, calibri, 'trebuchet ms', sans-serif;
  56. line-height:16px;
  57. -moz-osx-font-smoothing:grayscale;
  58. -webkit-font-smoothing:antialiased;
  59. font-smoothing:antialiased;
  60. color:rgb(100,100,100);
  61. background:rgb(255,255,255);
  62. }
  63. a {
  64. color:inherit;
  65. text-decoration:none;
  66. -webkit-transition:all .2s ease-out;
  67. transition:all .2s ease-out;
  68. }
  69. a:hover {
  70. color:rgb(72,72,72);
  71. }
  72. b, strong {
  73. font-weight:inherit;
  74. }
  75. small, sub {
  76. font-size:inherit;
  77. vertical-align:baseline;
  78. }
  79. blockquote, ol, ul, p, pre {
  80. margin:0 0 10px;
  81. }
  82. blockquote {
  83. padding:0 0 0 18px;
  84. border-left:1px solid rgb(230,230,230)
  85. }
  86. h1, h2, h3, h4, h5, h6 {
  87. margin:0;
  88. font-size:inherit;
  89. font-weight:inherit;
  90. }
  91. ol, ul {
  92. list-style:none;
  93. padding:0;
  94. }
  95. img {
  96. border:0;
  97. max-width:100%;
  98. height:auto;
  99. display:block;
  100. }
  101. hr {
  102. border:0;
  103. margin:18px 0;
  104. height:1px;
  105. -moz-box-sizing:border-box;
  106. box-sizing:border-box;
  107. background-color:rgb(230,230,230);
  108. }
  109.  
  110. /* accents */
  111.  
  112. .title,
  113. .accent {
  114. font-size:8px;
  115. font-weight:normal;
  116. font-style:normal;
  117. font-family:source-sans-pro, calibri, 'trebuchet ms', sans-serif;
  118. text-transform:uppercase;
  119. letter-spacing:1px;
  120. color:rgb(144,144,144);
  121. }
  122. .title {
  123. padding-bottom:12px;
  124. margin-bottom:12px;
  125. border-bottom:1px solid rgb(230,230,230);
  126. }
  127. .text {
  128. padding:15px 18px;
  129. background-color:rgb(247,247,247);
  130. }
  131. .text *:first-child {
  132. margin-top:0;
  133. }
  134. .text *:last-child {
  135. margin-bottom:0;
  136. }
  137. .text img, .text figure {
  138. margin:18px 0;
  139. }
  140. ol, ul {
  141. padding:0;
  142. list-style-type:none;
  143. }
  144. ol li,
  145. ul li {
  146. position:relative;
  147. padding-left:37px;
  148. }
  149. ol li:before,
  150. ul li:before {
  151. content:'';
  152. position:absolute;
  153. display:block;
  154. top:8px;
  155. left:13px;
  156. height:0;
  157. width:12px;
  158. margin-top:-1px;
  159. border-top:1px solid rgb(220,220,220);
  160. }
  161. .chat li,
  162. .notes li {
  163. padding-left:0;
  164. }
  165. .chat li:before,
  166. .notes li:before {
  167. display:none;
  168. }
  169.  
  170. /* container */
  171.  
  172. .main {
  173. margin:150px auto;
  174. padding-left:270px;
  175. width:400px;
  176. text-align:center;
  177. }
  178.  
  179. /* sidebar */
  180.  
  181. aside {
  182. position:fixed;
  183. margin-left:-270px;
  184. top:150px;
  185. bottom:0;
  186. width:170px;
  187. }
  188. aside .sidebar {
  189. display:block;
  190. margin:0 0 4px;
  191. }
  192. aside .sidebar img {
  193. opacity:.9;
  194. }
  195. aside .text {
  196. padding:9px 12px;
  197. }
  198. aside .title {
  199. padding-bottom:8px;
  200. margin-bottom:0;
  201. {block:ifNotShowDescription}
  202. padding-bottom:0;
  203. border-bottom:0;
  204. {/block:ifNotShowDescription}
  205. }
  206. aside .desc {
  207. margin-top:8px;
  208. }
  209. aside nav {
  210. overflow:hidden;
  211. margin:0px -10px 0 0;
  212. }
  213. aside nav li {
  214. display:block;
  215. float:left;
  216. text-align:center;
  217. margin:0 10px 0 0;
  218. }
  219. aside nav a,
  220. aside .search {
  221. display:inline-block;
  222. padding:8px 3px;
  223. width:74px;
  224. border-bottom:1px solid rgb(234,234,234);
  225. }
  226. aside nav li:nth-child(odd) .search,
  227. aside nav li:nth-child(odd) .query {
  228. width:164px;
  229. max-width:164px;
  230. }
  231. aside .search .query {
  232. max-width:70px;
  233. border:0;
  234. outline:0;
  235. padding:0;
  236. color:rgb(144,144,144);
  237. text-align:center;
  238. background-color:transparent;
  239. }
  240. ::-webkit-input-placeholder {color:rgb(144,144,144);}
  241. :-moz-placeholder {color:rgb(144,144,144); opacity:1;}
  242. ::-moz-placeholder {color:rgb(144,144,144); opacity:1;}
  243. :-ms-input-placeholder {color:rgb(144,144,144);}
  244. input:focus::-webkit-input-placeholder {color:transparent;}
  245. input:focus:-moz-placeholder {color:transparent;}
  246. input:focus::-moz-placeholder {color:transparent; }
  247. input:focus:-ms-input-placeholder { color:transparent;}
  248.  
  249. /* entries */
  250.  
  251. .entry {
  252. position:relative;
  253. margin:0 0 150px;
  254. }
  255. .entry:last-child {
  256. margin-bottom:0;
  257. }
  258. .post {
  259. text-align:left;
  260. margin-bottom:18px;
  261. }
  262.  
  263. /* info */
  264.  
  265. .info {
  266. padding:0 18px;
  267. display:inline-block;
  268. }
  269. .tags {
  270. padding:0 18px 8px;
  271. }
  272. .tags a {
  273. margin-left:1px;
  274. }
  275. .tags a:hover {
  276. color:{color:text};
  277. }
  278. .comma {
  279. margin:0 3px;
  280. }
  281. .comma:last-child {
  282. display:none;
  283. }
  284. {block:PermalinkPage}
  285. .tags + .info {
  286. padding:9px 18px 0;
  287. border-top:1px solid rgb(234,234,234);
  288. }
  289. {/block:PermalinkPage}
  290. {block:IndexPage}
  291. {block:ifShowTags}
  292. .tags + .info {
  293. padding:9px 18px 0;
  294. border-top:1px solid rgb(234,234,234);
  295. }
  296. {/block:ifShowTags}
  297. {block:ifNotShowTags}
  298. .tags {
  299. display:none;
  300. }
  301. {/block:ifNotShowTags}
  302. {/block:IndexPage}
  303.  
  304. /* post types */
  305.  
  306. .caption {
  307. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  308. }
  309. .chat {
  310. text-align:right;
  311. }
  312. .chat .line {
  313. list-style:none;
  314. margin-bottom:9px;
  315. }
  316. .chat .label {
  317. float:left;
  318. }
  319. .media,
  320. .audiowrap {
  321. margin:0 0 4px;
  322. }
  323. .media.photoset {
  324. margin:0;
  325. }
  326. .question {
  327. margin:0 0 18px;
  328. }
  329. .question .inquiry {
  330. overflow:hidden;
  331. }
  332. .question .sender {
  333. float:right;
  334. margin-left:18px;
  335. }
  336. .quote .title {
  337. text-transform:none;
  338. letter-spacing:0;
  339. font-style:italic;
  340. font-size:12px;
  341. line-height:;
  342. }
  343. .media > a img,
  344. .media > img,
  345. .media .photo-slideshow {
  346. opacity:.9;
  347. }
  348.  
  349. /* audio posts */
  350.  
  351. .audiowrap {
  352. position:relative;
  353. height:60px;
  354. overflow:hidden;
  355. }
  356. .albumart {
  357. position:absolute;
  358. top:0;
  359. right:0;
  360. z-index:1;
  361. display:block;
  362. width:60px;
  363. height:60px;
  364. opacity:.9;
  365. background-size:cover;
  366. }
  367. .audio {
  368. position:absolute;
  369. display:inline-block;
  370. left:0;
  371. top:0;
  372. right:0;
  373. bottom:0;
  374. text-align:left;
  375. line-height:60px;
  376. }
  377. .audio .player {
  378. width:27px;
  379. height:27px;
  380. left:16px;
  381. top:16px;
  382. opacity:.4;
  383. line-height:0;
  384. overflow:hidden;
  385. position:absolute;
  386. }
  387. .audio .track {
  388. overflow:hidden;
  389. line-height:15px;
  390. margin-left:60px;
  391. width: calc(100% - 60px);
  392. display:inline-block;
  393. vertical-align:middle;
  394. }
  395. .audio .track span {
  396. display:block;
  397. max-height:15px;
  398. white-space:nowrap;
  399. overflow:hidden;
  400. text-overflow:ellipsis;
  401. margin-right:75px;
  402. }
  403. .audio .track span:first-child {
  404. color:{color:text};
  405. }
  406.  
  407. .pagination {
  408. margin-top:150px;
  409. text-align:center;
  410. display:block!important;
  411. }
  412. .notes {
  413. padding:0;
  414. }
  415. .notes li {
  416. display:block;
  417. }
  418. .notes img {
  419. display:none;
  420. }
  421. .notes blockquote {
  422. margin:8px 0!important;
  423. }
  424. .notes .more_notes_link_container {
  425. text-align:inherit!important;
  426. }
  427. #tumblr_controls,
  428. .tmblr-iframe {
  429. position:fixed!important;
  430. opacity:.67!important;
  431. -webkit-filter:invert(100%);
  432. -webkit-backface-visibility:hidden;
  433. padding:4px;
  434. }
  435. #tumblr_lightbox, .tmblr-lightbox {
  436. background-color:rgba(255,255,255,.98)!important;
  437. }
  438. #vignette, .vignette {
  439. opacity:0;
  440. }
  441. #tumblr_lightbox img, .lightbox-image {
  442. box-shadow:none!important;
  443. border-radius:0!important;
  444. -moz-box-sizing:border-box;
  445. box-sizing:border-box;
  446. border:0!important;
  447. max-width:none;
  448. }
  449. #tumblr_lightbox_caption, .lightbox-caption {
  450. visibility:hidden;
  451. }
  452. #theme {
  453. position:fixed;
  454. display:inline-block;
  455. bottom:10px;
  456. right:10px;
  457. z-index:999;
  458. padding:5px;
  459. line-height:1em;
  460. background-color:rgb(255,255,255);
  461. }
  462. {block:ifInfiniteScroll}
  463. .pagination .pn,
  464. #infscr-loading {
  465. display:none!important;
  466. }
  467. {/block:ifInfiniteScroll}
  468.  
  469. {block:ifBiggerPosts}
  470. /* bigger posts */
  471.  
  472. blockquote, ol, ul, p, pre {
  473. margin:0 0 12px;
  474. }
  475. blockquote {
  476. padding:0 0 0 23px;
  477. }
  478. .main {
  479. width:500px;
  480. }
  481. .text {
  482. padding:20px 23px;
  483. }
  484. .title {
  485. padding-bottom:17px;
  486. margin-bottom:17px;
  487. }
  488. {/block:ifBiggerPosts}
  489.  
  490. </style>
  491. <link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css">
  492. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  493.  
  494.  
  495. <style>
  496. {block:IndexPage}
  497. .x {
  498. display:none;
  499. }
  500. {/block:IndexPage}
  501.  
  502. {block:TagPage}
  503. .x {
  504. display:block;
  505. }
  506. {/block:TagPage}
  507. </style>
  508.  
  509. </head>
  510. <body>
  511. <div class="main">
  512. <aside>
  513. {block:ifSidebarImage}<a href="/" class="sidebar"><img src="{image:sidebar}"></a>{/block:ifSidebarImage}
  514. <div class="text">
  515. {block:ifShowTitle}<h1 class="title"><a href="/">{Title}</a></h1>{/block:ifShowTitle}
  516. {block:ifShowDescription}<div class="desc">{description}</div>{/block:ifShowDescription}
  517. </div>
  518. <nav class="links accent">
  519. {block:ifHomeLink}<li><a href="/">{text:home link}</a></li>{/block:ifHomeLink}
  520. {block:ifAskLink}<li><a href="/ask">{text:ask link}</a></li>{/block:ifAskLink}
  521. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
  522. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  523. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  524. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  525. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  526. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  527. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  528. {block:ifArchiveLink}<li><a href="/archive">{text:archive link}</a></li>{/block:ifArchiveLink}
  529. {block:ifSearchBar}<li><form action="/search" method="get" class="search"><input type="text" name="q" value="{SearchQuery}" class="accent query" placeholder="search"/></form></li>{/block:ifSearchBar}
  530. </nav>
  531. </aside>
  532. <div class="content">
  533. {block:Posts}
  534. <article class=" {TagsAsClasses} entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}" id="{PostID}">
  535. <section class="post">
  536. {block:Audio}
  537. <div class="audiowrap">
  538. <div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div>
  539. <div class="audio accent">
  540. {block:AudioPlayer}
  541. <div class="player">{AudioPlayerWhite}</div>
  542. {/block:AudioPlayer}
  543. <div class="track">{block:TrackName}<span>{TrackName}</span>{/block:TrackName}{block:Artist}<span>{Artist}</span>{/block:Artist}</div>
  544. </div>
  545. </div>
  546. {/block:Audio}
  547. {block:Photo}
  548. <div class="media">
  549. {LinkOpenTag}
  550. <img src="{PhotoURL-HighRes}">
  551. {LinkCloseTag}
  552. </div>
  553. {/block:Photo}
  554. {block:Photoset}
  555. <div class="media photoset">
  556. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  557. </div>
  558. {/block:Photoset}
  559. {block:Video}
  560. <div class="media">
  561. <div class="video">{Video-500}</div>
  562. </div>
  563. {/block:Video}
  564. {block:Answer}
  565. <div class="question text">
  566. <div class="inquiry title">
  567. {Question}
  568. <span class="sender">{Asker}</span>
  569. </div>
  570. <div class="answer">{Answer}</div>
  571. </div>
  572. {/block:Answer}
  573. {block:Chat}
  574. <div class="chat text">
  575. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  576. {block:Lines}
  577. <li class="line">
  578. {block:Label}
  579. <div class="label accent">{Label}</div>
  580. {/block:Label}
  581. {Line}
  582. </li>
  583. {/block:Lines}
  584. </div>
  585. {/block:Chat}
  586. {block:Link}
  587. <div class="text">
  588. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  589. {block:Description}{Description}{/block:Description}
  590. </div>
  591. {/block:Link}
  592. {block:Quote}
  593. <div class="quote text">
  594. <h1 class="title">{Quote}</h1>
  595. {block:Source}
  596. <div class="source">{Source}</div>
  597. {/block:Source}
  598. </div>
  599. {/block:Quote}
  600. {block:Text}
  601. <div class="text">
  602. {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
  603. {Body}
  604. </div>
  605. {/block:Text}
  606. {block:Caption}
  607. <div class="caption text">{Caption}</div>
  608. {/block:Caption}
  609. </section>
  610. {block:HasTags}<div class="tags accent">{block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma"> /</i> {/block:Tags}</div>{/block:HasTags}
  611. {block:Date}
  612. <section class="info accent {block:HasTags}t{/block:HasTags}">
  613. <a href="{Permalink}" class="permalink">{TimeAgo}</a><i class="comma"> /</i> <a href="{ReblogURL}">reblog</a>
  614. </section>
  615. {/block:Date}
  616. </article>
  617. {block:PostNotes}
  618. <article class="entry" id="notes">
  619. <section class="post">
  620. <div class="text accent">
  621. <h1 class="title">{NoteCountWithLabel}</h1>
  622. {PostNotes}
  623. </div>
  624. </section>
  625. </article>
  626. {/block:PostNotes}
  627. {/block:Posts}
  628. </div>
  629. {block:Pagination}<div class="pagination accent"><span class="pn">{block:PreviousPage}<a class="prev" href="{PreviousPage}">previous</a>{block:NextPage} <span>/</span>{/block:NextPage}{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}">next page</a>{/block:NextPage}</span>
  630. </div>{/block:Pagination}
  631. </div>
  632. <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  633. <a href="http://shythemes.tumblr.com" id="theme" class="accent" title="theme">k.</a>
  634. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  635. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  636. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  637. {block:IndexPage}
  638. {block:ifInfiniteScroll}
  639. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  640. {/block:ifInfiniteScroll}
  641. {/block:IndexPage}
  642. <script>
  643. $(document).ready(function(){
  644. // tumblr audio players
  645. $('.tumblr_audio_player').each(function(){
  646. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  647. });
  648. // soundcloud audio players
  649. var color = '#ededed';
  650. $('.soundcloud_audio_player').each(function(){
  651. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  652. });
  653. // pxu photosets
  654. $('.photo-slideshow').pxuPhotoset({
  655. lightbox: true,
  656. rounded: false,
  657. gutter: '0px',
  658. photoset: '.photo-slideshow',
  659. photoWrap: '.photo-data',
  660. photo: '.pxu-photo'
  661. });
  662. {block:ifInfiniteScroll}
  663. // infinite scroll
  664. var $container = $('.content');
  665. $container.infinitescroll({
  666. itemSelector: '.entry',
  667. navSelector: '.pagination',
  668. nextSelector: '.next',
  669. loadingImg: '',
  670. loadingText: '<em></em>',
  671. bufferPx: 2000,
  672. errorCallback: function(){
  673. $('.lm').text('');
  674. }
  675. },
  676. function( newElements ) {
  677. var $newElems = $( newElements );
  678. // likes
  679. var $newElemsIDs = $newElems.map(function () {
  680. return this.id;
  681. }).get();
  682. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  683. // pxu photosets
  684. $newElems.find('.photo-slideshow').pxuPhotoset({
  685. lightbox: true,
  686. rounded: false,
  687. gutter: '0px',
  688. photoset: '.photo-slideshow',
  689. photoWrap: '.photo-data',
  690. photo: '.pxu-photo'
  691. });
  692. // videos
  693. resizeVideos();
  694. // tumblr audio players
  695. $newElems.find('.tumblr_audio_player').each(function(){
  696. $(this).attr({ src: $(this).attr('src').split('&color=')[0] + '&color=transparent&simple=1 '});
  697. });
  698. // soundcloud audio players
  699. var color = '#ededed';
  700. $newElems.find('.soundcloud_audio_player').each(function(){
  701. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  702. });
  703. });
  704. {/block:ifInfiniteScroll}
  705. });
  706. </script>
  707. </body>
  708. </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!