From edee9dce4775ac87b06b5839de07f22727dba623 Mon Sep 17 00:00:00 2001 From: marioricalde Date: Mon, 17 Dec 2018 19:59:51 -0800 Subject: [PATCH 1/2] Changes ErgoDox EZ Sponsored Message. jekyll serve back to default --- deploy/css/main.css | 2 +- deploy/img/ergodox-logo.png | Bin 0 -> 6555 bytes deploy/index.html | 78 +++++++------- deploy/js/scripts.js | 40 ++++++- src/_includes/fixed-banner.html | 14 +++ src/_includes/nav.html | 3 +- src/_layouts/index.html | 2 + src/_sass/modules/_all.scss | 1 + src/_sass/partials/_fixed-banner.scss | 150 ++++++++++++++++++++++++++ src/img/ergodox-logo.png | Bin 0 -> 6555 bytes src/js/scripts.js | 40 ++++++- 11 files changed, 288 insertions(+), 42 deletions(-) create mode 100644 deploy/img/ergodox-logo.png create mode 100644 src/_includes/fixed-banner.html create mode 100644 src/_sass/partials/_fixed-banner.scss create mode 100644 src/img/ergodox-logo.png diff --git a/deploy/css/main.css b/deploy/css/main.css index 67a3a4e..d7282a0 100644 --- a/deploy/css/main.css +++ b/deploy/css/main.css @@ -1 +1 @@ -@import url("https://overpass-30e2.kxcdn.com/overpass.css");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,.highlight pre,.highlight .hll,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}b,strong{font-weight:bold}i,em{font-style:italic}.video_container iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}body{font-family:"Overpass",sans-serif;font-weight:300;font-size:22px;line-height:1.4;background:#FDFDFD;color:#121212}.container{max-width:100%;position:relative;margin:0 auto}.overview{width:320px;font-size:18px}.content{counter-reset:h1-counter;width:calc(100% - 320px);position:absolute;right:0}@media screen and (max-width: 1000px){.content{width:100%}}.content .toggle{position:absolute;top:5px;left:5px}section:last-of-type{padding-bottom:300px}section>p,section>ul,section>ol,section>div{text-align:justify;padding-left:5%;padding-right:5%;box-sizing:border-box}section pre,section .highlight pre,.highlight section pre,section .highlight .hll,.highlight section .hll{margin-left:5%;margin-right:5%}section>ol{padding-left:calc(5% + 40px)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:700;line-height:1;color:#385958}h1{font-size:3.1em;padding:30px 0 0;text-align:right;border-bottom:#385958 9px solid;width:100%;line-height:0.61;margin:0 0 20px}h1:before{content:counter(h1-counter) " "}.h1{counter-increment:h1-counter;counter-reset:h2-counter;padding-top:80px}h2{font-size:2em;padding:30px 0 0;width:90%;text-align:center;border-bottom:5px solid #385958;margin:0 auto 20px;line-height:0.63}h2:before{content:counter(h1-counter) "." counter(h2-counter) " "}.h2{counter-increment:h2-counter;counter-reset:h3-counter;padding-top:60px}h3{font-size:1.7em;padding:20px 0 0;width:90%;text-align:left;border-bottom:4px solid #385958;margin:0 auto 20px;line-height:0.65}h3:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) " "}.h3{counter-increment:h3-counter;counter-reset:h4-counter;padding-top:40px}h4{font-size:1.5em;padding:18px 0 0;width:90%;text-align:left;border-bottom:3px solid #385958;margin:0 auto 18px;line-height:0.67}h4:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) " "}.h4{counter-increment:h4-counter;counter-reset:h5-counter 1;padding-top:30px}h5{font-size:1.3em;padding:40px 0 0;width:90%;text-align:left;border-bottom:2px solid #385958;margin:0 auto 15px;line-height:0.68}h5:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) " "}a{transition:.3s all;color:#385958;text-decoration:none}.content a{border-bottom:#111a1a 1px solid;padding:0px 2px}.content a:hover{border-bottom:transparent 1px solid}a:hover{color:#111a1a}img{display:block;max-width:100%;margin:20px 0}code{font-family:'Overpass', 'Overpass-mono', monospace}.video_container{margin:30px auto;position:relative;width:90%;height:0;padding:51.34228% 0 0 0}#intro{padding-top:20px}code,pre,.highlight pre,.highlight .hll{white-space:pre-wrap;border-radius:0px;border:0}iframe{padding-left:5%;padding-right:5%;box-sizing:border-box;width:100%}p+p{margin-top:20px}header{background-size:auto;background-repeat:repeat;background-image:url(../img/bg.jpg);height:150px;text-align:center;position:relative;max-width:100%}header span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#FDFDFD;text-transform:uppercase;font-weight:bold}.toggle:hover{cursor:pointer;opacity:.8}@media screen and (min-width: 1001px){.toggle{display:none}}.overview{position:fixed;top:0px;left:0px;height:100%;overflow-y:auto;transition:.3s all;background:#FDFDFD;border-right:3px solid #385958}@media screen and (max-width: 1000px){.overview{left:-320px;transition:.3s all ease;transform:translate(0, 0);z-index:100}.overview.open{transform:translate(320px, 0)}}.overview .toggle{position:absolute;top:5px;right:5px;z-index:100}.overview ul{list-style:none;counter-reset:nested-counter;padding-left:0}.overview ul li{counter-increment:nested-counter;font-size:98%}.overview #nav{width:100%;box-sizing:border-box}.overview #nav>li{border-bottom:1px solid rgba(56,89,88,0.3)}.overview #nav>li a{display:block;padding:10px 20px;line-height:1;border-bottom:1px solid rgba(56,89,88,0.2)}.overview #nav>li a:before{content:counters(nested-counter,".") " ";font-size:0}.overview #nav>li a:hover{background:rgba(56,89,88,0.1)}.overview #nav>li li a{padding:8px 30px}.overview #nav>li li li a{padding:6px 40px}.overview #nav>li li li li a{padding:4px 50px}.overview #nav .current>a:before{font-size:1em}.current>a{font-weight:700}#ezbanner{display:block;width:180px;margin-right:auto;margin-left:auto}pre,.highlight pre,.highlight .hll{background-color:#f8f8f8;padding:6px 10px;border-radius:2px;overflow-x:auto;font-size:.9em;margin:15px 0}.highlight .c,.highlight .cm,.highlight .c1{color:#998}.highlight .err,.highlight .gr,.highlight .gt{color:#a61717}.highlight .k,.highlight .o,.highlight .cp,.highlight .cs,.highlight .gs,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .gu,.highlight .ne,.highlight .nf,.highlight .ow{font-weight:bold}.highlight .cp,.highlight .cs,.highlight .gh{color:#999}.highlight .gd,.highlight .gd .x,.highlight .gi,.highlight .gi .x{color:black}.highlight .gd{background-color:#e3d2d2}.highlight .gd .x{background-color:#ffaaaa}.highlight .gi{background-color:#ddffdd}.highlight .gi .x{background-color:#aaffaa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gu{color:#800080}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#009999}.highlight .s{color:#385958}.highlight .n{color:#333}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#990000}.highlight .nf{color:#990000}.highlight .nn{color:#555555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .w{color:#bbbbbb}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .sb{color:#dd1144}.highlight .sc{color:#dd1144}.highlight .sd{color:#dd1144}.highlight .s2{color:#385958}.highlight .se{color:#dd1144}.highlight .sh{color:#dd1144}.highlight .si{color:#dd1144}.highlight .sx{color:#dd1144}.highlight .sr{color:#009926}.highlight .s1{color:#dd1144}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#009999}.highlight .gc{color:#999;background-color:#EAF2F5} +@import url("https://overpass-30e2.kxcdn.com/overpass.css");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,.highlight pre,.highlight .hll,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}b,strong{font-weight:bold}i,em{font-style:italic}.fixed-banner{transition:0.3s ease-in-out transform;position:fixed;left:323px;right:0;bottom:0;width:calc(100% - 343px);background:#385958;padding:0 10px 10px !important;transform:translateY(150%);box-shadow:0px -6px 13px rgba(0,0,0,0.25)}.fixed-banner.show{transform:translateY(0)}.fixed-banner .detail{font-family:"Overpass",sans-serif;font-weight:900;font-size:14px;color:#FDFDFD;display:block;padding:7px 0 6px}.fixed-banner .close{font-family:"Overpass",sans-serif;font-size:18px;color:#FDFDFD;position:absolute;top:0;right:5px;cursor:pointer;transition:0.3s ease-in-out opacity}.fixed-banner .close:hover{opacity:0.8}.fixed-banner .wrapper{padding:10px;background:#FDFDFD;box-shadow:0 4px 4px rgba(0,0,0,0.25);border-radius:8px;display:flex;align-items:stretch}.fixed-banner .column{flex:0 1 608px}.fixed-banner .title{margin-bottom:6px;display:block;font-family:"Overpass",sans-serif;font-size:26px;color:#494949}.fixed-banner .link{transition:0.3s ease-in-out background;display:inline-flex;align-items:center;justify-content:center;width:304px;height:48px;max-width:100%;background:#E59620;box-shadow:0 2px 5px rgba(0,0,0,0.374);border-radius:7px;font-family:"Overpass",sans-serif;font-weight:700;font-size:26px;line-height:normal;color:#FDFDFD}.fixed-banner .link:hover{background:#bf7c1b}.fixed-banner .decoration{display:inline-block;margin:0 66px;flex:0 0 2px;width:2px;height:117px;background:#D7D7D7}.fixed-banner .display{flex:0 1 429px;display:inline-flex;align-items:center;justify-content:center}.fixed-banner img{display:block;max-width:100%;height:auto}@media (max-width: 1000px){.fixed-banner{left:0;width:calc(100% - 20px)}.fixed-banner .decoration{margin:0 20px}}@media (max-width: 667px){.fixed-banner .wrapper{flex-direction:column}.fixed-banner .detail{font-size:12px;padding:3px 0}.fixed-banner .decoration{display:none}.fixed-banner .display,.fixed-banner .column{flex:0 1 auto;text-align:center}.fixed-banner .title{font-size:18px}.fixed-banner img{width:280px;margin:0 auto 10px}.fixed-banner .link{width:304px;height:34px;font-size:18px}}.video_container iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}body{font-family:"Overpass",sans-serif;font-weight:300;font-size:22px;line-height:1.4;background:#FDFDFD;color:#121212}.container{max-width:100%;position:relative;margin:0 auto}.overview{width:320px;font-size:18px}.content{counter-reset:h1-counter;width:calc(100% - 320px);position:absolute;right:0}@media screen and (max-width: 1000px){.content{width:100%}}.content .toggle{position:absolute;top:5px;left:5px}section:last-of-type{padding-bottom:300px}section>p,section>ul,section>ol,section>div{text-align:justify;padding-left:5%;padding-right:5%;box-sizing:border-box}section pre,section .highlight pre,.highlight section pre,section .highlight .hll,.highlight section .hll{margin-left:5%;margin-right:5%}section>ol{padding-left:calc(5% + 40px)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:700;line-height:1;color:#385958}h1{font-size:3.1em;padding:30px 0 0;text-align:right;border-bottom:#385958 9px solid;width:100%;line-height:0.61;margin:0 0 20px}h1:before{content:counter(h1-counter) " "}.h1{counter-increment:h1-counter;counter-reset:h2-counter;padding-top:80px}h2{font-size:2em;padding:30px 0 0;width:90%;text-align:center;border-bottom:5px solid #385958;margin:0 auto 20px;line-height:0.63}h2:before{content:counter(h1-counter) "." counter(h2-counter) " "}.h2{counter-increment:h2-counter;counter-reset:h3-counter;padding-top:60px}h3{font-size:1.7em;padding:20px 0 0;width:90%;text-align:left;border-bottom:4px solid #385958;margin:0 auto 20px;line-height:0.65}h3:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) " "}.h3{counter-increment:h3-counter;counter-reset:h4-counter;padding-top:40px}h4{font-size:1.5em;padding:18px 0 0;width:90%;text-align:left;border-bottom:3px solid #385958;margin:0 auto 18px;line-height:0.67}h4:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) " "}.h4{counter-increment:h4-counter;counter-reset:h5-counter 1;padding-top:30px}h5{font-size:1.3em;padding:40px 0 0;width:90%;text-align:left;border-bottom:2px solid #385958;margin:0 auto 15px;line-height:0.68}h5:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) " "}a{transition:.3s all;color:#385958;text-decoration:none}.content a{border-bottom:#111a1a 1px solid;padding:0px 2px}.content a:hover{border-bottom:transparent 1px solid}a:hover{color:#111a1a}img{display:block;max-width:100%;margin:20px 0}code{font-family:'Overpass', 'Overpass-mono', monospace}.video_container{margin:30px auto;position:relative;width:90%;height:0;padding:51.3422818792% 0 0 0}#intro{padding-top:20px}code,pre,.highlight pre,.highlight .hll{white-space:pre-wrap;border-radius:0px;border:0}iframe{padding-left:5%;padding-right:5%;box-sizing:border-box;width:100%}p+p{margin-top:20px}header{background-size:auto;background-repeat:repeat;background-image:url(../img/bg.jpg);height:150px;text-align:center;position:relative;max-width:100%}header span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#FDFDFD;text-transform:uppercase;font-weight:bold}.toggle:hover{cursor:pointer;opacity:.8}@media screen and (min-width: 1001px){.toggle{display:none}}.overview{position:fixed;top:0px;left:0px;height:100%;overflow-y:auto;transition:.3s all;background:#FDFDFD;border-right:3px solid #385958}@media screen and (max-width: 1000px){.overview{left:-320px;transition:.3s all ease;transform:translate(0, 0);z-index:100}.overview.open{transform:translate(320px, 0)}}.overview .toggle{position:absolute;top:5px;right:5px;z-index:100}.overview ul{list-style:none;counter-reset:nested-counter;padding-left:0}.overview ul li{counter-increment:nested-counter;font-size:98%}.overview #nav{width:100%;box-sizing:border-box}.overview #nav>li{border-bottom:1px solid rgba(56,89,88,0.3)}.overview #nav>li a{display:block;padding:10px 20px;line-height:1;border-bottom:1px solid rgba(56,89,88,0.2)}.overview #nav>li a:before{content:counters(nested-counter,".") " ";font-size:0}.overview #nav>li a:hover{background:rgba(56,89,88,0.1)}.overview #nav>li li a{padding:8px 30px}.overview #nav>li li li a{padding:6px 40px}.overview #nav>li li li li a{padding:4px 50px}.overview #nav .current>a:before{font-size:1em}.current>a{font-weight:700}#ezbanner{display:block;width:180px;margin-right:auto;margin-left:auto}pre,.highlight pre,.highlight .hll{background-color:#f8f8f8;padding:6px 10px;border-radius:2px;overflow-x:auto;font-size:.9em;margin:15px 0}.highlight .c,.highlight .cm,.highlight .c1{color:#998}.highlight .err,.highlight .gr,.highlight .gt{color:#a61717}.highlight .k,.highlight .o,.highlight .cp,.highlight .cs,.highlight .gs,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .gu,.highlight .ne,.highlight .nf,.highlight .ow{font-weight:bold}.highlight .cp,.highlight .cs,.highlight .gh{color:#999}.highlight .gd,.highlight .gd .x,.highlight .gi,.highlight .gi .x{color:black}.highlight .gd{background-color:#e3d2d2}.highlight .gd .x{background-color:#ffaaaa}.highlight .gi{background-color:#ddffdd}.highlight .gi .x{background-color:#aaffaa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gu{color:#800080}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#009999}.highlight .s{color:#385958}.highlight .n{color:#333}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#990000}.highlight .nf{color:#990000}.highlight .nn{color:#555555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .w{color:#bbbbbb}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .sb{color:#dd1144}.highlight .sc{color:#dd1144}.highlight .sd{color:#dd1144}.highlight .s2{color:#385958}.highlight .se{color:#dd1144}.highlight .sh{color:#dd1144}.highlight .si{color:#dd1144}.highlight .sx{color:#dd1144}.highlight .sr{color:#009926}.highlight .s1{color:#dd1144}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#009999}.highlight .gc{color:#999;background-color:#EAF2F5} diff --git a/deploy/img/ergodox-logo.png b/deploy/img/ergodox-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..9ea646db606d61232bf965d927cee9a98978bd3a GIT binary patch literal 6555 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 J;g)0E{{fO5g<}8! literal 0 HcmV?d00001 diff --git a/deploy/index.html b/deploy/index.html index 448a443..37cd3bb 100644 --- a/deploy/index.html +++ b/deploy/index.html @@ -8,8 +8,9 @@ - + index | ErgoDox Mechanical Keyboard + @@ -18,7 +19,7 @@ +{"name":"ErgoDox Mechanical Keyboard","description":"Documentation and build guide for the ErgoDox mechanical keyboard","@type":"WebSite","url":"http://localhost:4000/","headline":"index","@context":"http://schema.org"} @@ -185,8 +186,6 @@ - -
@@ -371,9 +370,8 @@

Case & Keycaps

The 1.5u outer column keys can optionally be mounted closer in and 1u keycaps can be used.

-
Note: This layout is only supported on the newer (post 2012) revisions of the pcb and will require a modified plate design to support the new placement.
-
-
+
Note: This layout is only supported on the newer (post 2012) revisions of the pcb and will require a modified plate design to support the new placement.
+
  • If the 80 key layout is used, a slightly different keycap configuration will be needed replacing the 2u keys with two 1u keys each: @@ -403,9 +401,8 @@

    Assembly Guide

  • diode
  • 1b. If through hole diodes are chosen, place them through the two hole immediately to the left and right of copper pads under the square that the switch will take up. Be sure to check the orientation to be sure that the cathode/negative side of the diode is closest to the square hole. Solder and repeat for each switch on both hands.
  • Through-hole diode - 
     Note: The additional holes in this second image are for through switch LEDs. Only one diode per switch is needed.
-
    -
    + 
     Note: The additional holes in this second image are for through switch LEDs. Only one diode per switch is needed.
+
@@ -413,14 +410,12 @@

Assembly Guide

Flip both of the pcbs over, this face up side (without the diodes) will be the side that the remaining components will be placed.

  • Insert both the 2.2k ohm resistors and 220 ohm (or whatever resistors chosen appropriate for the leds selected) onto the right hand where labled on the pcb and solder into place. - 
    Note: Keep the legs clipped off the resistors, they can be used in a later step when the TRRS connections are installed.
-
    -
    + 
    Note: Keep the legs clipped off the resistors, they can be used in a later step when the TRRS connections are installed.
+
  • On the left hand pcb, insert the I/O expander around the MCP23018 rectangle. The I/O expander is directional and the notch on the I/O expander should match up with the silkscreen. The notch on the expander will be facing ErgoDox printing on the circuit board. See the image in the next step for an example. - 
    Note: There are three holes without copper pads and do not need to be soldered.
-
    -
    + 
    Note: There are three holes without copper pads and do not need to be soldered.
+
  • (Optional but suggested step) On the left hand pcb, insert the ceramic capacitor into the first and third holes of the top row and solder in place.
      @@ -436,9 +431,8 @@

      Assembly Guide

  • Install the male jumper pins to the underside of the Teensy with the button face up and solder the pins to the top side of the Teensy. - 
    Note: If the Teensy already has jumpers already installed, skip this step.
-
    -
    + 
    Note: If the Teensy already has jumpers already installed, skip this step.
+
  • Insert the Teensy jumper legs from the Teensy assembly onto the right hand pcb with the usb facing the direction of the resistors and solder in place.
      @@ -449,12 +443,11 @@

      Assembly Guide

      • 9a. Strip off all of the sheathing from the cable, exposing the 4 wires.
      • 9b. Place the following wires into their respective holes: - 
        White: D-
+        
        White: D-
 Red:   5v
 Green: D+
 Black: GND
-
        
-        
        
+
  • 9c. Solder wires to the pcb.
  • wiring
    • @@ -478,16 +471,14 @@

    Assembly Guide

  • 11c. Solder switches in place. - 
    Note: Make note of the location for the three switches on the right hand that will support the LEDs
-
    -
    + 
    Note: Make note of the location for the three switches on the right hand that will support the LEDs
+
  • On the right hand, insert the three leds through the housing of the three switches and solder into place. - 
    Note: LEDs have polarity so be sure that the negative leg (which is the shorter of the two legs) of the LEDs goes into the (face up) square hole.
-
    -
    + 
    Note: LEDs have polarity so be sure that the negative leg (which is the shorter of the two legs) of the LEDs goes into the (face up) square hole.
+
  • Finish assembling the case, plug in the TRRS cable between the two halves and proceed to building and flashing the selected firmware.
    • @@ -532,9 +523,8 @@

    QMK

    A build guide for compiling and customizing your firmware is best found in the repo’s readme

    -
    Note: There are many users who have committed their keymaps that can be built on and easily adapted to suit your needs.
-
    -
    +
    Note: There are many users who have committed their keymaps that can be built on and easily adapted to suit your needs.
+

    The ErgoDox-EZ Configurator tool can also be used to generate keymappings and their .hex files with QMK.

    @@ -622,9 +612,8 @@

    Flashing your Ergodox

  • Start the Teensy Loader program
  • Load the .hex file into it.
  • Press the Reset button by pressing the reset button onboard the Teensy, you may need to insert something such as a paperclip or small screwdriver gently into the reset hole in the top right corner of your case. - 
    Note: Some firmware (such as QMK and TMK) allow for the resetting of your atmel chip to be programmed as a keycode.
-
    -
    + 
    Note: Some firmware (such as QMK and TMK) allow for the resetting of your atmel chip to be programmed as a keycode.
+
  • Click the button in the Teensy app to upload the firmware to your keyboard.
    • @@ -793,9 +782,8 @@

    Gamepad

    Gamepad

    The new “top” of PCB. Teensy is installed upside down. 2.2k resistors, jumpers, and USB port installed on top. In this revision of the PCB, the jumpers dictate which side the USB port can be installed on as well as the TRRS port (which isn’t used in gamepad configuration).

    -
    	Note: that the USB connection wires are installed (from left to right) empty, black, green, red, white. This is different from the silk screen layout as the usb port is now on "backwards".
-
    -
    +
    	Note: that the USB connection wires are installed (from left to right) empty, black, green, red, white. This is different from the silk screen layout as the usb port is now on "backwards".
+

    Gamepad

    The new “bottom” of the PCB. The reset switch has been soldered to the bottom. LED resistors have also been soldered to bottom.

    @@ -806,6 +794,22 @@

    Gamepad

    + +
    + X + SPONSORED BY +
    +
    + +
    + +
    +
    Pre-assembled, improved, with a 2-year warranty.
    + Customize yours today +
    +
    +
    + diff --git a/deploy/js/scripts.js b/deploy/js/scripts.js index 18772af..e310108 100644 --- a/deploy/js/scripts.js +++ b/deploy/js/scripts.js @@ -2,8 +2,46 @@ $(document).ready(function(){ $('#nav').onePageNav(); $('a[href^="http"]').attr('target','_blank'); - + $('.toggle').click(function(){ $('.overview').toggleClass('open'); }); + + fixedBanner() }); + +function fixedBanner() { + var $banner = $('#fixedBanner'), + cookieName = 'hideBanner' + + if (getCookie(cookieName) !== 'true') { + $banner.addClass('show') + } + + $banner.find('.close').click(function() { + $banner.removeClass('show') + setCookie(cookieName, true, 30) + }) +} +function setCookie(cname, cvalue, exdays) { + var d = new Date(); + d.setTime(d.getTime() + (exdays*24*60*60*1000)); + var expires = "expires="+ d.toUTCString(); + document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; +} + +function getCookie(cname) { + var name = cname + "="; + var decodedCookie = decodeURIComponent(document.cookie); + var ca = decodedCookie.split(';'); + for(var i = 0; i + X + SPONSORED BY +
    +
    + +
    + +
    +
    Pre-assembled, improved, with a 2-year warranty.
    + Customize yours today +
    +
    + diff --git a/src/_includes/nav.html b/src/_includes/nav.html index 3714626..00f007f 100644 --- a/src/_includes/nav.html +++ b/src/_includes/nav.html @@ -25,5 +25,4 @@ {% endif %} {% endfor %} - - + \ No newline at end of file diff --git a/src/_layouts/index.html b/src/_layouts/index.html index 0918520..6298922 100644 --- a/src/_layouts/index.html +++ b/src/_layouts/index.html @@ -17,6 +17,8 @@ open {{ content }} + + {% include fixed-banner.html %} diff --git a/src/_sass/modules/_all.scss b/src/_sass/modules/_all.scss index d09901a..dcb7d5c 100644 --- a/src/_sass/modules/_all.scss +++ b/src/_sass/modules/_all.scss @@ -2,3 +2,4 @@ @import "typography"; @import "functions"; @import "mixins"; +@import "partials/fixed-banner"; \ No newline at end of file diff --git a/src/_sass/partials/_fixed-banner.scss b/src/_sass/partials/_fixed-banner.scss new file mode 100644 index 0000000..df3eb3d --- /dev/null +++ b/src/_sass/partials/_fixed-banner.scss @@ -0,0 +1,150 @@ +.fixed-banner { + transition : 0.3s ease-in-out transform; + position : fixed; + left : 323px; + right : 0; + bottom : 0; + width : calc(100% - 343px); + background : #385958; + padding : 0 10px 10px !important; + transform : translateY(150%); + box-shadow: 0px -6px 13px rgba(0, 0, 0, 0.25); + + &.show { + transform : translateY(0); + } + + .detail { + font-family : $overpass; + font-weight : 900; + font-size : 14px; + color : $white; + display : block; + padding : 7px 0 6px; + } + + .close { + font-family : $overpass; + font-size : 18px; + color : $white; + position : absolute; + top : 0; + right : 5px; + cursor : pointer; + transition : 0.3s ease-in-out opacity; + + &:hover { + opacity : 0.8; + } + } + + .wrapper { + padding : 10px; + background : $white; + box-shadow : 0 4px 4px rgba(0, 0, 0, 0.25); + border-radius : 8px; + display : flex; + align-items : stretch; + } + + .column { + flex : 0 1 608px; + } + + .title { + margin-bottom : 6px; + display : block; + font-family : $overpass; + font-size : 26px; + color : #494949; + } + + .link { + transition : 0.3s ease-in-out background; + display : inline-flex; + align-items : center; + justify-content : center; + width : 304px; + height : 48px; + max-width : 100%; + background : #E59620; + box-shadow : 0 2px 5px rgba(0, 0, 0, 0.374); + border-radius : 7px; + font-family : $overpass; + font-weight : $bold; + font-size : 26px; + line-height : normal; + color : $white; + + &:hover { + background : #bf7c1b; + } + } + + .decoration { + display : inline-block; + margin : 0 66px; + flex : 0 0 2px; + width : 2px; + height : 117px; + background : #D7D7D7; + } + + .display { + flex : 0 1 429px; + display : inline-flex; + align-items : center; + justify-content : center; + } + + img { + display : block; + max-width : 100%; + height : auto; + } + + @media(max-width : 1000px) { + left : 0; + width : calc(100% - 20px); + + .decoration { + margin : 0 20px; + } + } + + @media(max-width : 667px) { + .wrapper { + flex-direction : column; + } + + .detail { + font-size : 12px; + padding : 3px 0; + } + + .decoration { + display : none; + } + + .display, + .column { + flex : 0 1 auto; + text-align : center; + } + + .title { + font-size : 18px; + } + + img { + width : 280px; + margin : 0 auto 10px; + } + + .link { + width : 304px; + height : 34px; + font-size : 18px; + } + } +} \ No newline at end of file diff --git a/src/img/ergodox-logo.png b/src/img/ergodox-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..9ea646db606d61232bf965d927cee9a98978bd3a GIT binary patch literal 6555 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 J;g)0E{{fO5g<}8! literal 0 HcmV?d00001 diff --git a/src/js/scripts.js b/src/js/scripts.js index 18772af..e310108 100644 --- a/src/js/scripts.js +++ b/src/js/scripts.js @@ -2,8 +2,46 @@ $(document).ready(function(){ $('#nav').onePageNav(); $('a[href^="http"]').attr('target','_blank'); - + $('.toggle').click(function(){ $('.overview').toggleClass('open'); }); + + fixedBanner() }); + +function fixedBanner() { + var $banner = $('#fixedBanner'), + cookieName = 'hideBanner' + + if (getCookie(cookieName) !== 'true') { + $banner.addClass('show') + } + + $banner.find('.close').click(function() { + $banner.removeClass('show') + setCookie(cookieName, true, 30) + }) +} +function setCookie(cname, cvalue, exdays) { + var d = new Date(); + d.setTime(d.getTime() + (exdays*24*60*60*1000)); + var expires = "expires="+ d.toUTCString(); + document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; +} + +function getCookie(cname) { + var name = cname + "="; + var decodedCookie = decodeURIComponent(document.cookie); + var ca = decodedCookie.split(';'); + for(var i = 0; i Date: Tue, 18 Dec 2018 18:02:03 -0800 Subject: [PATCH 2/2] Responsive fixes --- deploy/css/main.css | 2 +- src/_sass/partials/_fixed-banner.scss | 11 ++++++----- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/deploy/css/main.css b/deploy/css/main.css index d7282a0..753644a 100644 --- a/deploy/css/main.css +++ b/deploy/css/main.css @@ -1 +1 @@ -@import url("https://overpass-30e2.kxcdn.com/overpass.css");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,.highlight pre,.highlight .hll,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}b,strong{font-weight:bold}i,em{font-style:italic}.fixed-banner{transition:0.3s ease-in-out transform;position:fixed;left:323px;right:0;bottom:0;width:calc(100% - 343px);background:#385958;padding:0 10px 10px !important;transform:translateY(150%);box-shadow:0px -6px 13px rgba(0,0,0,0.25)}.fixed-banner.show{transform:translateY(0)}.fixed-banner .detail{font-family:"Overpass",sans-serif;font-weight:900;font-size:14px;color:#FDFDFD;display:block;padding:7px 0 6px}.fixed-banner .close{font-family:"Overpass",sans-serif;font-size:18px;color:#FDFDFD;position:absolute;top:0;right:5px;cursor:pointer;transition:0.3s ease-in-out opacity}.fixed-banner .close:hover{opacity:0.8}.fixed-banner .wrapper{padding:10px;background:#FDFDFD;box-shadow:0 4px 4px rgba(0,0,0,0.25);border-radius:8px;display:flex;align-items:stretch}.fixed-banner .column{flex:0 1 608px}.fixed-banner .title{margin-bottom:6px;display:block;font-family:"Overpass",sans-serif;font-size:26px;color:#494949}.fixed-banner .link{transition:0.3s ease-in-out background;display:inline-flex;align-items:center;justify-content:center;width:304px;height:48px;max-width:100%;background:#E59620;box-shadow:0 2px 5px rgba(0,0,0,0.374);border-radius:7px;font-family:"Overpass",sans-serif;font-weight:700;font-size:26px;line-height:normal;color:#FDFDFD}.fixed-banner .link:hover{background:#bf7c1b}.fixed-banner .decoration{display:inline-block;margin:0 66px;flex:0 0 2px;width:2px;height:117px;background:#D7D7D7}.fixed-banner .display{flex:0 1 429px;display:inline-flex;align-items:center;justify-content:center}.fixed-banner img{display:block;max-width:100%;height:auto}@media (max-width: 1000px){.fixed-banner{left:0;width:calc(100% - 20px)}.fixed-banner .decoration{margin:0 20px}}@media (max-width: 667px){.fixed-banner .wrapper{flex-direction:column}.fixed-banner .detail{font-size:12px;padding:3px 0}.fixed-banner .decoration{display:none}.fixed-banner .display,.fixed-banner .column{flex:0 1 auto;text-align:center}.fixed-banner .title{font-size:18px}.fixed-banner img{width:280px;margin:0 auto 10px}.fixed-banner .link{width:304px;height:34px;font-size:18px}}.video_container iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}body{font-family:"Overpass",sans-serif;font-weight:300;font-size:22px;line-height:1.4;background:#FDFDFD;color:#121212}.container{max-width:100%;position:relative;margin:0 auto}.overview{width:320px;font-size:18px}.content{counter-reset:h1-counter;width:calc(100% - 320px);position:absolute;right:0}@media screen and (max-width: 1000px){.content{width:100%}}.content .toggle{position:absolute;top:5px;left:5px}section:last-of-type{padding-bottom:300px}section>p,section>ul,section>ol,section>div{text-align:justify;padding-left:5%;padding-right:5%;box-sizing:border-box}section pre,section .highlight pre,.highlight section pre,section .highlight .hll,.highlight section .hll{margin-left:5%;margin-right:5%}section>ol{padding-left:calc(5% + 40px)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:700;line-height:1;color:#385958}h1{font-size:3.1em;padding:30px 0 0;text-align:right;border-bottom:#385958 9px solid;width:100%;line-height:0.61;margin:0 0 20px}h1:before{content:counter(h1-counter) " "}.h1{counter-increment:h1-counter;counter-reset:h2-counter;padding-top:80px}h2{font-size:2em;padding:30px 0 0;width:90%;text-align:center;border-bottom:5px solid #385958;margin:0 auto 20px;line-height:0.63}h2:before{content:counter(h1-counter) "." counter(h2-counter) " "}.h2{counter-increment:h2-counter;counter-reset:h3-counter;padding-top:60px}h3{font-size:1.7em;padding:20px 0 0;width:90%;text-align:left;border-bottom:4px solid #385958;margin:0 auto 20px;line-height:0.65}h3:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) " "}.h3{counter-increment:h3-counter;counter-reset:h4-counter;padding-top:40px}h4{font-size:1.5em;padding:18px 0 0;width:90%;text-align:left;border-bottom:3px solid #385958;margin:0 auto 18px;line-height:0.67}h4:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) " "}.h4{counter-increment:h4-counter;counter-reset:h5-counter 1;padding-top:30px}h5{font-size:1.3em;padding:40px 0 0;width:90%;text-align:left;border-bottom:2px solid #385958;margin:0 auto 15px;line-height:0.68}h5:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) " "}a{transition:.3s all;color:#385958;text-decoration:none}.content a{border-bottom:#111a1a 1px solid;padding:0px 2px}.content a:hover{border-bottom:transparent 1px solid}a:hover{color:#111a1a}img{display:block;max-width:100%;margin:20px 0}code{font-family:'Overpass', 'Overpass-mono', monospace}.video_container{margin:30px auto;position:relative;width:90%;height:0;padding:51.3422818792% 0 0 0}#intro{padding-top:20px}code,pre,.highlight pre,.highlight .hll{white-space:pre-wrap;border-radius:0px;border:0}iframe{padding-left:5%;padding-right:5%;box-sizing:border-box;width:100%}p+p{margin-top:20px}header{background-size:auto;background-repeat:repeat;background-image:url(../img/bg.jpg);height:150px;text-align:center;position:relative;max-width:100%}header span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#FDFDFD;text-transform:uppercase;font-weight:bold}.toggle:hover{cursor:pointer;opacity:.8}@media screen and (min-width: 1001px){.toggle{display:none}}.overview{position:fixed;top:0px;left:0px;height:100%;overflow-y:auto;transition:.3s all;background:#FDFDFD;border-right:3px solid #385958}@media screen and (max-width: 1000px){.overview{left:-320px;transition:.3s all ease;transform:translate(0, 0);z-index:100}.overview.open{transform:translate(320px, 0)}}.overview .toggle{position:absolute;top:5px;right:5px;z-index:100}.overview ul{list-style:none;counter-reset:nested-counter;padding-left:0}.overview ul li{counter-increment:nested-counter;font-size:98%}.overview #nav{width:100%;box-sizing:border-box}.overview #nav>li{border-bottom:1px solid rgba(56,89,88,0.3)}.overview #nav>li a{display:block;padding:10px 20px;line-height:1;border-bottom:1px solid rgba(56,89,88,0.2)}.overview #nav>li a:before{content:counters(nested-counter,".") " ";font-size:0}.overview #nav>li a:hover{background:rgba(56,89,88,0.1)}.overview #nav>li li a{padding:8px 30px}.overview #nav>li li li a{padding:6px 40px}.overview #nav>li li li li a{padding:4px 50px}.overview #nav .current>a:before{font-size:1em}.current>a{font-weight:700}#ezbanner{display:block;width:180px;margin-right:auto;margin-left:auto}pre,.highlight pre,.highlight .hll{background-color:#f8f8f8;padding:6px 10px;border-radius:2px;overflow-x:auto;font-size:.9em;margin:15px 0}.highlight .c,.highlight .cm,.highlight .c1{color:#998}.highlight .err,.highlight .gr,.highlight .gt{color:#a61717}.highlight .k,.highlight .o,.highlight .cp,.highlight .cs,.highlight .gs,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .gu,.highlight .ne,.highlight .nf,.highlight .ow{font-weight:bold}.highlight .cp,.highlight .cs,.highlight .gh{color:#999}.highlight .gd,.highlight .gd .x,.highlight .gi,.highlight .gi .x{color:black}.highlight .gd{background-color:#e3d2d2}.highlight .gd .x{background-color:#ffaaaa}.highlight .gi{background-color:#ddffdd}.highlight .gi .x{background-color:#aaffaa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gu{color:#800080}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#009999}.highlight .s{color:#385958}.highlight .n{color:#333}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#990000}.highlight .nf{color:#990000}.highlight .nn{color:#555555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .w{color:#bbbbbb}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .sb{color:#dd1144}.highlight .sc{color:#dd1144}.highlight .sd{color:#dd1144}.highlight .s2{color:#385958}.highlight .se{color:#dd1144}.highlight .sh{color:#dd1144}.highlight .si{color:#dd1144}.highlight .sx{color:#dd1144}.highlight .sr{color:#009926}.highlight .s1{color:#dd1144}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#009999}.highlight .gc{color:#999;background-color:#EAF2F5} +@import url("https://overpass-30e2.kxcdn.com/overpass.css");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,.highlight pre,.highlight .hll,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}b,strong{font-weight:bold}i,em{font-style:italic}.fixed-banner{transition:0.3s ease-in-out transform;position:fixed;left:323px;right:0;bottom:0;width:calc(100% - 343px);background:#385958;padding:0 10px 10px !important;transform:translateY(150%);box-shadow:0px -6px 13px rgba(0,0,0,0.25)}.fixed-banner.show{transform:translateY(0)}.fixed-banner .detail{font-family:"Overpass",sans-serif;font-weight:900;font-size:14px;color:#FDFDFD;display:block;padding:7px 0 6px}.fixed-banner .close{font-family:"Overpass",sans-serif;font-size:18px;color:#FDFDFD;position:absolute;top:0;right:5px;cursor:pointer;transition:0.3s ease-in-out opacity}.fixed-banner .close:hover{opacity:0.8}.fixed-banner .wrapper{padding:10px;background:#FDFDFD;box-shadow:0 4px 4px rgba(0,0,0,0.25);border-radius:8px;display:flex;align-items:stretch}.fixed-banner .column{flex:0 1 608px}.fixed-banner .title{margin-bottom:6px;display:block;font-family:"Overpass",sans-serif;font-size:26px;color:#494949}.fixed-banner .link{transition:0.3s ease-in-out background;display:inline-flex;align-items:center;justify-content:center;width:304px;height:48px;max-width:100%;background:#E59620;box-shadow:0 2px 5px rgba(0,0,0,0.374);border-radius:7px;font-family:"Overpass",sans-serif;font-weight:700;font-size:26px;line-height:normal;color:#FDFDFD}.fixed-banner .link:hover{background:#bf7c1b}.fixed-banner .decoration{display:inline-block;margin:0 66px;flex:0 0 2px;width:2px;height:117px;background:#D7D7D7}.fixed-banner .display{flex:0 1 429px;display:inline-flex;align-items:center;justify-content:center}.fixed-banner img{display:block;max-width:100%;height:auto}@media (max-width: 1000px){.fixed-banner{left:0;width:calc(100% - 20px)}.fixed-banner .decoration{margin:0 20px}}@media (max-width: 667px){.fixed-banner .wrapper{flex-direction:column}.fixed-banner .detail{font-size:12px;padding:3px 0}.fixed-banner .decoration{display:none}.fixed-banner .display,.fixed-banner .column{flex:0 1 auto;text-align:center}.fixed-banner .title{font-size:14px}.fixed-banner img{width:150px;margin:0 auto 10px}.fixed-banner .link{width:304px;height:24px;font-size:14px;padding-top:1px}}.video_container iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}body{font-family:"Overpass",sans-serif;font-weight:300;font-size:22px;line-height:1.4;background:#FDFDFD;color:#121212}.container{max-width:100%;position:relative;margin:0 auto}.overview{width:320px;font-size:18px}.content{counter-reset:h1-counter;width:calc(100% - 320px);position:absolute;right:0}@media screen and (max-width: 1000px){.content{width:100%}}.content .toggle{position:absolute;top:5px;left:5px}section:last-of-type{padding-bottom:300px}section>p,section>ul,section>ol,section>div{text-align:justify;padding-left:5%;padding-right:5%;box-sizing:border-box}section pre,section .highlight pre,.highlight section pre,section .highlight .hll,.highlight section .hll{margin-left:5%;margin-right:5%}section>ol{padding-left:calc(5% + 40px)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:700;line-height:1;color:#385958}h1{font-size:3.1em;padding:30px 0 0;text-align:right;border-bottom:#385958 9px solid;width:100%;line-height:0.61;margin:0 0 20px}h1:before{content:counter(h1-counter) " "}.h1{counter-increment:h1-counter;counter-reset:h2-counter;padding-top:80px}h2{font-size:2em;padding:30px 0 0;width:90%;text-align:center;border-bottom:5px solid #385958;margin:0 auto 20px;line-height:0.63}h2:before{content:counter(h1-counter) "." counter(h2-counter) " "}.h2{counter-increment:h2-counter;counter-reset:h3-counter;padding-top:60px}h3{font-size:1.7em;padding:20px 0 0;width:90%;text-align:left;border-bottom:4px solid #385958;margin:0 auto 20px;line-height:0.65}h3:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) " "}.h3{counter-increment:h3-counter;counter-reset:h4-counter;padding-top:40px}h4{font-size:1.5em;padding:18px 0 0;width:90%;text-align:left;border-bottom:3px solid #385958;margin:0 auto 18px;line-height:0.67}h4:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) " "}.h4{counter-increment:h4-counter;counter-reset:h5-counter 1;padding-top:30px}h5{font-size:1.3em;padding:40px 0 0;width:90%;text-align:left;border-bottom:2px solid #385958;margin:0 auto 15px;line-height:0.68}h5:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) " "}a{transition:.3s all;color:#385958;text-decoration:none}.content a{border-bottom:#111a1a 1px solid;padding:0px 2px}.content a:hover{border-bottom:transparent 1px solid}a:hover{color:#111a1a}img{display:block;max-width:100%;margin:20px 0}code{font-family:'Overpass', 'Overpass-mono', monospace}.video_container{margin:30px auto;position:relative;width:90%;height:0;padding:51.3422818792% 0 0 0}#intro{padding-top:20px}code,pre,.highlight pre,.highlight .hll{white-space:pre-wrap;border-radius:0px;border:0}iframe{padding-left:5%;padding-right:5%;box-sizing:border-box;width:100%}p+p{margin-top:20px}header{background-size:auto;background-repeat:repeat;background-image:url(../img/bg.jpg);height:150px;text-align:center;position:relative;max-width:100%}header span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#FDFDFD;text-transform:uppercase;font-weight:bold}.toggle:hover{cursor:pointer;opacity:.8}@media screen and (min-width: 1001px){.toggle{display:none}}.overview{position:fixed;top:0px;left:0px;height:100%;overflow-y:auto;transition:.3s all;background:#FDFDFD;border-right:3px solid #385958}@media screen and (max-width: 1000px){.overview{left:-320px;transition:.3s all ease;transform:translate(0, 0);z-index:100}.overview.open{transform:translate(320px, 0)}}.overview .toggle{position:absolute;top:5px;right:5px;z-index:100}.overview ul{list-style:none;counter-reset:nested-counter;padding-left:0}.overview ul li{counter-increment:nested-counter;font-size:98%}.overview #nav{width:100%;box-sizing:border-box}.overview #nav>li{border-bottom:1px solid rgba(56,89,88,0.3)}.overview #nav>li a{display:block;padding:10px 20px;line-height:1;border-bottom:1px solid rgba(56,89,88,0.2)}.overview #nav>li a:before{content:counters(nested-counter,".") " ";font-size:0}.overview #nav>li a:hover{background:rgba(56,89,88,0.1)}.overview #nav>li li a{padding:8px 30px}.overview #nav>li li li a{padding:6px 40px}.overview #nav>li li li li a{padding:4px 50px}.overview #nav .current>a:before{font-size:1em}.current>a{font-weight:700}#ezbanner{display:block;width:180px;margin-right:auto;margin-left:auto}pre,.highlight pre,.highlight .hll{background-color:#f8f8f8;padding:6px 10px;border-radius:2px;overflow-x:auto;font-size:.9em;margin:15px 0}.highlight .c,.highlight .cm,.highlight .c1{color:#998}.highlight .err,.highlight .gr,.highlight .gt{color:#a61717}.highlight .k,.highlight .o,.highlight .cp,.highlight .cs,.highlight .gs,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .gu,.highlight .ne,.highlight .nf,.highlight .ow{font-weight:bold}.highlight .cp,.highlight .cs,.highlight .gh{color:#999}.highlight .gd,.highlight .gd .x,.highlight .gi,.highlight .gi .x{color:black}.highlight .gd{background-color:#e3d2d2}.highlight .gd .x{background-color:#ffaaaa}.highlight .gi{background-color:#ddffdd}.highlight .gi .x{background-color:#aaffaa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gu{color:#800080}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#009999}.highlight .s{color:#385958}.highlight .n{color:#333}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#990000}.highlight .nf{color:#990000}.highlight .nn{color:#555555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .w{color:#bbbbbb}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .sb{color:#dd1144}.highlight .sc{color:#dd1144}.highlight .sd{color:#dd1144}.highlight .s2{color:#385958}.highlight .se{color:#dd1144}.highlight .sh{color:#dd1144}.highlight .si{color:#dd1144}.highlight .sx{color:#dd1144}.highlight .sr{color:#009926}.highlight .s1{color:#dd1144}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#009999}.highlight .gc{color:#999;background-color:#EAF2F5} diff --git a/src/_sass/partials/_fixed-banner.scss b/src/_sass/partials/_fixed-banner.scss index df3eb3d..f1622dd 100644 --- a/src/_sass/partials/_fixed-banner.scss +++ b/src/_sass/partials/_fixed-banner.scss @@ -133,18 +133,19 @@ } .title { - font-size : 18px; + font-size : 14px; } img { - width : 280px; + width : 150px; margin : 0 auto 10px; } .link { width : 304px; - height : 34px; - font-size : 18px; + height : 24px; + font-size : 14px; + padding-top: 1px; } } -} \ No newline at end of file +}