Initial Commit
parent
5f3b75e561
commit
4f36c847a3
|
|
@ -0,0 +1 @@
|
|||
_site/*
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
---
|
||||
layout: page
|
||||
title: "oops. something's missing"
|
||||
---
|
||||
|
||||
You seem to have found an error page. Here it is:
|
||||
|
||||
# Error 404 File Not Found
|
||||
|
||||
The page you requested could not be found on the site.
|
||||
|
||||
What you could do:
|
||||
|
||||
* Use the force, luke.
|
||||
* Go [home](/).
|
||||
* Return to the previous page.
|
||||
* Contact us.
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
permalink: /:title
|
||||
title: "2punny"
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<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="description" content="a place to find puns by daniel. "/>
|
||||
<meta name="author" content="eurica inc. "/>
|
||||
<link rel="icon" href="/images/logo-small.png" />
|
||||
<link rel="stylesheet" href="/styles/main.css" />
|
||||
<link rel="stylesheet" href="/styles/icomoon/style.css" />
|
||||
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two|Coming+Soon' rel='stylesheet' type='text/css'>
|
||||
</head>
|
||||
<body>
|
||||
<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>random</span></a>
|
||||
<a href="/all" {% if page.url contains "/all" %}class="active"{% endif %}><span>see-'em-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>about</span></a>
|
||||
</nav>
|
||||
</header>
|
||||
{{ content }}
|
||||
<footer>
|
||||
<p>© 2014 <a href="http://facebook.com/euricainc">eurica inc. </a></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
<main>
|
||||
{{ content }}
|
||||
</main>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
{{content}}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
---
|
||||
layout: pun
|
||||
---
|
||||
Theese jokes are too cheesy
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
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!
|
||||
|
||||
‐ eurica inc.
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 627 B |
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: page
|
||||
title: "hello"
|
||||
---
|
||||
We are busy fixing the site up for the best pun-viewing experience. Watch out!
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
title: random
|
||||
---
|
||||
<script>
|
||||
var posts = [{% for post in site.posts %}"{{ post.url }}", {% endfor %}];
|
||||
var id = Math.floor(Math.random() * posts.length);
|
||||
window.location.href = posts[id];
|
||||
</script>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
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.
|
||||
|
|
@ -0,0 +1,152 @@
|
|||
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;
|
||||
}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
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();
|
||||
}());
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<!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: 3)</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-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="" 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="" 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="" 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-">
|
||||
</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>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,13 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by IcoMoon</metadata>
|
||||
<defs>
|
||||
<font id="icomoon" horiz-adv-x="512">
|
||||
<font-face units-per-em="512" ascent="480" descent="-32" />
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
<glyph unicode=" " d="" horiz-adv-x="256" />
|
||||
<glyph unicode="" d="M279.533 448c0 0-100.478 0-133.97 0-60.060 0-116.585-45.503-116.585-98.211 0-53.863 40.941-97.333 102.044-97.333 4.249 0 8.378 0.085 12.421 0.376-3.965-7.593-6.801-16.144-6.801-25.021 0-14.969 8.052-27.105 18.234-37.012-7.693 0-15.121-0.224-23.226-0.224-74.391 0.001-131.65-47.379-131.65-96.51 0-48.389 62.771-78.657 137.167-78.657 84.812 0 131.653 48.122 131.653 96.514 0 38.8-11.448 62.036-46.843 87.067-12.108 8.572-35.265 29.418-35.265 41.672 0 14.36 4.098 21.434 25.714 38.323 22.156 17.312 37.836 41.651 37.836 69.958 0 33.703-15.010 66.549-43.186 77.386h42.477l29.98 21.672zM232.74 120.271c1.063-4.486 1.642-9.103 1.642-13.814 0-39.1-25.196-69.655-97.487-69.655-51.421 0-88.558 32.552-88.558 71.65 0 38.321 46.063 70.222 97.482 69.666 12-0.127 23.184-2.058 33.335-5.345 27.913-19.413 47.938-30.381 53.586-52.502zM150.409 266.112c-34.519 1.032-67.318 38.613-73.276 83.93-5.958 45.333 17.185 80.021 51.694 78.995 34.505-1.037 67.319-37.407 73.279-82.729 5.953-45.33-17.195-81.229-51.697-80.196zM416 352v96h-32v-96h-96v-32h96v-96h32v96h96v32z" />
|
||||
<glyph unicode="" d="M287.935-32h-95.935v256h-64v88.225l64 0.029-0.104 51.976c0 71.976 19.517 115.77 104.299 115.77h70.588v-88.242h-44.115c-33.016 0-34.603-12.328-34.603-35.342l-0.131-44.162h79.345l-9.352-88.225-69.927-0.029-0.065-256z" />
|
||||
<glyph unicode="" 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" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,100 @@
|
|||
{
|
||||
"IcoMoonType": "selection",
|
||||
"icons": [
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M559.066 64c0 0-200.956 0-267.94 0-120.12 0-233.17 91.006-233.17 196.422 0 107.726 81.882 194.666 204.088 194.666 8.498 0 16.756-0.17 24.842-0.752-7.93 15.186-13.602 32.288-13.602 50.042 0 29.938 16.104 54.21 36.468 74.024-15.386 0-30.242 0.448-46.452 0.448-148.782-0.002-263.3 94.758-263.3 193.020 0 96.778 125.542 157.314 274.334 157.314 169.624 0 263.306-96.244 263.306-193.028 0-77.6-22.896-124.072-93.686-174.134-24.216-17.144-70.53-58.836-70.53-83.344 0-28.72 8.196-42.868 51.428-76.646 44.312-34.624 75.672-83.302 75.672-139.916 0-67.406-30.020-133.098-86.372-154.772h84.954l59.96-43.344zM465.48 719.458c2.126 8.972 3.284 18.206 3.284 27.628 0 78.2-50.392 139.31-194.974 139.31-102.842 0-177.116-65.104-177.116-143.3 0-76.642 92.126-140.444 194.964-139.332 24 0.254 46.368 4.116 66.67 10.69 55.826 38.826 95.876 60.762 107.172 105.004zM300.818 427.776c-69.038-2.064-134.636-77.226-146.552-167.86-11.916-90.666 34.37-160.042 103.388-157.99 69.010 2.074 134.638 74.814 146.558 165.458 11.906 90.66-34.39 162.458-103.394 160.392zM832 256v-192h-64v192h-192v64h192v192h64v-192h192v-64z"
|
||||
],
|
||||
"tags": [
|
||||
"google plus",
|
||||
"social"
|
||||
],
|
||||
"grid": 16
|
||||
},
|
||||
"properties": {
|
||||
"id": 356,
|
||||
"order": 4,
|
||||
"prevSize": 32,
|
||||
"code": 58880,
|
||||
"name": "googleplus",
|
||||
"ligatures": ""
|
||||
},
|
||||
"setIdx": 0,
|
||||
"iconIdx": 356
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M575.87 1024h-191.87v-512h-128v-176.45l128-0.058-0.208-103.952c0-143.952 39.034-231.54 208.598-231.54h141.176v176.484h-88.23c-66.032 0-69.206 24.656-69.206 70.684l-0.262 88.324h158.69l-18.704 176.45-139.854 0.058-0.13 512z"
|
||||
],
|
||||
"tags": [
|
||||
"facebook",
|
||||
"social"
|
||||
],
|
||||
"grid": 16
|
||||
},
|
||||
"properties": {
|
||||
"id": 361,
|
||||
"order": 5,
|
||||
"prevSize": 32,
|
||||
"code": 58881,
|
||||
"name": "facebook",
|
||||
"ligatures": ""
|
||||
},
|
||||
"setIdx": 0,
|
||||
"iconIdx": 361
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M1024 194.418c-37.676 16.708-78.164 28.002-120.66 33.080 43.372-26 76.686-67.17 92.372-116.23-40.596 24.078-85.556 41.56-133.41 50.98-38.32-40.83-92.922-66.34-153.346-66.34-116.022 0-210.088 94.058-210.088 210.078 0 16.466 1.858 32.5 5.44 47.878-174.6-8.764-329.402-92.4-433.018-219.506-18.084 31.028-28.446 67.116-28.446 105.618 0 72.888 37.088 137.192 93.46 174.866-34.438-1.092-66.832-10.542-95.154-26.278-0.020 0.876-0.020 1.756-0.020 2.642 0 101.788 72.418 186.696 168.522 206-17.626 4.8-36.188 7.372-55.348 7.372-13.538 0-26.698-1.32-39.528-3.772 26.736 83.46 104.32 144.206 196.252 145.896-71.9 56.35-162.486 89.934-260.916 89.934-16.958 0-33.68-0.994-50.116-2.94 92.972 59.61 203.402 94.394 322.042 94.394 386.422 0 597.736-320.124 597.736-597.744 0-9.108-0.206-18.168-0.61-27.18 41.056-29.62 76.672-66.62 104.836-108.748z"
|
||||
],
|
||||
"tags": [
|
||||
"twitter",
|
||||
"tweet",
|
||||
"social"
|
||||
],
|
||||
"grid": 16
|
||||
},
|
||||
"properties": {
|
||||
"id": 365,
|
||||
"order": 6,
|
||||
"prevSize": 32,
|
||||
"code": 58882,
|
||||
"name": "twitter",
|
||||
"ligatures": ""
|
||||
},
|
||||
"setIdx": 0,
|
||||
"iconIdx": 365
|
||||
}
|
||||
],
|
||||
"height": 1024,
|
||||
"metadata": {
|
||||
"name": "icomoon"
|
||||
},
|
||||
"preferences": {
|
||||
"showGlyphs": true,
|
||||
"showQuickUse": true,
|
||||
"fontPref": {
|
||||
"prefix": "icon-",
|
||||
"metadata": {
|
||||
"fontFamily": "icomoon"
|
||||
},
|
||||
"metrics": {
|
||||
"emSize": 512,
|
||||
"baseline": 6.25,
|
||||
"whitespace": 50
|
||||
}
|
||||
},
|
||||
"imagePref": {
|
||||
"color": 0,
|
||||
"height": 32,
|
||||
"columns": 16,
|
||||
"margin": 16
|
||||
},
|
||||
"historySize": 100,
|
||||
"showCodes": true,
|
||||
"search": ""
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src:url('fonts/icomoon.eot?-og36f0');
|
||||
src:url('fonts/icomoon.eot?#iefix-og36f0') format('embedded-opentype'),
|
||||
url('fonts/icomoon.woff?-og36f0') format('woff'),
|
||||
url('fonts/icomoon.ttf?-og36f0') format('truetype'),
|
||||
url('fonts/icomoon.svg?-og36f0#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
font-family: 'icomoon';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-googleplus:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\e602";
|
||||
}
|
||||
|
|
@ -0,0 +1,327 @@
|
|||
|
||||
/* Reset.css */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
|
||||
|
||||
*, *:before, *:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1.35em;
|
||||
/*line-height: 1em;*/
|
||||
font-size: 20px;
|
||||
font-family: "Coming Soon", sans-serif;
|
||||
background-color: #fff;
|
||||
color: #444;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0 auto;
|
||||
max-width: 720px;
|
||||
padding: 20px;
|
||||
min-width: 240px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
box-shadow: 0 10px 0 -8px #444;/*
|
||||
box-shadow: 0 12px 0 -10px #444;*/
|
||||
text-shadow:
|
||||
1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;/*,
|
||||
1px 1px #fff, -1px 1px #fff, -1px 1px #fff, -1px -1px #fff*/
|
||||
-webkit-transition: 0.5s box-shadow;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
box-shadow: 0 2px 0 0 #444;
|
||||
}
|
||||
.btn {
|
||||
color: #444;
|
||||
line-height: 1em;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
display: inline-block;/*
|
||||
margin: 1em;*/
|
||||
border-radius: 4px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 0 0 #444 inset, 0.3em 0.2em 0 0 #bbb;
|
||||
border: 0.2em solid #444;
|
||||
padding: 0.8em;
|
||||
text-align: center;
|
||||
transition: 0.25s box-shadow, 0.25s -webkit-transform;
|
||||
}
|
||||
.btn {
|
||||
padding: 0.7em;
|
||||
}
|
||||
.btn:hover {
|
||||
box-shadow: 0 4em 0 0 #444 inset, 0em 0em 0 0 #bbb;
|
||||
-webkit-transform: translate(0.3em, 0.2em);
|
||||
color: #fff;
|
||||
}
|
||||
.btn.disabled {
|
||||
opacity: 0.8;
|
||||
}
|
||||
.btn.disabled:hover {
|
||||
box-shadow: 0 0 0 0 #444 inset, 0.3em 0.2em 0 0 #bbb;
|
||||
-webkit-transform: translate(0, 0);
|
||||
color: #444;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 300;
|
||||
line-height: 1.4em;
|
||||
padding: 0.666em 0 0.444em 0;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.7em;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
h5 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
h6 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
p {
|
||||
padding: 8px 0;
|
||||
}
|
||||
small {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.35em;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: decimal;
|
||||
padding: 10px 30px;
|
||||
}
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
hr {
|
||||
/*height: 2px;*/
|
||||
margin: 40px auto;
|
||||
max-width: 180px;
|
||||
border: none;
|
||||
/*background-color: #444;*/
|
||||
border-bottom: 2px solid #444;
|
||||
}/*
|
||||
pre, code {
|
||||
font-family: "Monaco";
|
||||
background-color: #eee;
|
||||
border: 1px solid #ddd;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.3em;
|
||||
padding: 0 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
pre {
|
||||
background-color: #eee;
|
||||
border: 1px solid #ddd;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
pre > code {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}*/
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
blockquote {
|
||||
padding: 30px;
|
||||
font-style: italic;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
border-radius: 4px;
|
||||
}
|
||||
table {
|
||||
margin: 20px;
|
||||
}
|
||||
th, td {
|
||||
padding: 1px 12px;
|
||||
}
|
||||
th {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.site-header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;/*
|
||||
height: 96px;*/
|
||||
color: #fff;
|
||||
background-color: #e74c3c;
|
||||
/*background: -webkit-linear-gradient(-90deg, rgb(255, 165, 0), rgba(255, 165, 0, 0));*/
|
||||
background-repeat: no-repeat;
|
||||
|
||||
font-size: 24px;
|
||||
font-family: "Shadows Into Light Two";
|
||||
}
|
||||
.site-header * {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.site-header h1 {
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
font-size: 1.25em;
|
||||
line-height: 1em;
|
||||
-webkit-box-flex: 1;
|
||||
-moz-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.site-header h1 .circle {
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
height: 4em;
|
||||
width: 4em;
|
||||
border-radius: 2em;
|
||||
position: absolute;
|
||||
top: -1em;
|
||||
left: 1em;
|
||||
background-color: #e74c3c;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 1.5em 0;
|
||||
font-weight: 900;
|
||||
transition: 0.25s color, 0.25s background-color, 0.4s box-shadow;
|
||||
}
|
||||
.site-header h1 .circle:hover {
|
||||
color: #e74c3c;
|
||||
background-color: #fff;
|
||||
box-shadow: 2px 2px 10px #e74c3c;
|
||||
}
|
||||
/*
|
||||
.site-header h1 .logo {
|
||||
height: 3em;
|
||||
width: 3em;
|
||||
background-image: url("/images/logo.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
background-position: center 16px;
|
||||
border-radius: 1.6em;
|
||||
position: absolute;
|
||||
top: -1.15em;
|
||||
background-color: #e74c3c;
|
||||
color: #fff;
|
||||
padding: 1em;
|
||||
font-weight: 900;
|
||||
}*/
|
||||
.site-header nav {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-align-items: center;
|
||||
-moz-align-items: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
/*padding-right: 5%;*/
|
||||
|
||||
font-size: 1em;
|
||||
font-weight: 300;
|
||||
line-height: 1em;
|
||||
/*height: 100%;*/
|
||||
padding: 0.3em 5%;
|
||||
}
|
||||
.site-header nav a {
|
||||
box-shadow: none !important;
|
||||
text-shadow: none !important;
|
||||
display: inline-block;
|
||||
/*height: 44px;*/
|
||||
padding: 0.4em;
|
||||
|
||||
transition: 0.25s color, 0.25s background-color;
|
||||
}
|
||||
.site-header nav span {
|
||||
display: block;
|
||||
height: 100%;
|
||||
}
|
||||
.site-header nav a:hover {
|
||||
background-color: #fff;
|
||||
color: #e74c3c;
|
||||
}
|
||||
.site-header nav a.active {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
|
||||
|
||||
main {
|
||||
padding: 10vh 6vw;
|
||||
padding-bottom: 20vh;
|
||||
font-size: calc(0.8vw + 12px);
|
||||
line-height: 1.4em;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
footer {
|
||||
width: 100%;
|
||||
padding: 2em 10vw;
|
||||
background-color: #fff;
|
||||
color: #444;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
line-height: 1.2em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Breakpoint 1 */
|
||||
@media screen and (max-width: 720px) {
|
||||
.site-header {
|
||||
font-size: 20px;
|
||||
}
|
||||
footer {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Breakpoint 2 */
|
||||
@media screen and (max-width: 600px) {
|
||||
footer {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Breakpoint 3 */
|
||||
@media screen and (max-width: 540px) {
|
||||
.site-header {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue