From a53cd45d08ccc1b57835df36b9cfa84b1a48b45f Mon Sep 17 00:00:00 2001 From: John Mulhausen Date: Tue, 9 Feb 2016 13:23:33 -0800 Subject: [PATCH 1/6] toc logic --- .DS_Store | Bin 8196 -> 8196 bytes _config.yml | 2 +- _includes/.DS_Store | Bin 8196 -> 6148 bytes _includes/tree.html | 105 ++-- _layouts/docwithnav.html | 49 +- _site/css/styles.css | 2 +- _site/index.html | 13 +- _site/js/script.js | 2 +- _site/v1.2/index.html | 1036 +------------------------------------- 9 files changed, 82 insertions(+), 1127 deletions(-) diff --git a/.DS_Store b/.DS_Store index c7e5cf4e46037011ab72301fc464fb29b8a8c4b3..9f57b7315ebd5c77230a47ae3f3645232305ae14 100644 GIT binary patch delta 144 zcmZp1XmOa}&nUhzU^hRb_+%b|WN}u8c!m^)M1~TE#H8}#f~1`MBnAeCACnIVtkM&& zt~N0?)=@C1)lsN6H#g8xFf=eRt*sT9%)ue8Y3k@3Sy0=xXz`Mz%a*S=bY$`zVR`AJ nK+Q--mIW8(<>cq314S7p2MUR8ZW4%O+srQUjb-yiVRmK!DW)rS delta 45 zcmZp1XmOa}&nUVvU^hRb=wu#&e&|%!nF7b_Jv!>WR#*Gb{i~vl; B4ut>! diff --git a/_config.yml b/_config.yml index 1948df3cb9..dd83a5129c 100644 --- a/_config.yml +++ b/_config.yml @@ -4,7 +4,7 @@ kramdown: input: GFM html_to_native: true hard_wrap: false - use_coderay: true + enable_coderay: true baseurl: / safe: false diff --git a/_includes/.DS_Store b/_includes/.DS_Store index 2fc579e1da7bd9b877bc97021a1c7dff0b6e4087..37402e40facb01f357e660906f560c91e34aa7d9 100644 GIT binary patch delta 132 zcmZp1XfcprU|?W$DortDU=RQ@Ie-{MGqg=C6q~50D9Q+A12Irck0FDhgdvw9$1`VQ zp*kbu{?%#%&7ES;{usv8VWqJBEn zyFJ5SR&yVM$7gr3u8g_a=Nay4#qEG)!_MG|=%1ycUsb$5l#=HjcCzv;A3W}~j|<8N zS1&@mM{&F4qo)Ob;hadg3TbZzDENEvr&)RI-!CI)Mk?|`!kD8oA=W9@8SJQy`=p6l zg384#rTGrcWpZ}r9m*c3R=S*;^9JqEHq|q^e7$Mz3bgEsefhDkbMMG0b{=~dft~pb zFznt`lsTnKY5J)XYNXedjB|#)u6jDZI$huE#l_+mwy>Bxaq^UrUn=mAd3Nc3qZ1Ar zu^sn&H9NW|zIkoeQTDDKcaH2kVdy8e?d*B(uxXyZ76!5H1#Xn09_)KTI~>-+e$eh6 zG^D?MuN`-q=Gt!L4nWLB<+qdp^$4{TXc=_t}o44;j;1)+=>fKN0 - {% for item in tree %} - - {% if item.status %} - {% capture statusHTML %} {{item.status}}{% endcapture %} + Here's your API ref for this accordion element: + + Each line is class "item". Use the data-title attribute for the text label. + Use a.item for direct links; use div.item to wrap containers. + + A div.container inside a div.item is a nested accordion. The clickable text which toggles the + container open/closed is the data-title attribute of the parent div.item. + + + + + +
+
+ + + + +
+
+ +
+
+ + +
+
+ + + + +
+
+ + +
+
+ --> +{% for item in tree %} + {% if item.section %} +
+
+ {% assign tree = item.section %} + {% assign subsection=true %} + {% include tree.html %} +
+
{% else %} - {% assign statusHTML = "" %} - {% endif %} - {% if item.section %} - {% capture sectionHTML %}▸{% endcapture %} - {% else %} - {% assign sectionHTML = "" %} + {% if item.status %} + {% capture statusHTML %} {{item.status}}{% endcapture %} + {% else %} + {% assign statusHTML = "" %} + {% endif %} + + {% if item.path %} + {% if page.url | remove: ".html" | remove "index" == item.path %} + {% capture tocItemColor %}style="color:red;"{% endcapture %} + {% else %} + {% assign tocItemColor = "" %} + {% endif %} + {% endif %} + + {{ item.title }}{{ statusHTML }} {% endif %} - - - {% if item.path %} - {% if page.url | remove: ".html" | remove "index" == item.path %} - {% capture tocItemColor %}style="color:red;"{% endcapture %} - {% else %} - {% capture tocItemColor %}{% endcapture %} - {% endif %} -
  • {{ sectionHTML }}{{ item.title }} {{ statusHTML }}
    • - {% else %} - {% if item.include %} - {% assign tree = site.data[item.include].toc %} - {% assign subsection=false %} - {% include tree.html %} - {% else %} -
  • {{ sectionHTML }}{{ item.title }}{{ statusHTML }}
    • - {% endif %} - {% endif %} - - {% if item.break %} -
    - {% endif %} - - {% if item.section %} - {% assign tree = item.section %} - {% assign subsection=true %} - {% include tree.html %} - {% endif %} - {% endfor %} - +{% endfor %} \ No newline at end of file diff --git a/_layouts/docwithnav.html b/_layouts/docwithnav.html index 093b308ea0..7cc7a3a2ec 100755 --- a/_layouts/docwithnav.html +++ b/_layouts/docwithnav.html @@ -17,50 +17,11 @@ layout: headerfooter
    - {% comment %} assign tree = site.data[page.toc].toc - {% assign tree = site.data[page.versionfilesafe][page.section].toc %} - {% include tree.html %}{% endcomment %} - - -
    - - -
    -
    - - - - -
    -
    - -
    -
    - - -
    -
    - - - - -
    -
    - - -
    -
    -
    +
    + {% comment %} assign tree = site.data[page.toc].toc + {% assign tree = site.data[page.versionfilesafe][page.section].toc %} + {% include tree.html %}{% endcomment %} +
    {{ content }} diff --git a/_site/css/styles.css b/_site/css/styles.css index 3f56d72716..5663f5d995 100755 --- a/_site/css/styles.css +++ b/_site/css/styles.css @@ -1 +1 @@ -*,.button{box-sizing:border-box;font-family:Roboto,sans-serif;background:none;margin:0;border:0}h1,h2,h5,p{font-weight:300}h3,h4{font-weight:400}body.overlay-on{overflow:hidden}.pi-modal-close-button{position:absolute;top:50px;right:50px;width:36px;height:36px;border:0}.pi-modal-close-button:after,.pi-modal-close-button:before{content:"";position:absolute;top:0;width:50.91169px;height:2px;background-color:#fff}.pi-modal-close-button:before{left:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pi-modal-close-button:after{right:0;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.pi-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;color:#fff;background-color:rgba(0,0,0,.8);display:none;opacity:0;transition:.3s}.pi-modal-overlay.on{opacity:1}.pi-multi-frame-display{position:relative;width:80vw;height:80vh;margin:10vh auto}.pi-multi-frame-display .item-wrapper{position:relative;width:100%;height:100%}.pi-multi-frame-display .item{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none}.pi-multi-frame-display .item.on{display:block}.pi-multi-frame-display .pager{position:absolute;bottom:10%;left:0;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pi-multi-frame-display .pager .pager-button{width:20px;height:20px;border-radius:50%;background-color:#000;border:0;margin:0 10px;transition:.3s}.pi-multi-frame-display .pager .pager-button.yah{background-color:#0f9}.pi-multi-frame-display .next-button,.pi-multi-frame-display .prev-button{position:absolute;top:50%;width:30px;height:30px;border:0;border-color:#0f9;z-index:2;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);transition:.3s}.pi-multi-frame-display .next-button:hover,.pi-multi-frame-display .prev-button:hover{border-color:red}.pi-multi-frame-display .prev-button{left:30px;border-bottom:1px solid;border-left:1px solid}.pi-multi-frame-display .next-button{right:30px;border-top:1px solid;border-right:1px solid}.pi-dialog .dialog-box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pi-dialog .title{font-size:36px;text-align:center;padding:30px 0}.pi-dialog .content-box{color:#222;max-width:600px;overflow:hidden}.pi-dialog .content-box .content{padding:30px;border-radius:4px;background-color:#fff}.pi-dialog .content-box .buttons{border-top:1px solid #000;text-align:right;margin-top:30px}.pi-dialog .content-box .buttons button{color:#0f9;border-color:#0f9;border-radius:4px;transition:.3s}.pi-dialog .content-box .buttons button:hover{background-color:#0f9;color:#000}.pi-pushmenu{display:none;position:fixed;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.pi-pushmenu.on{opacity:1}.pi-pushmenu .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.pi-pushmenu .sled{position:absolute;top:0;width:0;height:100%;background-color:#fff;overflow:auto;transition:width .3s}.pi-pushmenu.on .sled{width:320px}.pi-pushmenu .top-bar{height:0;height:60px;line-height:60px;background-color:#444}.pi-pushmenu .pi-modal-close-button{position:absolute;top:0;right:0;z-index:1}.pi-pushmenu ul{padding:0 60px 0 20px}.pi-pushmenu li{position:relative;display:block;width:100%;min-height:44px}.pi-pushmenu a{display:inline-block;width:100%;height:44px;line-height:44px;font-weight:700;font-size:20px}.pi-pushmenu ul ul{padding:0 20px}.pi-pushmenu ul ul li{min-height:40px}.pi-pushmenu ul ul a{height:40px;line-height:40px;font-size:18px;color:#555}body,html{margin:0;padding:0}button,input{outline:none}button{cursor:pointer}li,ul{list-style:none}ul{margin:0;padding:0}a{text-decoration:none}.light-text{color:#fff}.right{float:right}.left{float:left}.center{text-align:center}h1{font-size:40px;line-height:50px}h2{font-size:42px;line-height:60px}h3{line-height:32px}h3,h4{font-size:26px}h4{line-height:40px}h5{font-size:18px;line-height:36px}p{font-size:20px;line-height:28px}#vendorStrip,footer,header,section{padding-left:20px;padding-right:20px}#vendorStrip main,footer main,header main,section main{width:100%;max-width:100%}.logo,header{height:50px}.logo{width:120px}.nav-buttons{height:50px;line-height:50px}.nav-buttons .button+*{margin-left:30px}#hamburger{width:50px;height:50px}#mainNav{padding:140px 0 30px}#mainNav h5{margin-bottom:1em}#mainNav h3{margin-bottom:.6em}#mainNav .nav-box{width:20%}#mainNav .nav-box+.nav-box{margin-left:6.66667%}#mainNav main+main{margin-top:60px}#mainNav .left .button{height:50px;line-height:50px;font-size:18px}.open-nav #tryKubernetes,.y-enough #tryKubernetes{margin-left:30px}#hero{padding-top:80px}#docs #hero h1,#docs #hero h5{padding-left:20px;padding-right:20px}#headlineWrapper,#quickstartButton{margin-bottom:40px}#quickstartButton{padding:0 50px}#vendorStrip{height:60px;line-height:60px;font-size:18px}#vendorStrip img{max-height:30px;max-width:100px;margin-left:50px}#oceanNodes{padding-top:60px;padding-bottom:60px}#video{height:200px}#features h3{margin-bottom:20px}#features .feature-box{margin-bottom:0}#features .feature-box>div{width:100%;margin-bottom:40px}body{background-color:#303030;background-image:url(/images/texture.png)}section{position:relative;background-color:#fff}footer main,header main,section main{position:relative;margin:auto}h3{text-align:center;color:#3371e3}.button{display:inline-block;border-radius:6px;padding:0 20px;line-height:40px;color:#fff;background-color:#3371e3;text-decoration:none}#cellophane{height:100%;display:none}#cellophane,header{position:fixed;top:0;left:0;width:100%}header{z-index:3;background-color:transparent;box-shadow:0 0 0 transparent;overflow:hidden;transition:.3s}.logo{float:left;background-image:url(/images/nav_logo.svg);background-size:contain;background-position:center center;background-repeat:no-repeat}.nav-buttons{float:right}#tryKubernetes,#viewDocs{display:none}#viewDocs{border:1px solid #fff;background-color:transparent;transition:.3s}#viewDocs:hover{background-color:#fff;color:#303030}#tryKubernetes{width:0;margin-left:0;text-align:center;overflow:hidden;white-space:nowrap;transition:.3s}#hamburger,#tryKubernetes{padding:0;vertical-align:middle}#hamburger{display:inline-block;position:relative;border:0;background:none}#hamburger:after,#hamburger:before,#hamburger div{position:absolute;left:15%;width:70%;height:2px;background-color:#3371e3;transition:.3s;content:""}#hamburger div{top:calc(50% - 1px)}#hamburger:before{top:24%}#hamburger:after{bottom:24%}#hamburger:hover:after,#hamburger:hover:before,#hamburger:hover div{background-color:#fff}#mainNav h5{color:#3371e3;font-weight:400}#mainNav main{white-space:nowrap;overflow:hidden;clear:both}#mainNav .nav-box{float:left;white-space:normal}#mainNav h3 a{color:#3371e3;text-decoration:none}.flip-nav header{background-color:#fff}.open-nav body{overflow:hidden}.open-nav #cellophane{display:block;z-index:4}.open-nav header{background-color:#f7f7f7;z-index:5}.open-nav #hamburger div{opacity:0}.open-nav #hamburger:after,.open-nav #hamburger:before{left:12px;-webkit-transform-origin:0 1px;transform-origin:0 1px}.open-nav #hamburger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.open-nav #hamburger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.open-nav #tryKubernetes,.y-enough #tryKubernetes{width:160px}.flip-nav header,.open-nav header{box-shadow:0 1px 2px #4c4c4c}.flip-nav header .logo,.open-nav header .logo{background-image:url(/images/nav_logo2.svg)}.flip-nav #viewDocs,.open-nav #viewDocs{border-color:#303030;color:#303030}.flip-nav #viewDocs:hover,.open-nav #viewDocs:hover{border-color:#3371e3;background-color:#3371e3;color:#fff}.flip-nav #hamburger:hover:after,.flip-nav #hamburger:hover:before,.flip-nav #hamburger:hover div,.open-nav #hamburger:hover:after,.open-nav #hamburger:hover:before,.open-nav #hamburger:hover div{background-color:#303030}#hero{background-color:transparent;text-align:center;padding-left:0;padding-right:0}#headlineWrapper{text-align:center;padding:0 20px}#quickstartButton{display:none;font-size:24px;line-height:50px;padding:0 50px}#vendorStrip{display:none;background-color:hsla(0,0%,100%,.1);font-weight:100;white-space:nowrap;text-align:left}#vendorStrip div{height:100%;display:inline-block}#vendorStrip div,#vendorStrip img{vertical-align:middle}#oceanNodes main{margin-bottom:60px}#oceanNodes .image-wrapper{max-width:75%;margin:0 auto 20px}#oceanNodes .image-wrapper img{width:100%}#oceanNodes main:first-child .image-wrapper{max-width:100%}#oceanNodes h3{margin-bottom:30px}#video{width:100%;position:relative;background-image:url(/images/kub_video_thm.jpg);background-position:center center;background-size:cover}#video>.light-text{display:none;position:absolute;top:50%;left:75%;width:50%;max-width:600px;min-width:500px;padding-right:10%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}#video h2{font-size:32px;line-height:44px}#video h2,#video p{margin-bottom:20px}#video #desktopShowVideoButton{position:relative;font-size:24px;background-color:#fff;border-radius:8px;color:#3371e3;padding:15px 30px 15px 80px}#video #desktopShowVideoButton:before{content:"";position:absolute;top:50%;left:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #3371e3}#video #mobileShowVideoButton{left:50%;width:80px;height:80px;border-radius:50%;background-color:transparent;border:5px solid hsla(0,0%,100%,.2);overflow:visible}#video #mobileShowVideoButton,#video #mobileShowVideoButton:after{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#video #mobileShowVideoButton:after{left:50%;left:40px;content:"";width:0;height:0;border-style:solid;border-width:20px 0 20px 30px;border-color:transparent transparent transparent #fff}#features{padding-top:140px;background-color:#f7f7f7;background-image:url(/images/wheel.png);background-position:center 60px;background-repeat:no-repeat;background-size:auto}.feature-box{width:100%;overflow:hidden;clear:both}.feature-box h4{line-height:normal;margin-bottom:15px}.feature-box>div:first-child{float:left}.feature-box>div:last-child{float:right}#talkToUs main{padding:50px 0}#talkToUs h3,#talkToUs h4{text-align:center}#talkToUs h3{margin-bottom:15px}#talkToUs h4{line-height:normal;margin-bottom:50px}#talkToUs #bigSocial{overflow:hidden}#talkToUs #bigSocial div{width:calc(25% - 15px);float:left;padding:30px;padding-top:110px;background-position:center top;background-size:auto;background-repeat:no-repeat}#talkToUs #bigSocial div:nth-child(1){background-image:url(/images/twitter_icon.png)}#talkToUs #bigSocial div:nth-child(2){background-image:url(/images/github_icon.png)}#talkToUs #bigSocial div:nth-child(3){background-image:url(/images/slack_icon.png)}#talkToUs #bigSocial div:nth-child(4){background-image:url(/images/stackoverflow_icon.png)}#talkToUs #bigSocial div+div{margin-left:20px}#talkToUs #bigSocial a{display:inline-block;color:#3371e3;font-size:24px;font-weight:400;text-decoration:none;margin-bottom:15px}footer main{padding:40px 0}footer nav{text-align:center;white-space:nowrap}footer nav a{display:inline-block;font-size:32px;font-weight:300;color:#fff;text-decoration:none}footer nav a+a{margin-left:10%}footer .social{position:relative;margin:80px 0 60px}footer .social label{float:right;display:inline-block;height:50px;line-height:50px;font-weight:100;white-space:nowrap}footer .social label input{background-color:transparent;padding:10px;font-size:16px;font-weight:100;color:#fff;border:1px solid #fff;margin-left:8px;width:300px;transition:.3s}footer .social label input:focus{background-color:#f7f7f7;color:#303030}.social a{display:inline-block;background-image:url(/images/social_sprite.png);background-repeat:no-repeat;background-size:auto;width:50px;height:50px;border-radius:5px;margin-right:30px}.social a:hover{background-color:#fff}.social a span{position:absolute;display:block;height:0;overflow:hidden}a.twitter{background-position:0 0}a.twitter:hover{background-position:0 100%}a.stack-overflow{background-position:-50px 0}a.stack-overflow:hover{background-position:-50px 100%}a.slack{background-position:-100px 0}a.slack:hover{background-position:-100px 100%}a.github{background-position:-150px 0}a.github:hover{background-position:-150px 100%}a.mailing-list{background-position:-200px 0}a.mailing-list:hover{background-position:-200px 100%}iframe{width:80vw;height:45vw;max-width:142.22222vh;max-height:80vh;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#docs #viewDocs{display:none}#docs section{background-color:#fff}#docs #hero{background-color:transparent}#docs #hero h5{margin-bottom:40px}#docs #vendorStrip li{display:inline-block;height:100%}#docs #vendorStrip li+li{margin-left:60px}#docs #vendorStrip a{display:block;height:100%;color:#fff}#docs #encyclopedia{position:relative;min-height:100vh;padding:50px}#docs #encyclopedia>div{height:100%}#docs #encyclopedia #docsToc{float:left;width:350px;padding:0 20px 0 0;border-right:1px solid #ccc}#docs #encyclopedia #docsContent{float:right;width:calc(100% - 400px)}@media screen and (min-width:750px){h1{font-size:60px;line-height:90px}h2{font-size:42px;line-height:60px}h3{font-size:30px}h3,h4{line-height:40px}h4{font-size:26px}h5{font-size:22px;line-height:36px}p{font-size:20px;line-height:28px}#vendorStrip,footer,header,section{padding-left:20px;padding-right:20px}#vendorStrip main,footer main,header main,section main{width:100%;max-width:100%}.logo,header{height:60px}.logo{width:120px}.nav-buttons{height:60px;line-height:60px}.nav-buttons .button+*{margin-left:30px}#hamburger{width:50px;height:50px}#mainNav{padding:140px 0 30px}#mainNav h5{margin-bottom:1em}#mainNav h3{margin-bottom:.6em}#mainNav .nav-box{width:20%}#mainNav .nav-box+.nav-box{margin-left:6.66667%}#mainNav main+main{margin-top:60px}#mainNav .left .button{height:50px;line-height:50px;font-size:18px}.open-nav #tryKubernetes,.y-enough #tryKubernetes{margin-left:30px}#hero{padding-top:80px}#docs #hero h1,#docs #hero h5{padding-left:20px;padding-right:20px}#headlineWrapper,#quickstartButton{margin-bottom:40px}#quickstartButton{padding:0 50px}#vendorStrip{height:60px;line-height:60px;font-size:18px}#vendorStrip img{max-height:30px;max-width:100px;margin-left:50px}#oceanNodes{padding-top:60px;padding-bottom:60px}#oceanNodes main{margin-bottom:60px}#video{height:400px}#features h3{margin-bottom:40px}#features .feature-box{margin-bottom:60px}#features .feature-box>div{width:45%;margin-bottom:0}#docs #hero h1,#docs #hero h5{text-align:left}#tryKubernetes,#viewDocs{display:inline-block}#vendorStrip{display:block}#quickstartButton{display:inline-block}#oceanNodes h3{text-align:left}#oceanNodes main{position:relative;clear:both}#oceanNodes main .image-wrapper{position:absolute;top:50%;max-width:25%;max-height:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#oceanNodes main:nth-child(odd) .content{padding-right:30%}#oceanNodes main:nth-child(odd) .image-wrapper{right:0}#oceanNodes main:nth-child(even) .content{padding-left:30%}#oceanNodes main:nth-child(even) .image-wrapper{left:0}#oceanNodes main:nth-child(1) .content{padding-right:0}#oceanNodes main:nth-child(1) .image-wrapper{position:relative;max-width:100%;-webkit-transform:none;transform:none}#oceanNodes main img{width:100%}#video,#video>.light-text{display:block}#mobileShowVideoButton{display:none}#features{padding-bottom:60px}#features .feature-box:last-child{margin-bottom:0}}@media screen and (min-width:1025px){h1{font-size:60px;line-height:90px}h2{font-size:42px;line-height:60px}h3{font-size:30px}h3,h4{line-height:40px}h4{font-size:26px}h5{font-size:22px;line-height:36px}p{font-size:20px;line-height:28px}#vendorStrip,footer,header,section{padding-left:50px;padding-right:50px}#vendorStrip main,footer main,header main,section main{width:100%;max-width:1200px}.logo,header{height:80px}.logo{width:180px}.nav-buttons{height:80px;line-height:80px}.nav-buttons .button+*{margin-left:30px}#hamburger{width:50px;height:50px}#mainNav{padding:140px 0 30px}#mainNav h5{margin-bottom:1em}#mainNav h3{margin-bottom:.6em}#mainNav .nav-box{width:20%}#mainNav .nav-box+.nav-box{margin-left:6.66667%}#mainNav main+main{margin-top:60px}#mainNav .left .button{height:50px;line-height:50px;font-size:18px}.open-nav #tryKubernetes,.y-enough #tryKubernetes{margin-left:30px}#hero{padding-top:80px}#docs #hero h1,#docs #hero h5{padding-left:50px;padding-right:50px}#headlineWrapper,#quickstartButton{margin-bottom:40px}#quickstartButton{padding:0 50px}#vendorStrip{height:60px;line-height:60px;font-size:18px}#vendorStrip img{max-height:30px;max-width:100px;margin-left:50px}#oceanNodes{padding-top:60px;padding-bottom:60px}#oceanNodes main{margin-bottom:60px}#video{height:550px}#features h3{margin-bottom:40px}#features .feature-box{margin-bottom:60px}#features .feature-box>div{width:45%;margin-bottom:0}#oceanNodes main:nth-child(1){padding-right:50%}#oceanNodes main:nth-child(1) .image-wrapper{position:absolute;max-width:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#video{position:relative;background-image:url(/images/kub_video_thm.jpg);background-position:center center;background-size:cover;height:550px}} \ No newline at end of file +*,.button{box-sizing:border-box;font-family:Roboto,sans-serif;background:none;margin:0;border:0}h1,h2,h5,p{font-weight:300}h3,h4{font-weight:400}body.overlay-on{overflow:hidden}.pi-modal-close-button{position:absolute;top:50px;right:50px;width:36px;height:36px;border:0}.pi-modal-close-button:after,.pi-modal-close-button:before{content:"";position:absolute;top:0;width:50.91169px;height:2px;background-color:#fff}.pi-modal-close-button:before{left:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pi-modal-close-button:after{right:0;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.pi-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;color:#fff;background-color:rgba(0,0,0,.8);display:none;opacity:0;transition:.3s}.pi-modal-overlay.on{opacity:1}.pi-multi-frame-display{position:relative;width:80vw;height:80vh;margin:10vh auto}.pi-multi-frame-display .item-wrapper{position:relative;width:100%;height:100%}.pi-multi-frame-display .item{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none}.pi-multi-frame-display .item.on{display:block}.pi-multi-frame-display .pager{position:absolute;bottom:10%;left:0;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.pi-multi-frame-display .pager .pager-button{width:20px;height:20px;border-radius:50%;background-color:#000;border:0;margin:0 10px;transition:.3s}.pi-multi-frame-display .pager .pager-button.yah{background-color:#0f9}.pi-multi-frame-display .next-button,.pi-multi-frame-display .prev-button{position:absolute;top:50%;width:30px;height:30px;border:0;border-color:#0f9;z-index:2;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);transition:.3s}.pi-multi-frame-display .next-button:hover,.pi-multi-frame-display .prev-button:hover{border-color:red}.pi-multi-frame-display .prev-button{left:30px;border-bottom:1px solid;border-left:1px solid}.pi-multi-frame-display .next-button{right:30px;border-top:1px solid;border-right:1px solid}.pi-accordion{margin-left:-20px}.pi-accordion .container{padding-left:20px}.pi-accordion .item{overflow:hidden}.pi-accordion .title{position:relative;padding:5px 10px 10px 20px;cursor:pointer;transition:.3s}.pi-accordion .title:hover{color:#3371e3}.pi-accordion a.item>.title{color:#000;padding-left:0}.pi-accordion a.item>.title:hover{color:#3371e3}.pi-accordion div.item>.title:before{content:"";position:absolute;top:9px;left:2px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #3371e3;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.3s}.pi-accordion .wrapper{position:relative;width:100%;transition:.3s}.pi-accordion .content{padding-left:20px;opacity:0;transition:.3s;padding-bottom:20px}.pi-accordion .item.on>.title:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.pi-accordion .item.on>.wrapper>.content{opacity:1}.pi-dialog .dialog-box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.pi-dialog .title{font-size:36px;text-align:center;padding:30px 0}.pi-dialog .content-box{color:#222;max-width:600px;overflow:hidden}.pi-dialog .content-box .content{padding:30px;border-radius:4px;background-color:#fff}.pi-dialog .content-box .buttons{border-top:1px solid #000;text-align:right;margin-top:30px}.pi-dialog .content-box .buttons button{color:#0f9;border-color:#0f9;border-radius:4px;transition:.3s}.pi-dialog .content-box .buttons button:hover{background-color:#0f9;color:#000}.pi-pushmenu{display:none;position:fixed;top:0;width:100%;height:100%;opacity:0;transition:opacity .3s}.pi-pushmenu.on{opacity:1}.pi-pushmenu .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}.pi-pushmenu .sled{position:absolute;top:0;width:0;height:100%;background-color:#fff;overflow:auto;transition:width .3s}.pi-pushmenu.on .sled{width:320px}.pi-pushmenu .top-bar{height:0;height:60px;line-height:60px;background-color:#444}.pi-pushmenu .pi-modal-close-button{position:absolute;top:0;right:0;z-index:1}.pi-pushmenu ul{padding:0 60px 0 20px}.pi-pushmenu li{position:relative;display:block;width:100%;min-height:44px}.pi-pushmenu a{display:inline-block;width:100%;height:44px;line-height:44px;font-weight:700;font-size:20px}.pi-pushmenu ul ul{padding:0 20px}.pi-pushmenu ul ul li{min-height:40px}.pi-pushmenu ul ul a{height:40px;line-height:40px;font-size:18px;color:#555}body,html{margin:0;padding:0}button,input{outline:none}button{cursor:pointer}li,ul{list-style:none}ul{margin:0;padding:0}a{text-decoration:none}.light-text{color:#fff}.right{float:right}.left{float:left}.center{text-align:center}h1{font-size:40px;line-height:50px}h2{font-size:42px;line-height:60px}h3{line-height:32px}h3,h4{font-size:26px}h4{line-height:40px}h5{font-size:18px;line-height:36px}p{font-size:20px;line-height:28px}#vendorStrip,footer,header,section{padding-left:20px;padding-right:20px}#vendorStrip main,footer main,header main,section main{width:100%;max-width:100%}.logo,header{height:50px}.logo{width:120px}.nav-buttons{height:50px;line-height:50px}.nav-buttons .button+*{margin-left:30px}#hamburger{width:50px;height:50px}#mainNav{padding:140px 0 30px}#mainNav h5{margin-bottom:1em}#mainNav h3{margin-bottom:.6em}#mainNav .nav-box{width:20%}#mainNav .nav-box+.nav-box{margin-left:6.66667%}#mainNav main+main{margin-top:60px}#mainNav .left .button{height:50px;line-height:50px;font-size:18px}.open-nav #tryKubernetes,.y-enough #tryKubernetes{margin-left:30px}#hero{padding-top:80px}#docs #hero h1,#docs #hero h5{padding-left:20px;padding-right:20px}#headlineWrapper,#quickstartButton{margin-bottom:40px}#quickstartButton{padding:0 50px}#vendorStrip{height:60px;line-height:60px;font-size:18px}#vendorStrip img{max-height:30px;max-width:100px;margin-left:50px}#oceanNodes{padding-top:60px;padding-bottom:60px}#video{height:200px}#features h3{margin-bottom:20px}#features .feature-box{margin-bottom:0}#features .feature-box>div{width:100%;margin-bottom:40px}body{background-color:#303030;background-image:url(../images/texture.png)}section{position:relative;background-color:#fff}footer main,header main,section main{position:relative;margin:auto}h3{text-align:center;color:#3371e3}.button{display:inline-block;border-radius:6px;padding:0 20px;line-height:40px;color:#fff;background-color:#3371e3;text-decoration:none}#cellophane{height:100%;display:none}#cellophane,header{position:fixed;top:0;left:0;width:100%}header{z-index:3;background-color:transparent;box-shadow:0 0 0 transparent;overflow:hidden;transition:.3s}.logo{float:left;background-image:url(../images/nav_logo.svg);background-size:contain;background-position:center center;background-repeat:no-repeat}.nav-buttons{float:right}#tryKubernetes,#viewDocs{display:none}#viewDocs{border:1px solid #fff;background-color:transparent;transition:.3s}#viewDocs:hover{background-color:#fff;color:#303030}#tryKubernetes{width:0;margin-left:0;text-align:center;overflow:hidden;white-space:nowrap;transition:.3s}#hamburger,#tryKubernetes{padding:0;vertical-align:middle}#hamburger{display:inline-block;position:relative;border:0;background:none}#hamburger:after,#hamburger:before,#hamburger div{position:absolute;left:15%;width:70%;height:2px;background-color:#3371e3;transition:.3s;content:""}#hamburger div{top:calc(50% - 1px)}#hamburger:before{top:24%}#hamburger:after{bottom:24%}#hamburger:hover:after,#hamburger:hover:before,#hamburger:hover div{background-color:#fff}#mainNav h5{color:#3371e3;font-weight:400}#mainNav main{white-space:nowrap;overflow:hidden;clear:both}#mainNav .nav-box{float:left;white-space:normal}#mainNav h3 a{color:#3371e3;text-decoration:none}.flip-nav header{background-color:#fff}.open-nav body{overflow:hidden}.open-nav #cellophane{display:block;z-index:4}.open-nav header{background-color:#f7f7f7;z-index:5}.open-nav #hamburger div{opacity:0}.open-nav #hamburger:after,.open-nav #hamburger:before{left:12px;-webkit-transform-origin:0 1px;transform-origin:0 1px}.open-nav #hamburger:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.open-nav #hamburger:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.open-nav #tryKubernetes,.y-enough #tryKubernetes{width:160px}.flip-nav header,.open-nav header{box-shadow:0 1px 2px #4c4c4c}.flip-nav header .logo,.open-nav header .logo{background-image:url(../images/nav_logo2.svg)}.flip-nav #viewDocs,.open-nav #viewDocs{border-color:#303030;color:#303030}.flip-nav #viewDocs:hover,.open-nav #viewDocs:hover{border-color:#3371e3;background-color:#3371e3;color:#fff}.flip-nav #hamburger:hover:after,.flip-nav #hamburger:hover:before,.flip-nav #hamburger:hover div,.open-nav #hamburger:hover:after,.open-nav #hamburger:hover:before,.open-nav #hamburger:hover div{background-color:#303030}#hero{background-color:transparent;text-align:center;padding-left:0;padding-right:0}#headlineWrapper{text-align:center;padding:0 20px}#quickstartButton{display:none;font-size:24px;line-height:50px;padding:0 50px}#vendorStrip{display:none;background-color:hsla(0,0%,100%,.1);font-weight:100;white-space:nowrap;text-align:left}#vendorStrip div{height:100%;display:inline-block}#vendorStrip div,#vendorStrip img{vertical-align:middle}#oceanNodes main{margin-bottom:60px}#oceanNodes .image-wrapper{max-width:75%;margin:0 auto 20px}#oceanNodes .image-wrapper img{width:100%}#oceanNodes main:first-child .image-wrapper{max-width:100%}#oceanNodes h3{margin-bottom:30px}#video{width:100%;position:relative;background-image:url(../images/kub_video_thm.jpg);background-position:center center;background-size:cover}#video>.light-text{display:none;position:absolute;top:50%;left:75%;width:50%;max-width:600px;min-width:500px;padding-right:10%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}#video h2{font-size:32px;line-height:44px}#video h2,#video p{margin-bottom:20px}#video #desktopShowVideoButton{position:relative;font-size:24px;background-color:#fff;border-radius:8px;color:#3371e3;padding:15px 30px 15px 80px}#video #desktopShowVideoButton:before{content:"";position:absolute;top:50%;left:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #3371e3}#video #mobileShowVideoButton{left:50%;width:80px;height:80px;border-radius:50%;background-color:transparent;border:5px solid hsla(0,0%,100%,.2);overflow:visible}#video #mobileShowVideoButton,#video #mobileShowVideoButton:after{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#video #mobileShowVideoButton:after{left:50%;left:40px;content:"";width:0;height:0;border-style:solid;border-width:20px 0 20px 30px;border-color:transparent transparent transparent #fff}#features{padding-top:140px;background-color:#f7f7f7;background-image:url(../images/wheel.png);background-position:center 60px;background-repeat:no-repeat;background-size:auto}.feature-box{width:100%;overflow:hidden;clear:both}.feature-box h4{line-height:normal;margin-bottom:15px}.feature-box>div:first-child{float:left}.feature-box>div:last-child{float:right}#talkToUs main{padding:50px 0}#talkToUs h3,#talkToUs h4{text-align:center}#talkToUs h3{margin-bottom:15px}#talkToUs h4{line-height:normal;margin-bottom:50px}#talkToUs #bigSocial{overflow:hidden}#talkToUs #bigSocial div{width:calc(25% - 15px);float:left;padding:30px;padding-top:110px;background-position:center top;background-size:auto;background-repeat:no-repeat}#talkToUs #bigSocial div:nth-child(1){background-image:url(../images/twitter_icon.png)}#talkToUs #bigSocial div:nth-child(2){background-image:url(../images/github_icon.png)}#talkToUs #bigSocial div:nth-child(3){background-image:url(../images/slack_icon.png)}#talkToUs #bigSocial div:nth-child(4){background-image:url(../images/stackoverflow_icon.png)}#talkToUs #bigSocial div+div{margin-left:20px}#talkToUs #bigSocial a{display:inline-block;color:#3371e3;font-size:24px;font-weight:400;text-decoration:none;margin-bottom:15px}footer main{padding:40px 0}footer nav{text-align:center;white-space:nowrap}footer nav a{display:inline-block;font-size:32px;font-weight:300;color:#fff;text-decoration:none}footer nav a+a{margin-left:10%}footer .social{position:relative;margin:80px 0 60px}footer .social label{float:right;display:inline-block;height:50px;line-height:50px;font-weight:100;white-space:nowrap}footer .social label input{background-color:transparent;padding:10px;font-size:16px;font-weight:100;color:#fff;border:1px solid #fff;margin-left:8px;width:300px;transition:.3s}footer .social label input:focus{background-color:#f7f7f7;color:#303030}.social a{display:inline-block;background-image:url(../images/social_sprite.png);background-repeat:no-repeat;background-size:auto;width:50px;height:50px;border-radius:5px;margin-right:30px}.social a:hover{background-color:#fff}.social a span{position:absolute;display:block;height:0;overflow:hidden}a.twitter{background-position:0 0}a.twitter:hover{background-position:0 100%}a.stack-overflow{background-position:-50px 0}a.stack-overflow:hover{background-position:-50px 100%}a.slack{background-position:-100px 0}a.slack:hover{background-position:-100px 100%}a.github{background-position:-150px 0}a.github:hover{background-position:-150px 100%}a.mailing-list{background-position:-200px 0}a.mailing-list:hover{background-position:-200px 100%}iframe{width:80vw;height:45vw;max-width:142.22222vh;max-height:80vh;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#docs #viewDocs{display:none}#docs section{background-color:#fff}#docs #hero{background-color:transparent}#docs #hero h5{margin-bottom:40px}#docs #vendorStrip li{display:inline-block;height:100%}#docs #vendorStrip li+li{margin-left:60px}#docs #vendorStrip a{display:block;height:100%;color:#fff}#docs #encyclopedia{position:relative;min-height:100vh;padding:50px}#docs #encyclopedia>div{height:100%}#docs #encyclopedia #docsToc{float:left;width:350px;padding:0 20px 0 0;border-right:1px solid #ccc}#docs #encyclopedia #docsContent{float:right;width:calc(100% - 400px)}@media screen and (min-width:750px){h1{font-size:60px;line-height:90px}h2{font-size:42px;line-height:60px}h3{font-size:30px}h3,h4{line-height:40px}h4{font-size:26px}h5{font-size:22px;line-height:36px}p{font-size:20px;line-height:28px}#vendorStrip,footer,header,section{padding-left:20px;padding-right:20px}#vendorStrip main,footer main,header main,section main{width:100%;max-width:100%}.logo,header{height:60px}.logo{width:120px}.nav-buttons{height:60px;line-height:60px}.nav-buttons .button+*{margin-left:30px}#hamburger{width:50px;height:50px}#mainNav{padding:140px 0 30px}#mainNav h5{margin-bottom:1em}#mainNav h3{margin-bottom:.6em}#mainNav .nav-box{width:20%}#mainNav .nav-box+.nav-box{margin-left:6.66667%}#mainNav main+main{margin-top:60px}#mainNav .left .button{height:50px;line-height:50px;font-size:18px}.open-nav #tryKubernetes,.y-enough #tryKubernetes{margin-left:30px}#hero{padding-top:80px}#docs #hero h1,#docs #hero h5{padding-left:20px;padding-right:20px}#headlineWrapper,#quickstartButton{margin-bottom:40px}#quickstartButton{padding:0 50px}#vendorStrip{height:60px;line-height:60px;font-size:18px}#vendorStrip img{max-height:30px;max-width:100px;margin-left:50px}#oceanNodes{padding-top:60px;padding-bottom:60px}#oceanNodes main{margin-bottom:60px}#video{height:400px}#features h3{margin-bottom:40px}#features .feature-box{margin-bottom:60px}#features .feature-box>div{width:45%;margin-bottom:0}#docs #hero h1,#docs #hero h5{text-align:left}#tryKubernetes,#viewDocs{display:inline-block}#vendorStrip{display:block}#quickstartButton{display:inline-block}#oceanNodes h3{text-align:left}#oceanNodes main{position:relative;clear:both}#oceanNodes main .image-wrapper{position:absolute;top:50%;max-width:25%;max-height:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#oceanNodes main:nth-child(odd) .content{padding-right:30%}#oceanNodes main:nth-child(odd) .image-wrapper{right:0}#oceanNodes main:nth-child(even) .content{padding-left:30%}#oceanNodes main:nth-child(even) .image-wrapper{left:0}#oceanNodes main:nth-child(1) .content{padding-right:0}#oceanNodes main:nth-child(1) .image-wrapper{position:relative;max-width:100%;-webkit-transform:none;transform:none}#oceanNodes main img{width:100%}#video,#video>.light-text{display:block}#mobileShowVideoButton{display:none}#features{padding-bottom:60px}#features .feature-box:last-child{margin-bottom:0}}@media screen and (min-width:1025px){h1{font-size:60px;line-height:90px}h2{font-size:42px;line-height:60px}h3{font-size:30px}h3,h4{line-height:40px}h4{font-size:26px}h5{font-size:22px;line-height:36px}p{font-size:20px;line-height:28px}#vendorStrip,footer,header,section{padding-left:50px;padding-right:50px}#vendorStrip main,footer main,header main,section main{width:100%;max-width:1200px}.logo,header{height:80px}.logo{width:180px}.nav-buttons{height:80px;line-height:80px}.nav-buttons .button+*{margin-left:30px}#hamburger{width:50px;height:50px}#mainNav{padding:140px 0 30px}#mainNav h5{margin-bottom:1em}#mainNav h3{margin-bottom:.6em}#mainNav .nav-box{width:20%}#mainNav .nav-box+.nav-box{margin-left:6.66667%}#mainNav main+main{margin-top:60px}#mainNav .left .button{height:50px;line-height:50px;font-size:18px}.open-nav #tryKubernetes,.y-enough #tryKubernetes{margin-left:30px}#hero{padding-top:80px}#docs #hero h1,#docs #hero h5{padding-left:50px;padding-right:50px}#headlineWrapper,#quickstartButton{margin-bottom:40px}#quickstartButton{padding:0 50px}#vendorStrip{height:60px;line-height:60px;font-size:18px}#vendorStrip img{max-height:30px;max-width:100px;margin-left:50px}#oceanNodes{padding-top:60px;padding-bottom:60px}#oceanNodes main{margin-bottom:60px}#video{height:550px}#features h3{margin-bottom:40px}#features .feature-box{margin-bottom:60px}#features .feature-box>div{width:45%;margin-bottom:0}#oceanNodes main:nth-child(1){padding-right:50%}#oceanNodes main:nth-child(1) .image-wrapper{position:absolute;max-width:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#video{position:relative;background-image:url(../images/kub_video_thm.jpg);background-position:center center;background-size:cover;height:550px}} diff --git a/_site/index.html b/_site/index.html index 448f0d6f5b..5679e3ed05 100644 --- a/_site/index.html +++ b/_site/index.html @@ -74,19 +74,16 @@
    - - - -
      - -
    - -
    +
    + +
    +
    Yep.
    +

    This is a test of the documentation layout use

    @@ -1148,6 +121,7 @@ f
    +