mirror of
https://github.com/codeguy/php-the-right-way.git
synced 2025-08-05 05:27:28 +02:00
Implement redesign first stage
This commit is contained in:
Josh Lockhart
1
.gitignore
vendored
1
.gitignore
vendored
@@ -1,2 +1,3 @@
|
|||||||
/_site/
|
/_site/
|
||||||
*.DS_Store
|
*.DS_Store
|
||||||
|
node_modules
|
||||||
|
|||||||
47
Gruntfile.js
Normal file
47
Gruntfile.js
Normal file
@@ -0,0 +1,47 @@
|
|||||||
|
module.exports = function(grunt) {
|
||||||
|
// Project configuration
|
||||||
|
grunt.initConfig({
|
||||||
|
pkg: grunt.file.readJSON('package.json'),
|
||||||
|
less: {
|
||||||
|
dist: {
|
||||||
|
options: {
|
||||||
|
cleancss: true,
|
||||||
|
ieCompat: true
|
||||||
|
},
|
||||||
|
files: {
|
||||||
|
"css/all.css": "less/all.less"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
postcss: {
|
||||||
|
options: {
|
||||||
|
map: true,
|
||||||
|
processors: [
|
||||||
|
require('autoprefixer')({
|
||||||
|
browsers: ['last 2 versions', 'ie 9']
|
||||||
|
})
|
||||||
|
]
|
||||||
|
},
|
||||||
|
dist: {
|
||||||
|
src: 'css/all.css'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
less: {
|
||||||
|
files: ['less/**/*.less'],
|
||||||
|
tasks: ['less:dist', 'postcss:dist'],
|
||||||
|
options: {
|
||||||
|
spawn: false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Load plugins
|
||||||
|
grunt.loadNpmTasks('grunt-contrib-less');
|
||||||
|
grunt.loadNpmTasks('grunt-contrib-watch');
|
||||||
|
grunt.loadNpmTasks('grunt-postcss');
|
||||||
|
|
||||||
|
// Default task(s)
|
||||||
|
grunt.registerTask('default', ['less', 'postcss:dist']);
|
||||||
|
};
|
||||||
@@ -12,10 +12,7 @@
|
|||||||
<meta property="og:site_name" content="PHP: The Right Way"/>
|
<meta property="og:site_name" content="PHP: The Right Way"/>
|
||||||
<meta property="og:type" content="website"/>
|
<meta property="og:type" content="website"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||||||
<link href='//fonts.googleapis.com/css?family=Alfa+Slab+One|Droid+Serif:400,700' rel='stylesheet' type='text/css'>
|
<link rel="stylesheet" href="{{ site.baseurl }}css/all.css"/>
|
||||||
<link rel="stylesheet" href="{{ site.baseurl }}styles/all.css"/>
|
|
||||||
<link rel="stylesheet" href="{{ site.baseurl }}styles/print.css" media="print, handheld"/>
|
|
||||||
<link rel="stylesheet" href="{{ site.baseurl }}styles/syntax.css"/>
|
|
||||||
<link rel="icon" href="{{ site.baseurl }}images/favicon.png" type="image/png"/>
|
<link rel="icon" href="{{ site.baseurl }}images/favicon.png" type="image/png"/>
|
||||||
<script>
|
<script>
|
||||||
var _gaq = _gaq || [];
|
var _gaq = _gaq || [];
|
||||||
@@ -29,8 +26,18 @@
|
|||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav class="site-navigation">
|
<header class="site-header">
|
||||||
|
<h1><a href="/">PHP <em>The Right Way</em></a></h1>
|
||||||
<div class="build-date">Last Updated: {{ site.time }}</div>
|
<div class="build-date">Last Updated: {{ site.time }}</div>
|
||||||
|
<div class="share">
|
||||||
|
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.phptherightway.com/" data-size="large" data-hashtags="php">Tweet</a>
|
||||||
|
</div>
|
||||||
|
<a class="fork-me" href="https://github.com/codeguy/php-the-right-way" target="_blank">
|
||||||
|
<img src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"/>
|
||||||
|
</a>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<nav class="site-navigation">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="/#site-header">Welcome</a>
|
<li><a href="/#site-header">Welcome</a>
|
||||||
<ul>
|
<ul>
|
||||||
@@ -59,50 +66,31 @@
|
|||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="/#site-footer">Credits</a></li>
|
<li><a href="/#credits">Credits</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="site-content">
|
|
||||||
|
|
||||||
<a class="fork-me" href="https://github.com/codeguy/php-the-right-way">
|
<div class="site-content chapters">
|
||||||
<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 class="site-header" id="site-header">
|
|
||||||
<hgroup>
|
|
||||||
<h1 class="site-title"><a href="/">PHP</a></h1>
|
|
||||||
<h2 class="site-slogan">The Right Way.</h2>
|
|
||||||
</hgroup>
|
|
||||||
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.phptherightway.com/" data-size="large" data-hashtags="php">Tweet</a>
|
|
||||||
</header>
|
|
||||||
{{ content }}
|
{{ content }}
|
||||||
<div id="site-footer">
|
|
||||||
<h1 id="site-footer_title">Credits</h1>
|
|
||||||
<footer class="site-footer" id="site-footer">
|
|
||||||
<h2 class="epsilon">Created and maintained by</h2>
|
|
||||||
<ul>
|
|
||||||
<li><a href="http://twitter.com/codeguy">Josh Lockhart</a></li>
|
|
||||||
</ul>
|
|
||||||
<h2 class="epsilon">Project collaborators</h2>
|
|
||||||
<ul>
|
|
||||||
<li><a href="http://krisjordan.com/">Kris Jordan</a></li>
|
|
||||||
<li><a href="http://philsturgeon.co.uk/">Phil Sturgeon</a></li>
|
|
||||||
</ul>
|
|
||||||
<h2 class="epsilon">Project contributors</h2>
|
|
||||||
<div id="contributors">Loading…</div>
|
|
||||||
<h2 class="epsilon">Project sponsors</h2>
|
|
||||||
<ul class="mbd">
|
|
||||||
<li><a href="http://www.newmediacampaigns.com">New Media Campaigns</a></li>
|
|
||||||
</ul>
|
|
||||||
<p>
|
|
||||||
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="//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>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<footer class="site-footer" id="credits">
|
||||||
|
<h2>Created and maintained by</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="http://joshlockhart.com" target="_blank">Josh Lockhart</a></li>
|
||||||
|
<li><a href="http://philsturgeon.co.uk/" target="_blank">Phil Sturgeon</a></li>
|
||||||
|
<li><a href="https://github.com/codeguy/php-the-right-way/graphs/contributors" target="_blank">Project Contributors</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="license">
|
||||||
|
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="//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://joshlockhart.com" property="cc:attributionName" rel="cc:attributionURL">Josh Lockhart</a>
|
||||||
|
<br/>
|
||||||
|
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>.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Twitter -->
|
||||||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
|
||||||
<script src="/scripts/setup.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -12,9 +12,7 @@
|
|||||||
<meta property="og:site_name" content="PHP: The Right Way"/>
|
<meta property="og:site_name" content="PHP: The Right Way"/>
|
||||||
<meta property="og:type" content="website"/>
|
<meta property="og:type" content="website"/>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
||||||
<link href='//fonts.googleapis.com/css?family=Alfa+Slab+One|Droid+Serif:400,700' rel='stylesheet' type='text/css'>
|
<link rel="stylesheet" href="{{ site.baseurl }}css/all.css"/>
|
||||||
<link rel="stylesheet" href="{{ site.baseurl }}styles/all.css"/>
|
|
||||||
<link rel="stylesheet" href="{{ site.baseurl }}styles/syntax.css"/>
|
|
||||||
<link rel="icon" href="{{ site.baseurl }}images/favicon.png" type="image/png"/>
|
<link rel="icon" href="{{ site.baseurl }}images/favicon.png" type="image/png"/>
|
||||||
<script>
|
<script>
|
||||||
var _gaq = _gaq || [];
|
var _gaq = _gaq || [];
|
||||||
@@ -28,23 +26,38 @@
|
|||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header class="interior-site-header">
|
<header class="site-header">
|
||||||
<div class="site-title"><a href="/">PHP</a></div>
|
<h1><a href="/">PHP <em>The Right Way</em></a></h1>
|
||||||
<div class="site-slogan">The Right Way.</div>
|
<div class="build-date">Last Updated: {{ site.time }}</div>
|
||||||
<a class="btn btn-h" href="/">Return to Main Page</a>
|
<div class="share">
|
||||||
<a class="fork-me" href="https://github.com/codeguy/php-the-right-way">
|
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.phptherightway.com/" data-size="large" data-hashtags="php">Tweet</a>
|
||||||
<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">
|
</div>
|
||||||
|
<a class="fork-me" href="https://github.com/codeguy/php-the-right-way" target="_blank">
|
||||||
|
<img src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"/>
|
||||||
</a>
|
</a>
|
||||||
</header>
|
</header>
|
||||||
<div class="interior-site-content">
|
|
||||||
<div class="pbh"><em>You are reading extended content about…</em></div>
|
<div class="site-content">
|
||||||
{{ content }}
|
{{ content }}
|
||||||
<a href="/">Return to Main Page</a>
|
|
||||||
<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="//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>
|
</div>
|
||||||
|
|
||||||
|
<footer class="site-footer" id="credits">
|
||||||
|
<h2>Created and maintained by</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="http://joshlockhart.com" target="_blank">Josh Lockhart</a></li>
|
||||||
|
<li><a href="http://philsturgeon.co.uk/" target="_blank">Phil Sturgeon</a></li>
|
||||||
|
<li><a href="https://github.com/codeguy/php-the-right-way/graphs/contributors" target="_blank">Project Contributors</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="license">
|
||||||
|
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="//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://joshlockhart.com" property="cc:attributionName" rel="cc:attributionURL">Josh Lockhart</a>
|
||||||
|
<br/>
|
||||||
|
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>.
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Twitter -->
|
||||||
|
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
---
|
---
|
||||||
layout: default
|
layout: page
|
||||||
title: Website Banners
|
title: Website Banners
|
||||||
description: "Spread the word! Use these banner to let new PHP programmers know about PHP: The Right Way"
|
description: "Spread the word! Use these banner to let new PHP programmers know about PHP: The Right Way"
|
||||||
sitemap: true
|
sitemap: true
|
||||||
|
|||||||
354
css/all.css
Normal file
354
css/all.css
Normal file
File diff suppressed because one or more lines are too long
13
index.html
13
index.html
@@ -5,15 +5,14 @@ sitemap: true
|
|||||||
---
|
---
|
||||||
|
|
||||||
{% capture welcome_content %}{% include welcome.md %}{% endcapture %}
|
{% capture welcome_content %}{% include welcome.md %}{% endcapture %}
|
||||||
{{ welcome_content|markdownify }}
|
<section class="chapter" id="welcome">
|
||||||
|
{{ welcome_content|markdownify }}
|
||||||
|
</section>
|
||||||
|
|
||||||
{% capture backtotop %}[Back to Top](#top){:.top}{% endcapture %}
|
{% capture backtotop %}[Back to Top](#top){:.top}{% endcapture %}
|
||||||
{% for post in site.posts reversed %}
|
{% for post in site.posts reversed %}
|
||||||
{% if post.isChild != true and loop.first != true %}
|
{% if post.isChild != true and loop.first != true %}<div class="back-to-top">{{ backtotop|markdownify }}</div>{% endif %}
|
||||||
{{ backtotop|markdownify }}
|
<section class="chapter" id="{{ post.anchor }}">
|
||||||
{% endif %}
|
|
||||||
<div id="{{ post.anchor }}">
|
|
||||||
{{ post.content }}
|
{{ post.content }}
|
||||||
</div>
|
</section>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{{ backtotop|markdownify }}
|
|
||||||
|
|||||||
389
less/all.less
Normal file
389
less/all.less
Normal file
@@ -0,0 +1,389 @@
|
|||||||
|
/******************************************************************************
|
||||||
|
* Variables
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
@serif: georgia, serif;
|
||||||
|
@sans: verdana, sans-serif;
|
||||||
|
@phpPurple: #8892BF;
|
||||||
|
@phpPurpleDark: #4F5B93;
|
||||||
|
|
||||||
|
/******************************************************************************
|
||||||
|
* Basics
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
*{
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body{
|
||||||
|
counter-reset: chapter;
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4{
|
||||||
|
font-family: @serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, .alpha{
|
||||||
|
position: relative;
|
||||||
|
font-size: 48px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 50px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2, .beta{
|
||||||
|
font-size: 32px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3, .gamma{
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: bold;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote{
|
||||||
|
border-left: 3px solid #CCC;
|
||||||
|
padding-left: 20px;
|
||||||
|
color: #777;
|
||||||
|
font-style: italic;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
color: @phpPurpleDark;
|
||||||
|
|
||||||
|
&:hover{
|
||||||
|
color: @phpPurple;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-to-top{
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
a{
|
||||||
|
background: @phpPurpleDark;
|
||||||
|
border-radius: 3px;
|
||||||
|
display: inline-block;
|
||||||
|
height: 40px;
|
||||||
|
padding: 0 20px;
|
||||||
|
transition: all 0.1s ease;
|
||||||
|
color: white;
|
||||||
|
font-family: @sans;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 40px;
|
||||||
|
text-decoration: none;
|
||||||
|
text-transform: uppercase;
|
||||||
|
|
||||||
|
&:hover{
|
||||||
|
background: @phpPurple;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img{
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre, code{
|
||||||
|
color: #777;
|
||||||
|
font-family: "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
|
||||||
|
font-size: 85%;
|
||||||
|
}
|
||||||
|
a{
|
||||||
|
pre, code{
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pre{
|
||||||
|
background: #f7f7f7;
|
||||||
|
border: 1px solid #EEE;
|
||||||
|
border-radius: 3px;
|
||||||
|
display: block;
|
||||||
|
overflow: auto;
|
||||||
|
padding: 20px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
body{
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
}
|
||||||
|
h1, .alpha{
|
||||||
|
font-size: 36px;
|
||||||
|
line-height: 38px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2, .beta{
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3, .gamma{
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 23px;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote{
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul, ol{
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre{
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 360px) {
|
||||||
|
body{
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, .alpha{
|
||||||
|
font-size: 28px;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2, .beta{
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 23px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3, .gamma{
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/******************************************************************************
|
||||||
|
* Header
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
.site-header{
|
||||||
|
padding-top: 40px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
h1{
|
||||||
|
margin: 0;
|
||||||
|
font-size: 72px;
|
||||||
|
line-height: 60px;
|
||||||
|
|
||||||
|
em{
|
||||||
|
display: block;
|
||||||
|
font-size: 34px;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:hover{
|
||||||
|
color: @phpPurple;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.build-date{
|
||||||
|
margin-bottom: 10px;
|
||||||
|
color: #999;
|
||||||
|
font-family: @sans;
|
||||||
|
font-size: 11px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fork-me{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: 100;
|
||||||
|
width: 120px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.site-header{
|
||||||
|
.fork-me{
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/******************************************************************************
|
||||||
|
* Navigation
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
.site-navigation,
|
||||||
|
.site-content,
|
||||||
|
.site-footer{
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 840px;
|
||||||
|
width: 92%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-navigation{
|
||||||
|
columns: 3;
|
||||||
|
column-gap: 40px;
|
||||||
|
|
||||||
|
ul{
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
li{
|
||||||
|
margin-bottom: 20px;
|
||||||
|
font-size: 22px;
|
||||||
|
line-height: 23px;
|
||||||
|
|
||||||
|
a{
|
||||||
|
display: block;
|
||||||
|
color: #444;
|
||||||
|
font-weight: 700;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:hover{
|
||||||
|
color: @phpPurple;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul{
|
||||||
|
padding-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li{
|
||||||
|
margin-bottom: 6px;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
a{
|
||||||
|
border: none;
|
||||||
|
color: #777;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
li{
|
||||||
|
break-inside: avoid;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 820px) {
|
||||||
|
.site-navigation{
|
||||||
|
columns: 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 560px) {
|
||||||
|
.site-navigation{
|
||||||
|
columns: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/******************************************************************************
|
||||||
|
* Content
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
.site-content{
|
||||||
|
h1{
|
||||||
|
padding-top: 40px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
&:after{
|
||||||
|
border: 1px solid #DDD;
|
||||||
|
border-bottom: none;
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
height: 8px;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.chapters{
|
||||||
|
counter-reset: chapter;
|
||||||
|
|
||||||
|
h1{
|
||||||
|
counter-increment: chapter;
|
||||||
|
padding-top: 60px;
|
||||||
|
|
||||||
|
&:before{
|
||||||
|
display: inline-block;
|
||||||
|
content: "Chapter " counter(chapter) ".";
|
||||||
|
position: absolute;
|
||||||
|
top: 30px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
color: #999;
|
||||||
|
font-size: 12px;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
line-height: 20px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#welcome{
|
||||||
|
ul{
|
||||||
|
columns: 3;
|
||||||
|
column-gap: 30px;
|
||||||
|
list-style-position: inside;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.back-to-top{
|
||||||
|
margin-bottom: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 870px) {
|
||||||
|
.site-content #welcome ul{
|
||||||
|
columns: 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.site-content #welcome ul{
|
||||||
|
columns: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/******************************************************************************
|
||||||
|
* Footer
|
||||||
|
*****************************************************************************/
|
||||||
|
|
||||||
|
.site-footer{
|
||||||
|
border-top: 1px solid #CCC;
|
||||||
|
margin: 60px auto 0 auto;
|
||||||
|
padding: 40px 20px;
|
||||||
|
font-family: @sans;
|
||||||
|
font-size: 16px;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
h2{
|
||||||
|
.gamma;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul{
|
||||||
|
list-style: none;
|
||||||
|
margin: 0 0 20px 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.license{
|
||||||
|
color: #777;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
}
|
||||||
10
package.json
Normal file
10
package.json
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
{
|
||||||
|
"name": "php-the-right-way",
|
||||||
|
"version": "2.0.0",
|
||||||
|
"devDependencies": {
|
||||||
|
"grunt": "~0.4.5",
|
||||||
|
"grunt-contrib-less": "~1.0.1",
|
||||||
|
"grunt-contrib-watch": "~0.6.1",
|
||||||
|
"grunt-postcss": "^0.6.0"
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user