end v1.0

Gruntfile.coffee

@@ -12,6 +12,7 @@ module.exports = (grunt) ->
       compile:
         files:
           "dest/index.html": "src/jade/index.jade"
+          "dest/page.html": "src/jade/page.jade"
 
     # stylus
     stylus:

dest/assets/style.css

@@ -2228,4 +2228,4 @@ th {
   padding: 0;
 }
 
-body{background-color:#30373d;color:#606669;line-height:1.6666667;font-family:'PT Serif',Georgia,Times,"Times New Roman",serif}a{color:#27ae60;text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}a:hover{color:#1e874a}h1{font-size:2em;letter-spacing:-1px}@-moz-keyframes logo{0%{background-position:0% 50%}100%{background-position:100% 50%}}@-webkit-keyframes logo{0%{background-position:0% 50%}100%{background-position:100% 50%}}@-o-keyframes logo{0%{background-position:0% 50%}100%{background-position:100% 50%}}@keyframes logo{0%{background-position:0% 50%}100%{background-position:100% 50%}}#header{padding:25px 0;background:#fff;background-image:url("/assets/img/bgHeader.jpg");-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center top;background-repeat:no-repeat}#buttonMenu{position:fixed;top:10px;left:10px;width:38px;height:38px;-webkit-border-radius:50%;border-radius:50%;z-index:1000;font-size:22px;padding:0;outline:0;border:0;background-color:#e64946;color:#fff;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 0 4px;box-shadow:rgba(0,0,0,0.3) 0 0 0 4px;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}#buttonMenu:hover{background-color:#fff;color:#e64946}#menu{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;left:-250px;position:fixed}#menu ul{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;width:150px;margin-top:60%}#menu ul li{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;list-style:none;margin-left:-40px;}#menu ul li:hover{background:#fff;padding-left:10px;width:110%}#menu ul li a{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;padding:.8em;display:block;color:#fff;background:rgba(0,0,0,0.6);font-size:.9em;font-weight:normal;text-decoration:none;text-transform:uppercase;margin-bottom:1px;}#menu ul li a:hover{color:#e64946;background-color:#fff}.buttonMenuOpen{background-color:#fff !important;color:#e64946 !important}.menuOpen{left:0 !important}#menu ul li:nth-child(1){width:120px}#menu ul li:nth-child(2){width:150px}#menu ul li:nth-child(3){width:160px}#menu ul li:nth-child(4){width:140px}#menu ul li:nth-child(5){width:120px}#logo{text-align:center;text-transform:uppercase;letter-spacing:.5em;border:5px double rgba(255,255,255,0.7);border-width:4px 0;padding:1.5em 0;width:40em;margin:auto;color:#fff;}#logo a{font-size:4em;font-weight:700;letter-spacing:0;text-decoration:none;padding:.25em 0 .325em;display:block;background:url("/assets/img/bgLogo.png") repeat-y;-webkit-background-clip:text;color:transparent;text-shadow:0 0 80px rgba(240,89,0,0.5);-webkit-animation:logo 160s linear infinite;-moz-animation:logo 160s linear infinite;-o-animation:logo 160s linear infinite;-ms-animation:logo 160s linear infinite;animation:logo 160s linear infinite;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media all and (max-width:768px){#logo{font-size:.7em;width:auto;padding:0;border:none}#logo span{display:none}}#content{padding:.5em;margin:0 auto;max-width:960px;margin-top:1em}.post{background-color:#fff;margin-bottom:2em}.post img{width:100%}.entryBox{max-width:800px;margin:0 auto;padding-bottom:1em}.entryMeta{text-align:center;color:#aeb0b1;font-size:14px;font-family:'Open Sans',sans-serif;line-height:1.5}.entryHeader a{color:#30373d;text-align:center;}.entryHeader a:hover{color:#27ae60}.entryHeader a h1{margin:.2em;}@media all and (max-width:768px){.entryHeader a h1{font-size:1.6em}}.entryReadMore{text-align:center;}.entryReadMore a{background-color:#aeafb1;-webkit-border-radius:2px;border-radius:2px;color:#fff;display:inline-block;font-size:1.2em;font-weight:bold;line-height:1.5;padding:8px 25px;text-decoration:none;}.entryReadMore a:hover{background:#27ae60}.pagination{color:#606669;font-family:"Open Sans",sans-serif;font-size:14px;font-weight:bold;line-height:1.5;max-width:720px;margin:0 auto 60px;position:relative;text-align:center;}.pagination a{color:#f2f5f7}.older-posts,.newer-posts{background-color:#606669;-webkit-border-radius:2px;border-radius:2px;padding:8px 25px;position:absolute;top:0;}.older-posts:hover,.newer-posts:hover{background-color:#27ae60}.newer-posts{left:0}.older-posts{right:0}
+body{background-color:#30373d;color:#606669;line-height:1.6666667;font-family:'PT Serif',Georgia,Times,"Times New Roman",serif}a{color:#27ae60;text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}a:hover{color:#1e874a}h1{font-size:2em;letter-spacing:-1px}@-moz-keyframes logo{0%{background-position:0% 50%}100%{background-position:100% 50%}}@-webkit-keyframes logo{0%{background-position:0% 50%}100%{background-position:100% 50%}}@-o-keyframes logo{0%{background-position:0% 50%}100%{background-position:100% 50%}}@keyframes logo{0%{background-position:0% 50%}100%{background-position:100% 50%}}#header{padding:25px 0;background:#fff;background-image:url("/assets/img/bgHeader.jpg");-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center top;background-repeat:no-repeat}#buttonMenu{position:fixed;top:10px;left:10px;width:38px;height:38px;-webkit-border-radius:50%;border-radius:50%;z-index:1000;font-size:22px;padding:0;outline:0;border:0;background-color:#e64946;color:#fff;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 0 4px;box-shadow:rgba(0,0,0,0.3) 0 0 0 4px;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}#buttonMenu:hover{background-color:#fff;color:#e64946}#menu{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;left:-250px;position:fixed}#menu ul{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;width:150px;margin-top:60%}#menu ul li{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;list-style:none;margin-left:-40px;}#menu ul li:hover{background:#fff;padding-left:10px;width:110%}#menu ul li a{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;padding:.8em;display:block;color:#fff;background:rgba(0,0,0,0.6);font-size:.9em;font-weight:normal;text-decoration:none;text-transform:uppercase;margin-bottom:1px;}#menu ul li a:hover{color:#e64946;background-color:#fff}.buttonMenuOpen{background-color:#fff !important;color:#e64946 !important}.menuOpen{left:0 !important}#menu ul li:nth-child(1){width:120px}#menu ul li:nth-child(2){width:150px}#menu ul li:nth-child(3){width:160px}#menu ul li:nth-child(4){width:140px}#menu ul li:nth-child(5){width:120px}#logo{text-align:center;text-transform:uppercase;letter-spacing:.5em;border:5px double rgba(255,255,255,0.7);border-width:4px 0;padding:1.5em 0;width:40em;margin:auto;color:#fff;}#logo a{font-size:4em;font-weight:700;letter-spacing:0;text-decoration:none;padding:.25em 0 .325em;display:block;background:url("/assets/img/bgLogo.png") repeat-y;-webkit-background-clip:text;color:transparent;text-shadow:0 0 80px rgba(240,89,0,0.5);-webkit-animation:logo 160s linear infinite;-moz-animation:logo 160s linear infinite;-o-animation:logo 160s linear infinite;-ms-animation:logo 160s linear infinite;animation:logo 160s linear infinite;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@media all and (max-width:768px){#logo{font-size:.7em;width:auto;padding:0;border:none}#logo span{display:none}}#content{padding:.5em;margin:0 auto;max-width:960px;margin-top:1em}.post{background-color:#fff;margin-bottom:2em}.post img{width:100%}.entryBox{max-width:800px;margin:0 auto;padding-bottom:1em}.entryMeta{text-align:center;color:#aeb0b1;font-size:14px;font-family:'Open Sans',sans-serif;line-height:1.5}.entryHeader a{color:#30373d;text-align:center;}.entryHeader a:hover{color:#27ae60}.entryHeader a h1{margin:.2em;}@media all and (max-width:768px){.entryHeader a h1{font-size:1.6em}}.entryReadMore{text-align:center;}.entryReadMore a{background-color:#aeafb1;-webkit-border-radius:2px;border-radius:2px;color:#fff;display:inline-block;font-size:1.2em;font-weight:bold;line-height:1.5;padding:8px 25px;text-decoration:none;}.entryReadMore a:hover{background:#27ae60}.pagination{color:#606669;font-family:"Open Sans",sans-serif;font-size:14px;font-weight:bold;line-height:1.5;max-width:720px;margin:0 auto 60px;position:relative;text-align:center;}.pagination a{color:#f2f5f7}.older-posts,.newer-posts{background-color:#606669;-webkit-border-radius:2px;border-radius:2px;padding:8px 25px;position:absolute;top:0;}.older-posts:hover,.newer-posts:hover{background-color:#27ae60}.newer-posts{left:0}.older-posts{right:0}#comments{background:#fff;margin-bottom:60px;padding:0 30px 45px}#commentsTitle{background:#f2f5f7;margin-left:-30px;margin-right:-30px;padding:24px 30px;text-align:center}