From 7e284d8d7ba2e91c943ebe51735df3673c270515 Mon Sep 17 00:00:00 2001 From: = Date: Sat, 14 Jul 2012 12:04:44 -0400 Subject: [PATCH] Add page layout Include example page --- _config.yml | 1 + _layouts/page.html | 49 +++++++++++++++++++++++++++++++++++ pages/example.md | 27 +++++++++++++++++++ styles/all.css | 5 +++- styles/site/site-content.less | 3 +++ styles/site/site-header.less | 17 +++++++++++- 6 files changed, 100 insertions(+), 2 deletions(-) create mode 100644 _layouts/page.html create mode 100644 pages/example.md diff --git a/_config.yml b/_config.yml index 2f67318..6b9b0db 100644 --- a/_config.yml +++ b/_config.yml @@ -1,3 +1,4 @@ +auto: true safe: true server: true server_port: 4000 diff --git a/_layouts/page.html b/_layouts/page.html new file mode 100644 index 0000000..ab9e1df --- /dev/null +++ b/_layouts/page.html @@ -0,0 +1,49 @@ + + + + + {% if page.title %}{{ page.title }} - {% endif %}PHP: The Right Way + + + + + + + + + + + + + + + + +
+
PHP
+
The Right Way.
+ Return to Main Page + + Fork me on GitHub + +
+
+
You are reading extended content about…
+ {{ content }} + +
+ + diff --git a/pages/example.md b/pages/example.md new file mode 100644 index 0000000..81e01eb --- /dev/null +++ b/pages/example.md @@ -0,0 +1,27 @@ +--- +layout: page +title: Example Stand-Alone Page +--- + +# Page Title + +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod +tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, +quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo +consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse +cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non +proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod +tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, +quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo +consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse +cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non +proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod +tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, +quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo +consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse +cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non +proident, sunt in culpa qui officia deserunt mollit anim id est laborum. diff --git a/styles/all.css b/styles/all.css index 6217dae..6f26605 100644 --- a/styles/all.css +++ b/styles/all.css @@ -258,10 +258,12 @@ select{min-width:30%;} .btn-s,.btn-single{height:30px;font-size:15px;line-height:30px;} .btn-d,.btn-double{height:40px;font-size:20px;line-height:40px;} .site-header{position:relative;z-index:1;text-align:center;} -h1.site-title{margin-bottom:0px !important;font-family:'Alfa Slab One';font-size:80px;font-weight:normal !important;line-height:100px !important;}h1.site-title a{text-decoration:none;} +.site-title{margin-bottom:0px !important;font-family:'Alfa Slab One';font-size:80px;font-weight:normal !important;line-height:100px !important;}.site-title a{text-decoration:none;} .site-slogan{font-weight:normal;} .fork-me,.fork-me img{position:absolute;top:0;right:0;} .fork-me{z-index:2;} +.interior-site-header{background:#EEE;-webkit-box-shadow:inset rgba(0, 0, 0, 0.07) 0 0 40px;-moz-box-shadow:inset rgba(0, 0, 0, 0.07) 0 0 40px;box-shadow:inset rgba(0, 0, 0, 0.07) 0 0 40px;padding-top:20px !important;padding-right:20px !important;padding-bottom:20px !important;padding-left:20px !important;text-align:center;}.interior-site-header .site-title{font-size:40px;line-height:40px !important;} +.interior-site-header .site-slogan{margin-bottom:20px !important;} .site-navigation{background:#EEE;-webkit-box-shadow:inset rgba(0, 0, 0, 0.07) 0 0 40px;-moz-box-shadow:inset rgba(0, 0, 0, 0.07) 0 0 40px;box-shadow:inset rgba(0, 0, 0, 0.07) 0 0 40px;padding-top:20px !important;padding-right:20px !important;padding-bottom:20px !important;padding-left:20px !important;position:fixed;top:0;bottom:0;overflow:auto;width:240px;} .build-date{margin-bottom:20px !important;color:#AAA;font-family:Helvetica,Arial,sans-serif;font-size:11px;} .site-navigation ul{margin-top:0px !important;margin-right:0px !important;margin-bottom:0px !important;margin-left:0px !important;padding-top:0px !important;padding-right:0px !important;padding-bottom:0px !important;padding-left:0px !important;list-style:none;margin:0;padding:0;font-size:16px;} @@ -269,6 +271,7 @@ h1.site-title{margin-bottom:0px !important;font-family:'Alfa Slab One';font-size .site-navigation a{text-decoration:underline;}.site-navigation a:hover{text-decoration:none;} .site-navigation ul ul{margin-left:20px !important;padding-top:10px !important;font-size:12px;}.site-navigation ul ul a{text-decoration:none;} .site-content{padding:20px 40px 40px 320px;}.site-content h1{clear:both;} +.interior-site-content{padding-top:40px !important;padding-right:40px !important;padding-bottom:40px !important;padding-left:40px !important;} .top{background:#333;display:inline-block;float:right;margin-right:-40px;padding:4px 8px;color:#FFF;font-size:12px;text-decoration:none !important;} .site-footer{clear:both;padding-top:40px !important;font-size:13px;text-align:center;} .site-footer img{margin-left:2px;position:relative;top:-2px;vertical-align:middle;} diff --git a/styles/site/site-content.less b/styles/site/site-content.less index 8176023..23d556d 100644 --- a/styles/site/site-content.less +++ b/styles/site/site-content.less @@ -5,6 +5,9 @@ clear: both; } } +.interior-site-content{ + .pad; +} .top{ background: #333; display: inline-block; diff --git a/styles/site/site-header.less b/styles/site/site-header.less index 11ea0bc..05926e3 100644 --- a/styles/site/site-header.less +++ b/styles/site/site-header.less @@ -3,7 +3,7 @@ z-index: 1; text-align: center; } -h1.site-title{ +.site-title{ .mbn; font-family: 'Alfa Slab One'; font-size: @baseline * 4; @@ -25,3 +25,18 @@ h1.site-title{ .fork-me{ z-index: 2; } + +.interior-site-header{ + background: #EEE; + .inner-shadow(fade(#000, 7%) 0 0 40px); + .pas; + text-align: center; + + .site-title{ + font-size: @baseline * 2; + line-height: @baseline * 2 !important; + } + .site-slogan{ + .mbs; + } +}