mirror of
https://github.com/codeguy/php-the-right-way.git
synced 2025-08-13 17:23:58 +02:00
Add page layout
Include example page
This commit is contained in:
=
@@ -1,3 +1,4 @@
|
||||
auto: true
|
||||
safe: true
|
||||
server: true
|
||||
server_port: 4000
|
||||
|
||||
49
_layouts/page.html
Normal file
49
_layouts/page.html
Normal file
@@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<title>{% if page.title %}{{ page.title }} - {% endif %}PHP: The Right Way</title>
|
||||
<meta name="description" content="{{ page.description }}"/>
|
||||
<meta name="robots" content="index,follow,archive"/>
|
||||
<meta property="og:image" content="http://www.phptherightway.com/images/og-logo.png"/>
|
||||
<meta property="og:title" content="PHP: The Right Way"/>
|
||||
<meta property="og:description" content="An easy-to-read, quick reference for PHP best practices, accepted coding standards, and links to authoritative PHP tutorials around the Web"/>
|
||||
<meta property="og:url" content="http://www.phptherightway.com"/>
|
||||
<meta property="og:site_name" content="PHP: The Right Way"/>
|
||||
<meta property="og:type" content="website"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||||
<link href='http://fonts.googleapis.com/css?family=Alfa+Slab+One|Droid+Serif:400,700' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" href="/styles/all.css"/>
|
||||
<link rel="stylesheet" href="/styles/syntax.css"/>
|
||||
<link rel="icon" href="/images/favicon.png" type="image/png"/>
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-362072-7']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="interior-site-header">
|
||||
<div class="site-title"><a href="/">PHP</a></div>
|
||||
<div class="site-slogan">The Right Way.</div>
|
||||
<a class="btn btn-h" href="#">Return to Main Page</a>
|
||||
<a class="fork-me" href="https://github.com/codeguy/php-the-right-way">
|
||||
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
|
||||
</a>
|
||||
</header>
|
||||
<div class="interior-site-content">
|
||||
<div class="pbh"><em>You are reading extended content about…</em></div>
|
||||
{{ content }}
|
||||
<footer class="site-footer" id="site-footer">
|
||||
<p>
|
||||
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">PHP: The Right Way</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.twitter.com/codeguy" property="cc:attributionName" rel="cc:attributionURL">Josh Lockhart</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License</a>.<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/" href="http://www.phptherightway.com" rel="dct:source">www.phptherightway.com</a>.
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
27
pages/example.md
Normal file
27
pages/example.md
Normal file
@@ -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.
|
||||
@@ -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;}
|
||||
|
||||
@@ -5,6 +5,9 @@
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
.interior-site-content{
|
||||
.pad;
|
||||
}
|
||||
.top{
|
||||
background: #333;
|
||||
display: inline-block;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user