ambrose
/
2punny
mirror of https://github.com/serverwentdown/2punny.git
1
0
Fork 0
Code Releases Activity

Yay UI upgrade

master
Ambrose Chua 2014-08-30 19:47:09 +08:00
parent 39f22c6c93
commit 392fa54541
17 changed files with 484 additions and 347 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
_layouts/default.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
<meta name="viewport" content="width=device-width, height=device-height, maximum-scale=10.0, minimum-scale=1.0, initial-scale=1.0, user-scalable=1" />
<meta name="viewport" content="width=device-width, maximum-scale=4.0, minimum-scale=1.0, initial-scale=1.0, user-scalable=1" />
<meta name="description" content="a place to find puns by daniel. "/>
<meta name="author" content="eurica inc. "/>
<link rel="icon" href="/images/logo-small.png" />
@ -15,10 +15,10 @@
<header class="site-header">
<h1><a href="/"><div class="circle">2punny</div></a></h1>
<nav>
<a href="/random" {% if page.url contains "/random" %}class="active"{% endif %}><span>rand<span class="hidewhensmall">om</span></span></a>
<a href="/all" {% if page.url contains "/all" %}class="active"{% endif %}><span><span class="hidewhensmall">see-'em-</span>all</span></a>
<a href="/random" {% if page.url contains "/random" %}class="active"{% endif %}><i class="icon-shuffle"></i><!-- <span>rand<span class="hidewhensmall">om</span> --></span></a>
<a href="/all" {% if page.url contains "/all" %}class="active"{% endif %}><i class="icon-drawer"></i><!-- <span><span class="hidewhensmall">see-'em-</span>all</span> --></a>
<a href="http://facebook.com/2punny" target="_blank"><i class="icon-facebook"></i></a>
<a href="/about" {% if page.url contains "/about" %}class="active"{% endif %}><span>ab<span class="hidewhensmall">ou</span>t</span></a>
<a href="/about" {% if page.url contains "/about" %}class="active"{% endif %}><i class="icon-info"></i><!-- <span>ab<span class="hidewhensmall">ou</span>t</span> --></a>
</nav>
</header>
{{ content }}

4
_layouts/pun.html
View File

@ -35,8 +35,8 @@ document.querySelector(".facebook").addEventListener("click", function (e) {
window.fbAsyncInit = function() {
FB.init({
appId : '556080077853061',
xfbml : true,
appId : '560376084090127',
xfbml : false,
version : 'v2.0'
});
};

9
about/index.html Normal file
View File

@ -0,0 +1,9 @@
---
layout: page
title: "about"
---
<h1 class="center"><i class="icon-info"></i></h1>
<p>Us <i class="icon-group"></i> at eurica inc <i class="icon-magic"></i> this <i class="icon-globe"></i> because our <i class="icon-user"></i> friend daniel kept <i class="icon-magic"></i> puns and we wanted to <i class="icon-drawer"></i> everything. So we went ahead and <i class="icon-code"></i> up this <i class="icon-globe"></i>. Enjoy the puns <i class="icon-grin"></i>! </p>
<p>&dash; ambc</p>

10
about/index.md
View File

@ -1,10 +0,0 @@
---
layout: page
title: "about"
---
# About 2punny
> Us guys at eurica inc started this website because our friend daniel kept making puns and we wanted to archive everything. So we went ahead and whipped up this fun site. Enjoy the puns!
&dash; eurica inc.

1
all/index.html
View File

@ -2,6 +2,7 @@
layout: page
title: .all
---
<h1 class="center"><i class="icon-drawer"></i></h1>
<ul class="punnylisting">
{% for post in site.posts %}
<li>

15
index.html
View File

@ -2,12 +2,9 @@
layout: page
title: "hello"
---
{% assign post = site.posts.last %}
{% assign content = post.content %}
<h1>Ready for puns? </h1>
<p>And cancer? And madness?</p>
<br />
<a href="{{ post.url }}" class="btn" style="font-size: 1.2em;">If you dare <i class="icon-arrow-right"></i></a>
{% assign post = site.posts.last %}
<h1>Ready for puns by daniel? </h1>
<p><strong>Warninig! </strong>You may <i class="icon-angry"></i> <i class="icon-fire"></i> <i class="icon-lightning"></i> and want to <i class="icon-knife"></i> us <i class="icon-group"></i> and daniel. If you are that kind of <i class="icon-user"></i> better <i class="icon-eye-blocked"></i> keep away. </p>
<a href="{{ post.url }}" class="btn" style="margin: 0.5em 0;"><i class="icon-grin"></i><span>If you dare</span><!-- <i class="icon-arrow-right"></i> --></a>
<p>or</p>
<a href="/random" class="btn" style="margin: 0.5em 0;"><i class="icon-shuffle"></i><span>Random pun</span></a>

5
styles/icomoon/Read Me.txt
View File

@ -1,5 +0,0 @@
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu > Manage Projects) to retrieve your icon selection.

152
styles/icomoon/demo-files/demo.css
View File

@ -1,152 +0,0 @@
body {
padding: 0;
margin: 0;
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
color: #555;
background: #fff;
}
h1 {
font-size: 1.5em;
font-weight: normal;
}
small {
font-size: .66666667em;
}
a {
color: #e74c3c;
text-decoration: none;
}
a:hover, a:focus {
box-shadow: 0 1px #e74c3c;
}
.bshadow0, input {
box-shadow: inset 0 -2px #e7e7e7;
}
input:hover {
box-shadow: inset 0 -2px #ccc;
}
input, fieldset {
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
}
input {
color: inherit;
line-height: 1.5;
height: 1.5em;
padding: .25em 0;
}
input:focus {
outline: none;
box-shadow: inset 0 -2px #449fdb;
}
.glyph {
font-size: 16px;
width: 15em;
padding-bottom: 1em;
margin-right: 4em;
margin-bottom: 1em;
float: left;
overflow: hidden;
}
.liga {
width: 80%;
width: calc(100% - 2.5em);
}
.talign-right {
text-align: right;
}
.talign-center {
text-align: center;
}
.bgc1 {
background: #f1f1f1;
}
.fgc1 {
color: #999;
}
.fgc0 {
color: #000;
}
p {
margin-top: 1em;
margin-bottom: 1em;
}
.mvm {
margin-top: .75em;
margin-bottom: .75em;
}
.mtn {
margin-top: 0;
}
.mtl, .mal {
margin-top: 1.5em;
}
.mbl, .mal {
margin-bottom: 1.5em;
}
.mal, .mhl {
margin-left: 1.5em;
margin-right: 1.5em;
}
.mhmm {
margin-left: 1em;
margin-right: 1em;
}
.mls {
margin-left: .25em;
}
.ptl {
padding-top: 1.5em;
}
.pbs, .pvs {
padding-bottom: .25em;
}
.pvs, .pts {
padding-top: .25em;
}
.clearfix {
zoom: 1;
}
.unit {
float: left;
}
.unitRight {
float: right;
}
.size1of2 {
width: 50%;
}
.size1of1 {
width: 100%;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.hidden-true {
display: none;
}
.textbox0 {
width: 3em;
background: #f1f1f1;
padding: .25em .5em;
line-height: 1.5;
height: 1.5em;
}
#testDrive {
padding-top: 24px;
line-height: 1.5;
}
.fs0 {
font-size: 16px;
}
.fs1 {
font-size: 32px;
}

30
styles/icomoon/demo-files/demo.js
View File

@ -1,30 +0,0 @@
if (!('boxShadow' in document.body.style)) {
document.body.setAttribute('class', 'noBoxShadow');
}
document.body.addEventListener("click", function(e) {
var target = e.target;
if (target.tagName === "INPUT" &&
target.getAttribute('class').indexOf('liga') === -1) {
target.select();
}
});
(function() {
var fontSize = document.getElementById('fontSize'),
testDrive = document.getElementById('testDrive'),
testText = document.getElementById('testText');
function updateTest() {
testDrive.innerHTML = testText.value || String.fromCharCode(160);
if (window.icomoonLiga) {
window.icomoonLiga(testDrive);
}
}
function updateSize() {
testDrive.style.fontSize = fontSize.value + 'px';
}
fontSize.addEventListener('change', updateSize, false);
testText.addEventListener('input', updateTest, false);
testText.addEventListener('change', updateTest, false);
updateSize();
}());

104
styles/icomoon/demo.html
View File

@ -1,104 +0,0 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>IcoMoon Demo</title>
<meta name="description" content="An Icon Font Generated By IcoMoon.io">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="demo-files/demo.css">
<link rel="stylesheet" href="style.css"></head>
<body>
<div class="bgc1 clearfix">
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;5)</small></h1>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn bshadow fgc1">Grid Size: 16</h1>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-arrow-right"></span><span class="mls"> icon-arrow-right</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e603" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe603;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-arrow-left"></span><span class="mls"> icon-arrow-left</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e604" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe604;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-googleplus"></span><span class="mls"> icon-googleplus</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e600" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe600;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-facebook"></span><span class="mls"> icon-facebook</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e601" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe601;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-twitter"></span><span class="mls"> icon-twitter</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e602" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe602;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
</div>
<!--[if gt IE 8]><!-->
<div class="mhl clearfix mbl">
<h1>Font Test Drive</h1>
<label>
Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
min="8" value="48" />
px
</label>
<input id="testText" type="text" class="phl size1of1 mvl"
placeholder="Type some text to test..." value=""/>
</label>
<div id="testDrive" class="icon-">&nbsp;
</div>
</div>
<!--<![endif]-->
<div class="bgc1 clearfix">
<p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
</div>
<script src="demo-files/demo.js"></script>
</body>
</html>

