diff --git a/assets/_sass/style.scss b/assets/_sass/style.scss index 266bbd7..8eb1d50 100755 --- a/assets/_sass/style.scss +++ b/assets/_sass/style.scss @@ -397,6 +397,10 @@ dl.dl_inline { padding-left: 1em; padding-right: 1em; }; + + img { + max-width: 100%; + } } .site-aside { diff --git a/assets/css/style.css b/assets/css/style.css index 2487dd0..3cb52d6 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1 +1 @@ -html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,input,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:normal;vertical-align:baseline;background:transparent}article,aside,details,figcaption,dialog,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}b,strong{font-weight:bold}ol,ul{list-style:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}caption,th{text-align:left}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input{vertical-align:middle}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400}img{vertical-align:top}@font-face{font-family:'wockericon';src:url("../fonts/wockericon.eot?dpk6f7");src:url("../fonts/wockericon.eot?#iefixdpk6f7") format("embedded-opentype"),url("../fonts/wockericon.woff?dpk6f7") format("woff"),url("../fonts/wockericon.ttf?dpk6f7") format("truetype"),url("../fonts/wockericon.svg?dpk6f7#wockericon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'wockericon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.25em;vertical-align:middle}a[class^="icon-"]:hover:before,a[class*=" icon-"]:hover:before{text-decoration:none}.icon-wocker:before{content:"\e600"}.icon-github:before{content:"\e601"}.icon-facebook:before{content:"\e602"}.icon-twitter:before{content:"\e603"}.icon-issues:before{content:"\e604"}.icon-contributor:before{content:"\e900"}.affix{position:fixed;top:0}.affix-bottom{position:absolute;bottom:0}.highlight .hll{background-color:#49483e}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne{color:#a6e22e}.highlight .nf{color:#a6e22e}.highlight .nl{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}.highlight .gu{color:#75715e}.highlight .gd{color:#f92672}.highlight .gi{color:#a6e22e}.highlight .o{color:#f8f8f2}.highlight .ss{color:#ae81ff}html{box-sizing:border-box}body{line-height:1.6;color:#333;font-family:"Muli",sans-serif;font-weight:300}hr{border-color:#eee}a{color:#00bfff;text-decoration:none}a:hover{text-decoration:underline}strong{font-weight:700}p{margin:16px 0}p strong{font-weight:400}h1{color:#00bfff;font-family:"Quicksand",sans-serif;font-size:64px;font-weight:300;line-height:1.25;margin:64px 0 32px;border-top:1px solid #eee;padding:32px 0 0}h1:first-child{border-top:0;margin-top:0}h2{color:#00bfff;font-family:"Quicksand",sans-serif;font-size:48px;font-weight:300;line-height:1.25;margin:48px 0 24px;border-top:1px solid #eee;padding:24px 0 0}h2:first-child{border-top:0;margin-top:0}h3{font-family:"Quicksand",sans-serif;font-size:32px;font-weight:300;line-height:1.25;margin:32px 0 16px}h4{font-family:"Quicksand",sans-serif;font-size:25.6px;font-weight:300;line-height:1.25;margin:25.6px 0 12.8px}h5{font-family:"Quicksand",sans-serif;font-size:19.2px;font-weight:300;line-height:1.25;margin:19.2px 0 9.6px}h6{font-family:"Quicksand",sans-serif;font-size:16px;font-weight:300;line-height:1.25;margin:16px 0 8px}pre,code,kbd,samp,tt{font-family:monospace, monospace}code{border-radius:4px;font-family:"Inconsolata",monospace;color:#f8f8f2;background:#282822;padding:0.15em 0.4em}p code,li code,dt code,dd code{white-space:nowrap}pre code{display:block;margin:16px 0;padding:16px;overflow:auto;line-height:1.25}blockquote{margin-top:30px;border:1px solid #eee;background:#f9f9fc;padding:20px}blockquote>h1:first-child,blockquote>h2:first-child,blockquote>h3:first-child,blockquote>h4:first-child,blockquote>h5:first-child,blockquote>h6:first-child{margin-top:0}li{text-indent:-0.9em;padding-left:0.9em;margin-bottom:0.5em}li:before{content:"-";color:#00bfff;margin-right:0.5em}dl.dl_inline dt{float:left;max-width:50%;margin-right:0.5em}@media screen and (max-width: 960px){dl.dl_inline dt{float:none;max-width:auto;margin-right:0;margin-top:0.5em}}dl.dl_inline dt:before{content:"-";color:#3cf;margin-right:0.5em}dl.dl_inline dd{overflow:hidden}@media screen and (max-width: 960px){dl.dl_inline dd{margin-left:0.9em}}dl.dl_10 dt{width:10%}@media screen and (max-width: 960px){dl.dl_10 dt{width:auto}}dl.dl_20 dt{width:20%}@media screen and (max-width: 960px){dl.dl_20 dt{width:auto}}dl.dl_30 dt{width:30%}@media screen and (max-width: 960px){dl.dl_30 dt{width:auto}}dl.dl_40 dt{width:40%}@media screen and (max-width: 960px){dl.dl_40 dt{width:auto}}dl.dl_50 dt{width:50%}@media screen and (max-width: 960px){dl.dl_50 dt{width:auto}}.inner{width:960px;margin:auto;overflow:hidden;position:relative}@media screen and (max-width: 960px){.inner{width:100%}}.above-site-header-notice{text-align:center;background:#ED5565;color:#fff;font-weight:400;padding:0.5em 1em}.above-site-header-notice p{margin:0}.site-header{background:#3cf url(../images/header-bg.jpg) no-repeat center center;background-size:cover;color:#fff;min-width:960px}@media screen and (max-width: 960px){.site-header{min-width:0}}.site-header .site-title,.site-header .page-title{color:#fff;font-size:64px;font-weight:300;margin:0;padding:0;border:0}.site-header .site-title a,.site-header .page-title a{color:inherit}.site-header .site-title a:hover,.site-header .page-title a:hover{text-decoration:none}.site-header .site-title .version,.site-header .page-title .version{font-size:16px}.site-header .site-description{font-family:"Quicksand",sans-serif;font-weight:300;margin-top:0;margin-bottom:0}.site-header .site-description strong{font-weight:700;text-transform:uppercase}.site-header-top{border-bottom:1px solid rgba(0,0,0,0.075);font-size:13px}.site-header-top a{color:rgba(255,255,255,0.75);display:inline-block;padding:0 1em;line-height:36px}.site-header-top a:hover{text-decoration:none;color:#fff}.site-header-top .site-header-top-github-link{float:right}@media screen and (max-width: 960px){.site-header-top .site-header-top-github-link{display:none}}.site-header-middle{border-top:1px solid rgba(255,255,255,0.15);padding:40px 0}.site-header-main{float:left;width:75%;padding:0 10px}@media screen and (max-width: 960px){.site-header-main{float:none;width:100%;padding:0 1em}}.site-header-aside{float:right;width:25%;padding:0 10px}@media screen and (max-width: 960px){.site-header-aside{display:none}}.site-header-aside a{border-radius:130px;font-family:"Quicksand",sans-serif;font-size:14.4px;margin:auto;display:block;width:130px;height:130px;border:2px solid #fff;color:#fff;padding-top:37px;position:absolute;left:87.5%;top:50%;margin:-64px 0 0 -64px;text-align:center}.site-header-aside a .icon-github{font-size:18px;font-weight:700}.site-header-aside a .icon-github:before{vertical-align:-3px}.site-header-aside a:hover{text-decoration:none}.site-footer{border-top:1px solid #eee;background:#fff;padding:20px 1em;text-align:center;min-width:960px}@media screen and (max-width: 960px){.site-footer{min-width:0}}.site-footer p{margin:0}.site-footer .maintainer{white-space:nowrap}.site-main{float:left;width:75%;padding:20px 10px 150px}@media screen and (max-width: 960px){.site-main{float:none;width:auto;padding-left:1em;padding-right:1em}}.site-aside{position:relative;float:right;width:25%;padding:20px 10px}@media screen and (max-width: 960px){.site-aside{float:none;width:auto;display:none}}.site-logo{float:left;font-family:"Quicksand",sans-serif;font-size:18px;margin:0 0 0 0;padding:0}.site-logo a{display:inline-block;color:#fff;padding:0 10px;line-height:36px}.site-logo a:hover{text-decoration:none}.site-nav ul{overflow:hidden;padding:0 10px}@media screen and (max-width: 960px){.site-nav ul{overflow:visible}}.site-nav ul>li{float:left;text-indent:0;padding-left:0;margin-bottom:0}.site-nav ul>li:before{content:"";margin:0}.site-nav ul>li.active a{background:rgba(0,0,0,0.075);color:#fff}.site-content-top{height:52px;padding:10px 0 15px;background:#ecf0f1;background:#fff;border-bottom:1px solid #eee;text-align:center}@media screen and (max-width: 960px){.site-content-top{height:auto}}.site-content-top iframe{vertical-align:bottom}.site-content-top .fb-like{margin-right:20px;display:inline-block}.site-content-top #twitter-widget-1{margin-right:20px}.site-content-top #twitter-widget-0{margin-right:20px}.site-content-top .pocket-btn{display:inline-block}.site-content-top .pocket-btn iframe{height:20px}.page-nav{padding:20px 0}.page-nav ul li{text-indent:0;padding-left:0;margin-bottom:0}.page-nav ul li:before{content:"";margin:0}.page-nav ul li.active>a{color:#333;border-left:2px solid #3cf;padding-left:18px}.page-nav ul li>a{display:block;padding:0.5em 0.5em 0.5em 20px;line-height:1.25}.page-nav ul li>a:hover{text-decoration:none;background:#3cf;color:#fff}.page-nav ul li>ul>li.active>a{padding-left:38px}.page-nav ul li>ul>li>a{padding:0.25em 0.5em 0.25em 40px}.sns{padding-left:20px;font-size:19.2px}.site-issues li{margin-bottom:1em;line-height:1.25}.site-issues .site-issues-title{font-size:19.2px}.wocker-contributors{padding-bottom:2em}.wocker-contributors .wocker-contributors-title{font-size:19.2px;margin-bottom:8px}.wocker-contributors>ul{max-width:68em;margin-left:auto;margin-right:auto;padding:5px}.wocker-contributors>ul::after{clear:both;content:"";display:table}.wocker-contributors>ul>li{border-radius:50px;padding:0;margin:5px;text-indent:0;width:60px;height:60px;overflow:hidden;float:left;border:1px solid #eee}.wocker-contributors>ul>li>a{display:block}.wocker-contributors>ul>li img{max-width:100%}.wocker-contributors>ul>li:before{content:'';margin:0}.changelog h2 small{color:#aab2bd;font-size:14px} +html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea,input,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:normal;vertical-align:baseline;background:transparent}article,aside,details,figcaption,dialog,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}b,strong{font-weight:bold}ol,ul{list-style:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}caption,th{text-align:left}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input{vertical-align:middle}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400}img{vertical-align:top}@font-face{font-family:'wockericon';src:url("../fonts/wockericon.eot?dpk6f7");src:url("../fonts/wockericon.eot?#iefixdpk6f7") format("embedded-opentype"),url("../fonts/wockericon.woff?dpk6f7") format("woff"),url("../fonts/wockericon.ttf?dpk6f7") format("truetype"),url("../fonts/wockericon.svg?dpk6f7#wockericon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'wockericon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.25em;vertical-align:middle}a[class^="icon-"]:hover:before,a[class*=" icon-"]:hover:before{text-decoration:none}.icon-wocker:before{content:"\e600"}.icon-github:before{content:"\e601"}.icon-facebook:before{content:"\e602"}.icon-twitter:before{content:"\e603"}.icon-issues:before{content:"\e604"}.icon-contributor:before{content:"\e900"}.affix{position:fixed;top:0}.affix-bottom{position:absolute;bottom:0}.highlight .hll{background-color:#49483e}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .cm{color:#75715e}.highlight .cp{color:#75715e}.highlight .c1{color:#75715e}.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .kc{color:#66d9ef}.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp{color:#66d9ef}.highlight .kr{color:#66d9ef}.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne{color:#a6e22e}.highlight .nf{color:#a6e22e}.highlight .nl{color:#f8f8f2}.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#e6db74}.highlight .s1{color:#e6db74}.highlight .ss{color:#e6db74}.highlight .bp{color:#f8f8f2}.highlight .vc{color:#f8f8f2}.highlight .vg{color:#f8f8f2}.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}.highlight .gu{color:#75715e}.highlight .gd{color:#f92672}.highlight .gi{color:#a6e22e}.highlight .o{color:#f8f8f2}.highlight .ss{color:#ae81ff}html{box-sizing:border-box}body{line-height:1.6;color:#333;font-family:"Muli",sans-serif;font-weight:300}hr{border-color:#eee}a{color:#00bfff;text-decoration:none}a:hover{text-decoration:underline}strong{font-weight:700}p{margin:16px 0}p strong{font-weight:400}h1{color:#00bfff;font-family:"Quicksand",sans-serif;font-size:64px;font-weight:300;line-height:1.25;margin:64px 0 32px;border-top:1px solid #eee;padding:32px 0 0}h1:first-child{border-top:0;margin-top:0}h2{color:#00bfff;font-family:"Quicksand",sans-serif;font-size:48px;font-weight:300;line-height:1.25;margin:48px 0 24px;border-top:1px solid #eee;padding:24px 0 0}h2:first-child{border-top:0;margin-top:0}h3{font-family:"Quicksand",sans-serif;font-size:32px;font-weight:300;line-height:1.25;margin:32px 0 16px}h4{font-family:"Quicksand",sans-serif;font-size:25.6px;font-weight:300;line-height:1.25;margin:25.6px 0 12.8px}h5{font-family:"Quicksand",sans-serif;font-size:19.2px;font-weight:300;line-height:1.25;margin:19.2px 0 9.6px}h6{font-family:"Quicksand",sans-serif;font-size:16px;font-weight:300;line-height:1.25;margin:16px 0 8px}pre,code,kbd,samp,tt{font-family:monospace, monospace}code{border-radius:4px;font-family:"Inconsolata",monospace;color:#f8f8f2;background:#282822;padding:0.15em 0.4em}p code,li code,dt code,dd code{white-space:nowrap}pre code{display:block;margin:16px 0;padding:16px;overflow:auto;line-height:1.25}blockquote{margin-top:30px;border:1px solid #eee;background:#f9f9fc;padding:20px}blockquote>h1:first-child,blockquote>h2:first-child,blockquote>h3:first-child,blockquote>h4:first-child,blockquote>h5:first-child,blockquote>h6:first-child{margin-top:0}li{text-indent:-0.9em;padding-left:0.9em;margin-bottom:0.5em}li:before{content:"-";color:#00bfff;margin-right:0.5em}dl.dl_inline dt{float:left;max-width:50%;margin-right:0.5em}@media screen and (max-width: 960px){dl.dl_inline dt{float:none;max-width:auto;margin-right:0;margin-top:0.5em}}dl.dl_inline dt:before{content:"-";color:#3cf;margin-right:0.5em}dl.dl_inline dd{overflow:hidden}@media screen and (max-width: 960px){dl.dl_inline dd{margin-left:0.9em}}dl.dl_10 dt{width:10%}@media screen and (max-width: 960px){dl.dl_10 dt{width:auto}}dl.dl_20 dt{width:20%}@media screen and (max-width: 960px){dl.dl_20 dt{width:auto}}dl.dl_30 dt{width:30%}@media screen and (max-width: 960px){dl.dl_30 dt{width:auto}}dl.dl_40 dt{width:40%}@media screen and (max-width: 960px){dl.dl_40 dt{width:auto}}dl.dl_50 dt{width:50%}@media screen and (max-width: 960px){dl.dl_50 dt{width:auto}}.inner{width:960px;margin:auto;overflow:hidden;position:relative}@media screen and (max-width: 960px){.inner{width:100%}}.above-site-header-notice{text-align:center;background:#ED5565;color:#fff;font-weight:400;padding:0.5em 1em}.above-site-header-notice p{margin:0}.site-header{background:#3cf url(../images/header-bg.jpg) no-repeat center center;background-size:cover;color:#fff;min-width:960px}@media screen and (max-width: 960px){.site-header{min-width:0}}.site-header .site-title,.site-header .page-title{color:#fff;font-size:64px;font-weight:300;margin:0;padding:0;border:0}.site-header .site-title a,.site-header .page-title a{color:inherit}.site-header .site-title a:hover,.site-header .page-title a:hover{text-decoration:none}.site-header .site-title .version,.site-header .page-title .version{font-size:16px}.site-header .site-description{font-family:"Quicksand",sans-serif;font-weight:300;margin-top:0;margin-bottom:0}.site-header .site-description strong{font-weight:700;text-transform:uppercase}.site-header-top{border-bottom:1px solid rgba(0,0,0,0.075);font-size:13px}.site-header-top a{color:rgba(255,255,255,0.75);display:inline-block;padding:0 1em;line-height:36px}.site-header-top a:hover{text-decoration:none;color:#fff}.site-header-top .site-header-top-github-link{float:right}@media screen and (max-width: 960px){.site-header-top .site-header-top-github-link{display:none}}.site-header-middle{border-top:1px solid rgba(255,255,255,0.15);padding:40px 0}.site-header-main{float:left;width:75%;padding:0 10px}@media screen and (max-width: 960px){.site-header-main{float:none;width:100%;padding:0 1em}}.site-header-aside{float:right;width:25%;padding:0 10px}@media screen and (max-width: 960px){.site-header-aside{display:none}}.site-header-aside a{border-radius:130px;font-family:"Quicksand",sans-serif;font-size:14.4px;margin:auto;display:block;width:130px;height:130px;border:2px solid #fff;color:#fff;padding-top:37px;position:absolute;left:87.5%;top:50%;margin:-64px 0 0 -64px;text-align:center}.site-header-aside a .icon-github{font-size:18px;font-weight:700}.site-header-aside a .icon-github:before{vertical-align:-3px}.site-header-aside a:hover{text-decoration:none}.site-footer{border-top:1px solid #eee;background:#fff;padding:20px 1em;text-align:center;min-width:960px}@media screen and (max-width: 960px){.site-footer{min-width:0}}.site-footer p{margin:0}.site-footer .maintainer{white-space:nowrap}.site-main{float:left;width:75%;padding:20px 10px 150px}@media screen and (max-width: 960px){.site-main{float:none;width:auto;padding-left:1em;padding-right:1em}}.site-main img{max-width:100%}.site-aside{position:relative;float:right;width:25%;padding:20px 10px}@media screen and (max-width: 960px){.site-aside{float:none;width:auto;display:none}}.site-logo{float:left;font-family:"Quicksand",sans-serif;font-size:18px;margin:0 0 0 0;padding:0}.site-logo a{display:inline-block;color:#fff;padding:0 10px;line-height:36px}.site-logo a:hover{text-decoration:none}.site-nav ul{overflow:hidden;padding:0 10px}@media screen and (max-width: 960px){.site-nav ul{overflow:visible}}.site-nav ul>li{float:left;text-indent:0;padding-left:0;margin-bottom:0}.site-nav ul>li:before{content:"";margin:0}.site-nav ul>li.active a{background:rgba(0,0,0,0.075);color:#fff}.site-content-top{height:52px;padding:10px 0 15px;background:#ecf0f1;background:#fff;border-bottom:1px solid #eee;text-align:center}@media screen and (max-width: 960px){.site-content-top{height:auto}}.site-content-top iframe{vertical-align:bottom}.site-content-top .fb-like{margin-right:20px;display:inline-block}.site-content-top #twitter-widget-1{margin-right:20px}.site-content-top #twitter-widget-0{margin-right:20px}.site-content-top .pocket-btn{display:inline-block}.site-content-top .pocket-btn iframe{height:20px}.page-nav{padding:20px 0}.page-nav ul li{text-indent:0;padding-left:0;margin-bottom:0}.page-nav ul li:before{content:"";margin:0}.page-nav ul li.active>a{color:#333;border-left:2px solid #3cf;padding-left:18px}.page-nav ul li>a{display:block;padding:0.5em 0.5em 0.5em 20px;line-height:1.25}.page-nav ul li>a:hover{text-decoration:none;background:#3cf;color:#fff}.page-nav ul li>ul>li.active>a{padding-left:38px}.page-nav ul li>ul>li>a{padding:0.25em 0.5em 0.25em 40px}.sns{padding-left:20px;font-size:19.2px}.site-issues li{margin-bottom:1em;line-height:1.25}.site-issues .site-issues-title{font-size:19.2px}.wocker-contributors{padding-bottom:2em}.wocker-contributors .wocker-contributors-title{font-size:19.2px;margin-bottom:8px}.wocker-contributors>ul{max-width:68em;margin-left:auto;margin-right:auto;padding:5px}.wocker-contributors>ul::after{clear:both;content:"";display:table}.wocker-contributors>ul>li{border-radius:50px;padding:0;margin:5px;text-indent:0;width:60px;height:60px;overflow:hidden;float:left;border:1px solid #eee}.wocker-contributors>ul>li>a{display:block}.wocker-contributors>ul>li img{max-width:100%}.wocker-contributors>ul>li:before{content:'';margin:0}.changelog h2 small{color:#aab2bd;font-size:14px} diff --git a/assets/images/hit-breakpoint-vsc.png b/assets/images/hit-breakpoint-vsc.png new file mode 100644 index 0000000..64e557e Binary files /dev/null and b/assets/images/hit-breakpoint-vsc.png differ diff --git a/assets/images/listen-xdebug-vsc.png b/assets/images/listen-xdebug-vsc.png new file mode 100644 index 0000000..f8f93d6 Binary files /dev/null and b/assets/images/listen-xdebug-vsc.png differ diff --git a/assets/images/set-breakpoint-vsc.png b/assets/images/set-breakpoint-vsc.png new file mode 100644 index 0000000..80b95df Binary files /dev/null and b/assets/images/set-breakpoint-vsc.png differ diff --git a/tips.md b/tips.md index 741bc18..2eb47a5 100644 --- a/tips.md +++ b/tips.md @@ -87,3 +87,48 @@ This will create a new container `test`. If you already have a container to down This will force download WordPress 3.5 to the running container using the `wocker wp` command. After this finishes successfully, you will have a WordPress 3.5 environment if you visit [http://wocker.dev](http://wocker.dev). You can change `3.5` to any version you want. + +## Use Remote Debug + +There are supported clients list in [Step Debugging](https://xdebug.org/docs/remote) document by Xdebug official. + +### 1. setting IDE or Editor + +Listen port 9000. +Remote path for WordPress is `/var/www/wordpress`. + +Example, setteings for Visual Studio Code. +data\wocker\wp-content\\.vscode\launch.json + +
+"configurations": [
+ {
+ "name": "Listen for XDebug",
+ "type": "php",
+ "request": "launch",
+ "port": 9000,
+ "pathMappings":{
+ "/var/www/wordpress/wp-content":"${workspaceFolder}"
+ }
+ },
+]
+
+