Second Commit
parent
4f36c847a3
commit
61d11efb78
|
|
@ -22,8 +22,10 @@
|
|||
</nav>
|
||||
</header>
|
||||
{{ content }}
|
||||
{% if page.footer != "hidden" %}
|
||||
<footer>
|
||||
<p>© 2014 <a href="http://facebook.com/euricainc">eurica inc. </a></p>
|
||||
</footer>
|
||||
{% endif %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,4 +1,15 @@
|
|||
---
|
||||
layout: default
|
||||
footer: hidden
|
||||
---
|
||||
{{content}}
|
||||
<main class="pun">
|
||||
<div class="puncontent" style="background-color: {{ page.background-color }}; color: {{ page.color }};">
|
||||
{{content}}
|
||||
</div>
|
||||
<div class="share">
|
||||
<a class="btn previous" href="#previous"><i class="icon-arrow-left"></i>Prev</a>
|
||||
<a class="btn" href="#facebook"><i class="icon-facebook"></i>Facebook</a>
|
||||
<a class="btn" href="#twitter"><i class="icon-twitter"></i>Twitter</a>
|
||||
<a class="btn next" href="#next"><i class="icon-arrow-right"></i>Next</a>
|
||||
</div>
|
||||
</main>
|
||||
|
|
@ -1,4 +1,6 @@
|
|||
---
|
||||
layout: pun
|
||||
color: "#fff"
|
||||
background-color: "#2ecc71"
|
||||
---
|
||||
Theese jokes are too cheesy
|
||||
|
|
@ -9,10 +9,36 @@
|
|||
<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>
|
||||
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs: 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="" 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="" 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>
|
||||
|
|
|
|||
Binary file not shown.
|
|
@ -10,4 +10,6 @@
|
|||
<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" />
|
||||
<glyph unicode="" 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="" 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" />
|
||||
</font></defs></svg>
|
||||
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -1,6 +1,52 @@
|
|||
{
|
||||
"IcoMoonType": "selection",
|
||||
"icons": [
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M621.254 877.254l320-320c24.994-24.992 24.994-65.516 0-90.51l-320-320c-24.994-24.992-65.516-24.992-90.51 0-24.994 24.994-24.994 65.516 0 90.51l210.746 210.746h-613.49c-35.346 0-64 28.654-64 64s28.654 64 64 64h613.49l-210.746 210.746c-12.496 12.496-18.744 28.876-18.744 45.254s6.248 32.758 18.744 45.254c24.994 24.994 65.516 24.994 90.51 0z"
|
||||
],
|
||||
"tags": [
|
||||
"arrow-right",
|
||||
"right",
|
||||
"next"
|
||||
],
|
||||
"grid": 16
|
||||
},
|
||||
"properties": {
|
||||
"id": 298,
|
||||
"order": 8,
|
||||
"prevSize": 32,
|
||||
"code": 58883,
|
||||
"name": "arrow-right",
|
||||
"ligatures": ""
|
||||
},
|
||||
"setIdx": 0,
|
||||
"iconIdx": 298
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M402.746 146.746l-320 320c-24.994 24.992-24.994 65.516 0 90.508l320 320c24.994 24.992 65.516 24.992 90.51 0 24.996-24.992 24.996-65.516 0-90.508l-210.748-210.746h613.492c35.346 0 64-28.652 64-64 0-35.346-28.654-64-64-64h-613.492l210.746-210.746c12.496-12.496 18.746-28.876 18.746-45.254s-6.248-32.758-18.744-45.254c-24.996-24.994-65.516-24.994-90.51 0z"
|
||||
],
|
||||
"tags": [
|
||||
"arrow-left",
|
||||
"left",
|
||||
"previous"
|
||||
],
|
||||
"grid": 16
|
||||
},
|
||||
"properties": {
|
||||
"id": 302,
|
||||
"order": 7,
|
||||
"prevSize": 32,
|
||||
"code": 58884,
|
||||
"name": "arrow-left",
|
||||
"ligatures": ""
|
||||
},
|
||||
"setIdx": 0,
|
||||
"iconIdx": 302
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
@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');
|
||||
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');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -23,6 +23,12 @@
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-arrow-right:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.icon-googleplus:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,12 +20,22 @@ body {
|
|||
|
||||
main {
|
||||
margin: 0 auto;
|
||||
max-width: 720px;
|
||||
max-width: 920px;
|
||||
padding: 20px;
|
||||
min-width: 240px;
|
||||
|
||||
padding: 6vw;
|
||||
/*padding-bottom: 10vh;*/
|
||||
font-size: calc(0.8vw + 12px);
|
||||
line-height: 1.4em;
|
||||
padding-top: 100px;
|
||||
}
|
||||
main.pun {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
a:not(.btn) {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
box-shadow: 0 10px 0 -8px #444;/*
|
||||
|
|
@ -40,36 +50,81 @@ a:hover, a:focus {
|
|||
}
|
||||
.btn {
|
||||
color: #444;
|
||||
line-height: 1em;
|
||||
line-height: 1.2em;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
display: inline-block;/*
|
||||
margin: 1em;*/
|
||||
display: inline-block;
|
||||
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;
|
||||
box-shadow: 0 0 0 0 #444 inset;
|
||||
border: 2px solid #444;
|
||||
padding: 0.3em;
|
||||
text-align: center;
|
||||
transition: 0.25s box-shadow, 0.25s -webkit-transform;
|
||||
}
|
||||
.btn {
|
||||
padding: 0.7em;
|
||||
transition: 0.25s box-shadow, 0.25s color;
|
||||
}
|
||||
.btn:hover {
|
||||
box-shadow: 0 4em 0 0 #444 inset, 0em 0em 0 0 #bbb;
|
||||
-webkit-transform: translate(0.3em, 0.2em);
|
||||
box-shadow: 0 2em 0 0 #444 inset;
|
||||
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);
|
||||
box-shadow: 0 0 0 0 #444 inset;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.share {
|
||||
padding: 20px;
|
||||
text-align: center;/*
|
||||
position: absolute;
|
||||
bottom: 5vh;
|
||||
width: 80vw;
|
||||
left: 10vw;*/
|
||||
}
|
||||
.share .btn {
|
||||
font-size: 1.2em;
|
||||
font-family: "Shadows Into Light Two", sans-serif;
|
||||
}
|
||||
.share .btn * {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.share .btn i {
|
||||
margin-right: 0.3em;
|
||||
}
|
||||
.btn[href="#facebook"] {
|
||||
border-color: #3b5998 !important;
|
||||
color: #3b5998;
|
||||
box-shadow: 0 0 0 0 #3b5998 inset;
|
||||
}
|
||||
.btn[href="#facebook"]:hover {
|
||||
box-shadow: 0 2em 0 0 #3b5998 inset;
|
||||
color: #fff;
|
||||
}
|
||||
.btn[href="#twitter"] {
|
||||
border-color: #00aced !important;
|
||||
color: #00aced;
|
||||
box-shadow: 0 0 0 0 #00aced inset;
|
||||
}
|
||||
.btn[href="#twitter"]:hover {
|
||||
box-shadow: 0 2em 0 0 #00aced inset;
|
||||
color: #fff;
|
||||
}
|
||||
.previous {
|
||||
float: left;
|
||||
}
|
||||
.next {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.puncontent {
|
||||
font-size: 50px;
|
||||
line-height: 1.2em;
|
||||
padding: 2em 1em;
|
||||
min-height: 80vh;
|
||||
padding-top: 3em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 300;
|
||||
line-height: 1.4em;
|
||||
|
|
@ -179,7 +234,7 @@ th {
|
|||
background-repeat: no-repeat;
|
||||
|
||||
font-size: 24px;
|
||||
font-family: "Shadows Into Light Two";
|
||||
font-family: "Shadows Into Light Two", sans-serif;
|
||||
}
|
||||
.site-header * {
|
||||
padding: 0;
|
||||
|
|
@ -274,14 +329,6 @@ th {
|
|||
|
||||
|
||||
|
||||
main {
|
||||
padding: 10vh 6vw;
|
||||
padding-bottom: 20vh;
|
||||
font-size: calc(0.8vw + 12px);
|
||||
line-height: 1.4em;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
footer {
|
||||
|
|
|
|||
Loading…
Reference in New Issue