BIN
styles/icomoon/fonts/icomoon.eot
View File

Binary file not shown.

15
styles/icomoon/fonts/icomoon.svg
View File

@ -12,4 +12,19 @@
<glyph unicode="&#xe602;" d="M512 382.791c-18.838-8.354-39.082-14.001-60.33-16.54 21.686 13 38.343 33.585 46.186 58.115-20.298-12.039-42.778-20.78-66.705-25.49-19.16 20.415-46.461 33.17-76.673 33.17-58.011 0-105.044-47.029-105.044-105.039 0-8.233 0.929-16.25 2.72-23.939-87.3 4.382-164.701 46.2-216.509 109.753-9.042-15.514-14.223-33.558-14.223-52.809 0-36.444 18.544-68.596 46.73-87.433-17.219 0.546-33.416 5.271-47.577 13.139-0.010-0.438-0.010-0.878-0.010-1.321 0-50.894 36.209-93.348 84.261-103-8.813-2.4-18.094-3.686-27.674-3.686-6.769 0-13.349 0.66-19.764 1.886 13.368-41.73 52.16-72.103 98.126-72.948-35.95-28.175-81.243-44.967-130.458-44.967-8.479 0-16.84 0.497-25.058 1.47 46.486-29.805 101.701-47.197 161.021-47.197 193.211 0 298.868 160.062 298.868 298.872 0 4.554-0.103 9.084-0.305 13.59 20.528 14.81 38.336 33.31 52.418 54.374z" />
<glyph unicode="&#xe603;" d="M310.627 41.373l160 160c12.497 12.496 12.497 32.758 0 45.255l-160 160c-12.497 12.496-32.758 12.496-45.255 0-12.497-12.497-12.497-32.758 0-45.255l105.373-105.373h-306.745c-17.673 0-32-14.327-32-32s14.327-32 32-32h306.745l-105.373-105.373c-6.248-6.248-9.372-14.438-9.372-22.627s3.124-16.379 9.372-22.627c12.497-12.497 32.758-12.497 45.255 0z" />
<glyph unicode="&#xe604;" d="M201.373 406.627l-160-160c-12.497-12.496-12.497-32.758 0-45.254l160-160c12.497-12.496 32.758-12.496 45.255 0s12.498 32.758 0 45.254l-105.374 105.373h306.746c17.673 0 32 14.326 32 32s-14.327 32-32 32h-306.746l105.373 105.373c6.248 6.248 9.373 14.438 9.373 22.627s-3.124 16.379-9.372 22.627c-12.498 12.497-32.758 12.497-45.255 0z" />
<glyph unicode="&#xe605;" d="M512 352l-128 128v-96c-65.386 0-115.376-15.604-152.825-47.704-2.625-2.25-5.142-4.55-7.581-6.887 13.76-19.082 24.358-38.758 33.886-57.545 24.161 29.201 59.027 48.136 126.52 48.136v-192c-108.223 0-132.563 48.68-163.378 110.311-17.153 34.306-34.89 69.78-67.796 97.985-37.45 32.1-87.44 47.704-152.826 47.704v-64c108.223 0 132.563-48.68 163.378-110.311 17.153-34.306 34.89-69.78 67.796-97.985 37.45-32.1 87.441-47.704 152.826-47.704v-96l128 128-128 128 128 128zM0 128v-64c65.386 0 115.375 15.604 152.825 47.704 2.625 2.249 5.142 4.55 7.581 6.888-13.76 19.081-24.359 38.758-33.886 57.545-24.16-29.201-59.026-48.137-126.52-48.137z" />
<glyph unicode="&#xe606;" d="M352 384h-192l-160-192v-128c0-17.673 14.327-32 32-32h448c17.674 0 32 14.327 32 32v128l-160 192zM320 128h-128l-32 32h192l-32-32zM41.655 192l133.333 160h162.024l133.333-160h-428.69zM142.482 288h227.036l-26.667 32h-173.703zM89.149 224h333.703l-26.667 32h-280.37z" />
<glyph unicode="&#xe607;" d="M311.413 128.632c-11.055 1.759-11.307 32.157-11.307 32.157s32.484 32.158 39.564 75.401c19.045 0 30.809 45.973 11.761 62.148 0.795 17.027 24.48 133.662-95.431 133.662s-96.225-116.635-95.432-133.662c-19.047-16.175-7.285-62.148 11.761-62.148 7.079-43.243 39.564-75.401 39.564-75.401s-0.252-30.398-11.307-32.157c-35.61-5.666-168.586-64.317-168.586-128.632h448c0 64.315-132.976 122.966-168.587 128.632z" />
<glyph unicode="&#xe608;" d="M240 448c-132.548 0-240-107.452-240-240s107.452-240 240-240c132.549 0 240 107.451 240 240s-107.451 240-240 240zM375.795 128c4.29 20.227 6.998 41.696 7.879 64h63.723c-1.668-22.098-6.812-43.557-15.34-64h-56.262zM104.205 288c-4.29-20.227-6.998-41.696-7.879-64h-63.722c1.668 22.097 6.811 43.557 15.339 64h56.262zM343.018 288c4.807-20.481 7.699-41.927 8.64-64h-95.658v64h87.018zM256 320v93.669c7.295-2.123 14.522-5.685 21.614-10.685 13.291-9.37 26.006-23.804 36.77-41.743 7.441-12.401 13.876-26.208 19.248-41.242h-77.632zM165.616 361.242c10.764 17.939 23.478 32.374 36.77 41.743 7.091 5 14.319 8.562 21.614 10.685v-93.67h-77.632c5.373 15.033 11.808 28.84 19.248 41.242zM224 288v-64h-95.657c0.94 22.073 3.833 43.519 8.639 64h87.018zM47.944 128c-8.528 20.443-13.671 41.902-15.339 64h63.722c0.881-22.304 3.589-43.773 7.879-64h-56.262zM128.343 192h95.657v-64h-87.018c-4.806 20.48-7.699 41.927-8.639 64zM224 96v-93.67c-7.294 2.123-14.522 5.686-21.614 10.685-13.292 9.37-26.007 23.805-36.77 41.743-7.441 12.402-13.875 26.209-19.249 41.242h77.633zM314.384 54.758c-10.764-17.938-23.479-32.373-36.77-41.743-7.092-4.999-14.319-8.562-21.614-10.685v93.67h77.633c-5.373-15.033-11.808-28.84-19.249-41.242zM256 128v64h95.657c-0.94-22.073-3.833-43.52-8.64-64h-87.017zM383.674 224c-0.881 22.304-3.589 43.773-7.879 64h56.262c8.528-20.443 13.672-41.903 15.34-64h-63.723zM415.329 320h-47.95c-9.319 29.381-22.188 55.147-37.658 75.714 21.268-10.17 40.529-23.808 57.357-40.636 10.74-10.739 20.181-22.469 28.251-35.078zM92.922 355.078c16.829 16.829 36.090 30.466 57.357 40.636-15.471-20.567-28.338-46.333-37.658-75.714h-47.949c8.069 12.609 17.511 24.339 28.25 35.078zM64.672 96h47.949c9.32-29.381 22.188-55.147 37.659-75.715-21.268 10.17-40.529 23.808-57.357 40.637-10.74 10.739-20.182 22.469-28.251 35.078zM387.078 60.922c-16.828-16.829-36.090-30.467-57.357-40.637 15.471 20.567 28.339 46.334 37.658 75.715h47.95c-8.070-12.609-17.511-24.339-28.251-35.078z" />
<glyph unicode="&#xe609;" d="M36.078 348.685c17.166 16.721 459.837-212.486 459.837-212.486s0.985-37.166-17.315-51.034c-122.11 57.322-165.591 111.849-180.565 110.604s-23.216-32.279-30.642-29.911c-7.425 2.368-208.339 109.517-231.315 182.827z" />
<glyph unicode="&#xe60a;" d="M64 224l128 128h-64l-128-128 128-128h64zM384 352h-64l128-128-128-128h64l128 128zM272 416l-80-384h48l80 384z" />
<glyph unicode="&#xe60b;" d="M256-32c141.385 0 256 114.615 256 256s-114.615 256-256 256-256-114.615-256-256 114.615-256 256-256zM256 432c114.875 0 208-93.125 208-208s-93.125-208-208-208-208 93.125-208 208 93.125 208 208 208zM96 224v-32c0-70.4 57.6-128 128-128h64c70.4 0 128 57.6 128 128v32h-320zM192 101.506c-13.269 4.729-25.462 12.411-35.772 22.723-18.203 18.201-28.228 42.27-28.228 67.771h64v-90.494zM288 96h-64v96h64v-96zM355.772 124.229c-10.312-10.312-22.505-17.994-35.772-22.723v90.494h64c0-25.501-10.024-49.57-28.228-67.771zM112.676 288c0.001 0 0 0 0 0 4.884 0 9.054 3.528 9.862 8.345 3.079 18.342 18.834 31.655 37.462 31.655s34.383-13.313 37.462-31.655c0.808-4.816 4.978-8.345 9.861-8.345 4.884 0 9.054 3.528 9.862 8.344 0.541 3.218 0.814 6.467 0.814 9.656 0 31.981-26.019 58-58 58s-58-26.019-58-58c0-3.189 0.274-6.438 0.814-9.656 0.81-4.816 4.98-8.344 9.863-8.344zM304.676 288c0.001 0 0 0 0 0 4.885 0 9.056 3.528 9.862 8.345 3.079 18.342 18.834 31.655 37.462 31.655s34.383-13.313 37.462-31.655c0.808-4.816 4.979-8.345 9.861-8.345s9.054 3.528 9.861 8.344c0.541 3.218 0.814 6.467 0.814 9.656 0 31.981-26.019 58-58 58s-58-26.019-58-58c0-3.189 0.272-6.438 0.813-9.656 0.812-4.816 4.982-8.344 9.865-8.344z" />
<glyph unicode="&#xe60c;" d="M256-32c141.385 0 256 114.615 256 256s-114.615 256-256 256-256-114.615-256-256 114.615-256 256-256zM256 432c114.875 0 208-93.125 208-208s-93.125-208-208-208-208 93.125-208 208 93.125 208 208 208zM352.049 89.63c-19.587 32.574-55.272 54.37-96.049 54.37s-76.462-21.796-96.049-54.37l-41.164 24.698c27.98 46.535 78.958 77.672 137.213 77.672s109.232-31.137 137.213-77.672l-41.164-24.698zM383.521 339.88c2.142-8.572-3.070-17.259-11.641-19.402-8.813-2.225-19.261-6.060-28.468-10.675 5.324-5.715 8.587-13.376 8.587-21.803 0-17.673-14.327-32-32-32s-32 14.327-32 32c0 0.585 0.018 1.165 0.049 1.742 1.016 23.727 22.606 39.473 40.796 48.569 17.371 8.685 34.551 13.030 35.274 13.211 8.573 2.144 17.259-3.069 19.403-11.642zM128.479 339.88c2.144 8.573 10.83 13.786 19.403 11.642 0.723-0.181 17.903-4.526 35.274-13.211 18.19-9.096 39.78-24.842 40.796-48.569 0.031-0.577 0.049-1.157 0.049-1.742 0-17.673-14.327-32-32-32s-32 14.327-32 32c0 8.427 3.263 16.088 8.587 21.803-9.207 4.615-19.655 8.45-28.468 10.675-8.571 2.143-13.783 10.83-11.641 19.402z" />
<glyph unicode="&#xe60d;" d="M160.504-32c-34.123 71.004-15.951 111.689 10.275 150.022 28.72 41.978 36.122 83.533 36.122 83.533s22.577-29.35 13.546-75.254c39.886 44.4 47.412 115.14 41.391 142.232 90.157-63.006 128.688-199.428 76.761-300.533 276.186 156.266 68.699 390.086 32.577 416.425 12.041-26.338 14.324-70.925-10-92.563-41.176 156.138-142.986 188.138-142.986 188.138 12.041-80.522-43.648-168.572-97.348-234.365-1.887 32.108-3.891 54.264-20.775 84.99-3.79-58.328-48.366-105.874-60.437-164.314-16.351-79.143 12.248-137.090 120.874-198.311z" />
<glyph unicode="&#xe60e;" d="M192 480l-192-256h192l-128-256 448 320h-256l192 192z" />
<glyph unicode="&#xe60f;" d="M424 160l-7.429 208.010c-0.314 8.795 6.629 15.99 15.429 15.99h64c8.8 0 14.734-7.088 13.188-15.751l-37.188-208.249zM480 92c0-15.4-12.6-28-28-28h-8c-15.4 0-28 12.6-28 28v8c0 15.4 12.6 28 28 28h8c15.4 0 28-12.6 28-28v-8zM192 384c-106.039 0-192-71.634-192-160s85.961-160 192-160c106.039 0 192 71.635 192 160s-85.961 160-192 160zM320 256h-37.131l-58.869-58.87v-37.13h48v-32h-128v32h48v37.13l-90.87 90.87h-21.031v32h95.803v-32h-21.032l53.13-53.13 16 16v37.13h96v-32z" />
<glyph unicode="&#xe610;" d="M419.661 331.792c38.822-27.515 70.685-64.546 92.339-107.792-47.561-94.979-144.343-160-256-160-31.283 0-61.396 5.106-89.589 14.542l38.978 38.978c16.529-3.65 33.486-5.52 50.611-5.52 44.779 0 88.427 12.743 126.223 36.852 30.081 19.188 55.572 44.888 74.718 75.149-18.526 29.283-43.007 54.275-71.825 73.247l34.545 34.544zM256 131c-11.362 0-22.376 1.488-32.864 4.267l156.593 156.592c2.781-10.486 4.271-21.497 4.271-32.859 0-70.692-57.308-128-128-128zM480 480h-26.869l-109.806-109.806c-27.538 8.962-56.877 13.806-87.325 13.806-111.659 0-208.441-65.021-256-160 21.329-42.596 52.564-79.154 90.597-106.534l-90.597-90.597v-26.869h26.869l453.131 453.131v26.869zM208 323c24.022 0 43.923-17.647 47.446-40.685l-54.762-54.762c-23.037 3.524-40.684 23.425-40.684 47.447 0 26.51 21.49 48 48 48zM55.058 224c19.146 30.262 44.637 55.962 74.717 75.148 1.959 1.25 3.938 2.461 5.929 3.65-4.979-13.664-7.704-28.411-7.704-43.798 0-29.262 9.825-56.224 26.349-77.781l-29.275-29.275c-28.036 18.821-51.877 43.386-70.016 72.056z" />
<glyph unicode="&#xf0c0;" d="M0 228.286q0 100.857 35.428 100.857 1.715 0 12.428-6t27.857-12.143 34-6.143q19.143 0 38 6.572-1.429-10.572-1.429-18.857 0-39.714 23.143-73.143-46.285-1.428-75.715-36.572h-38.285q-23.428 0-39.428 11.572t-16 33.857zM36.572 402.286q0 30.286 21.428 51.715t51.715 21.428 51.715-21.428 21.429-51.715-21.428-51.714-51.715-21.428-51.715 21.428-21.428 51.714zM73.143 37.429q0 15.143 1 29.572t4 31.143 7.572 31 12.285 27.857 17.715 23.143 24.428 15.286 31.857 5.714q2.857 0 12.286-6.143t20.857-13.714 30.571-13.714 38.572-6.143 38.572 6.143 30.572 13.714 20.857 13.714 12.286 6.143q17.428 0 31.857-5.714t24.428-15.286 17.714-23.143 12.286-27.857 7.572-31 4-31.143 1-29.572q0-34.286-20.857-54.143t-55.428-19.857h-249.714q-34.572 0-55.428 19.857t-20.857 54.143zM164.571 292.572q0 45.429 32.143 77.572t77.572 32.143 77.572-32.143 32.143-77.572-32.143-77.571-77.572-32.143-77.572 32.143-32.143 77.572zM365.714 402.286q0 30.286 21.428 51.715t51.714 21.428 51.714-21.428 21.429-51.715-21.428-51.714-51.714-21.428-51.714 21.428-21.428 51.714zM379.143 219.429q23.143 33.428 23.143 73.143 0 8.286-1.428 18.857 18.857-6.572 38-6.572 16.857 0 34 6.143t27.857 12.143 12.428 6q35.428 0 35.428-100.857 0-22.285-16-33.857t-39.428-11.572h-38.286q-29.428 35.143-75.714 36.572z" horiz-adv-x="549" />
<glyph unicode="&#xf0d0;" d="M7.715 82.286q0 7.714 5.143 12.857l367.428 367.428q5.143 5.143 12.857 5.143t12.857-5.143l56.572-56.572q5.143-5.143 5.143-12.857t-5.143-12.857l-367.428-367.428q-5.143-5.143-12.857-5.143t-12.857 5.143l-56.572 56.572q-5.143 5.143-5.143 12.857zM36.572 438.857l28 8.572 8.572 28 8.572-28 28-8.572-28-8.572-8.572-28-8.572 28zM91.428 384l56 17.143 17.143 56 17.143-56 56-17.143-56-17.143-17.143-56-17.143 56zM219.429 438.857l28 8.572 8.571 28 8.572-28 28-8.572-28-8.572-8.572-28-8.572 28zM309.428 340l30.572-30.571 83.714 83.714-30.572 30.572zM402.286 256l28 8.572 8.572 28 8.572-28 28-8.572-28-8.572-8.572-28-8.572 28z" horiz-adv-x="476" />
<glyph unicode="&#xf129;" d="M0 54.857v36.572q0 7.428 5.428 12.857t12.857 5.428h18.285v109.714h-18.285q-7.428 0-12.857 5.428t-5.428 12.857v36.572q0 7.428 5.428 12.857t12.857 5.429h109.715q7.428 0 12.857-5.428t5.429-12.857v-164.571h18.286q7.428 0 12.857-5.428t5.429-12.857v-36.572q0-7.428-5.428-12.857t-12.857-5.428h-146.286q-7.428 0-12.857 5.428t-5.428 12.857zM36.572 365.714v54.857q0 7.428 5.428 12.857t12.857 5.428h73.143q7.428 0 12.857-5.428t5.429-12.857v-54.857q0-7.428-5.428-12.857t-12.857-5.428h-73.143q-7.428 0-12.857 5.428t-5.428 12.857z" horiz-adv-x="183" />
</font></defs></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
styles/icomoon/fonts/icomoon.ttf
View File

