-
Notifications
You must be signed in to change notification settings - Fork 17
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
added styling for site header and footer
- Loading branch information
Showing
16 changed files
with
728 additions
and
573 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,2 +1,4 @@ | ||
_site | ||
.DS_Store | ||
Gemfile.lock | ||
.sass-cache |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
# A sample Guardfile | ||
# More info at https://github.com/guard/guard#readme | ||
|
||
## Uncomment and set this to only include directories you want to watch | ||
# directories %w(app lib config test spec features) | ||
|
||
## Uncomment to clear the screen before every task | ||
# clearing :on | ||
|
||
## Guard internally checks for changes in the Guardfile and exits. | ||
## If you want Guard to automatically start up again, run guard in a | ||
## shell loop, e.g.: | ||
## | ||
## $ while bundle exec guard; do echo "Restarting Guard..."; done | ||
## | ||
## Note: if you are using the `directories` clause above and you are not | ||
## watching the project directory ('.'), then you will want to move | ||
## the Guardfile to a watched dir and symlink it back, e.g. | ||
# | ||
# $ mkdir config | ||
# $ mv Guardfile config/ | ||
# $ ln -s config/Guardfile . | ||
# | ||
# and, you'll have to watch "config/Guardfile" instead of "Guardfile" | ||
|
||
# reload for local development | ||
guard 'livereload' do | ||
watch /^_site/ | ||
end |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,47 +1,58 @@ | ||
<footer class="site-footer"> | ||
|
||
<div class="wrapper"> | ||
|
||
<h2 class="footer-heading">{{ site.title }}</h2> | ||
|
||
<div class="footer-col footer-col-2"> | ||
<ul class="social-media-list"> | ||
{% if site.github_username %} | ||
<li> | ||
<a href="https://github.com/{{ site.github_username }}"> | ||
<span class="icon icon--github"> | ||
<svg viewBox="0 0 16 16"> | ||
<path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/> | ||
</svg> | ||
</span> | ||
|
||
<span class="username">{{ site.github_username }}</span> | ||
</a> | ||
</li> | ||
{% endif %} | ||
|
||
{% if site.twitter_username %} | ||
<li> | ||
<a href="https://twitter.com/{{ site.twitter_username }}"> | ||
<span class="icon icon--twitter"> | ||
<svg viewBox="0 0 16 16"> | ||
<path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809 | ||
c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/> | ||
</svg> | ||
</span> | ||
|
||
<span class="username">{{ site.twitter_username }}</span> | ||
</a> | ||
</li> | ||
{% endif %} | ||
</ul> | ||
<div class="bounds"> | ||
<div class="site-footer__top"> | ||
<div class="site-footer__messages"> | ||
<div class="site-footer__message"> | ||
<h2><a href="/getting-started/1-install-phonegap/desktop/">Get Started Now</a></h2> | ||
<div class="site-footer__messages__item__description"> | ||
<p>Find out how to install PhoneGap, then create and preview an app on your device — almost as fast as a robot could do it.</p> | ||
</div> | ||
</div> | ||
<div class="site-footer__message"> | ||
<h2><a href="http://phonegap.com/blog/">Read Our Blog</a></h2> | ||
<div class="site-footer__messages__item__description"> | ||
<p>Have you read our latest blog post yet? If not, go now…there is solid gold in that post.</p> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="footer-col footer-col-3"> | ||
<p class="text">{{ site.description }}</p> | ||
<div class="site-footer__lists"> | ||
<nav class="site-footer__list"> | ||
<h2>About</h2> | ||
<ul> | ||
<li><a href="http://phonegap.com/about/">Project Overview</a></li> | ||
<li><a href="http://phonegap.com/about/license/">License</a></li> | ||
<li><a href="http://phonegap.com/about/faq/">FAQs</a></li> | ||
<li><a href="https://cordova.apache.org/">Apache Cordova</a></li> | ||
<li><a href="http://phonegap.com/about/contact/">Contact Us</a></li> | ||
</ul> | ||
</nav> | ||
<nav class="site-footer__list"> | ||
<h2>Docs & Resources</h2> | ||
<ul> | ||
<li><a href="/">Documentation</a></li> | ||
<li><a href="http://wiki.phonegap.com/">Wiki</a></li> | ||
<li><a href="http://groups.google.com/group/phonegap">Google Group</a></li> | ||
<li><a href="http://phonegap.com/tool/">Third Party Tools</a></li> | ||
<li><a href="http://phonegap.com/event/">Events</a></li> | ||
<li><a href="http://phonegap.com/book">Books</a></li> | ||
<li><a href="http://plugins.cordova.io/">Plugin Library</a></li> | ||
</ul> | ||
</nav> | ||
<nav class="site-footer__list"> | ||
<h2>We're Everywhere</h2> | ||
<ul> | ||
<li><a href="https://github.com/phonegap/">GitHub</a></li> | ||
<li><a href="http://phonegap.com/community#irc">IRC</a></li> | ||
<li><a href="http://twitter.com/phonegap">Twitter</a></li> | ||
<li><a href="http://www.facebook.com/PhoneGap">Facebook</a></li> | ||
<li><a href="https://plus.google.com/communities/111220599704908202107">Google+</a></li> | ||
<li><a href="https://www.youtube.com/user/phonegap">YouTube</a></li> | ||
<li><a href="https://instagram.com/phonegap/">Instagram</a></li> | ||
</ul> | ||
</nav> | ||
</div> | ||
</div> | ||
|
||
<hr> | ||
<div class="site-footer__copyright">Copyright © 2015 Adobe Systems Inc. All rights reserved. <br>Use of this website signifies your agreement to the <a href="http://www.adobe.com/legal/general-terms.html">Terms of Use</a> and <a href="http://adobe.com/privacy">Privacy Policy and Cookies</a>.</div> | ||
</div> | ||
|
||
</footer> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,27 +1,21 @@ | ||
<header class="site-header"> | ||
|
||
<div class="wrapper"> | ||
|
||
<a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a> | ||
|
||
<nav class="site-nav"> | ||
<a href="#" class="menu-icon"> | ||
<svg viewBox="0 0 18 15"> | ||
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/> | ||
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/> | ||
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/> | ||
</svg> | ||
</a> | ||
|
||
<div class="trigger"> | ||
{% for page in site.pages %} | ||
{% if page.title %} | ||
<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a> | ||
{% endif %} | ||
{% endfor %} | ||
</div> | ||
<div class="bounds"> | ||
<div class="site-header__logo"> | ||
<h1> | ||
<a href="http://phonegap.com"> | ||
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="44" viewBox="0 0 40 44"> | ||
<g fill="#fff"> | ||
<path d="M11.8 28.4l-1.6.1v.7c0 1.9 1.1 2.3 2 2.3h.2l2.6-.2c.1-.3.1-.5.1-.5s-.3-16.3-.4-18.3c0-.5-.1-.8-.3-1.1-.9-.1-1.8-.1-2.4-.2h-.3c-.6 0-1.1.2-1.4.5-.5.5-.4 1.2-.4 1.2v1.2c1.3.1 2.2.1 2.2.1s1.4.3 1.5 1.8c.1 1.6.1 10.6.1 10.6s.1 1.5-1.9 1.8zM6.8 28.8l-2.5.2s-2.1.3-2.2-2c0-1.7-.2-11.5-.2-11.5s-.1-1.8 2.1-1.7c.7 0 1.6.1 2.7.2 0-1.6-.1-3-.1-4.1-1.5-.2-2.8-.3-3.7-.4-2.9-.3-2.8 2.1-2.8 2.1s.3 17.9.4 20.1c.1 2.6 2.9 2.2 2.9 2.2l3.5-.4c0-1.2 0-2.9-.1-4.7zM37.9 6.5c-.1-3.4-3.1-4.1-3.1-4.1s-10.2-1.5-14.7-2.1c-4.5-.6-4.2 3.8-4.2 3.8s1 31.7 1.1 35.6c.1 4.7 4.5 3.9 4.5 3.9l15.4-2.6c2.8-.6 2.9-4.1 2.9-4.1s-1.8-26.7-1.9-30.4zm-3.4 26.9l-11.5 1.2s-3.3.5-3.4-3.6c-.1-3-.7-20.1-.7-20.1s-.2-3.1 3.2-2.9c3.5.3 11.9 1 11.9 1s2.2.5 2.3 3.1c.1 2.8 1.1 18.3 1.1 18.3s.2 2.5-2.9 3zM22.9 34l4.4-.5c-.2-4.5-1-22-1.1-24.5-1.6-.1-3.1-.2-4.2-.3h-.3c-.7 0-1.3.2-1.7.6-.6.6-.6 1.7-.6 1.7v.3c1.8.2 3.2.3 3.2.3s1.9.4 2 2.5c.1 2.3.6 14.7.6 14.7s.2 2.1-2.5 2.5l-2.6.2c.2 2.1 1.4 2.6 2.4 2.6.3-.1.4-.1.4-.1zM16.2 31.8l-3.6.3s-2.9.4-2.9-2.9c0-2.4-.3-16.3-.3-16.3s-.2-2.6 2.8-2.4c.9.1 2.1.2 3.4.3-.1-2.6-.2-4.7-.2-5.8-1.7-.2-3.4-.3-4.6-.5-3.9-.4-3.7 3-3.7 3s.4 25.5.5 28.6c.1 3.7 3.9 3.1 3.9 3.1l4.9-.6c-.1-1.4-.1-3.8-.2-6.8z"></path> | ||
</g> | ||
</svg> | ||
<span>Adobe PhoneGap</span> | ||
</a> | ||
</h1> | ||
</div> | ||
<nav class="site-header__nav"> | ||
<ul> | ||
<li><a href="/">Docs</a></li> | ||
</ul> | ||
</nav> | ||
|
||
</div> | ||
|
||
</header> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
@import "normalize" | ||
@import "vars" | ||
@import "base" | ||
@import "footer" | ||
@import "header" | ||
// @import "main" | ||
// @import "base" | ||
// @import "layout" | ||
// @import "syntax-highlighting" | ||
// /* @import "fonts"; | ||
// | ||
// @import "mixins" | ||
// @import "base" | ||
// @import "type" | ||
// @import "article" | ||
// @import "header" | ||
// @import "footer" | ||
// @import "video" | ||
// | ||
// @import "todo"; //junk file for later placement */ |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,29 @@ | ||
// Mobile first and default mediaquery | ||
//Base Styles | ||
\:root | ||
font-size: 16px | ||
body | ||
font-family: 'adobe-clean', Helvetica, Arial, sans-serif | ||
color: rgba(0, 0, 0, 0.8) | ||
line-height: 1.75rem | ||
-webkit-font-smoothing: antialiased | ||
.bounds | ||
max-width: 966px | ||
position: relative | ||
margin: 0 auto | ||
padding: 0 20px | ||
box-sizing: border-box | ||
a | ||
color: #27a1c5 | ||
text-decoration: none | ||
&:hover | ||
text-decoration: underline | ||
h2 | ||
text-transform: uppercase | ||
margin: 0 0 1rem | ||
font-size: 1.125rem | ||
font-weight: $light-weight | ||
|
||
@media (min-width: 820px) | ||
h2 | ||
margin: 0 0 1.5rem |
Oops, something went wrong.