API tools faq
paste
Advertisement
drxgonfly

Page 01 V2 Tags

drxgonfly
Jun 28th, 2019
1,792
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.06 KB | None | 0 0
raw download clone embed print report
  1. <!------------------------------------------------------------------------------
  2.  
  3. PAGE 01 V2 BY DRXGONFLY
  4. Last Updated June 29 2019
  5.  
  6. - Basic CSS/HTML knowledge required. Send any questions to drxgonfly.tumblr.com
  7.  
  8. - Don't use as a base & don't remove my credit, thanks!
  9.  
  10. - This page is responsive, while editing it may appear as one or two columns but on your actual page it will be two columns. Open your page in another tab while editing to see how it will actually look!
  11.  
  12. - This page uses css custom properties, the colors you select in the root section will not transalte for IE users. You can scroll down and edit the fallback properties within the css, otherwise they will remain with the default properties I gave them.
  13.  
  14. ------------------------------------------------------------------------------>
  15. <html>
  16. <head>
  17. <title>Tags Page</title> <!-- */ page title */-->
  18. <link rel="shortcut icon" href="{Favicon}" />
  19. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  20. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  21.  
  22. <link href="https://file.myfontastic.com/qDbcTszXoEeyJ6PzE2deHY/icons.css" rel="stylesheet">
  23. <link href="https://fonts.googleapis.com/css?family=Karla|Lato|Poppins|Raleway|Roboto|Source+Sans+Pro&display=swap" rel="stylesheet">
  24. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  25. <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
  26. <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  27. </head>
  28.  
  29. <script type="text/javascript" charset="utf-8">$(document).ready(function(){
  30. var $grid = $(".container").masonry({
  31. itemSelector: ".box",
  32. initLayout: 1
  33. });
  34. $grid.on("layoutComplete", function(o, r) {
  35. console.log(r.length)
  36. }), $grid.masonry({
  37. fitWidth: 1,
  38. horizontalOrder: 1,
  39. gutter: 50,
  40. resize: 1
  41. }), $grid.imagesLoaded().progress(function() {
  42. $grid.masonry("layout")
  43. });
  44. });</script>
  45. <body>
  46. <style>
  47.  
  48. /*******************************************************************************
  49. Things for you to change:
  50.  
  51. CSS: change these in the :root section
  52.  
  53. - COLORS: use a color picker to get the hex code like this one!
  54. https://www.w3schools.com/colors/colors_picker.asp
  55.  
  56. - FONTS: type the name of one of the 5 fonts below. If you want to use a different font, go to https://fonts.google.com/ choose a font and copy the gray box under embed font. place that up in the head section and write the name of your font below. if this doesn't make sense you can send me a message and I'll try and further explain
  57.  
  58. HTML: change these in the body section
  59.  
  60. -IMAGES: replace the link between the img src tags, do this for every box section!
  61.  
  62. - TITLES: replace 'section 1' with whatever title you would like. Do this with every section!
  63.  
  64. - TAGS/LINKS: replace TAGGED with the tag you want, replace TAG ONE with the name of the tag.
  65.  
  66.  
  67. You can add or remove as many tags and boxes as you would like!
  68. *******************************************************************************/
  69. iframe.tmblr-iframe {
  70. z-index:99999999999999!important;
  71. top:0px!important;
  72. right:0%!important;
  73. opacity:0.8;
  74. transform:scale(0.5);
  75. transform-origin:100% 0;
  76. -webkit-transform:scale(0.6);
  77. -webkit-transform-origin:100% 0;
  78. -o-transform:scale(0.6);
  79. -o-transform-origin:100% 0;
  80. -moz-transform:scale(0.6);
  81. -moz-transform-origin:100% 0;
  82. -ms-transform:scale(0.6);
  83. -ms-transform-origin:100% 0;}
  84.  
  85. :root{
  86. --pagebackground:#eee; /* page background color */
  87. --boxcolor:#fff; /* box background color */
  88. --accentcolor:#ecc6ec; /* image border & title line */
  89. --titlecolor:#000; /* color of each box header ex: section 1 */
  90. --linkcolor:#aaa; /* tag colors for each box */
  91. --bodyfont:karla; /* karla, lato, roboto, source sans pro, poppins */
  92. --fontsize:14px; /* tags font size*/
  93. --titlesize:18px; /*title font size ex: section 1*/
  94. }
  95.  
  96.  
  97. body{
  98. background-color:#eee;
  99. background-color:var(--pagebackground);
  100. font-family:karla;
  101. font-family:var(--bodyfont);
  102. font-size:14px;
  103. font-size:var(--fontsize);
  104. }
  105.  
  106. a{
  107. text-decoration:none;
  108. color:#aaa;
  109. color:var(--linkcolor);
  110. transition:ease-in-out.3s;
  111. }
  112.  
  113. a:hover{
  114. color:#ecc6ec;
  115. color:var(--accentcolor);
  116. transition:ease-in-out.3s;
  117. }
  118.  
  119. .container{
  120. width:1000px;
  121. margin:0 auto;
  122. }
  123.  
  124.  
  125. /******************************************************************************
  126. BOXES
  127. ******************************************************************************/
  128.  
  129. .box{
  130. background-color:#fff;
  131. background-color:var(--boxcolor);
  132. width:500px;
  133. min-height:100px;
  134. margin:20px;
  135. padding:20px;
  136. border-radius:5px;
  137. display:inline-block;
  138. float:left;
  139. }
  140.  
  141. /******************************************************************************
  142. BOX IMAGE
  143. ******************************************************************************/
  144. .left{
  145. float:left;
  146. width:100px;
  147. z-index:2;
  148. background-color:#fff;
  149. background-color:var(--boxcolor);
  150. position:absolute;
  151. }
  152.  
  153. .box img{
  154. height:64px;
  155. width:64px;
  156. border-radius:100px;
  157. border:2px solid #ecc6ec;
  158. border:2px solid var(--accentcolor);
  159. padding:5px;
  160. margin:10px;
  161. object-fit: cover;
  162. }
  163.  
  164. /******************************************************************************
  165. BOX TITLE
  166. ******************************************************************************/
  167. .sectionheader{
  168. position:relative;
  169. width:100%;
  170. margin:0 0 10px 0;
  171. padding-top:10px;
  172. z-index:1;
  173. }
  174.  
  175. .title{
  176. font-size:18px;
  177. font-size:var(--titlesize);
  178. color:#000;
  179. color:var(--titlecolor);
  180. margin-top:25px;
  181. background-color:#fff;
  182. background-color:var(--boxcolor);
  183. font-weight:bold;
  184. z-index:1;
  185. padding: 0px 20px;
  186. margin-left: 100px;
  187. }
  188.  
  189. .line{
  190. width:100%;
  191. background-color:#ecc6ec;
  192. background-color:var(--accentcolor);
  193. height:2px;
  194. position:absolute;
  195. margin:-10px 0 0 0;
  196. z-index:-1;
  197. }
  198.  
  199. /******************************************************************************
  200. BOX LINKS
  201. ******************************************************************************/
  202. .links{margin-left:80px;}
  203. .links a{margin-right:15px;}
  204.  
  205. /******************************************************************************
  206. RESPONSIVE
  207. ******************************************************************************/
  208. @media only screen and (min-width:1681px){
  209. .box{width:700px;}
  210. }
  211.  
  212. .clearfix:before,.clearfix:after{content:'';display:table;}
  213. .clearfix:after{clear:both;}
  214. .clearfix{zoom:1;}
  215.  
  216. #dcs svg {
  217. height: 48px;
  218. width: 48px;
  219. position: fixed;
  220. bottom: 20px;
  221. right: 10px;
  222. z-index:999999999999999;
  223. fill:var(--accentcolor);
  224. }
  225. </style>
  226.  
  227. <div class="container">
  228. <!------------------------------------------------------------------------------
  229. COPY THIS WHOLE SECTION FOR A BOX TEMPLATE! 1
  230. ------------------------------------------------------------------------------->
  231. <div class="box">
  232. <div class="left">
  233. <img src="https://images.unsplash.com/photo-1537014814174-93ef49597da2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> </div>
  234. <div class="sectionheader">
  235. <span class="title">Navigation</span>
  236. <div class="line"></div>
  237. </div>
  238. <ul class="links">
  239. <a href="/home">Home</a>
  240. <a href="/ask">Ask</a>
  241. <a href="/archive">Archive</a>
  242. <a href="https://tumblr.com">Dashboard</a>
  243.  
  244. </ul>
  245. </div>
  246. <!------------------------------------------------------------------------------
  247. COPY THIS WHOLE SECTION FOR A BOX TEMPLATE! 2
  248. ------------------------------------------------------------------------------->
  249. <div class="box">
  250. <div class="left">
  251. <img src="https://images.unsplash.com/photo-1537014796840-47421a06337f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> </div>
  252. <div class="sectionheader">
  253. <span class="title">Section 1</span>
  254. <div class="line"></div>
  255. </div>
  256. <ul class="links">
  257. <a href="/tagged/TAG">tag one</a>
  258. <a href="/tagged/TAG">tag two</a>
  259. <a href="/tagged/TAG">tag three</a>
  260. <a href="/tagged/TAG">tag four</a>
  261. <a href="/tagged/TAG">tag five</a>
  262. <a href="/tagged/TAG">tag six</a>
  263. <a href="/tagged/TAG">tag seven</a>
  264. <a href="/tagged/TAG">tag eight</a>
  265. <a href="/tagged/TAG">tag nine</a>
  266. <a href="/tagged/TAG">tag ten</a>
  267. </ul>
  268. </div>
  269. <!------------------------------------------------------------------------------
  270. COPY THIS WHOLE SECTION FOR A BOX TEMPLATE! 3
  271. ------------------------------------------------------------------------------->
  272. <div class="box">
  273. <div class="left">
  274. <img src="https://images.unsplash.com/photo-1537014948295-52b7f06a8012?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> </div>
  275. <div class="sectionheader">
  276. <span class="title">Section 2</span>
  277. <div class="line"></div>
  278. </div>
  279. <ul class="links">
  280. <a href="/tagged/TAG">tag one</a>
  281. <a href="/tagged/TAG">tag two</a>
  282. <a href="/tagged/TAG">tag three</a>
  283. <a href="/tagged/TAG">tag four</a>
  284. <a href="/tagged/TAG">tag five</a>
  285. <a href="/tagged/TAG">tag six</a>
  286. <a href="/tagged/TAG">tag seven</a>
  287. <a href="/tagged/TAG">tag eight</a>
  288. <a href="/tagged/TAG">tag nine</a>
  289. <a href="/tagged/TAG">tag ten</a>
  290. </ul>
  291. </div>
  292. <!------------------------------------------------------------------------------
  293. COPY THIS WHOLE SECTION FOR A BOX TEMPLATE! 4
  294. ------------------------------------------------------------------------------->
  295. <div class="box">
  296. <div class="left">
  297. <img src="https://images.unsplash.com/photo-1537014808960-fb54668aeda7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> </div>
  298. <div class="sectionheader">
  299. <span class="title">Section 3</span>
  300. <div class="line"></div>
  301. </div>
  302. <ul class="links">
  303. <a href="/tagged/TAG">tag one</a>
  304. <a href="/tagged/TAG">tag two</a>
  305. <a href="/tagged/TAG">tag three</a>
  306. <a href="/tagged/TAG">tag four</a>
  307. <a href="/tagged/TAG">tag five</a>
  308. <a href="/tagged/TAG">tag six</a>
  309. <a href="/tagged/TAG">tag seven</a>
  310. <a href="/tagged/TAG">tag eight</a>
  311. <a href="/tagged/TAG">tag nine</a>
  312. <a href="/tagged/TAG">tag ten</a>
  313. </ul>
  314. </div>
  315. <!------------------------------------------------------------------------------
  316. COPY THIS WHOLE SECTION FOR A BOX TEMPLATE! 5
  317. ------------------------------------------------------------------------------->
  318. <div class="box">
  319. <div class="left">
  320. <img src="https://images.unsplash.com/photo-1537015081305-b81b415531d4?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> </div>
  321. <div class="sectionheader">
  322. <span class="title">Section 4</span>
  323. <div class="line"></div>
  324. </div>
  325. <ul class="links">
  326. <a href="/tagged/TAG">tag one</a>
  327. <a href="/tagged/TAG">tag two</a>
  328. <a href="/tagged/TAG">tag three</a>
  329. <a href="/tagged/TAG">tag four</a>
  330. <a href="/tagged/TAG">tag five</a>
  331. <a href="/tagged/TAG">tag six</a>
  332. <a href="/tagged/TAG">tag seven</a>
  333. <a href="/tagged/TAG">tag eight</a>
  334. <a href="/tagged/TAG">tag nine</a>
  335. <a href="/tagged/TAG">tag ten</a>
  336. </ul>
  337. </div>
  338. <!------------------------------------------------------------------------------
  339. COPY THIS WHOLE SECTION FOR A BOX TEMPLATE! 6
  340. ------------------------------------------------------------------------------->
  341. <div class="box">
  342. <div class="left">
  343. <img src="https://images.unsplash.com/photo-1537015177959-b448caf54b66?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> </div>
  344. <div class="sectionheader">
  345. <span class="title">Section 5</span>
  346. <div class="line"></div>
  347. </div>
  348. <ul class="links">
  349. <a href="/tagged/TAG">tag one</a>
  350. <a href="/tagged/TAG">tag two</a>
  351. <a href="/tagged/TAG">tag three</a>
  352. <a href="/tagged/TAG">tag four</a>
  353. <a href="/tagged/TAG">tag five</a>
  354. <a href="/tagged/TAG">tag six</a>
  355. <a href="/tagged/TAG">tag seven</a>
  356. <a href="/tagged/TAG">tag eight</a>
  357. <a href="/tagged/TAG">tag nine</a>
  358. <a href="/tagged/TAG">tag ten</a>
  359. </ul>
  360. </div>
  361. <!------------------------------------------------------------------------------
  362. COPY THIS WHOLE SECTION FOR A BOX TEMPLATE! 7
  363. ------------------------------------------------------------------------------->
  364. <div class="box">
  365. <div class="left">
  366. <img src="https://images.unsplash.com/photo-1537015162689-286763807c3a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> </div>
  367. <div class="sectionheader">
  368. <span class="title">Section 6</span>
  369. <div class="line"></div>
  370. </div>
  371. <ul class="links">
  372. <a href="/tagged/TAG">tag one</a>
  373. <a href="/tagged/TAG">tag two</a>
  374. <a href="/tagged/TAG">tag three</a>
  375. <a href="/tagged/TAG">tag four</a>
  376. <a href="/tagged/TAG">tag five</a>
  377. <a href="/tagged/TAG">tag six</a>
  378. <a href="/tagged/TAG">tag seven</a>
  379. <a href="/tagged/TAG">tag eight</a>
  380. <a href="/tagged/TAG">tag nine</a>
  381. <a href="/tagged/TAG">tag ten</a>
  382. </ul>
  383. </div>
  384. <!------------------------------------------------------------------------------
  385. COPY THIS WHOLE SECTION FOR A BOX TEMPLATE! 8
  386. ------------------------------------------------------------------------------->
  387. <div class="box">
  388. <div class="left">
  389. <img src="https://images.unsplash.com/photo-1537014943416-ebcc2be168b1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> </div>
  390. <div class="sectionheader">
  391. <span class="title">Section 7</span>
  392. <div class="line"></div>
  393. </div>
  394. <ul class="links">
  395. <a href="/tagged/TAG">tag one</a>
  396. <a href="/tagged/TAG">tag two</a>
  397. <a href="/tagged/TAG">tag three</a>
  398. <a href="/tagged/TAG">tag four</a>
  399. <a href="/tagged/TAG">tag five</a>
  400. <a href="/tagged/TAG">tag six</a>
  401. <a href="/tagged/TAG">tag seven</a>
  402. <a href="/tagged/TAG">tag eight</a>
  403. <a href="/tagged/TAG">tag nine</a>
  404. <a href="/tagged/TAG">tag ten</a>
  405. </ul>
  406. </div>
  407. <!------------------------------------------------------------------------------
  408. COPY THIS WHOLE SECTION FOR A BOX TEMPLATE! 9
  409. ------------------------------------------------------------------------------->
  410. <div class="box">
  411. <div class="left">
  412. <img src="https://images.unsplash.com/photo-1537014653357-7221b6fbc5ba?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> </div>
  413. <div class="sectionheader">
  414. <span class="title">Section 8</span>
  415. <div class="line"></div>
  416. </div>
  417. <ul class="links">
  418. <a href="/tagged/TAG">tag one</a>
  419. <a href="/tagged/TAG">tag two</a>
  420. <a href="/tagged/TAG">tag three</a>
  421. <a href="/tagged/TAG">tag four</a>
  422. <a href="/tagged/TAG">tag five</a>
  423. <a href="/tagged/TAG">tag six</a>
  424. <a href="/tagged/TAG">tag seven</a>
  425. <a href="/tagged/TAG">tag eight</a>
  426. <a href="/tagged/TAG">tag nine</a>
  427. <a href="/tagged/TAG">tag ten</a>
  428. </ul>
  429. </div>
  430. <!------------------------------------------------------------------------------
  431. COPY THIS WHOLE SECTION FOR A BOX TEMPLATE! 10
  432. ------------------------------------------------------------------------------->
  433. <div class="box">
  434. <div class="left">
  435. <img src="https://images.unsplash.com/photo-1537014803192-c1b912bdc709?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"> </div>
  436. <div class="sectionheader">
  437. <span class="title">Section 9</span>
  438. <div class="line"></div>
  439. </div>
  440. <ul class="links">
  441. <a href="/tagged/TAG">tag one</a>
  442. <a href="/tagged/TAG">tag two</a>
  443. <a href="/tagged/TAG">tag three</a>
  444. <a href="/tagged/TAG">tag four</a>
  445. <a href="/tagged/TAG">tag five</a>
  446. <a href="/tagged/TAG">tag six</a>
  447. <a href="/tagged/TAG">tag seven</a>
  448. <a href="/tagged/TAG">tag eight</a>
  449. <a href="/tagged/TAG">tag nine</a>
  450. <a href="/tagged/TAG">tag ten</a>
  451. </ul>
  452. </div>
  453.  
  454. </div>
  455. </div>
  456.  
  457. <div id="credit">
  458. <a title="theme by drxgonfly" href="http://drxgonfly.tumblr.com/themes"><div id="dcs"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="500px" height="500px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve"> <path d="M442.229,282.66c-2.602-16.983-18.477-28.644-35.459-26.043c0,0-0.111,0.016-0.328,0.048 c-0.238,0.03-0.596,0.077-1.057,0.131c-0.951,0.116-2.344,0.278-4.119,0.482c-3.572,0.4-8.709,0.958-14.893,1.57 c-12.367,1.222-28.912,2.674-45.459,3.646c-4.137,0.241-8.271,0.456-12.342,0.629c-4.066,0.17-8.074,0.31-11.941,0.388 c-3.871,0.085-7.613,0.133-11.148,0.105c-1.771-0.003-3.494-0.022-5.15-0.068c-0.83-0.02-1.65-0.037-2.453-0.053 c-0.799-0.035-1.582-0.065-2.348-0.099c-0.771-0.032-1.525-0.063-2.264-0.096c-0.73-0.047-1.443-0.09-2.141-0.134 c-0.699-0.049-1.381-0.094-2.043-0.132c-0.656-0.063-1.293-0.12-1.912-0.175c-1.236-0.109-2.404-0.22-3.455-0.372 c-0.533-0.065-1.043-0.132-1.529-0.195c-0.246-0.03-0.486-0.063-0.719-0.093c-0.223-0.035-0.438-0.07-0.646-0.106 c-0.854-0.143-1.615-0.271-2.277-0.38c-0.68-0.13-1.283-0.309-1.76-0.419c-0.961-0.237-1.473-0.366-1.473-0.366h-0.01 c-0.399-0.102-0.816-0.04-1.186,0.138c-0.028,0.01-0.058,0.011-0.086,0.022c-0.58,0.246-0.923,0.813-0.912,1.406 c-0.04,0.472,0.112,0.948,0.438,1.314c0.05,0.116,0.1,0.233,0.16,0.375c0.156,0.372,0.352,0.827,0.58,1.363 c0.277,0.548,0.598,1.177,0.957,1.882c0.182,0.352,0.375,0.744,0.584,1.116c0.211,0.373,0.43,0.762,0.658,1.167 c0.459,0.815,0.957,1.708,1.527,2.616c1.113,1.853,2.434,3.891,3.922,6.081c1.488,2.187,3.148,4.521,4.947,6.944 c1.797,2.431,3.73,4.959,5.77,7.537c1.018,1.297,2.057,2.6,3.123,3.908c1.059,1.323,2.145,2.641,3.24,3.967 c2.197,2.66,4.455,5.326,6.73,7.983c9.105,10.611,18.549,20.887,25.746,28.525c3.598,3.817,6.637,6.976,8.793,9.192 c1.09,1.107,1.945,1.98,2.529,2.577c0.303,0.302,0.535,0.534,0.691,0.69c0.18,0.169,0.271,0.257,0.271,0.257l1.639,1.577 c2.842,2.687,6.324,4.789,10.313,6.033c13.973,4.365,28.836-3.423,33.199-17.396c4.365-13.97-3.422-28.835-17.396-33.199 c0,0-0.084-0.027-0.244-0.078c-0.184-0.063-0.451-0.158-0.805-0.284c-0.71-0.256-1.747-0.637-3.056-1.114 c4.617,1.614,8.963,3.106,12.894,4.437c6.105,2.063,11.215,3.743,14.818,4.91c1.816,0.579,3.24,1.034,4.215,1.346 c0.498,0.156,0.881,0.274,1.139,0.356c0.283,0.081,0.428,0.119,0.428,0.119l2.016,0.598c4.174,1.193,8.666,1.527,13.24,0.82 C433.168,315.52,444.828,299.646,442.229,282.66z"/> <path d="M187.203,242.209c3.456,0.602,6.911,1.185,10.33,1.712c1.702,0.269,3.4,0.524,5.081,0.764 c1.669,0.252,3.335,0.471,4.969,0.687c3.265,0.436,6.439,0.803,9.451,1.114c3.013,0.305,5.873,0.536,8.518,0.704 c2.65,0.156,5.079,0.252,7.244,0.27c1.067,0.03,2.099-0.005,3.03-0.018c0.467-0.008,0.914-0.018,1.341-0.025 c0.441-0.022,0.863-0.043,1.263-0.065c0.793-0.043,1.5-0.083,2.098-0.126c0.579-0.072,1.07-0.132,1.471-0.181 c0.138-0.017,0.25-0.031,0.366-0.045c0.41,0.072,0.839,0.016,1.208-0.2c0.405-0.157,0.742-0.479,0.888-0.92 c0.141-0.428,0.075-0.872-0.136-1.232c-0.093-0.243-0.234-0.472-0.438-0.662l-0.004-0.006c0,0-0.371-0.348-1.064-0.999 c-0.343-0.327-0.791-0.725-1.266-1.203c-0.433-0.479-0.934-1.032-1.492-1.647c-0.546-0.578-1.161-1.346-1.819-2.127 c-0.328-0.388-0.67-0.8-1.025-1.226c-0.343-0.44-0.699-0.897-1.067-1.373c-0.734-0.937-1.506-1.937-2.291-3.036 c-0.795-1.084-1.623-2.213-2.458-3.442c-0.843-1.211-1.717-2.471-2.593-3.816c-0.883-1.323-1.788-2.699-2.698-4.138 c-0.918-1.424-1.847-2.9-2.78-4.434c-0.942-1.511-1.887-3.076-2.841-4.674c-1.913-3.18-3.839-6.514-5.772-9.912 c-1.935-3.398-3.859-6.88-5.769-10.366c-7.613-13.979-14.795-28.226-20.033-38.941c-2.617-5.363-4.752-9.84-6.218-12.961 c-0.721-1.548-1.288-2.769-1.675-3.6c-0.184-0.406-0.323-0.719-0.42-0.926c-0.078-0.188-0.117-0.288-0.117-0.288 c-1.76-4.211-4.523-8.245-8.173-11.474c-12.916-11.434-32.657-10.229-44.088,2.688c-11.432,12.916-10.229,32.657,2.689,44.092 l1.768,1.564c0,0,0.112,0.099,0.328,0.29c0.199,0.166,0.496,0.419,0.885,0.744c0.757,0.636,1.871,1.56,3.288,2.736 c0.908,0.75,1.953,1.607,3.096,2.542c-12.71-1.484-24.972,6.432-28.555,19.138c-3.971,14.093,4.232,28.733,18.323,32.708 l2.112,0.596c0,0,0.124,0.033,0.361,0.099c0.214,0.058,0.535,0.139,0.951,0.246c0.813,0.199,2.004,0.493,3.521,0.865 c3.013,0.732,7.293,1.74,12.428,2.893C159.693,236.899,173.384,239.792,187.203,242.209z"/> <circle cx="268.238" cy="235.156" r="17.365"/> <path d="M244.191,254.323c-7.345,3.473-10.486,12.243-7.015,19.589c3.47,7.344,12.237,10.486,19.583,7.016 c7.346-3.473,10.486-12.237,7.016-19.585C260.307,253.997,251.537,250.854,244.191,254.323z"/> <path d="M236.218,283.968c-5.867-3.806-13.708-2.136-17.516,3.73c-3.804,5.867-2.137,13.708,3.731,17.514 c5.866,3.81,13.708,2.141,17.515-3.729C243.755,295.618,242.085,287.774,236.218,283.968z"/> <path d="M213.585,304.238c-5.314-3.448-12.42-1.932-15.868,3.379c-3.449,5.318-1.936,12.419,3.379,15.87 c5.314,3.448,12.42,1.935,15.868-3.383C220.415,314.79,218.899,307.689,213.585,304.238z"/> <path d="M180.37,319.415c-4.642,2.188-6.627,7.73-4.434,12.37c2.191,4.641,7.731,6.621,12.372,4.432 c4.64-2.193,6.624-7.732,4.432-12.372C190.547,319.207,185.009,317.22,180.37,319.415z"/> <path d="M167.338,326.881c-3.309-2.146-7.733-1.205-9.88,2.107c-2.146,3.305-1.204,7.727,2.104,9.878 c3.308,2.146,7.732,1.204,9.877-2.106C171.587,333.453,170.646,329.031,167.338,326.881z"/> <path d="M150.133,331.851c-2.257-1.462-5.269-0.822-6.728,1.434c-1.463,2.252-0.821,5.262,1.433,6.726 c2.255,1.462,5.263,0.821,6.727-1.434C153.026,336.322,152.384,333.314,150.133,331.851z"/> </svg></id></a>
  459. </div>
  460.  
  461. </body>
  462. </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!