Binary file not shown.

BIN
styles/icomoon/fonts/icomoon.woff
View File

Binary file not shown.

384
styles/icomoon/selection.json
View File

@ -1,6 +1,326 @@
{
"IcoMoonType": "selection",
"icons": [
{
"icon": {
"paths": [
"M72.156 262.629c34.332-33.443 919.673 424.971 919.673 424.971s1.97 74.332-34.631 102.068c-244.22-114.645-331.183-223.697-361.13-221.209s-46.432 64.558-61.284 59.823c-14.851-4.736-416.679-219.035-462.629-365.653z"
],
"attrs": [
{}
],
"grid": 0,
"tags": [
"knife"
]
},
"attrs": [
{}
],
"properties": {
"order": 19,
"id": 0,
"prevSize": 32,
"code": 58889,
"name": "knife",
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 0
},
{
"icon": {
"paths": [
"M0 494.286q0-201.714 70.857-201.714 3.429 0 24.857 12t55.714 24.286 68 12.286q38.286 0 76-13.143-2.857 21.143-2.857 37.714 0 79.429 46.286 146.286-92.571 2.857-151.429 73.143h-76.571q-46.857 0-78.857-23.143t-32-67.714zM73.143 146.286q0-60.571 42.857-103.429t103.429-42.857 103.429 42.857 42.857 103.429-42.857 103.429-103.429 42.857-103.429-42.857-42.857-103.429zM146.286 876q0-30.286 2-59.143t8-62.286 15.143-62 24.571-55.714 35.429-46.286 48.857-30.571 63.714-11.429q5.714 0 24.571 12.286t41.714 27.429 61.143 27.429 77.143 12.286 77.143-12.286 61.143-27.429 41.714-27.429 24.571-12.286q34.857 0 63.714 11.429t48.857 30.571 35.429 46.286 24.571 55.714 15.143 62 8 62.286 2 59.143q0 68.571-41.714 108.286t-110.857 39.714h-499.429q-69.143 0-110.857-39.714t-41.714-108.286zM329.143 365.714q0-90.857 64.286-155.143t155.143-64.286 155.143 64.286 64.286 155.143-64.286 155.143-155.143 64.286-155.143-64.286-64.286-155.143zM731.429 146.286q0-60.571 42.857-103.429t103.429-42.857 103.429 42.857 42.857 103.429-42.857 103.429-103.429 42.857-103.429-42.857-42.857-103.429zM758.286 512q46.286-66.857 46.286-146.286 0-16.571-2.857-37.714 37.714 13.143 76 13.143 33.714 0 68-12.286t55.714-24.286 24.857-12q70.857 0 70.857 201.714 0 44.571-32 67.714t-78.857 23.143h-76.571q-58.857-70.286-151.429-73.143z"
],
"width": 1097,
"tags": [
"group",
"users"
],
"defaultCode": 61632,
"grid": 14
},
"properties": {
"id": 168,
"order": 14,
"prevSize": 28,
"code": 61632,
"name": "group",
"ligatures": ""
},
"setIdx": 1,
"iconIdx": 168
},
{
"icon": {
"paths": [
"M15.429 786.286q0-15.429 10.286-25.714l734.857-734.857q10.286-10.286 25.714-10.286t25.714 10.286l113.143 113.143q10.286 10.286 10.286 25.714t-10.286 25.714l-734.857 734.857q-10.286 10.286-25.714 10.286t-25.714-10.286l-113.143-113.143q-10.286-10.286-10.286-25.714zM73.143 73.143l56-17.143 17.143-56 17.143 56 56 17.143-56 17.143-17.143 56-17.143-56zM182.857 182.857l112-34.286 34.286-112 34.286 112 112 34.286-112 34.286-34.286 112-34.286-112zM438.857 73.143l56-17.143 17.143-56 17.143 56 56 17.143-56 17.143-17.143 56-17.143-56zM618.857 270.857l61.143 61.143 167.429-167.429-61.143-61.143zM804.571 438.857l56-17.143 17.143-56 17.143 56 56 17.143-56 17.143-17.143 56-17.143-56z"
],
"width": 951,
"tags": [
"magic"
],
"defaultCode": 61648,
"grid": 14
},
"properties": {
"id": 183,
"order": 15,
"prevSize": 28,
"code": 61648,
"name": "magic",
"ligatures": ""
},
"setIdx": 1,
"iconIdx": 183
},
{
"icon": {
"paths": [
"M0 841.143v-73.143q0-14.857 10.857-25.714t25.714-10.857h36.571v-219.429h-36.571q-14.857 0-25.714-10.857t-10.857-25.714v-73.143q0-14.857 10.857-25.714t25.714-10.857h219.429q14.857 0 25.714 10.857t10.857 25.714v329.143h36.571q14.857 0 25.714 10.857t10.857 25.714v73.143q0 14.857-10.857 25.714t-25.714 10.857h-292.571q-14.857 0-25.714-10.857t-10.857-25.714zM73.143 219.429v-109.714q0-14.857 10.857-25.714t25.714-10.857h146.286q14.857 0 25.714 10.857t10.857 25.714v109.714q0 14.857-10.857 25.714t-25.714 10.857h-146.286q-14.857 0-25.714-10.857t-10.857-25.714z"
],
"width": 366,
"tags": [
"info"
],
"defaultCode": 61737,
"grid": 14
},
"properties": {
"id": 265,
"order": 8,
"prevSize": 28,
"code": 61737,
"name": "info",
"ligatures": ""
},
"setIdx": 1,
"iconIdx": 265
},
{
"icon": {
"paths": [
"M704 192h-384l-320 384v256c0 35.346 28.654 64 64 64h896c35.348 0 64-28.654 64-64v-256l-320-384zM640 704h-256l-64-64h384l-64 64zM83.31 576l266.666-320h324.048l266.666 320h-857.38zM284.964 384h454.072l-53.334-64h-347.406zM178.298 512h667.406l-53.334-64h-560.74z"
],
"tags": [
"drawer",
"inbox",
"box",
"archive",
"storage",
"category"
],
"grid": 16
},
"properties": {
"id": 90,
"order": 7,
"prevSize": 32,
"code": 58886,
"name": "drawer",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 90
},
{
"icon": {
"paths": [
"M622.826 702.736c-22.11-3.518-22.614-64.314-22.614-64.314s64.968-64.316 79.128-150.802c38.090 0 61.618-91.946 23.522-124.296 1.59-34.054 48.96-267.324-190.862-267.324-239.822 0-192.45 233.27-190.864 267.324-38.094 32.35-14.57 124.296 23.522 124.296 14.158 86.486 79.128 150.802 79.128 150.802s-0.504 60.796-22.614 64.314c-71.22 11.332-337.172 128.634-337.172 257.264h896c0-128.63-265.952-245.932-337.174-257.264z"
],
"tags": [
"user",
"profile",
"avatar",
"person",
"talk",
"member"
],
"grid": 16
},
"properties": {
"id": 112,
"order": 9,
"prevSize": 32,
"code": 58887,
"name": "user",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 112
},
{
"icon": {
"paths": [
"M321.008 1024c-68.246-142.008-31.902-223.378 20.55-300.044 57.44-83.956 72.244-167.066 72.244-167.066 0 0 45.154 58.7 27.092 150.508 79.772-88.8 94.824-230.28 82.782-284.464 180.314 126.012 257.376 398.856 153.522 601.066 552.372-312.532 137.398-780.172 65.154-832.85 24.082 52.676 28.648 141.85-20 185.126-82.352-312.276-285.972-376.276-285.972-376.276 24.082 161.044-87.296 337.144-194.696 468.73-3.774-64.216-7.782-108.528-41.55-169.98-7.58 116.656-96.732 211.748-120.874 328.628-32.702 158.286 24.496 274.18 241.748 396.622z"
],
"tags": [
"fire",
"flame",
"hot",
"popular"
],
"grid": 16
},
"properties": {
"id": 164,
"order": 16,
"prevSize": 32,
"code": 58893,
"name": "fire",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 164
},
{
"icon": {
"paths": [
"M384 0l-384 512h384l-256 512 896-640h-512l384-384z"
],
"tags": [
"lightning",
"power"
],
"grid": 16
},
"properties": {
"id": 176,
"order": 17,
"prevSize": 32,
"code": 58894,
"name": "lightning",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 176
},
{
"icon": {
"paths": [
"M480 64c-265.096 0-480 214.904-480 480 0 265.098 214.904 480 480 480 265.098 0 480-214.902 480-480 0-265.096-214.902-480-480-480zM751.59 704c8.58-40.454 13.996-83.392 15.758-128h127.446c-3.336 44.196-13.624 87.114-30.68 128h-112.524zM208.41 384c-8.58 40.454-13.996 83.392-15.758 128h-127.444c3.336-44.194 13.622-87.114 30.678-128h112.524zM686.036 384c9.614 40.962 15.398 83.854 17.28 128h-191.316v-128h174.036zM512 320v-187.338c14.59 4.246 29.044 11.37 43.228 21.37 26.582 18.74 52.012 47.608 73.54 83.486 14.882 24.802 27.752 52.416 38.496 82.484l-155.264-0zM331.232 237.516c21.528-35.878 46.956-64.748 73.54-83.486 14.182-10 28.638-17.124 43.228-21.37l-0 187.34h-155.264c10.746-30.066 23.616-57.68 38.496-82.484zM448 384v128h-191.314c1.88-44.146 7.666-87.038 17.278-128h174.036zM95.888 704c-17.056-40.886-27.342-83.804-30.678-128h127.444c1.762 44.608 7.178 87.546 15.758 128h-112.524zM256.686 576h191.314v128h-174.036c-9.612-40.96-15.398-83.854-17.278-128zM448 768v187.34c-14.588-4.246-29.044-11.372-43.228-21.37-26.584-18.74-52.014-47.61-73.54-83.486-14.882-24.804-27.75-52.418-38.498-82.484h155.266zM628.768 850.484c-21.528 35.876-46.958 64.746-73.54 83.486-14.184 9.998-28.638 17.124-43.228 21.37l-0-187.34h155.266c-10.746 30.066-23.616 57.68-38.498 82.484zM512 704v-128h191.314c-1.88 44.146-7.666 87.040-17.28 128h-174.034zM767.348 512c-1.762-44.608-7.178-87.546-15.758-128h112.524c17.056 40.886 27.344 83.806 30.68 128h-127.446zM830.658 320h-95.9c-18.638-58.762-44.376-110.294-75.316-151.428 42.536 20.34 81.058 47.616 114.714 81.272 21.48 21.478 40.362 44.938 56.502 70.156zM185.844 249.844c33.658-33.658 72.18-60.932 114.714-81.272-30.942 41.134-56.676 92.666-75.316 151.428h-95.898c16.138-25.218 35.022-48.678 56.5-70.156zM129.344 768h95.898c18.64 58.762 44.376 110.294 75.318 151.43-42.536-20.34-81.058-47.616-114.714-81.274-21.48-21.478-40.364-44.938-56.502-70.156zM774.156 838.156c-33.656 33.658-72.18 60.934-114.714 81.274 30.942-41.134 56.678-92.668 75.316-151.43h95.9c-16.14 25.218-35.022 48.678-56.502 70.156z"
],
"tags": [
"globe",
"web",
"internet",
"network",
"sphere"
],
"grid": 16
},
"properties": {
"id": 193,
"order": 11,
"prevSize": 32,
"code": 58888,
"name": "globe",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 193
},
{
"icon": {
"paths": [
"M839.322 296.416c77.644 55.030 141.37 129.092 184.678 215.584-95.122 189.958-288.686 320-512 320-62.566 0-122.792-10.212-179.178-29.084l77.956-77.956c33.058 7.3 66.972 11.040 101.222 11.040 89.558 0 176.854-25.486 252.446-73.704 60.162-38.376 111.144-89.776 149.436-150.298-37.052-58.566-86.014-108.55-143.65-146.494l69.090-69.088zM512 698c-22.724 0-44.752-2.976-65.728-8.534l313.186-313.184c5.562 20.972 8.542 42.994 8.542 65.718 0 141.384-114.616 256-256 256zM960 0h-53.738l-219.612 219.612c-55.076-17.924-113.754-27.612-174.65-27.612-223.318 0-416.882 130.042-512 320 42.658 85.192 105.128 158.308 181.194 213.068l-181.194 181.194v53.738h53.738l906.262-906.262v-53.738zM416 314c48.044 0 87.846 35.294 94.892 81.37l-109.524 109.524c-46.074-7.048-81.368-46.85-81.368-94.894 0-53.020 42.98-96 96-96zM110.116 512c38.292-60.524 89.274-111.924 149.434-150.296 3.918-2.5 7.876-4.922 11.858-7.3-9.958 27.328-15.408 56.822-15.408 87.596 0 58.524 19.65 112.448 52.698 155.562l-58.55 58.55c-56.072-37.642-103.754-86.772-140.032-144.112z"
],
"tags": [
"eye-blocked",
"views",
"vision",
"visit",
"banned",
"blocked",
"forbidden",
"private"
],
"grid": 16
},
"properties": {
"id": 199,
"order": 20,
"prevSize": 32,
"code": 58896,
"name": "eye-blocked",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 199
},
{
"icon": {
"paths": [
"M512 1024c282.77 0 512-229.23 512-512s-229.23-512-512-512-512 229.23-512 512 229.23 512 512 512zM512 96c229.75 0 416 186.25 416 416s-186.25 416-416 416-416-186.25-416-416 186.25-416 416-416zM192 512v64c0 140.8 115.2 256 256 256h128c140.8 0 256-115.2 256-256v-64h-640zM384 756.988c-26.538-9.458-50.924-24.822-71.544-45.446-36.406-36.402-56.456-84.54-56.456-135.542h128v180.988zM576 768h-128v-192h128v192zM711.544 711.542c-20.624 20.624-45.010 35.988-71.544 45.446v-180.988h128c0 51.002-20.048 99.14-56.456 135.542zM225.352 384c0.002 0 0 0 0 0 9.768 0 18.108-7.056 19.724-16.69 6.158-36.684 37.668-63.31 74.924-63.31s68.766 26.626 74.924 63.31c1.616 9.632 9.956 16.69 19.722 16.69 9.768 0 18.108-7.056 19.724-16.688 1.082-6.436 1.628-12.934 1.628-19.312 0-63.962-52.038-116-116-116s-116 52.038-116 116c0 6.378 0.548 12.876 1.628 19.312 1.62 9.632 9.96 16.688 19.726 16.688zM609.352 384c0.002 0 0 0 0 0 9.77 0 18.112-7.056 19.724-16.69 6.158-36.684 37.668-63.31 74.924-63.31s68.766 26.626 74.924 63.31c1.616 9.632 9.958 16.69 19.722 16.69s18.108-7.056 19.722-16.688c1.082-6.436 1.628-12.934 1.628-19.312 0-63.962-52.038-116-116-116s-116 52.038-116 116c0 6.378 0.544 12.876 1.626 19.312 1.624 9.632 9.964 16.688 19.73 16.688z"
],
"tags": [
"grin",
"emoticon",
"smiley",
"face"
],
"grid": 16
},
"properties": {
"id": 224,
"order": 13,
"prevSize": 32,
"code": 58891,
"name": "grin",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 224
},
{
"icon": {
"paths": [
"M512 1024c282.77 0 512-229.23 512-512s-229.23-512-512-512-512 229.23-512 512 229.23 512 512 512zM512 96c229.75 0 416 186.25 416 416s-186.25 416-416 416-416-186.25-416-416 186.25-416 416-416zM704.098 780.74c-39.174-65.148-110.544-108.74-192.098-108.74-81.556 0-152.924 43.592-192.098 108.74l-82.328-49.396c55.96-93.070 157.916-155.344 274.426-155.344 116.508 0 218.464 62.274 274.426 155.344l-82.328 49.396zM767.042 280.24c4.284 17.144-6.14 34.518-23.282 38.804-17.626 4.45-38.522 12.12-56.936 21.35 10.648 11.43 17.174 26.752 17.174 43.606 0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64 0-1.17 0.036-2.33 0.098-3.484 2.032-47.454 45.212-78.946 81.592-97.138 34.742-17.37 69.102-26.060 70.548-26.422 17.146-4.288 34.518 6.138 38.806 23.284zM256.958 280.24c4.288-17.146 21.66-27.572 38.806-23.284 1.446 0.362 35.806 9.052 70.548 26.422 36.38 18.192 79.56 49.684 81.592 97.138 0.062 1.154 0.098 2.314 0.098 3.484 0 35.346-28.654 64-64 64s-64-28.654-64-64c0-16.854 6.526-32.176 17.174-43.606-18.414-9.23-39.31-16.9-56.936-21.35-17.142-4.286-27.566-21.66-23.282-38.804z"
],
"tags": [
"angry",
"emoticon",
"smiley",
"face",
"rage"
],
"grid": 16
},
"properties": {
"id": 228,
"order": 12,
"prevSize": 32,
"code": 58892,
"name": "angry",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 228
},
{
"icon": {
"paths": [
"M1024 256l-256-256v192c-130.772 0-230.752 31.208-305.65 95.408-5.25 4.5-10.284 9.1-15.162 13.774 27.52 38.164 48.716 77.516 67.772 115.090 48.322-58.402 118.054-96.272 253.040-96.272v192 0 192c-216.446 0-265.126-97.36-326.756-220.622-34.306-68.612-69.78-139.56-135.592-195.97-74.9-64.2-174.88-95.408-305.652-95.408v128c216.446 0 265.126 97.36 326.756 220.622 34.306 68.612 69.78 139.56 135.592 195.97 74.9 64.2 174.882 95.408 305.652 95.408v192l256-256-256-256 256-256zM0 704v128c130.772 0 230.75-31.208 305.65-95.408 5.25-4.498 10.284-9.1 15.162-13.776-27.52-38.162-48.718-77.516-67.772-115.090-48.32 58.402-118.052 96.274-253.040 96.274z"
],
"tags": [
"shuffle",
"media control",
"random"
],
"grid": 16
},
"properties": {
"id": 286,
"order": 6,
"prevSize": 32,
"code": 58885,
"name": "shuffle",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 286
},
{
"icon": {
"paths": [
@ -15,13 +335,13 @@
},
"properties": {
"id": 298,
"order": 8,
"order": 5,
"prevSize": 32,
"code": 58883,
"name": "arrow-right",
"ligatures": ""
},
"setIdx": 0,
"setIdx": 2,
"iconIdx": 298
},
{
@ -38,15 +358,37 @@
},
"properties": {
"id": 302,
"order": 7,
"order": 4,
"prevSize": 32,
"code": 58884,
"name": "arrow-left",
"ligatures": ""
},
"setIdx": 0,
"setIdx": 2,
"iconIdx": 302
},
{
"icon": {
"paths": [
"M128 512l256-256h-128l-256 256 256 256h128zM768 256h-128l256 256-256 256h128l256-256zM544 128l-160 768h96l160-768z"
],
"tags": [
"code",
"embed"
],
"grid": 16
},
"properties": {
"id": 348,
"order": 10,
"prevSize": 32,
"code": 58890,
"name": "code",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 348
},
{
"icon": {
"paths": [
@ -60,13 +402,13 @@
},
"properties": {
"id": 356,
"order": 4,
"order": 1,
"prevSize": 32,
"code": 58880,
"name": "googleplus",
"ligatures": ""
},
"setIdx": 0,
"setIdx": 2,
"iconIdx": 356
},
{
@ -82,13 +424,13 @@
},
"properties": {
"id": 361,
"order": 5,
"order": 2,
"prevSize": 32,
"code": 58881,
"name": "facebook",
"ligatures": ""
},
"setIdx": 0,
"setIdx": 2,
"iconIdx": 361
},
{
@ -105,14 +447,36 @@
},
"properties": {
"id": 365,
"order": 6,
"order": 3,
"prevSize": 32,
"code": 58882,
"name": "twitter",
"ligatures": ""
},
"setIdx": 0,
"setIdx": 2,
"iconIdx": 365
},
{
"icon": {
"paths": [
"M848 640l-14.858-416.020c-0.628-17.59 13.258-31.98 30.858-31.98h128c17.6 0 29.468 14.176 26.376 31.502l-74.376 416.498M960 776c0 30.8-25.2 56-56 56h-16c-30.8 0-56-25.2-56-56v-16c0-30.8 25.2-56 56-56h16c30.8 0 56 25.2 56 56v16zM384 192c-212.078 0-384 143.268-384 320 0 176.73 171.922 320 384 320 212.078 0 384-143.27 384-320 0-176.732-171.922-320-384-320zM640 448h-74.262l-117.738 117.74v74.26h96v64h-256v-64h96v-74.26l-181.74-181.74h-42.062v-64h191.606v64h-42.064l106.26 106.26 32-32v-74.26h192v64z"
],
"tags": [
"yahoo",
"social"
],
"grid": 16
},
"properties": {
"id": 404,
"order": 18,
"prevSize": 32,
"code": 58895,
"name": "yahoo",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 404
}
],
"height": 1024,

55
styles/icomoon/style.css
View File

@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot?emf6qi');
src:url('fonts/icomoon.eot?#iefixemf6qi') format('embedded-opentype'),
url('fonts/icomoon.woff?emf6qi') format('woff'),
url('fonts/icomoon.ttf?emf6qi') format('truetype'),
url('fonts/icomoon.svg?emf6qi#icomoon') format('svg');
src:url('fonts/icomoon.eot?-b71wpf');
src:url('fonts/icomoon.eot?#iefix-b71wpf') format('embedded-opentype'),
url('fonts/icomoon.woff?-b71wpf') format('woff'),
url('fonts/icomoon.ttf?-b71wpf') format('truetype'),
url('fonts/icomoon.svg?-b71wpf#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@ -23,12 +23,54 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-knife:before {
content: "\e609";
}
.icon-group:before {
content: "\f0c0";
}
.icon-magic:before {
content: "\f0d0";
}
.icon-info:before {
content: "\f129";
}
.icon-drawer:before {
content: "\e606";
}
.icon-user:before {
content: "\e607";
}
.icon-fire:before {
content: "\e60d";
}
.icon-lightning:before {
content: "\e60e";
}
.icon-globe:before {
content: "\e608";
}
.icon-eye-blocked:before {
content: "\e610";
}
.icon-grin:before {
content: "\e60b";
}
.icon-angry:before {
content: "\e60c";
}
.icon-shuffle:before {
content: "\e605";
}
.icon-arrow-right:before {
content: "\e603";
}
.icon-arrow-left:before {
content: "\e604";
}
.icon-code:before {
content: "\e60a";
}
.icon-googleplus:before {
content: "\e600";
}
@ -38,3 +80,6 @@
.icon-twitter:before {
content: "\e602";
}
.icon-yahoo:before {
content: "\e60f";
}

39
styles/main.css
View File

@ -16,20 +16,20 @@ body {
background-color: #fff;
color: #444;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: none;
-webkit-tap-highlight-color: transparent;
}
main {
margin: 0 auto;
max-width: 920px;
padding: 20px;
/*padding: 5vh 5vw;*/
min-width: 240px;
padding: 6vw;
/*padding-bottom: 10vh;*/
font-size: calc(0.8vw + 12px);
line-height: 1.4em;
padding-top: 150px;
padding-top: 20vh;
}
main.pun {
padding: 0;
@ -63,6 +63,9 @@ a:hover, a:focus {
padding: 0.3em;
text-align: center;
transition: 0.25s box-shadow, 0.25s color;
font-size: 1.2em;
line-height: 1em;
font-family: "Shadows Into Light Two", sans-serif;
}
.btn:hover {
box-shadow: 0 2em 0 0 #444 inset;
@ -87,11 +90,6 @@ a:hover, a:focus {
width: 80vw;
left: 10vw;*/
}
.share .btn {
font-size: 1.2em;
line-height: 1em;
font-family: "Shadows Into Light Two", sans-serif;
}
.btn * {
vertical-align: bottom;
}
@ -133,11 +131,20 @@ a:hover, a:focus {
}
.puncontent {
font-size: 2.5em;
font-size: 2.2em;
line-height: 1.2em;
padding: 15vh 10vw;
min-height: 70vh;
padding-top: 20vh;
padding: 10vh 10vw;
min-height: 80vh;
padding-top: 25vh;
}
.center {
text-align: center;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
width: 1em;
height: 1em;
display: inline-block;
text-align: center;
}
h1, h2, h3, h4, h5, h6 {
@ -345,7 +352,7 @@ th {
.punnylisting {
text-align: center;
list-style: decimal;
padding: 0;
/*padding: 0;*/
font-size: 1.2em;
}
.punnylisting li {
@ -374,7 +381,7 @@ footer {
/* Breakpoint 1 */
@media screen and (max-width: 720px) {
@media (max-width: 720px) {
.site-header {
font-size: 20px;
}
@ -384,14 +391,14 @@ footer {
}
/* Breakpoint 2 */
@media screen and (max-width: 600px) {
@media (max-width: 600px) {
footer {
font-size: 14px;
}
}
/* Breakpoint 3 */
@media screen and (max-width: 540px) {
@media (max-width: 540px) {
.site-header {
font-size: 18px;
}