diff --git a/_posts/2024-02-20-add-new-environment.md b/_posts/2024-02-20-add-new-environment.md new file mode 100644 index 0000000..a00764b --- /dev/null +++ b/_posts/2024-02-20-add-new-environment.md @@ -0,0 +1,27 @@ +--- +title: "Super Mario Bros Environment in SheepRL" +author: Michele Milesi +excerpt: "Our tutorial on how to add the Super Mario Bros environment in SheepRL is now available!" +tags: +published: true +layout: post +image_header: cover +current: post +cover: assets/images/super_mario_bros/sheeprl-smb_3.png +navigation: True +class: post-template +subclass: 'post' +--- + +### Add the Super Mario Bros environment +You can find the tutorial on how to add the Super Mario Bros environment [here](https://lightning.ai/or-bix-srl/studios/sheeprl-how-to-integrate-super-mario-bros-enviroment?view=public§ion=tutorials){:target="_blank"}. This tutorial is shared thanks to Lightning Studio : a new powerful platform that enables you to develop your Machine Learning programs on the cloud as you are using your laptop. +You do not need to install anything, just duplicate the Studio and start implementing your solution. + +### Add any environment in which you want to train your agents +The tutorial uses the Super Mario Bros environment as an example, anyway, you can add any environment you want, there are other examples in the [SheepRL envs folder](https://github.com/Eclectic-Sheep/sheeprl/tree/main/sheeprl/envs){:target="_blank"}. From simple ones like Crafter and Diambra to more complex ones like Minecraft. + +[Let's start now!](https://lightning.ai/or-bix-srl/studios/sheeprl-how-to-integrate-super-mario-bros-enviroment?view=public§ion=tutorials){:target="_blank"} + +Video 1: DreamerV3 in the Super Mario Bros environment. Follow [our tutorial](https://lightning.ai/or-bix-srl/studios/sheeprl-how-to-integrate-super-mario-bros-enviroment?view=public§ion=tutorials){:target="_blank"} and try to complete the game. \ No newline at end of file diff --git a/assets/built/style.css b/assets/built/style.css index c394e83..43dbfb2 100644 --- a/assets/built/style.css +++ b/assets/built/style.css @@ -1,2 +1,2 @@ -::-webkit-scrollbar-track{box-shadow:inset 0 0 0 6px transparent;border-radius:8px}::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}::-webkit-scrollbar,::-webkit-scrollbar:hover{width:4px;height:4px}:hover::-webkit-scrollbar-track{box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 6px #fdefd0}:hover::-webkit-scrollbar-thumb{background:#edce9e}.ref,image_caption{font-size:14px;line-height:normal}.ref{text-align:left;width:100%}.formula-wrapper{width:100%;overflow-x:auto}.always-visible .code-wrapper{display:block!important;width:100%}.blog-img-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.blog-img-wrapper img{width:30%;object-fit:contain;height:290px;margin-left:0;margin-right:0}.blog-img-wrapper.video{-ms-flex-wrap:wrap;flex-wrap:wrap;height:fit-content;height:-moz-fit-content;margin-top:33px}.blog-img-wrapper .video-wrapper{width:45%}.blog-img-wrapper video{width:100%;object-fit:contain;height:300px;margin:0 0 15px}#fig-imagine,#fig-rb,#fig-rssm{margin-bottom:10px;height:450px;object-fit:contain}.site-header.outer.white:after,.site-header.outer.white:before,.site-header:not(.homepage),.site-header:not(.homepage):after,.site-header:not(.homepage):before{background:#fff}.site-header:not(.homepage){padding-left:4vw;padding-right:4vw;position:fixed;width:100%;top:0;z-index:10000!important;box-shadow:0 -5px 20px 0 #9f9f9f}.site-header.outer.white a,.site-header:not(.homepage) a{color:#000}.site-header:not(.homepage) a:not(.subscribe-button){padding-top:0;padding-bottom:0}h2.custom{font-size:36px;margin-bottom:34px;text-align:center;max-width:750px;margin-left:auto;margin-right:auto;color:#090a0b}section.custom{padding:0 4vw;padding-top:30px;padding-bottom:44px}.yellow-bg{background-color:#fffaf1;padding-bottom:60px}section.big-padding-top{padding-top:60px}.feature-code{display:-ms-flexbox;display:flex}.code-section{width:100%;padding:8px 0 8px 8px;overflow:hidden}.code-container{-ms-flex-direction:column;flex-direction:column;width:100%;height:490px;overflow:hidden}.code-block,.code-container{display:-ms-flexbox;display:flex;position:relative}.code-block{font-size:12px;-ms-flex-align:stretch;align-items:stretch;-ms-flex-positive:1;flex-grow:1;overflow:hidden auto}.code-block>span{font-size:12px;color:#b9b5b8;line-height:1.42857;padding:8px 0 8px 8px;-ms-flex-pack:justify;justify-content:space-between}.code-block>span,.code-block code{display:-ms-flexbox;display:flex;white-space:pre;width:100%;font-weight:700;-ms-flex-direction:column;flex-direction:column}.code-block code{line-height:1.66667;padding:8px;overflow-x:auto;-ms-flex-pack:center;justify-content:center;gap:5px;opacity:.4;background-color:#0e0f11;height:105px;border-radius:8px;font-family:monospace,monospace;font-size:14px}.code-block code.active{opacity:1}.code-block code .token-wrapper{opacity:1;font-size:inherit;line-height:1.42857;color:#f8f8f2;background-color:#0e0f11;-ms-flex-negative:0;flex-shrink:0;padding:0 8px;-webkit-user-select:text;-ms-user-select:text;user-select:text;gap:5px;white-space:normal;width:100%}.code-block code .token-wrapper.indented{margin-left:20px}.code-block code .token-wrapper.no-wrap{white-space:nowrap}code .token-wrapper .token{font-weight:700;opacity:.6;-webkit-user-select:text;-ms-user-select:text;user-select:text}code .token-wrapper .token.bright{opacity:1}code .token-wrapper .token.bracket{color:#fdd600}code .token-wrapper .token.package{color:#4ec9b0;font-weight:bolder}code .token-wrapper .token.keyword{color:#c586c0}code .token-wrapper .token.function{color:#dcdca9}code .token-wrapper .token.string{color:#ce9178}code .token-wrapper .token.number{color:#b5cea4}code .token-wrapper .token.comment{color:#6a9955}code .token-wrapper .token.txt{color:#9cdcfe;font-weight:bolder}.tab-container{padding:8px 8px 8px 0}.tab-container .features{-ms-flex-direction:column;flex-direction:column;padding:8px 8px 8px 0;height:490px;max-width:100vw;-ms-flex-align:stretch;align-items:stretch;overflow:visible auto;-webkit-mask:none;mask:none;font-family:Georgia,serif}.tab-container .features,.tab-container .features .feature-wrapper{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between}.tab-container .features .feature-wrapper{-ms-flex-direction:row;flex-direction:row;border-radius:8px;position:relative;overflow:hidden;background-color:#fff;border:1px solid #fff}.tab-container .features .feature-wrapper.active{border:1px solid #7c6553;background-color:#fcf0d1}.feature-wrapper .feature{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:8px;width:100%;transition:all .2s ease-in-out 0s;opacity:.65;cursor:pointer;border-radius:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin-top:0!important;height:105px}.feature-wrapper:not(:last-child) .feature{border-bottom:1px solid #cfcfcf}.tab-container .features .feature-wrapper.active .feature{opacity:1}.feature .title{font-size:16px;padding-left:8px;padding-right:8px;color:#1c1c1c;font-weight:600}.feature .description,.feature .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:left;width:100%}.feature .description{padding:4px 8px;font-size:14px;color:#212529;font-weight:300}.tab-container .features .feature-wrapper.active .feature .description,.tab-container .features .feature-wrapper.active .feature .title{color:#7c6553}.two-columns-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.two-columns-container .tensorboard{width:50%;padding-right:16px}.two-columns-container .capture-video{width:50%;padding-left:16px}.video-container{margin:auto;width:fit-content;width:-moz-fit-content}.video-container.shadow{box-shadow:0 0 20px 0 #9f9f9f;border-radius:8px}.video-container.shadow video{border-radius:8px}.video-container video{max-width:100%}.gif-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:210px;-ms-flex-wrap:wrap;flex-wrap:wrap;height:fit-content;height:-moz-fit-content;-ms-flex-pack:center;justify-content:center;gap:32px}.gif-container img{height:210px}.gif-container .capture-info-container{max-width:500px;overflow:hidden}.gif-container .capture-info-container .code-wrapper{padding-right:40px}.gif-container .capture-info-container .code-wrapper .btn-copy{top:0!important}.gif-container .capture-info-container .code-wrapper{background-color:#fcf0d1;border-radius:8px}.gif-container .capture-info-container code{height:35px;width:100%;overflow:auto hidden;display:block;padding:5.5px 8px 0;font-size:14px;font-family:monospace,monospace;margin-bottom:15px}.gif-container .capture-info-container code span{white-space:wrap}.capture-video .feature-code .tab-container .features .feature-wrapper{margin-bottom:15px}.capture-video .feature-code .tab-container .features .feature-wrapper .feature{height:226px;border:none}.capture-video .code-section .code-container,.capture-video .feature-code .tab-container .features{height:unset}.capture-video .code-section .code-container .code-block .code-wrapper code{height:226px;margin-bottom:15px}@media (max-width:1200px){.code-section{max-width:1140px}}@media (max-width:1070px){.tab-container{width:75%}.blog-img-wrapper video{height:200px}.two-columns-container{-ms-flex-direction:column;flex-direction:column}.code-flex{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.code-flex .code-wrapper{display:-ms-flexbox!important;display:flex!important}}@media (max-width:992px){.code-section{max-width:960px}}@media (max-width:900px){.feature-code.inner{-ms-flex-direction:column;flex-direction:column}.tab-container{overflow:auto;width:100%}.tab-container .features{-ms-flex-direction:row;flex-direction:row;height:160px;min-width:1060px}.feature-wrapper:not(:last-child) .feature{border-right:1px solid #cfcfcf;border-bottom:unset}.code-block code{opacity:1!important}.code-wrapper{display:none}.code-wrapper.active{display:block}.code-container{height:120px}.code-section,.code-section>span{padding-left:0}.tab-container,.tab-container .features{padding-right:0}.feature-wrapper .feature{height:142px}.code-block>span{padding-left:0}.capture-video .feature-code .tab-container .features{width:100%;min-width:unset}}@media (max-width:768px){.code-section{max-width:720px}.blog-img-wrapper .video-wrapper{width:100%}.blog-img-wrapper.img{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}}@media (max-width:576px){.code-section{max-width:540px}}@media (max-width:475px){.code-flex .video-container,.code-flex code{width:300px!important}}@media (max-width:400px){code{font-size:12px!important}.site-header .site-nav .nav a{padding:0 6px}.site-header .site-nav-logo{margin-right:10px}}.collapsible{background-color:#fcf0d1;color:#7c6553;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;border-radius:5px}.active,.collapsible:hover{background-color:#e9d091}.collapsible-content{padding:0 18px;background-color:#fff;max-height:499px;overflow:hidden;margin-bottom:1em;display:none}.collapsible-content pre.highlight{margin:0} +::-webkit-scrollbar-track{box-shadow:inset 0 0 0 6px #fdefd0;border-radius:8px}::-webkit-scrollbar-thumb{background:#edce9e;border-radius:8px}::-webkit-scrollbar,::-webkit-scrollbar:hover{width:4px;height:4px}:hover::-webkit-scrollbar-track{box-shadow:inset 0 0 0 1px #fdefd0,inset 0 0 0 6px #fdefd0}:hover::-webkit-scrollbar-thumb{background:#edce9e}.ref,image_caption{font-size:14px;line-height:normal}.ref{text-align:left;width:100%}.formula-wrapper{width:100%;overflow-x:auto}.always-visible .code-wrapper{display:block!important;width:100%}.blog-img-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:100%}.blog-img-wrapper img{width:30%;object-fit:contain;height:290px;margin-left:0;margin-right:0}.blog-img-wrapper.video{-ms-flex-wrap:wrap;flex-wrap:wrap;height:fit-content;height:-moz-fit-content;margin-top:33px}.blog-img-wrapper .video-wrapper{width:45%}.blog-img-wrapper video{width:100%;object-fit:contain;height:300px;margin:0 0 15px}#fig-imagine,#fig-rb,#fig-rssm{margin-bottom:10px;height:450px;object-fit:contain}.site-header.outer.white:after,.site-header.outer.white:before,.site-header:not(.homepage),.site-header:not(.homepage):after,.site-header:not(.homepage):before{background:#fff}.site-header:not(.homepage){padding-left:4vw;padding-right:4vw;position:fixed;width:100%;top:0;z-index:10000!important;box-shadow:0 -5px 20px 0 #9f9f9f}.site-header.outer.white a,.site-header:not(.homepage) a{color:#000}.site-header:not(.homepage) a:not(.subscribe-button){padding-top:0;padding-bottom:0}h2.custom{font-size:36px;margin-bottom:34px;text-align:center;max-width:750px;margin-left:auto;margin-right:auto;color:#090a0b}section.custom{padding:0 4vw;padding-top:30px;padding-bottom:44px}.yellow-bg{background-color:#fffaf1;padding-bottom:60px}section.big-padding-top{padding-top:60px}.feature-code{display:-ms-flexbox;display:flex}.code-section{width:100%;padding:8px 0 8px 8px;overflow:hidden}.code-container{-ms-flex-direction:column;flex-direction:column;width:100%;height:490px;overflow:hidden}.code-block,.code-container{display:-ms-flexbox;display:flex;position:relative}.code-block{font-size:12px;-ms-flex-align:stretch;align-items:stretch;-ms-flex-positive:1;flex-grow:1;overflow:hidden auto}.code-block>span{font-size:12px;color:#b9b5b8;line-height:1.42857;padding:8px 0 8px 8px;-ms-flex-pack:justify;justify-content:space-between}.code-block>span,.code-block code{display:-ms-flexbox;display:flex;white-space:pre;width:100%;font-weight:700;-ms-flex-direction:column;flex-direction:column}.code-block code{line-height:1.66667;padding:8px;overflow-x:auto;-ms-flex-pack:center;justify-content:center;gap:5px;opacity:.4;background-color:#0e0f11;height:105px;border-radius:8px;font-family:monospace,monospace;font-size:14px}.code-block code.active{opacity:1}.code-block code .token-wrapper{opacity:1;font-size:inherit;line-height:1.42857;color:#f8f8f2;background-color:#0e0f11;-ms-flex-negative:0;flex-shrink:0;padding:0 8px;-webkit-user-select:text;-ms-user-select:text;user-select:text;gap:5px;white-space:normal;width:100%}.code-block code .token-wrapper.indented{margin-left:20px}.code-block code .token-wrapper.no-wrap{white-space:nowrap}code .token-wrapper .token{font-weight:700;opacity:.6;-webkit-user-select:text;-ms-user-select:text;user-select:text}code .token-wrapper .token.bright{opacity:1}code .token-wrapper .token.bracket{color:#fdd600}code .token-wrapper .token.package{color:#4ec9b0;font-weight:bolder}code .token-wrapper .token.keyword{color:#c586c0}code .token-wrapper .token.function{color:#dcdca9}code .token-wrapper .token.string{color:#ce9178}code .token-wrapper .token.number{color:#b5cea4}code .token-wrapper .token.comment{color:#6a9955}code .token-wrapper .token.txt{color:#9cdcfe;font-weight:bolder}.tab-container{padding:8px 8px 8px 0}.tab-container .features{-ms-flex-direction:column;flex-direction:column;padding:8px 8px 8px 0;height:490px;max-width:100vw;-ms-flex-align:stretch;align-items:stretch;overflow:visible auto;-webkit-mask:none;mask:none;font-family:Georgia,serif}.tab-container .features,.tab-container .features .feature-wrapper{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between}.tab-container .features .feature-wrapper{-ms-flex-direction:row;flex-direction:row;border-radius:8px;position:relative;overflow:hidden;background-color:#fff;border:1px solid #fff}.tab-container .features .feature-wrapper.active{border:1px solid #7c6553;background-color:#fcf0d1}.feature-wrapper .feature{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:8px;width:100%;transition:all .2s ease-in-out 0s;opacity:.65;cursor:pointer;border-radius:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin-top:0!important;height:105px}.feature-wrapper:not(:last-child) .feature{border-bottom:1px solid #cfcfcf}.tab-container .features .feature-wrapper.active .feature{opacity:1}.feature .title{font-size:16px;padding-left:8px;padding-right:8px;color:#1c1c1c;font-weight:600}.feature .description,.feature .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;text-align:left;width:100%}.feature .description{padding:4px 8px;font-size:14px;color:#212529;font-weight:300}.tab-container .features .feature-wrapper.active .feature .description,.tab-container .features .feature-wrapper.active .feature .title{color:#7c6553}.two-columns-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.two-columns-container .tensorboard{width:50%;padding-right:16px}.two-columns-container .capture-video{width:50%;padding-left:16px}.video-container{margin:auto;width:fit-content;width:-moz-fit-content}.video-container.shadow{box-shadow:0 0 20px 0 #9f9f9f;border-radius:8px}.video-container.shadow video{border-radius:8px}.video-container video{max-width:100%}.gif-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:210px;-ms-flex-wrap:wrap;flex-wrap:wrap;height:fit-content;height:-moz-fit-content;-ms-flex-pack:center;justify-content:center;gap:32px}.gif-container img{height:210px}.gif-container .capture-info-container{max-width:500px;overflow:hidden}.gif-container .capture-info-container .code-wrapper{padding-right:40px}.gif-container .capture-info-container .code-wrapper .btn-copy{top:0!important}.gif-container .capture-info-container .code-wrapper{background-color:#fcf0d1;border-radius:8px}.gif-container .capture-info-container code{height:35px;width:100%;overflow:auto hidden;display:block;padding:5.5px 8px 0;font-size:14px;font-family:monospace,monospace;margin-bottom:15px}.gif-container .capture-info-container code span{white-space:wrap}.capture-video .feature-code .tab-container .features .feature-wrapper{margin-bottom:15px}.capture-video .feature-code .tab-container .features .feature-wrapper .feature{height:226px;border:none}.capture-video .code-section .code-container,.capture-video .feature-code .tab-container .features{height:unset}.capture-video .code-section .code-container .code-block .code-wrapper code{height:226px;margin-bottom:15px}@media (max-width:1200px){.code-section{max-width:1140px}}@media (max-width:1070px){.tab-container{width:75%}.blog-img-wrapper video{height:200px}.two-columns-container{-ms-flex-direction:column;flex-direction:column}.code-flex{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}.code-flex .code-wrapper{display:-ms-flexbox!important;display:flex!important}}@media (max-width:992px){.code-section{max-width:960px}}@media (max-width:900px){.feature-code.inner{-ms-flex-direction:column;flex-direction:column}.tab-container{overflow:auto;width:100%}.tab-container .features{-ms-flex-direction:row;flex-direction:row;height:160px;min-width:1060px}.feature-wrapper:not(:last-child) .feature{border-right:1px solid #cfcfcf;border-bottom:unset}.code-block code{opacity:1!important}.code-wrapper{display:none}.code-wrapper.active{display:block}.code-container{height:120px}.code-section,.code-section>span{padding-left:0}.tab-container,.tab-container .features{padding-right:0}.feature-wrapper .feature{height:142px}.code-block>span{padding-left:0}.capture-video .feature-code .tab-container .features{width:100%;min-width:unset}}@media (max-width:768px){.code-section{max-width:720px}.blog-img-wrapper .video-wrapper{width:100%}.blog-img-wrapper.img{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}}@media (max-width:576px){.code-section{max-width:540px}}@media (max-width:475px){.code-flex .video-container,.code-flex code{width:300px!important}}@media (max-width:400px){code{font-size:12px!important}.site-header .site-nav .nav a{padding:0 6px}.site-header .site-nav-logo{margin-right:10px}}.collapsible{background-color:#fcf0d1;color:#7c6553;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;border-radius:5px}.active,.collapsible:hover{background-color:#e9d091}.collapsible-content{padding:0 18px;background-color:#fff;max-height:499px;overflow:hidden;margin-bottom:1em;display:none}.collapsible-content pre.highlight{margin:0} /*# sourceMappingURL=style.css.map */ diff --git a/assets/built/style.css.map b/assets/built/style.css.map index a0ffaf9..0920042 100644 --- a/assets/built/style.css.map +++ b/assets/built/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css"],"names":[],"mappings":"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YAAa,AACb,WAAY,AACZ,qBAAsB,AACtB,cAAe,AACf,oBAAyB,AACzB,eAAgB,AAChB,gCAAkC,AAClC,kBAAoB,CACvB,AAED,iDACI,gBAAkB,CACrB,AAED,uEACI,kBAAoB,CACvB,AAED,gFACI,aAAc,AACd,WAAa,CAChB,AAMD,mGACI,YAAc,CACjB,AAED,4EACI,aAAc,AACd,kBAAoB,CACvB,AAGD,0BACI,cACI,gBAAkB,CACrB,CACJ,AAED,0BACI,eACI,SAAW,CACd,AAED,wBACI,YAAc,CACjB,AAED,uBACI,0BAAuB,AAAvB,qBAAuB,CAC1B,AAED,WACI,sBAAoB,AAApB,0BAAoB,AAApB,kBAAoB,CACvB,AAED,yBACI,8BAAyB,AAAzB,sBAAyB,CAC5B,CACJ,AAED,yBACI,cACI,eAAiB,CACpB,CACJ,AAED,yBACI,oBACI,0BAAuB,AAAvB,qBAAuB,CAC1B,AAED,eACI,cAAe,AACf,UAAY,CACf,AAED,yBACI,uBAAoB,AAApB,mBAAoB,AACpB,aAAc,AACd,gBAAkB,CACrB,AAED,2CACI,+BAAgC,AAChC,mBAAqB,CACxB,AAED,iBACI,mBAAsB,CACzB,AAED,cACI,YAAc,CACjB,AAED,qBACI,aAAe,CAClB,AAED,gBACI,YAAc,CACjB,AAED,iCAEI,cAAgB,CACnB,AAED,wCAEI,eAAiB,CACpB,AAED,0BACI,YAAc,CACjB,AAED,iBACI,cAAgB,CACnB,AAED,sDACI,WAAY,AACZ,eAAiB,CACpB,CACJ,AAED,yBACI,cACI,eAAiB,CACpB,AAED,iCACI,UAAY,CACf,AAED,sBACI,0BAAuB,AAAvB,sBAAuB,AACvB,sBAAoB,AAApB,0BAAoB,AAApB,kBAAoB,CACvB,CACJ,AAED,yBACI,cACI,eAAiB,CACpB,CACJ,AAED,yBAEI,4CAEI,qBAAwB,CAE3B,CACJ,AAED,yBACI,KACI,wBAA2B,CAC9B,AAED,8BACI,aAAe,CAClB,AAED,4BACI,iBAAmB,CACtB,CACJ,AAED,aACI,yBAA0B,AAC1B,cAAe,AACf,eAAgB,AAChB,aAAc,AACd,WAAY,AACZ,YAAa,AACb,gBAAiB,AACjB,aAAc,AACd,iBAAmB,CACtB,AAED,2BAEI,wBAA0B,CAC7B,AAED,qBACI,eAAgB,AAChB,sBAAwB,AACxB,iBAAkB,AAClB,gBAAiB,AAEjB,kBAAmB,AACnB,YAAc,CACjB,AAED,mCACI,QAAS,CACZ","file":"style.css","sourcesContent":["*::-webkit-scrollbar-track {\n box-shadow: inset 0 0 0 6px transparent;\n border-radius: 8px;\n}\n\n*::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 8px;\n}\n\n*::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n\n*::-webkit-scrollbar:hover {\n width: 4px;\n height: 4px;\n}\n\n*:hover::-webkit-scrollbar-track {\n box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 6px #fdefd0;\n}\n\n*:hover::-webkit-scrollbar-thumb {\n background: #edce9e;\n}\n\nimage_caption {\n font-size: 14px;\n line-height: normal;\n}\n\n.ref {\n font-size: 14px;\n line-height: normal;\n text-align: left;\n width: 100%;\n}\n\n.formula-wrapper {\n width: 100%;\n overflow-x: auto;\n}\n\n.always-visible .code-wrapper {\n display: block !important;\n width: 100%;\n}\n\n.blog-img-wrapper {\n display: flex;\n /* gap: 15px; */\n justify-content: space-between;\n width: 100%;\n}\n\n.blog-img-wrapper img {\n width: 30%;\n object-fit: contain;\n height: 290px;\n margin-left: 0;\n margin-right: 0;\n}\n\n.blog-img-wrapper.video {\n flex-wrap: wrap;\n height: fit-content;\n height: -moz-fit-content;\n margin-top: 33px;\n}\n\n.blog-img-wrapper .video-wrapper {\n width: 45%;\n}\n\n.blog-img-wrapper video {\n width: 100%;\n object-fit: contain;\n height: 300px;\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 15px;\n margin-top: 0;\n}\n\n#fig-rssm,\n#fig-imagine,\n#fig-rb {\n margin-bottom: 10px;\n height: 450px;\n object-fit: contain;\n}\n\n.site-header.outer.white::before,\n.site-header.outer.white::after,\n.site-header:not(.homepage)::before,\n.site-header:not(.homepage)::after,\n.site-header:not(.homepage) {\n background: white;\n}\n\n.site-header:not(.homepage) {\n padding-left: 4vw;\n padding-right: 4vw;\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 10000 !important;\n box-shadow: 0px -5px 20px 0 #9f9f9f;\n}\n\n.site-header.outer.white a,\n.site-header:not(.homepage) a {\n color: black;\n}\n\n.site-header:not(.homepage) a:not(.subscribe-button) {\n padding-top: 0;\n padding-bottom: 0\n}\n\nh2.custom {\n font-size: 36px;\n margin-bottom: 34px;\n text-align: center;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n color: #090a0b;\n}\n\nsection.custom {\n padding: 0 4vw;\n padding-top: 30px;\n padding-bottom: 44px;\n}\n\n.yellow-bg {\n background-color: #fffaf1;\n padding-bottom: 60px;\n}\n\nsection.big-padding-top {\n padding-top: 60px;\n}\n\n.feature-code {\n display: flex;\n}\n\n.code-section {\n width: 100%;\n padding: 8px 0 8px 8px;\n overflow: hidden;\n}\n\n.code-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: calc(490px);\n overflow: hidden;\n position: relative;\n}\n\n.code-block {\n font-size: 12px;\n display: flex;\n -webkit-box-align: stretch;\n align-items: stretch;\n -webkit-box-flex: 1;\n flex-grow: 1;\n position: relative;\n overflow: hidden auto;\n}\n\n.code-block>span {\n font-size: 12px;\n /* background: rgb(50, 41, 49); */\n color: rgb(185, 181, 184);\n display: flex;\n line-height: 1.42857;\n white-space: pre;\n padding: 8px 0 8px 8px;\n width: 100%;\n font-weight: 700;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.code-block code {\n line-height: 1.66667;\n padding: 8px;\n overflow-x: auto;\n white-space: pre;\n width: 100%;\n font-weight: 700;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n opacity: .4;\n /* background-color: rgb(50, 41, 49); */\n background-color: #0e0f11;\n height: 105px;\n border-radius: 8px;\n font-family: monospace, monospace;\n font-size: 14px;\n}\n\n.code-block code.active {\n opacity: 1;\n}\n\n.code-block code .token-wrapper {\n opacity: 1;\n font-size: inherit;\n line-height: 1.42857;\n /* color: rgb(185, 181, 184); */\n color: #f8f8f2;\n /* background-color: rgb(50, 41, 49); */\n background-color: #0e0f11;\n flex-shrink: 0;\n padding: 0 8px;\n user-select: text;\n gap: 5px;\n white-space: normal;\n width: 100%;\n}\n\n.code-block code .token-wrapper.indented {\n margin-left: 20px;\n}\n\n.code-block code .token-wrapper.no-wrap {\n white-space: nowrap;\n}\n\ncode .token-wrapper .token {\n font-weight: bold;\n opacity: .6;\n user-select: text;\n}\n\ncode .token-wrapper .token.bright {\n opacity: 1;\n}\n\ncode .token-wrapper .token.bracket {\n color: #FDD600;\n}\n\ncode .token-wrapper .token.package {\n color: #4EC9B0;\n font-weight: bolder;\n}\n\ncode .token-wrapper .token.keyword {\n color: #C586C0;\n}\n\ncode .token-wrapper .token.function {\n color: #DCDCA9;\n}\n\ncode .token-wrapper .token.string {\n color: #CE9178;\n}\n\ncode .token-wrapper .token.number {\n color: #B5CEA4;\n}\n\ncode .token-wrapper .token.comment {\n color: #6A9955;\n}\n\ncode .token-wrapper .token.txt {\n color: #9CDCFE;\n font-weight: bolder;\n}\n\n.tab-container {\n padding: 8px 8px 8px 0;\n}\n\n.tab-container .features {\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 8px 8px 8px 0;\n height: calc(490px);\n max-width: 100vw;\n -webkit-box-align: stretch;\n align-items: stretch;\n overflow: visible auto;\n -webkit-mask: none;\n mask: none;\n justify-content: space-between;\n font-family: Georgia, serif;\n}\n\n.tab-container .features .feature-wrapper {\n display: flex;\n flex-direction: row;\n width: 100%;\n -webkit-box-pack: justify;\n justify-content: space-between;\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(255, 255, 255);\n}\n\n.tab-container .features .feature-wrapper.active {\n /* border: 1px solid rgb(96, 25, 200);\n background-color: rgb(247, 241, 253); */\n border: 1px solid #7c6553;\n background-color: #fcf0d1;\n}\n\n.feature-wrapper .feature {\n display: flex;\n flex-direction: column;\n padding: 8px;\n width: 100%;\n transition: all 0.2s ease-in-out 0s;\n opacity: 0.65;\n cursor: pointer;\n border-radius: 0px;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: start;\n justify-content: flex-start;\n margin-top: 0px !important;\n height: 105px;\n}\n\n.feature-wrapper:not(:last-child) .feature {\n border-bottom: 1px solid rgb(207, 207, 207);\n}\n\n.tab-container .features .feature-wrapper.active .feature {\n opacity: 1;\n}\n\n.feature .title {\n display: flex;\n flex-direction: column;\n font-size: 16px;\n -webkit-box-pack: center;\n justify-content: center;\n text-align: left;\n padding-left: 8px;\n padding-right: 8px;\n width: 100%;\n color: rgb(28, 28, 28);\n font-weight: 600;\n}\n\n.feature .description {\n display: flex;\n flex-direction: column;\n padding: 4px 8px;\n font-size: 14px;\n -webkit-box-pack: center;\n justify-content: center;\n text-align: left;\n width: 100%;\n color: rgb(33, 37, 41);\n font-weight: 300;\n}\n\n.tab-container .features .feature-wrapper.active .feature .title,\n.tab-container .features .feature-wrapper.active .feature .description {\n color: #7c6553;\n}\n\n.two-columns-container {\n display: flex;\n flex-direction: row;\n}\n\n.two-columns-container .tensorboard {\n width: 50%;\n padding-right: 16px;\n}\n\n.two-columns-container .capture-video {\n width: 50%;\n padding-left: 16px;\n}\n\n.video-container {\n margin: auto;\n width: fit-content;\n width: -moz-fit-content;\n}\n\n.video-container.shadow {\n box-shadow: #9f9f9f 0 0 20px 0px;\n border-radius: 8px;\n}\n\n.video-container.shadow video {\n border-radius: 8px;\n}\n\n.video-container video {\n max-width: 100%;\n}\n\n.gif-container {\n display: flex;\n flex-direction: row;\n height: 210px;\n flex-wrap: wrap;\n height: fit-content;\n height: -moz-fit-content;\n justify-content: center;\n gap: 32px\n}\n\n.gif-container img {\n height: 210px;\n}\n\n.gif-container .capture-info-container {\n max-width: 500px;\n overflow: hidden;\n}\n\n.gif-container .capture-info-container .code-wrapper {\n padding-right: 40px;\n}\n\n.gif-container .capture-info-container .code-wrapper .btn-copy {\n top: 0 !important;\n}\n\n.gif-container .capture-info-container .code-wrapper {\n background-color: #fcf0d1;\n border-radius: 8px;\n}\n\n.gif-container .capture-info-container code {\n height: 35px;\n width: 100%;\n overflow: auto hidden;\n display: block;\n padding: 5.5px 8px 0 8px;\n font-size: 14px;\n font-family: monospace, monospace;\n margin-bottom: 15px;\n}\n\n.gif-container .capture-info-container code span {\n white-space: wrap;\n}\n\n.capture-video .feature-code .tab-container .features .feature-wrapper {\n margin-bottom: 15px;\n}\n\n.capture-video .feature-code .tab-container .features .feature-wrapper .feature {\n height: 226px;\n border: none;\n}\n\n.capture-video .feature-code .tab-container .features {\n height: unset;\n}\n\n.capture-video .code-section .code-container {\n height: unset;\n}\n\n.capture-video .code-section .code-container .code-block .code-wrapper code {\n height: 226px;\n margin-bottom: 15px;\n}\n\n/* RESPONSIVE */\n@media (max-width: 1200px) {\n .code-section {\n max-width: 1140px;\n }\n}\n\n@media (max-width: 1070px) {\n .tab-container {\n width: 75%;\n }\n\n .blog-img-wrapper video {\n height: 200px;\n }\n\n .two-columns-container {\n flex-direction: column;\n }\n\n .code-flex {\n align-items: center;\n }\n\n .code-flex .code-wrapper {\n display: flex !important;\n }\n}\n\n@media (max-width: 992px) {\n .code-section {\n max-width: 960px;\n }\n}\n\n@media (max-width: 900px) {\n .feature-code.inner {\n flex-direction: column;\n }\n\n .tab-container {\n overflow: auto;\n width: 100%;\n }\n\n .tab-container .features {\n flex-direction: row;\n height: 160px;\n min-width: 1060px;\n }\n\n .feature-wrapper:not(:last-child) .feature {\n border-right: 1px solid #cfcfcf;\n border-bottom: unset;\n }\n\n .code-block code {\n opacity: 1 !important;\n }\n\n .code-wrapper {\n display: none;\n }\n\n .code-wrapper.active {\n display: block;\n }\n\n .code-container {\n height: 120px;\n }\n\n .code-section,\n .code-section>span {\n padding-left: 0;\n }\n\n .tab-container,\n .tab-container .features {\n padding-right: 0;\n }\n\n .feature-wrapper .feature {\n height: 142px;\n }\n\n .code-block>span {\n padding-left: 0;\n }\n\n .capture-video .feature-code .tab-container .features {\n width: 100%;\n min-width: unset;\n }\n}\n\n@media (max-width: 768px) {\n .code-section {\n max-width: 720px;\n }\n\n .blog-img-wrapper .video-wrapper {\n width: 100%;\n }\n\n .blog-img-wrapper.img {\n flex-direction: column;\n align-items: center;\n }\n}\n\n@media (max-width: 576px) {\n .code-section {\n max-width: 540px;\n }\n}\n\n@media (max-width: 475px) {\n\n .code-flex .video-container,\n .code-flex code {\n width: 300px !important;\n\n }\n}\n\n@media (max-width: 400px) {\n code {\n font-size: 12px !important;\n }\n\n .site-header .site-nav .nav a {\n padding: 0 6px;\n }\n\n .site-header .site-nav-logo {\n margin-right: 10px;\n }\n}\n\n.collapsible {\n background-color: #fcf0d1;\n color: #7c6553;\n cursor: pointer;\n padding: 18px;\n width: 100%;\n border: none;\n text-align: left;\n outline: none;\n border-radius: 5px;\n}\n\n.active,\n.collapsible:hover {\n background-color: #e9d091;\n}\n\n.collapsible-content {\n padding: 0 18px;\n background-color: white;\n max-height: 499px;\n overflow: hidden;\n /*transition: max-height 0.4s ease-out, display 0.4s ease-in;*/\n margin-bottom: 1em;\n display: none;\n}\n\n.collapsible-content pre.highlight {\n margin: 0\n}"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["style.css"],"names":[],"mappings":"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YAAa,AACb,WAAY,AACZ,qBAAsB,AACtB,cAAe,AACf,oBAAyB,AACzB,eAAgB,AAChB,gCAAkC,AAClC,kBAAoB,CACvB,AAED,iDACI,gBAAkB,CACrB,AAED,uEACI,kBAAoB,CACvB,AAED,gFACI,aAAc,AACd,WAAa,CAChB,AAMD,mGACI,YAAc,CACjB,AAED,4EACI,aAAc,AACd,kBAAoB,CACvB,AAGD,0BACI,cACI,gBAAkB,CACrB,CACJ,AAED,0BACI,eACI,SAAW,CACd,AAED,wBACI,YAAc,CACjB,AAED,uBACI,0BAAuB,AAAvB,qBAAuB,CAC1B,AAED,WACI,sBAAoB,AAApB,0BAAoB,AAApB,kBAAoB,CACvB,AAED,yBACI,8BAAyB,AAAzB,sBAAyB,CAC5B,CACJ,AAED,yBACI,cACI,eAAiB,CACpB,CACJ,AAED,yBACI,oBACI,0BAAuB,AAAvB,qBAAuB,CAC1B,AAED,eACI,cAAe,AACf,UAAY,CACf,AAED,yBACI,uBAAoB,AAApB,mBAAoB,AACpB,aAAc,AACd,gBAAkB,CACrB,AAED,2CACI,+BAAgC,AAChC,mBAAqB,CACxB,AAED,iBACI,mBAAsB,CACzB,AAED,cACI,YAAc,CACjB,AAED,qBACI,aAAe,CAClB,AAED,gBACI,YAAc,CACjB,AAED,iCAEI,cAAgB,CACnB,AAED,wCAEI,eAAiB,CACpB,AAED,0BACI,YAAc,CACjB,AAED,iBACI,cAAgB,CACnB,AAED,sDACI,WAAY,AACZ,eAAiB,CACpB,CACJ,AAED,yBACI,cACI,eAAiB,CACpB,AAED,iCACI,UAAY,CACf,AAED,sBACI,0BAAuB,AAAvB,sBAAuB,AACvB,sBAAoB,AAApB,0BAAoB,AAApB,kBAAoB,CACvB,CACJ,AAED,yBACI,cACI,eAAiB,CACpB,CACJ,AAED,yBAEI,4CAEI,qBAAwB,CAE3B,CACJ,AAED,yBACI,KACI,wBAA2B,CAC9B,AAED,8BACI,aAAe,CAClB,AAED,4BACI,iBAAmB,CACtB,CACJ,AAED,aACI,yBAA0B,AAC1B,cAAe,AACf,eAAgB,AAChB,aAAc,AACd,WAAY,AACZ,YAAa,AACb,gBAAiB,AACjB,aAAc,AACd,iBAAmB,CACtB,AAED,2BAEI,wBAA0B,CAC7B,AAED,qBACI,eAAgB,AAChB,sBAAwB,AACxB,iBAAkB,AAClB,gBAAiB,AAEjB,kBAAmB,AACnB,YAAc,CACjB,AAED,mCACI,QAAS,CACZ","file":"style.css","sourcesContent":["*::-webkit-scrollbar-track {\n box-shadow: inset 0 0 0 6px #fdefd0;\n border-radius: 8px;\n}\n\n*::-webkit-scrollbar-thumb {\n background: #edce9e;\n border-radius: 8px;\n}\n\n*::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n}\n\n*::-webkit-scrollbar:hover {\n width: 4px;\n height: 4px;\n}\n\n*:hover::-webkit-scrollbar-track {\n box-shadow: inset 0 0 0 1px #fdefd0, inset 0 0 0 6px #fdefd0;\n}\n\n*:hover::-webkit-scrollbar-thumb {\n background: #edce9e;\n}\n\nimage_caption {\n font-size: 14px;\n line-height: normal;\n}\n\n.ref {\n font-size: 14px;\n line-height: normal;\n text-align: left;\n width: 100%;\n}\n\n.formula-wrapper {\n width: 100%;\n overflow-x: auto;\n}\n\n.always-visible .code-wrapper {\n display: block !important;\n width: 100%;\n}\n\n.blog-img-wrapper {\n display: flex;\n /* gap: 15px; */\n justify-content: space-between;\n width: 100%;\n}\n\n.blog-img-wrapper img {\n width: 30%;\n object-fit: contain;\n height: 290px;\n margin-left: 0;\n margin-right: 0;\n}\n\n.blog-img-wrapper.video {\n flex-wrap: wrap;\n height: fit-content;\n height: -moz-fit-content;\n margin-top: 33px;\n}\n\n.blog-img-wrapper .video-wrapper {\n width: 45%;\n}\n\n.blog-img-wrapper video {\n width: 100%;\n object-fit: contain;\n height: 300px;\n margin-left: 0;\n margin-right: 0;\n margin-bottom: 15px;\n margin-top: 0;\n}\n\n#fig-rssm,\n#fig-imagine,\n#fig-rb {\n margin-bottom: 10px;\n height: 450px;\n object-fit: contain;\n}\n\n.site-header.outer.white::before,\n.site-header.outer.white::after,\n.site-header:not(.homepage)::before,\n.site-header:not(.homepage)::after,\n.site-header:not(.homepage) {\n background: white;\n}\n\n.site-header:not(.homepage) {\n padding-left: 4vw;\n padding-right: 4vw;\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 10000 !important;\n box-shadow: 0px -5px 20px 0 #9f9f9f;\n}\n\n.site-header.outer.white a,\n.site-header:not(.homepage) a {\n color: black;\n}\n\n.site-header:not(.homepage) a:not(.subscribe-button) {\n padding-top: 0;\n padding-bottom: 0\n}\n\nh2.custom {\n font-size: 36px;\n margin-bottom: 34px;\n text-align: center;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n color: #090a0b;\n}\n\nsection.custom {\n padding: 0 4vw;\n padding-top: 30px;\n padding-bottom: 44px;\n}\n\n.yellow-bg {\n background-color: #fffaf1;\n padding-bottom: 60px;\n}\n\nsection.big-padding-top {\n padding-top: 60px;\n}\n\n.feature-code {\n display: flex;\n}\n\n.code-section {\n width: 100%;\n padding: 8px 0 8px 8px;\n overflow: hidden;\n}\n\n.code-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: calc(490px);\n overflow: hidden;\n position: relative;\n}\n\n.code-block {\n font-size: 12px;\n display: flex;\n -webkit-box-align: stretch;\n align-items: stretch;\n -webkit-box-flex: 1;\n flex-grow: 1;\n position: relative;\n overflow: hidden auto;\n}\n\n.code-block>span {\n font-size: 12px;\n /* background: rgb(50, 41, 49); */\n color: rgb(185, 181, 184);\n display: flex;\n line-height: 1.42857;\n white-space: pre;\n padding: 8px 0 8px 8px;\n width: 100%;\n font-weight: 700;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.code-block code {\n line-height: 1.66667;\n padding: 8px;\n overflow-x: auto;\n white-space: pre;\n width: 100%;\n font-weight: 700;\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 5px;\n opacity: .4;\n /* background-color: rgb(50, 41, 49); */\n background-color: #0e0f11;\n height: 105px;\n border-radius: 8px;\n font-family: monospace, monospace;\n font-size: 14px;\n}\n\n.code-block code.active {\n opacity: 1;\n}\n\n.code-block code .token-wrapper {\n opacity: 1;\n font-size: inherit;\n line-height: 1.42857;\n /* color: rgb(185, 181, 184); */\n color: #f8f8f2;\n /* background-color: rgb(50, 41, 49); */\n background-color: #0e0f11;\n flex-shrink: 0;\n padding: 0 8px;\n user-select: text;\n gap: 5px;\n white-space: normal;\n width: 100%;\n}\n\n.code-block code .token-wrapper.indented {\n margin-left: 20px;\n}\n\n.code-block code .token-wrapper.no-wrap {\n white-space: nowrap;\n}\n\ncode .token-wrapper .token {\n font-weight: bold;\n opacity: .6;\n user-select: text;\n}\n\ncode .token-wrapper .token.bright {\n opacity: 1;\n}\n\ncode .token-wrapper .token.bracket {\n color: #FDD600;\n}\n\ncode .token-wrapper .token.package {\n color: #4EC9B0;\n font-weight: bolder;\n}\n\ncode .token-wrapper .token.keyword {\n color: #C586C0;\n}\n\ncode .token-wrapper .token.function {\n color: #DCDCA9;\n}\n\ncode .token-wrapper .token.string {\n color: #CE9178;\n}\n\ncode .token-wrapper .token.number {\n color: #B5CEA4;\n}\n\ncode .token-wrapper .token.comment {\n color: #6A9955;\n}\n\ncode .token-wrapper .token.txt {\n color: #9CDCFE;\n font-weight: bolder;\n}\n\n.tab-container {\n padding: 8px 8px 8px 0;\n}\n\n.tab-container .features {\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 8px 8px 8px 0;\n height: calc(490px);\n max-width: 100vw;\n -webkit-box-align: stretch;\n align-items: stretch;\n overflow: visible auto;\n -webkit-mask: none;\n mask: none;\n justify-content: space-between;\n font-family: Georgia, serif;\n}\n\n.tab-container .features .feature-wrapper {\n display: flex;\n flex-direction: row;\n width: 100%;\n -webkit-box-pack: justify;\n justify-content: space-between;\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n background-color: rgb(255, 255, 255);\n border: 1px solid rgb(255, 255, 255);\n}\n\n.tab-container .features .feature-wrapper.active {\n /* border: 1px solid rgb(96, 25, 200);\n background-color: rgb(247, 241, 253); */\n border: 1px solid #7c6553;\n background-color: #fcf0d1;\n}\n\n.feature-wrapper .feature {\n display: flex;\n flex-direction: column;\n padding: 8px;\n width: 100%;\n transition: all 0.2s ease-in-out 0s;\n opacity: 0.65;\n cursor: pointer;\n border-radius: 0px;\n -webkit-box-align: center;\n align-items: center;\n -webkit-box-pack: start;\n justify-content: flex-start;\n margin-top: 0px !important;\n height: 105px;\n}\n\n.feature-wrapper:not(:last-child) .feature {\n border-bottom: 1px solid rgb(207, 207, 207);\n}\n\n.tab-container .features .feature-wrapper.active .feature {\n opacity: 1;\n}\n\n.feature .title {\n display: flex;\n flex-direction: column;\n font-size: 16px;\n -webkit-box-pack: center;\n justify-content: center;\n text-align: left;\n padding-left: 8px;\n padding-right: 8px;\n width: 100%;\n color: rgb(28, 28, 28);\n font-weight: 600;\n}\n\n.feature .description {\n display: flex;\n flex-direction: column;\n padding: 4px 8px;\n font-size: 14px;\n -webkit-box-pack: center;\n justify-content: center;\n text-align: left;\n width: 100%;\n color: rgb(33, 37, 41);\n font-weight: 300;\n}\n\n.tab-container .features .feature-wrapper.active .feature .title,\n.tab-container .features .feature-wrapper.active .feature .description {\n color: #7c6553;\n}\n\n.two-columns-container {\n display: flex;\n flex-direction: row;\n}\n\n.two-columns-container .tensorboard {\n width: 50%;\n padding-right: 16px;\n}\n\n.two-columns-container .capture-video {\n width: 50%;\n padding-left: 16px;\n}\n\n.video-container {\n margin: auto;\n width: fit-content;\n width: -moz-fit-content;\n}\n\n.video-container.shadow {\n box-shadow: #9f9f9f 0 0 20px 0px;\n border-radius: 8px;\n}\n\n.video-container.shadow video {\n border-radius: 8px;\n}\n\n.video-container video {\n max-width: 100%;\n}\n\n.gif-container {\n display: flex;\n flex-direction: row;\n height: 210px;\n flex-wrap: wrap;\n height: fit-content;\n height: -moz-fit-content;\n justify-content: center;\n gap: 32px\n}\n\n.gif-container img {\n height: 210px;\n}\n\n.gif-container .capture-info-container {\n max-width: 500px;\n overflow: hidden;\n}\n\n.gif-container .capture-info-container .code-wrapper {\n padding-right: 40px;\n}\n\n.gif-container .capture-info-container .code-wrapper .btn-copy {\n top: 0 !important;\n}\n\n.gif-container .capture-info-container .code-wrapper {\n background-color: #fcf0d1;\n border-radius: 8px;\n}\n\n.gif-container .capture-info-container code {\n height: 35px;\n width: 100%;\n overflow: auto hidden;\n display: block;\n padding: 5.5px 8px 0 8px;\n font-size: 14px;\n font-family: monospace, monospace;\n margin-bottom: 15px;\n}\n\n.gif-container .capture-info-container code span {\n white-space: wrap;\n}\n\n.capture-video .feature-code .tab-container .features .feature-wrapper {\n margin-bottom: 15px;\n}\n\n.capture-video .feature-code .tab-container .features .feature-wrapper .feature {\n height: 226px;\n border: none;\n}\n\n.capture-video .feature-code .tab-container .features {\n height: unset;\n}\n\n.capture-video .code-section .code-container {\n height: unset;\n}\n\n.capture-video .code-section .code-container .code-block .code-wrapper code {\n height: 226px;\n margin-bottom: 15px;\n}\n\n/* RESPONSIVE */\n@media (max-width: 1200px) {\n .code-section {\n max-width: 1140px;\n }\n}\n\n@media (max-width: 1070px) {\n .tab-container {\n width: 75%;\n }\n\n .blog-img-wrapper video {\n height: 200px;\n }\n\n .two-columns-container {\n flex-direction: column;\n }\n\n .code-flex {\n align-items: center;\n }\n\n .code-flex .code-wrapper {\n display: flex !important;\n }\n}\n\n@media (max-width: 992px) {\n .code-section {\n max-width: 960px;\n }\n}\n\n@media (max-width: 900px) {\n .feature-code.inner {\n flex-direction: column;\n }\n\n .tab-container {\n overflow: auto;\n width: 100%;\n }\n\n .tab-container .features {\n flex-direction: row;\n height: 160px;\n min-width: 1060px;\n }\n\n .feature-wrapper:not(:last-child) .feature {\n border-right: 1px solid #cfcfcf;\n border-bottom: unset;\n }\n\n .code-block code {\n opacity: 1 !important;\n }\n\n .code-wrapper {\n display: none;\n }\n\n .code-wrapper.active {\n display: block;\n }\n\n .code-container {\n height: 120px;\n }\n\n .code-section,\n .code-section>span {\n padding-left: 0;\n }\n\n .tab-container,\n .tab-container .features {\n padding-right: 0;\n }\n\n .feature-wrapper .feature {\n height: 142px;\n }\n\n .code-block>span {\n padding-left: 0;\n }\n\n .capture-video .feature-code .tab-container .features {\n width: 100%;\n min-width: unset;\n }\n}\n\n@media (max-width: 768px) {\n .code-section {\n max-width: 720px;\n }\n\n .blog-img-wrapper .video-wrapper {\n width: 100%;\n }\n\n .blog-img-wrapper.img {\n flex-direction: column;\n align-items: center;\n }\n}\n\n@media (max-width: 576px) {\n .code-section {\n max-width: 540px;\n }\n}\n\n@media (max-width: 475px) {\n\n .code-flex .video-container,\n .code-flex code {\n width: 300px !important;\n\n }\n}\n\n@media (max-width: 400px) {\n code {\n font-size: 12px !important;\n }\n\n .site-header .site-nav .nav a {\n padding: 0 6px;\n }\n\n .site-header .site-nav-logo {\n margin-right: 10px;\n }\n}\n\n.collapsible {\n background-color: #fcf0d1;\n color: #7c6553;\n cursor: pointer;\n padding: 18px;\n width: 100%;\n border: none;\n text-align: left;\n outline: none;\n border-radius: 5px;\n}\n\n.active,\n.collapsible:hover {\n background-color: #e9d091;\n}\n\n.collapsible-content {\n padding: 0 18px;\n background-color: white;\n max-height: 499px;\n overflow: hidden;\n /*transition: max-height 0.4s ease-out, display 0.4s ease-in;*/\n margin-bottom: 1em;\n display: none;\n}\n\n.collapsible-content pre.highlight {\n margin: 0\n}"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index da097b2..03a39e6 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,10 +1,10 @@ *::-webkit-scrollbar-track { - box-shadow: inset 0 0 0 6px transparent; + box-shadow: inset 0 0 0 6px #fdefd0; border-radius: 8px; } *::-webkit-scrollbar-thumb { - background: transparent; + background: #edce9e; border-radius: 8px; } @@ -19,7 +19,7 @@ } *:hover::-webkit-scrollbar-track { - box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 6px #fdefd0; + box-shadow: inset 0 0 0 1px #fdefd0, inset 0 0 0 6px #fdefd0; } *:hover::-webkit-scrollbar-thumb { diff --git a/assets/images/super_mario_bros/sheeprl-smb_3.png b/assets/images/super_mario_bros/sheeprl-smb_3.png new file mode 100644 index 0000000..de005f7 Binary files /dev/null and b/assets/images/super_mario_bros/sheeprl-smb_3.png differ diff --git a/assets/videos/super_mario_dreamerV3.mp4 b/assets/videos/super_mario_dreamerV3.mp4 new file mode 100644 index 0000000..c3f7a28 Binary files /dev/null and b/assets/videos/super_mario_dreamerV3.mp4 differ