nav url fixes

talkToUs responsive stuff
oversize image fix
This commit is contained in:
scotty
2016-03-03 14:54:16 -08:00
parent cb541e75df
commit 08ea69aebb
5 changed files with 25 additions and 11 deletions
+4 -5
View File
@@ -21,26 +21,25 @@
<header> <header>
<a href="/" class="logo"></a> <a href="/" class="logo"></a>
<div class="nav-buttons" data-auto-burger="primary"> <div class="nav-buttons" data-auto-burger="primary">
<!--<a href="/get-started" class="button" id="tryKubernetes">Try Kubernetes</a>-->
<button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button> <button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button>
</div> </div>
<nav id="mainNav"> <nav id="mainNav">
<main data-auto-burger="primary"> <main data-auto-burger="primary">
<div class="nav-box"> <div class="nav-box">
<h3><a href="">Get Started</a></h3> <h3><a href="getting-started.html">Get Started</a></h3>
<p>Built for a multi-cloud world, public, private or hybrid. Seamlessly roll out new features.</p> <p>Built for a multi-cloud world, public, private or hybrid. Seamlessly roll out new features.</p>
</div> </div>
<div class="nav-box"> <div class="nav-box">
<h3><a href="">Documentation</a></h3> <h3><a href="/docs/">Documentation</a></h3>
<p>Pellentesque in ipsum id orci porta dapibus. Nulla porttitor accumsan tincidunt. </p> <p>Pellentesque in ipsum id orci porta dapibus. Nulla porttitor accumsan tincidunt. </p>
</div> </div>
<div class="nav-box"> <div class="nav-box">
<h3><a href="">Community</a></h3> <h3><a href="/community.html">Community</a></h3>
<p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. </p> <p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. </p>
</div> </div>
<div class="nav-box"> <div class="nav-box">
<h3><a href="">Blog</a></h3> <h3><a href="http://blog.kubernetes.io">Blog</a></h3>
<p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Quisque velit nisi, pretium ut lacinia in. </p> <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Quisque velit nisi, pretium ut lacinia in. </p>
</div> </div>
</main> </main>
+6 -6
View File
@@ -24,19 +24,19 @@
<nav id="mainNav"> <nav id="mainNav">
<main data-auto-burger="primary"> <main data-auto-burger="primary">
<div class="nav-box"> <div class="nav-box">
<h3><a href="">Get Started</a></h3> <h3><a href="getting-started.html">Get Started</a></h3>
<p>Built for a multi-cloud world, public, private or hybrid. Seamlessly roll out new features.</p> <p>Built for a multi-cloud world, public, private or hybrid. Seamlessly roll out new features.</p>
</div> </div>
<div class="nav-box"> <div class="nav-box">
<h3><a href="">Documentation</a></h3> <h3><a href="/docs/">Documentation</a></h3>
<p>Pellentesque in ipsum id orci porta dapibus. Nulla porttitor accumsan tincidunt. </p> <p>Pellentesque in ipsum id orci porta dapibus. Nulla porttitor accumsan tincidunt. </p>
</div> </div>
<div class="nav-box"> <div class="nav-box">
<h3><a href="">Community</a></h3> <h3><a href="/community.html">Community</a></h3>
<p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. </p> <p>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. </p>
</div> </div>
<div class="nav-box"> <div class="nav-box">
<h3><a href="">Blog</a></h3> <h3><a href="http://blog.kubernetes.io">Blog</a></h3>
<p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Quisque velit nisi, pretium ut lacinia in. </p> <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Quisque velit nisi, pretium ut lacinia in. </p>
</div> </div>
</main> </main>
@@ -227,9 +227,9 @@
<main class="light-text"> <main class="light-text">
<nav> <nav>
<a href="/getting-started.html">Getting Started</a> <a href="/getting-started.html">Getting Started</a>
<a href="/docs.html">Documentation</a> <a href="/docs/">Documentation</a>
<a href="http://blog.kubernetes.io/">Blog</a> <a href="http://blog.kubernetes.io/">Blog</a>
<a href="/foobang.html">Community</a> <a href="/community.html">Community</a>
</nav> </nav>
<div class="social"> <div class="social">
<a href="https://twitter.com/kubernetesio" class="twitter"><span>twitter</span></a> <a href="https://twitter.com/kubernetesio" class="twitter"><span>twitter</span></a>
+3
View File
@@ -803,6 +803,9 @@ section
color: $blue color: $blue
font-weight: 700 font-weight: 700
img
max-width: 100%
.fixed footer .fixed footer
position: fixed position: fixed
bottom: 0 bottom: 0
+4
View File
@@ -47,6 +47,10 @@ $video-section-height: 550px
div + div div + div
margin-left: 20px margin-left: 20px
div:nth-child(3), div:nth-child(4)
margin-top: 0
// //
//// FOOTER //// FOOTER
//footer //footer
+8
View File
@@ -156,10 +156,18 @@ $feature-box-div-width: 45%
div div
width: calc(50% - 15px) width: calc(50% - 15px)
div + div
margin-top: 0
div:nth-child(2) div:nth-child(2)
margin-left: 20px margin-left: 20px
div:nth-child(3)
margin-top: 20px
margin-left: 20px
div:nth-child(4) div:nth-child(4)
margin-top: 20px
margin-left: 20px margin-left: 20px
a a