gemini - m.smol.pub

<!doctype html><html lang=en><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Site.js</title><link rel=icon href=data:,><style>.hljs{display:block;overflow-x:auto;padding:.5em;color:#333;background:#f6f8fa}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#005cc5}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:teal}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900}.hljs-class .hljs-title,.hljs-type{color:#458;font-weight:700}.hljs-attribute,.hljs-name,.hljs-tag{color:navy;font-weight:400}.hljs-link,.hljs-regexp{color:#009926}.hljs-bullet,.hljs-symbol{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999;font-weight:700}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root{--alert-height:2.75rem}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}html{font-size:clamp(100%,2vw,125%);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Cantarell,Ubuntu,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5}body{max-width:960px;color:#304349;margin-left:auto;margin-right:auto}aside,p{margin-bottom:1em}aside,aside p{font-style:italic;font-size:1rem}h1{font-size:5rem;text-align:center;font-weight:200;padding-top:.25em;margin-bottom:.25em}h1>strong{font-weight:400}h2{font-size:2.5rem;margin-top:.75em;margin-bottom:.25em;font-weight:300}h2+h3{margin-top:0}h3{font-size:1.5rem;margin-bottom:1rem}ol li::marker{font-size:1.5rem;font-weight:500;line-height:1.5;margin-bottom:.5em}h4{font-size:1rem;font-weight:500;line-height:1.5;margin-top:1em;margin-bottom:.5em}strong{font-weight:600}a{color:#334b4c;text-decoration:underline;text-decoration-color:#ccd6ce;text-decoration-thickness:.2em;text-underline-offset:.25em}a:hover{color:#466b6a}ol{list-style-type:decimal}main ol li{margin-bottom:1.5em}aside>ol,ol ol{list-style-type:lower-roman}aside>ol li::marker,ol ol li::marker{font-size:1em;font-weight:400}code,code span,pre{font-family:SFMono-Regular,Consolas,"Fira Code","Liberation Mono",Menlo,Courier,monospace!important;background-color:#eaeaea!important}pre{line-height:1.5;margin-left:-1em;margin-right:-1em;padding-left:1em;padding-right:.5em;padding-top:.5em;padding-bottom:.5em;border-radius:.5em}aside pre{border-radius:0;padding-left:2.5em}code[class*=language-],pre,pre code span,pre[class*=language-]{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.preserve-whitespace{white-space:pre}.hidden{display:none}#platform-tabs{text-align:center;border-bottom:.25em solid #add8e6;margin-bottom:2em}#platform-tabs li{display:inline-block;margin-left:.25em}#platform-tabs li:first-of-type{margin-left:0}#platform-tabs li button.active{background-color:#add8e6}#platform-tabs li button{font-family:inherit;font-size:1.5em;border:none;background-color:transparent;padding-left:2rem;padding-right:2rem;padding-top:.75rem;padding-bottom:.75rem;margin:0;color:#304349}.hljs-attribute,.hljs-name,.hljs-tag{font-weight:inherit}.hljs-meta{font-weight:inherit}#small-web-details h3,header h2{font-size:2em;font-weight:300;text-align:center;margin-top:-.5em;margin-bottom:2.25em}header h2{padding-left:1em;padding-right:1em}#header-image{margin-top:-2em}nav{font-size:1.25em;text-align:center;margin-top:-4%;background-color:#e6e6e6;padding-top:1.75em;padding-bottom:.5em}nav>ul{list-style:none;padding-left:.25em;padding-right:.25em}nav a,nav li{color:#4d7072}nav a:hover{color:#334b4c;border-bottom:2px solid #334b4c}nav li{display:inline;padding-right:1em;line-height:1.5}nav a{text-decoration:none}nav li:last-of-type{padding-right:0}nav li.selected{color:#151d1f}#small-web-details li,aside{border:.25em solid #d3d3d3;background-color:#fff;border-radius:1em;padding:1em}aside{margin-left:-1.5em;margin-right:-1.5em;margin-top:2em;margin-bottom:2em;padding-bottom:0}aside::before{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCEtLSBHZW5lcmF0b3I6IEdyYXZpdC5pbyAtLT48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgdmlld0JveD0iNjcwLjUgMjg5LjE0OSA1MTkgMzU0IiB3aWR0aD0iNTE5cHQiIGhlaWdodD0iMzU0cHQiPjxkZWZzPjxjbGlwUGF0aCBpZD0iX2NsaXBQYXRoXzFnS3lBa2xncnFqY3VGRktaMXc2QzVaWjFrejdFRTJRIj48cmVjdCB4PSI2NzAuNSIgeT0iMjg5LjE0OSIgd2lkdGg9IjUxOS4yMzkiIGhlaWdodD0iMzU0LjA1NSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcFBhdGhfMWdLeUFrbGdycWpjdUZGS1oxdzZDNVpaMWt6N0VFMlEpIj48Zz48cGF0aCBkPSIgTSA5ODYuNTczIDU0Mi44NjMgQyA5NTYuOTI2IDU2NC4wMzIgOTI5LjU2NCA1ODkuNDQ5IDkyOC45MTEgNjQzLjIwNSBMIDkyOC45MTEgNjQzLjIwNSBMIDkwMi45MTQgNjQzLjIwNSBDIDkwMS43MDggNjAwLjAyNiA4OTIuMzIgNTU5LjgzMyA4NzUuMDIzIDUyMi45NzkgTCA4OTkuOTAyIDUxNS41NDUgTCA4OTkuODk3IDUxNS41NyBMIDg5OS45MDIgNTE1LjU0NSBDIDkwOS4xMjcgNTM1Ljk3NCA5MTYuMTU1IDU1Ny4yOTUgOTIwLjg2NCA1NzkuMTg3IEMgOTM2LjAxOSA1NTAuNTQ0IDk1OC45MDQgNTMwLjE0NyA5ODEuNjYxIDUxNS44MjggTCA5ODYuNTczIDU0Mi44NjMgTCA5ODYuNTczIDU0Mi44NjMgWiAiIGZpbGw9InJnYigxNDQsNjcsNykiLz48cGF0aCBkPSIgTSA5ODYuNzUxIDU0Mi43MzQgQyA5OTcuMDczIDU0OC41ODEgMTAzMy4wNzYgNTY3LjE4NyAxMDcxLjgyNCA1NjcuMTg3IEMgMTA4NC4xMiA1NjcuMTg3IDEwOTYuNzgyIDU2NS4zMTkgMTEwOC44NyA1NjAuNTMxIEMgMTE2NS4wNzggNTM4LjQ2MiAxMTg2LjI1MiA0NjQuMjY5IDExODcuMTU3IDQ2MS4xMzQgTCAxMTg5LjczOSA0NTEuNzEyIEwgMTE4MS40MTUgNDQ2LjYxNyBDIDExNzguNjQgNDQ0Ljk0OSAxMTEyLjU2IDQwNC45ODYgMTA1Ni40MDIgNDI3LjEwNCBDIDEwMTIuMjk4IDQ0NC41IDk4OS44MjIgNDkzLjc5MyA5ODEuNzU1IDUxNS43NjMgTCA5ODYuNTczIDU0Mi44NjMgQyA5ODYuNjkyIDU0Mi43NzUgOTg2LjYzMiA1NDIuODE5IDk4Ni41NzMgNTQyLjg2MyBMIDk4Ni43NTEgNTQyLjczNCBaICIgZmlsbD0icmdiKDE2NCwxOTksMTE4KSIvPjxwYXRoIGQ9IiBNIDg5OS45MDIgNTE1LjU0NSBMIDkwMC43NTggNTEwLjU3OSBDIDkwMS41NTkgNTA1Ljg5NiA5MTkuNzU2IDM5NC43NTYgODYwLjEyNiAzMzQuNDY5IEMgODIyLjgzMiAyOTYuNzY1IDc2NS4zNjMgMjg5LjMwNiA3MjYuMzUzIDI4OS4xNTIgTCA3MjYuMzUzIDI4OS4xNTIgQyA3MDIuOTU4IDI4OS4wNDkgNjg2LjE4NiAyOTEuNjE2IDY4NC40MTUgMjkxLjkyOCBMIDY3NS4yOTUgMjkzLjM4MSBMIDY3My43MzIgMzAyLjQ1MiBDIDY3Mi45MjEgMzA3LjE5MSA2NTQuNzI0IDQxOC4zMzEgNzE0LjQwNCA0NzguNjI5IEMgNzUyLjA1OCA1MTYuNjI5IDgxMC4yNzkgNTIzLjg4IDg0OS4yODkgNTIzLjg4IEMgODU5LjQxOCA1MjMuODggODY4LjEzOCA1MjMuNDMgODc0Ljk1NCA1MjIuODIxIEMgODc1LjAwNCA1MjIuOTI2IDg3NC45NzkgNTIyLjg3NiA4NzQuOTU0IDUyMi44MjEgTCA4OTkuOTAyIDUxNS41NDUgTCA4OTkuOTAyIDUxNS41NDUgWiAiIGZpbGw9InJnYigxNjQsMTk5LDExOCkiLz48L2c+PC9nPjwvc3ZnPg==);background-color:#dcdcdc;background-repeat:no-repeat;border-radius:1.5em;padding:1.5em;background-position:50% 50%;background-size:2em 2em;float:left;margin-right:1em;margin-bottom:.5em;vertical-align:middle;width:2em;height:2em;content:''}#small-web h2,.highlights h2,main h2{text-align:center;margin-top:4rem;margin-bottom:4rem;border-top:1px solid gray;border-bottom:1px solid gray;padding-top:1em;padding-bottom:1em;width:75%;margin-left:auto;margin-right:auto}#small-web-details{display:flex;justify-content:space-between}#small-web-details li{display:flex;flex-direction:column;justify-content:space-between;flex-basis:32%}#small-web-details li h3{margin-bottom:1em}#small-web-details li p{margin-top:1em;text-align:center}#small-web-details h3{margin:0;padding:0}#small-web-details li img{max-width:100%}#news{margin-top:3em}#news p{margin-left:1.5rem;margin-right:.5rem}.highlights ul{display:grid;grid-template-columns:47.5% 47.5%;grid-column-gap:5%;margin-left:auto;margin-right:auto}.highlights li{font-size:1.5em;list-style-type:none;margin-bottom:.5em}.highlights li:last-of-type,.highlights li:last-of-type p,.highlights li:nth-last-of-type(2),.highlights li:nth-last-of-type(2) p{margin-bottom:0}.highlights li p{margin-left:2.3em}.highlights h3{margin-bottom:.15rem}.highlights h3::before{content:'';display:inline-block;background-repeat:no-repeat;height:1.5rem;width:1.5rem;margin-right:.75rem;vertical-align:-.2rem}#features h3::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PHBhdGggZmlsbD0iIzc3QjI1NSIgZD0iTTM2IDMyYzAgMi4yMDktMS43OTEgNC00IDRINGMtMi4yMDkgMC00LTEuNzkxLTQtNFY0YzAtMi4yMDkgMS43OTEtNCA0LTRoMjhjMi4yMDkgMCA0IDEuNzkxIDQgNHYyOHoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMjkuMjggNi4zNjJjLTEuMTU2LS43NTEtMi43MDQtLjQyMi0zLjQ1OC43MzZMMTQuOTM2IDIzLjg3N2wtNS4wMjktNC42NWMtMS4wMTQtLjkzOC0yLjU5Ni0uODc1LTMuNTMzLjEzOC0uOTM3IDEuMDE0LS44NzUgMi41OTYuMTM5IDMuNTMzbDcuMjA5IDYuNjY2Yy40OC40NDUgMS4wOS42NjUgMS42OTYuNjY1LjY3MyAwIDEuNTM0LS4yODIgMi4wOTktMS4xMzkuMzMyLS41MDYgMTIuNS0xOS4yNyAxMi41LTE5LjI3Ljc1MS0xLjE1OS40MjEtMi43MDctLjczNy0zLjQ1OHoiLz48L3N2Zz4=)}#further-reading h3::before{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PHBhdGggZmlsbD0iIzI2OSIgZD0iTTMyIDdINGMtMi4yMDkgMC00IDEuNzkxLTQgNHYxNWMwIDIuMjA5IDEuNzkxIDQgNCA0aDExLjQxNmMuNTIuNTk2IDEuNDc3IDEgMi41ODQgMXMyLjA2NS0uNDA0IDIuNTg0LTFIMzJjMi4yMDkgMCA0LTEuNzkxIDQtNFYxMWMwLTIuMjA5LTEuNzkxLTQtNC00eiIvPjxwYXRoIGZpbGw9IiMyOTJGMzMiIGQ9Ik0yMCAyN2MwIDEuMTA0LS44OTYgMi0yIDJzLTItLjg5Ni0yLTJWOWMwLTEuMTA0Ljg5Ni0yIDItMnMyIC44OTYgMiAydjE4eiIvPjxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0xOCAyNmMwIDEuMTA0LS44OTYgMi0yIDJINGMtMS4xMDQgMC0yLS44OTYtMi0yVjhjMC0xLjEwNC44OTYtMiAyLTJoMTJjMS4xMDQgMCAyIC44OTYgMiAydjE4eiIvPjxwYXRoIGZpbGw9IiNFMUU4RUQiIGQ9Ik0xOCAyNmMtLjk5OS0xLjk5OC0zLjY1Ny0yLTQtMi0yIDAtNSAyLTggMi0xIDAtMi0uODk2LTItMlY4YzAtMS4xMDQgMS0yIDItMiAzLjI1NSAwIDYtMiA4LTIgMyAwIDQgMS44OTYgNCAzdjE5eiIvPjxwYXRoIGZpbGw9IiM5OUFBQjUiIGQ9Ik0zNCAyNmMwIDEuMTA0LS44OTYgMi0yIDJIMjBjLTEuMTA0IDAtMi0uODk2LTItMlY4YzAtMS4xMDQuODk2LTIgMi0yaDEyYzEuMTA0IDAgMiAuODk2IDIgMnYxOHoiLz48cGF0aCBmaWxsPSIjQ0NENkREIiBkPSJNMTggMjZjLjk5OS0xLjk5OCAzLjY1Ny0yIDQtMiAyIDAgNSAyIDggMiAxIDAgMi0uODk2IDItMlY4YzAtMS4xMDQtMS0yLTItMi0zLjI1NiAwLTYtMi04LTItMyAwLTQgMS44OTYtNCAzdjE5eiIvPjwvc3ZnPg==)}footer,main{padding-left:3rem;padding-right:3rem}footer p,main li,main p{font-size:1rem;line-height:1.5;margin-bottom:1em}main li{margin-bottom:0}.introduction{margin-bottom:3rem}.introduction p{font-size:1.25em;font-weight:300}#copy-alert{display:block;background-color:gray;color:#f5f5f5;height:var(--alert-height);position:fixed;text-align:center;top:calc(var(--alert-height) * -1);left:0;width:100%;padding:0;margin:0}#copy-alert p{margin-top:.75rem;font-size:1.25rem;line-height:1}.show-copy-alert{animation:show-copy-alert .3s ease forwards}.hide-copy-alert{animation:hide-copy-alert .3s ease forwards}@keyframes show-copy-alert{0%{opacity:0}50%{opacity:1}100%{top:0}}@keyframes hide-copy-alert{0%{opacity:1;top:0}50%{top:calc(var(--alert-height) * -1)}100%{opacity:0}}#about{margin-bottom:3rem}footer{margin-bottom:2rem}#copyright{margin-top:1em;text-align:center}#logo{display:block;width:10%;margin-left:auto;margin-right:auto}@media (hover:hover){.just-tap{display:none}.click-and-tap{display:none}}@media (hover:none){.just-click{display:none}.click-and-tap{display:none}}@media(max-width:768px){footer,main{padding-left:1rem;padding-right:1rem}aside{margin-left:0;margin-right:0}ol{counter-reset:index}ol li{counter-increment:index;list-style-type:none}ol li p{margin-left:1.5rem;margin-right:.5rem}aside{padding-left:0}aside::before{margin-left:1.5rem}aside pre{margin-left:0;padding-left:1.5rem}pre{margin-left:-1rem;margin-right:-1rem;padding-left:2.5rem;padding-right:2.5rem;border-radius:0}ol li>h3:first-of-type::before{content:counter(index) '. '}ol ol li p:first-of-type::before{content:counter(index,lower-roman) '. '}}@media(max-width:615px){#small-web-details{flex-wrap:wrap}h1{font-size:4rem}header h2{font-size:1.6em}nav li{padding-right:.5em}#small-web h2,.highlights h2,main h2{width:90%}#small-web-details li{flex-basis:100%;margin-bottom:2em}#small-web-details li:last-of-type{margin-bottom:0}#small-web-details li h3{font-size:3rem}#small-web-details li p{font-size:1.5rem;margin-top:1.5em;text-align:center}.highlights ul{grid-template-columns:100%}.highlights li:nth-last-of-type(2){margin-bottom:.5em}.highlights li:nth-last-of-type(2) p{margin-bottom:1em}}@media(max-width:472px){#platform-tabs li button{font-size:1.25em;padding-left:1rem;padding-right:1rem}}@media(max-width:367px){header h2{font-size:1.4em}}@media(max-width:361px){nav,nav a,nav li{font-size:1em;font-weight:500}}@media(max-width:337px){#platform-tabs li button{font-size:1em;font-weight:500}}</style><div id=copy-alert class=hidden><p>Copied!</div><header><h1><strong>Site</strong>.js</h1><h2>Small Web construction set.</h2><img src=data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3C!--%20Generator%3A%20Gravit.io%20--%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%22-504%201598.051%20794.259%20325.488%22%20width%3D%22794.259pt%22%20height%3D%22325.488pt%22%3E%3Cg%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-106.87055999999973%22%20cy%3D%221895.3338812499994%22%20rx%3D%22397.1294400000001%22%20ry%3D%2228.205220000000054%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cpath%20d%3D%22%20M%20-417.128%201911.129%20C%20-352.373%201899.603%20-281.56%201901.519%20-207.281%201911.129%20C%20-241.137%201882.548%20-270.356%201853.966%20-236.5%201825.385%20C%20-302.54%201839.009%20-311.789%201837.63%20-385.252%201825.385%20C%20-368.213%201853.966%20-400.089%201882.548%20-417.128%201911.129%20Z%20%22%20fill%3D%22rgb(187%2C187%2C191)%22%2F%3E%3Cpath%20d%3D%22%20M%20-401.333%201898.935%20C%20-346.326%201889.735%20-286.174%201891.265%20-223.076%201898.935%20C%20-251.835%201876.121%20-276.656%201853.307%20-247.897%201830.493%20C%20-303.994%201841.368%20-311.852%201840.267%20-374.256%201830.493%20C%20-359.782%201853.307%20-386.859%201876.121%20-401.333%201898.935%20Z%20%22%20fill%3D%22rgb(204%2C204%2C204)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-380.3815099999989%22%20cy%3D%221832.8669012499993%22%20r%3D%2229.30908999999997%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-247.332%201798.872%20L%20-267.64%201802.257%20L%20-277.794%201831.59%20L%20-248.461%201849.642%20L%20-214.614%201798.872%20L%20-246.204%201798.872%20L%20-247.332%201798.872%20L%20-247.332%201798.872%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-304.87116999999887%22%20cy%3D%221796.615631249998%22%20r%3D%2247.38476000000003%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-43.127%201624%20C%20-43.127%201624%2071.951%201636.41%2092.258%201634.154%20C%2092.258%201634.154%20121.592%201629.641%20121.592%201629.641%20C%20121.592%201629.641%20135.13%201647.692%20128.361%201655.59%20C%20124.57%201660.14%20119.982%201663.963%20114.822%201666.872%20C%20114.822%201666.872%20102.412%201663.487%2093.386%201666.872%20C%2093.386%201666.872%20-7.024%201684.923%20-22.819%201671.384%20C%20-38.614%201657.846%20-43.127%201624%20-43.127%201624%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-51.024%201875.59%20C%20-51.024%201875.59%2024.566%201854.154%2038.104%201759.385%20L%2038.104%201750.359%20C%2038.104%201750.359%2053.06%201776.597%2058.412%201781.949%20C%2064.617%201788.154%2086.617%201844%2085.489%201849.641%20C%2084.361%201855.282%2085.489%201857.539%2085.489%201857.539%20L%20118.207%201854.154%20L%20118.207%201844%20C%20118.207%201844%20100.72%201791.539%2099.592%201779.128%20C%2099.592%201779.128%2056.156%201680.41%2056.156%201680.41%20C%2056.156%201680.41%2040.361%201647.692%2013.284%201680.41%20C%2013.284%201680.41%20-16.05%201735.692%20-16.05%201735.692%20L%20-51.024%201803.385%20L%20-51.024%201875.59%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20118.207%201626.256%20L%20154.31%201613.846%20C%20154.31%201613.846%20188.156%201589.025%20180.259%201613.846%20C%20180.259%201613.846%20136.258%201692.82%20126.105%201687.179%20C%20126.105%201687.179%20103.739%201667.536%20106.46%201665.512%20C%20109.181%201663.487%20127.233%201648.82%20118.207%201626.256%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20113.843%201837.34%20L%20142.987%201851.573%20C%20142.987%201851.573%20178.231%201856.995%20158.576%201867.161%20C%20158.576%201867.161%2084.699%201888.172%2081.988%201878.683%20C%2081.988%201878.683%2080.353%201853.447%2083.204%201853.865%20C%2086.055%201854.284%20105.71%201856.317%20113.843%201837.34%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-36.358%201801.128%20C%20-36.358%201801.128%20-21.691%201864.308%20-46.511%201877.847%20C%20-71.332%201891.385%20-245.076%201893.642%20-258.615%201868.821%20C%20-272.153%201844%20-265.384%201844%20-265.384%201844%20L%20-229.281%201803.385%20L%20-258.615%201801.128%20C%20-258.615%201801.128%20-258.615%201792.103%20-248.461%201790.975%20C%20-248.461%201790.975%20-206.717%201778.564%20-179.64%201786.462%20C%20-179.64%201786.462%20-136.768%201770.667%20-136.768%201770.667%20L%20-36.358%201801.128%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-17.178%201603.692%20L%202.002%201708.616%20L%20-129.999%201692.821%20L%20-153.691%201598.051%20L%20-17.178%201603.692%20L%20-17.178%201603.692%20Z%20%22%20fill%3D%22rgb(63%2C61%2C86)%22%2F%3E%3Cpath%20d%3D%22%20M%20-21.127%201607.641%20L%20-5.332%201701.282%20L%20-125.486%201687.18%20L%20-148.614%201602%20L%20-21.127%201607.641%20L%20-21.127%201607.641%20Z%20%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3Cpath%20d%3D%22%20M%20-2.511%201709.744%20L%202.002%201708.616%20L%204.258%201713.128%20L%20-31.845%201813.539%20L%20-35.24%201812.241%20L%20-36.357%201805.642%20L%20-2.511%201709.744%20L%20-2.511%201709.744%20Z%20%22%20fill%3D%22rgb(128%2C128%2C128)%22%2F%3E%3Cpath%20d%3D%22%20M%202.002%201707.487%20L%20-34.101%201812.411%20L%20-170.614%201792.103%20L%20-129.999%201692.821%20L%202.002%201707.487%20L%202.002%201707.487%20Z%20%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Cpath%20d%3D%22%20M%20-16.05%201704.103%20L%20-16.05%201709.744%20L%20-116.46%201698.462%20L%20-115.332%201692.821%20L%20-16.05%201704.103%20L%20-16.05%201704.103%20Z%20%22%20fill%3D%22rgb(67%2C67%2C69)%22%2F%3E%3Cpath%20d%3D%22%20M%20-18.306%201715.385%20L%20-34.101%201759.385%20L%20-136.768%201746.975%20L%20-118.717%201705.231%20L%20-18.306%201715.385%20L%20-18.306%201715.385%20Z%20%22%20fill%3D%22rgb(67%2C67%2C69)%22%2F%3E%3Cpath%20d%3D%22%20M%20-146.922%201777.436%20L%20-143.537%201768.41%20C%20-143.537%201768.41%20-117.589%201723.282%20-104.05%201732.308%20C%20-104.05%201732.308%20-132.255%201785.334%20-132.255%201785.334%20L%20-145.794%201785.334%20L%20-146.922%201777.436%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-61.178%201784.205%20L%20-57.793%201770.667%20C%20-57.793%201770.667%20-48.768%201728.923%20-64.563%201731.18%20C%20-64.563%201731.18%20-84.87%201772.923%20-84.87%201772.923%20L%20-83.742%201781.949%20L%20-61.178%201784.205%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-88.255%201778.564%20C%20-88.255%201778.564%20-58.922%201774.051%20-57.793%201780.821%20C%20-57.793%201780.821%20-51.024%201889.129%20-79.229%201892.513%20C%20-79.229%201892.513%20-247.333%201910.565%20-232.666%201875.59%20C%20-232.666%201875.59%20-195.435%201845.129%20-195.435%201845.129%20L%20-99.537%201855.282%20L%20-88.255%201778.564%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-176.819%201791.539%20L%20-146.922%201770.667%20L%20-127.178%201785.898%20L%20-151.999%201812.975%20L%20-176.819%201791.539%20L%20-176.819%201791.539%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cg%20opacity%3D%220.2%22%3E%3Cpath%20d%3D%22%20M%20-96.717%201811.847%20L%20-101.229%201854.719%20L%20-179.076%201850.206%20L%20-111.383%201849.078%20L%20-96.717%201811.847%20L%20-96.717%201811.847%20Z%20%22%20fill%3D%22rgb(0%2C0%2C0)%22%2F%3E%3C%2Fg%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-328.2617599999989%22%20cy%3D%221805.2255912500023%22%20r%3D%2256.41042999999996%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-64.654%201669.187%20C%20-70.349%201671.476%20-75.838%201674.552%20-78.079%201683.328%20L%20-78.079%201683.328%20L%20-82.336%201682.296%20C%20-80.819%201675.178%20-80.761%201668.224%20-82.13%201661.503%20L%20-77.761%201661.273%20L%20-77.763%201661.277%20L%20-77.761%201661.273%20C%20-77.062%201664.984%20-76.757%201668.755%20-76.855%201672.526%20C%20-73.237%201668.438%20-68.68%201666.006%20-64.385%201664.565%20L%20-64.654%201669.187%20L%20-64.654%201669.187%20Z%20%22%20fill%3D%22rgb(144%2C67%2C7)%22%2F%3E%3Cpath%20d%3D%22%20M%20-64.62%201669.173%20C%20-63.161%201670.54%20-58.005%201675.016%20-51.66%201676.554%20C%20-49.647%201677.042%20-47.499%201677.238%20-45.33%201676.934%20C%20-35.25%201675.552%20-28.838%201664.244%20-28.565%201663.766%20L%20-27.768%201662.326%20L%20-28.929%201661.161%20C%20-29.317%201660.778%20-38.551%201651.611%20-48.625%201653.004%20C%20-56.537%201654.101%20-62.174%201661.281%20-64.367%201664.558%20L%20-64.654%201669.187%20C%20-64.631%201669.177%20-64.642%201669.182%20-64.654%201669.187%20L%20-64.62%201669.173%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Cpath%20d%3D%22%20M%20-77.761%201661.273%20L%20-77.424%201660.494%20C%20-77.107%201659.759%20-69.716%201642.283%20-77.087%201630.044%20C%20-81.697%201622.389%20-90.811%201618.887%20-97.192%201617.313%20L%20-97.192%201617.313%20C%20-101.019%201616.367%20-103.867%201616.122%20-104.17%201616.103%20L%20-105.721%201615.979%20L%20-106.337%201617.402%20C%20-106.658%201618.146%20-114.049%201635.622%20-106.67%201647.865%20C%20-102.013%201655.582%20-92.768%201659.08%20-86.38%201660.629%20C%20-84.721%201661.031%20-83.276%201661.303%20-82.135%201661.474%20C%20-82.131%201661.493%20-82.133%201661.484%20-82.135%201661.474%20L%20-77.761%201661.273%20L%20-77.761%201661.273%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E id=header-image alt=""><nav><ul><li class=selected>Home<li><a href=https://github.com/small-tech/site.js>Source</a><li><a href=https://github.com/small-tech/site.js/blob/master/README.md>Docs</a><li><a href=https://github.com/small-tech/site.js/issues>Issues</a><li><a href=https://small-tech.org/fund-us>Fund Us!</a></ul></nav></header><main><aside id=news><h3><strong>New:</strong> Site.js ❤️ Owncast</h3><img src=/images/other/owncast-splash.png alt="Owncast running on a laptop and a phone. The screens show Gabe’s Owncast Server. He’s playing a track called The Second Wave: Fallen Star (original mix). There are chat messages filling up one side of the screen."><p>Site.js is now the easiest way to set up and run your own <a href=https://owncast.online>Owncast</a> instance.<p><strong>On your production server, run:</strong><pre><code>site enable --owncast</code></pre><p><em>That’s it!</em><p>This will <a href=https://owncast.online/quickstart/ >install Owncast</a>, <a href=https://owncast.online/docs/systemservice/ >set it up as a systemd service</a>, and <a href=https://owncast.online/docs/sslproxies/ >serve it securely</a> at your hostname.<p>As usual, your <a href=https://letsencrypt.org/ >Let’s Encrypt</a> certificates will be automatically provisioned when you first hit your server and get renewed automatically for you from there on.<hr><p><small>Note that while Site.js will get automatic updates, Owncast will not. However, newer versions of Site.js will always include the latest Owncast install script. Currently, to update Owncast, simply disable your server using <code>site disable</code> and re-enable it using the command above.</small></aside><section id=small-web><h2><strong>The Small Web is for people</strong> <small>(not startups, enterprises, or governments).</small></h2><ul id=small-web-details><li><h3>One person.</h3><img src=data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3C!--%20Generator%3A%20Gravit.io%20--%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%22-292.5%201489%20480%20480%22%20width%3D%22480pt%22%20height%3D%22480pt%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22_clipPath_wQSC5trgLp4n2yYlB3zLonVaFPQEvM5I%22%3E%3Crect%20x%3D%22-314%22%20y%3D%221066%22%20width%3D%221643%22%20height%3D%221137%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23_clipPath_wQSC5trgLp4n2yYlB3zLonVaFPQEvM5I)%22%3E%3Cg%3E%3Cg%20style%3D%22mix-blend-mode%3Anormal%3B%22%20opacity%3D%220.62%22%3E%3Cpath%20d%3D%22M%20852.846%201324%20L%201282.154%201324%20C%201304.697%201324%201323%201342.303%201323%201364.846%20L%201323%202156.154%20C%201323%202178.697%201304.697%202197%201282.154%202197%20L%20852.846%202197%20C%20830.303%202197%20812%202178.697%20812%202156.154%20L%20812%201364.846%20C%20812%201342.303%20830.303%201324%20852.846%201324%20Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23D3D3D3%3Bstroke-width%3A12%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A2%3B%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C874.49%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EHost%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C964.461%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20own%20site%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C1224.87%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eat%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C899.675%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20own%20domain%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C1223.479%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3E.%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C947.218%2C1432.422)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A300%3Bfont-size%3A60px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EOne%20site.%3C%2Ftext%3E%3C%2Fg%3E%3Cg%3E%3Cg%20style%3D%22mix-blend-mode%3Anormal%3B%22%20opacity%3D%220.62%22%3E%3Cpath%20d%3D%22M%20292.846%201324%20L%20722.154%201324%20C%20744.697%201324%20763%201342.303%20763%201364.846%20L%20763%202156.154%20C%20763%202178.697%20744.697%202197%20722.154%202197%20L%20292.846%202197%20C%20270.303%202197%20252%202178.697%20252%202156.154%20L%20252%201364.846%20C%20252%201342.303%20270.303%201324%20292.846%201324%20Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23D3D3D3%3Bstroke-width%3A12%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A2%3B%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C298.232%2C2064.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3ESync%20and%20deploy%20to%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C633.779%2C2064.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C425.536%2C2115.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eown%20VPS%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C581.702%2C2115.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3E.%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C346.465%2C1432.764)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A300%3Bfont-size%3A60px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EOne%20server.%3C%2Ftext%3E%3C%2Fg%3E%3Cg%3E%3Cg%20style%3D%22mix-blend-mode%3Anormal%3B%22%20opacity%3D%220.62%22%3E%3Cpath%20d%3D%22M%20-267.154%201324%20L%20162.154%201324%20C%20184.697%201324%20203%201342.303%20203%201364.846%20L%20203%202156.154%20C%20203%202178.697%20184.697%202197%20162.154%202197%20L%20-267.154%202197%20C%20-289.697%202197%20-308%202178.697%20-308%202156.154%20L%20-308%201364.846%20C%20-308%201342.303%20-289.697%201324%20-267.154%201324%20Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23D3D3D3%3Bstroke-width%3A12%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A2%3B%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C-226.396%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EDevelop%20and%20test%20on%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C-209.269%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20own%20device%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C92.422%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3E.%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C-220.756%2C1432.422)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A300%3Bfont-size%3A60px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EOne%20person.%3C%2Ftext%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Crect%20x%3D%22890.662%22%20y%3D%221590.205%22%20width%3D%22353.827%22%20height%3D%22293.795%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Crect%20x%3D%22912.257%22%20y%3D%221624.194%22%20width%3D%22310.629%22%20height%3D%22236.566%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(255%2C255%2C255)%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%224%22%20stroke%3D%22rgb(47%2C46%2C65)%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%20stroke-miterlimit%3D%222%22%2F%3E%3Crect%20x%3D%22890.511%22%20y%3D%221590%22%20width%3D%22353.827%22%20height%3D%2215.378%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22901.6814981599689%22%20cy%3D%221597.861927348326%22%20rx%3D%223.017381787296131%22%20ry%3D%223.0868167591886504%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22912.2566092966765%22%20cy%3D%221597.861927348326%22%20rx%3D%223.017381787296131%22%20ry%3D%223.0868167591886504%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22922.83172043338%22%20cy%3D%221597.861927348326%22%20rx%3D%223.017381787296131%22%20ry%3D%223.0868167591886504%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22%20M%201089.183%201768.239%20C%201077.796%201776.557%201067.287%201786.544%201067.036%201807.666%20L%201067.036%201807.666%20L%201057.051%201807.666%20C%201056.587%201790.7%201052.982%201774.907%201046.338%201760.426%20L%201055.894%201757.505%20L%201055.892%201757.515%20L%201055.894%201757.505%20C%201059.437%201765.532%201062.136%201773.91%201063.945%201782.512%20C%201069.766%201771.257%201078.556%201763.242%201087.297%201757.616%20L%201089.183%201768.239%20L%201089.183%201768.239%20Z%20%22%20fill%3D%22rgb(144%2C67%2C7)%22%2F%3E%3Cpath%20d%3D%22%20M%201089.252%201768.188%20C%201093.216%201770.485%201107.044%201777.797%201121.927%201777.797%20C%201126.65%201777.797%201131.513%201777.062%201136.156%201775.181%20C%201157.745%201766.509%201165.878%201737.357%201166.225%201736.125%20L%201167.217%201732.423%20L%201164.02%201730.421%20C%201162.954%201729.766%201137.573%201714.063%201116.004%201722.754%20C%201099.064%201729.589%201090.431%201748.958%201087.333%201757.591%20L%201089.183%201768.239%20C%201089.229%201768.204%201089.206%201768.221%201089.183%201768.239%20L%201089.252%201768.188%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Cpath%20d%3D%22%20M%201055.894%201757.505%20L%201056.223%201755.554%20C%201056.53%201753.713%201063.519%201710.044%201040.616%201686.355%20C%201026.292%201671.54%201004.219%201668.609%20989.235%201668.549%20L%20989.235%201668.549%20C%20980.25%201668.508%20973.808%201669.517%20973.127%201669.639%20L%20969.624%201670.21%20L%20969.024%201673.775%20C%20968.713%201675.637%20961.723%201719.306%20984.646%201742.999%20C%20999.108%201757.931%201021.47%201760.78%201036.454%201760.78%20C%201040.344%201760.78%201043.694%201760.603%201046.311%201760.364%20C%201046.331%201760.405%201046.321%201760.385%201046.311%201760.364%20L%201055.894%201757.505%20L%201055.894%201757.505%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22461.9715277777773%22%20cy%3D%221801.0578240740708%22%20rx%3D%2263.2817129629633%22%20ry%3D%2261.666740740741034%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22476.0023148148164%22%20cy%3D%221906.2257314814801%22%20rx%3D%2252.11435185185212%22%20ry%3D%2250.77426851851874%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22404.9893518518537%22%20cy%3D%221858.8990277777734%22%20rx%3D%2252.11435185185212%22%20ry%3D%2250.7857222222226%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22617.4555555555542%22%20cy%3D%221855.4629166666664%22%20rx%3D%2244.66944444444471%22%20ry%3D%2243.53552777777804%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22557.896296296297%22%20cy%3D%221890.5799722222223%22%20rx%3D%2244.66944444444471%22%20ry%3D%2243.53552777777804%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22561.6187500000012%22%20cy%3D%221820.895638888888%22%20rx%3D%2248.39189814814847%22%20ry%3D%2247.14344444444464%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22506.9273148148187%22%20cy%3D%221848.957212962957%22%20rx%3D%2252.11435185185212%22%20ry%3D%2250.7857222222226%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22%20M%20522.11%201564.66%20C%20514.437%201570.139%20507.356%201576.717%20507.187%201590.628%20L%20507.187%201590.628%20L%20500.459%201590.628%20C%20500.147%201579.454%20497.718%201569.052%20493.241%201559.515%20L%20499.68%201557.591%20L%20499.678%201557.597%20L%20499.68%201557.591%20C%20502.067%201562.877%20503.886%201568.395%20505.105%201574.061%20C%20509.027%201566.648%20514.949%201561.369%20520.839%201557.664%20L%20522.11%201564.66%20L%20522.11%201564.66%20Z%20%22%20fill%3D%22rgb(144%2C67%2C7)%22%2F%3E%3Cpath%20d%3D%22%20M%20522.156%201564.627%20C%20524.827%201566.14%20534.145%201570.955%20544.173%201570.955%20C%20547.355%201570.955%20550.632%201570.472%20553.76%201569.233%20C%20568.307%201563.521%20573.786%201544.321%20574.02%201543.509%20L%20574.689%201541.071%20L%20572.534%201539.752%20C%20571.816%201539.321%20554.715%201528.978%20540.181%201534.702%20C%20528.767%201539.204%20522.951%201551.961%20520.863%201557.647%20L%20522.11%201564.66%20C%20522.141%201564.637%20522.125%201564.649%20522.11%201564.66%20L%20522.156%201564.627%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Cpath%20d%3D%22%20M%20499.68%201557.591%20L%20499.901%201556.305%20C%20500.109%201555.093%20504.818%201526.331%20489.386%201510.728%20C%20479.734%201500.971%20464.861%201499.04%20454.766%201499.001%20L%20454.766%201499.001%20C%20448.711%201498.974%20444.371%201499.638%20443.912%201499.719%20L%20441.552%201500.095%20L%20441.148%201502.443%20C%20440.938%201503.669%20436.228%201532.432%20451.673%201548.037%20C%20461.418%201557.871%20476.486%201559.747%20486.581%201559.747%20C%20489.203%201559.747%20491.459%201559.631%20493.223%201559.474%20C%20493.236%201559.501%20493.23%201559.488%20493.223%201559.474%20L%20499.68%201557.591%20L%20499.68%201557.591%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%22401.768%22%20y%3D%221624.124%22%20width%3D%22211.464%22%20height%3D%22157.387%22%20transform%3D%22matrix(0%2C1%2C-1%2C0%2C2210.317%2C1195.317)%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221590.628%22%20width%3D%22211.464%22%20height%3D%2283.94%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221684.254%22%20width%3D%22211.464%22%20height%3D%2283.94%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(204%2C204%2C204)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221777.879%22%20width%3D%22211.464%22%20height%3D%2283.94%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(204%2C204%2C204)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221626.219%22%20width%3D%22211.464%22%20height%3D%2212.914%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221719.844%22%20width%3D%22211.464%22%20height%3D%2212.914%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221813.47%22%20width%3D%22211.464%22%20height%3D%2212.914%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22572.0691691209885%22%20cy%3D%221602.7351315961632%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22589.0185760152486%22%20cy%3D%221602.7351315961632%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22605.9679829095082%22%20cy%3D%221602.7351315961632%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22572.0691691209885%22%20cy%3D%221694.7461975935742%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22589.0185760152486%22%20cy%3D%221694.7461975935742%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22605.9679829095082%22%20cy%3D%221694.7461975935742%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22572.0691691209885%22%20cy%3D%221786.757263590986%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22589.0185760152486%22%20cy%3D%221786.757263590986%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22605.9679829095082%22%20cy%3D%221786.757263590986%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-52.500000000000114%22%20cy%3D%221861.797262081744%22%20rx%3D%22219.5%22%20ry%3D%2215.589490897476708%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cpath%20d%3D%22%20M%20-223.984%201870.527%20C%20-188.193%201864.157%20-149.054%201865.216%20-107.999%201870.527%20C%20-126.711%201854.73%20-142.861%201838.933%20-124.149%201823.135%20C%20-160.649%201830.666%20-165.762%201829.903%20-206.366%201823.135%20C%20-196.948%201838.933%20-214.566%201854.73%20-223.984%201870.527%20Z%20%22%20fill%3D%22rgb(187%2C187%2C191)%22%2F%3E%3Cpath%20d%3D%22%20M%20-215.254%201863.788%20C%20-184.851%201858.703%20-151.604%201859.548%20-116.729%201863.788%20C%20-132.624%201851.178%20-146.343%201838.568%20-130.447%201825.958%20C%20-161.454%201831.969%20-165.797%201831.361%20-200.288%201825.958%20C%20-192.288%201838.568%20-207.254%201851.178%20-215.254%201863.788%20Z%20%22%20fill%3D%22rgb(204%2C204%2C204)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-203.67401904275818%22%20cy%3D%221827.2707306062596%22%20r%3D%2216.19961807666536%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-130.135%201808.481%20L%20-141.36%201810.352%20L%20-146.972%201826.565%20L%20-130.759%201836.542%20L%20-112.052%201808.481%20L%20-129.512%201808.481%20L%20-130.135%201808.481%20L%20-130.135%201808.481%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-161.93820708683762%22%20cy%3D%221807.2340549949058%22%20r%3D%2226.19033940168225%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-17.268%201711.826%20C%20-17.268%201711.826%2046.337%201718.686%2057.562%201717.439%20C%2057.562%201717.439%2073.775%201714.944%2073.775%201714.944%20C%2073.775%201714.944%2081.258%201724.922%2077.516%201729.287%20C%2075.421%201731.802%2072.885%201733.915%2070.033%201735.522%20C%2070.033%201735.522%2063.174%201733.652%2058.185%201735.522%20C%2058.185%201735.522%202.687%201745.5%20-6.043%201738.017%20C%20-14.773%201730.534%20-17.268%201711.826%20-17.268%201711.826%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-21.633%201850.885%20C%20-21.633%201850.885%2020.147%201839.037%2027.63%201786.656%20L%2027.63%201781.667%20C%2027.63%201781.667%2035.896%201796.17%2038.854%201799.128%20C%2042.284%201802.557%2054.444%201833.424%2053.82%201836.542%20C%2053.197%201839.66%2053.82%201840.907%2053.82%201840.907%20L%2071.904%201839.037%20L%2071.904%201833.424%20C%2071.904%201833.424%2062.239%201804.428%2061.615%201797.569%20C%2061.615%201797.569%2037.607%201743.005%2037.607%201743.005%20C%2037.607%201743.005%2028.877%201724.922%2013.911%201743.005%20C%2013.911%201743.005%20-2.302%201773.561%20-2.302%201773.561%20L%20-21.633%201810.976%20L%20-21.633%201850.885%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%2071.904%201713.074%20L%2091.859%201706.214%20C%2091.859%201706.214%20110.566%201692.495%20106.201%201706.214%20C%20106.201%201706.214%2081.881%201749.865%2076.269%201746.747%20C%2076.269%201746.747%2063.907%201735.89%2065.411%201734.771%20C%2066.916%201733.652%2076.893%201725.545%2071.904%201713.074%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%2069.492%201829.743%20L%2085.6%201837.61%20C%2085.6%201837.61%20105.08%201840.607%2094.216%201846.226%20C%2094.216%201846.226%2053.384%201857.839%2051.885%201852.594%20C%2051.885%201852.594%2050.982%201838.646%2052.557%201838.877%20C%2054.133%201839.108%2064.997%201840.232%2069.492%201829.743%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-13.526%201809.728%20C%20-13.526%201809.728%20-5.42%201844.649%20-19.138%201852.132%20C%20-32.857%201859.615%20-128.889%201860.862%20-136.371%201847.143%20C%20-143.854%201833.424%20-140.113%201833.424%20-140.113%201833.424%20L%20-120.158%201810.976%20L%20-136.371%201809.728%20C%20-136.371%201809.728%20-136.371%201804.74%20-130.759%201804.116%20C%20-130.759%201804.116%20-107.687%201797.257%20-92.721%201801.622%20C%20-92.721%201801.622%20-69.025%201792.892%20-69.025%201792.892%20L%20-13.526%201809.728%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-2.926%201700.602%20L%207.676%201758.595%20L%20-65.284%201749.865%20L%20-78.379%201697.484%20L%20-2.926%201700.602%20L%20-2.926%201700.602%20Z%20%22%20fill%3D%22rgb(63%2C61%2C86)%22%2F%3E%3Cpath%20d%3D%22%20M%20-5.108%201702.785%20L%203.622%201754.541%20L%20-62.789%201746.747%20L%20-75.572%201699.667%20L%20-5.108%201702.785%20L%20-5.108%201702.785%20Z%20%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3Cpath%20d%3D%22%20M%205.181%201759.219%20L%207.676%201758.595%20L%208.923%201761.089%20L%20-11.032%201816.588%20L%20-12.909%201815.87%20L%20-13.526%201812.223%20L%205.181%201759.219%20L%205.181%201759.219%20Z%20%22%20fill%3D%22rgb(128%2C128%2C128)%22%2F%3E%3Cpath%20d%3D%22%20M%207.676%201757.971%20L%20-12.279%201815.964%20L%20-87.732%201804.74%20L%20-65.284%201749.865%20L%207.676%201757.971%20L%207.676%201757.971%20Z%20%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Cpath%20d%3D%22%20M%20-2.302%201756.101%20L%20-2.302%201759.219%20L%20-57.8%201752.983%20L%20-57.177%201749.865%20L%20-2.302%201756.101%20L%20-2.302%201756.101%20Z%20%22%20fill%3D%22rgb(67%2C67%2C69)%22%2F%3E%3Cpath%20d%3D%22%20M%20-3.549%201762.336%20L%20-12.279%201786.656%20L%20-69.025%201779.797%20L%20-59.048%201756.724%20L%20-3.549%201762.336%20L%20-3.549%201762.336%20Z%20%22%20fill%3D%22rgb(67%2C67%2C69)%22%2F%3E%3Cpath%20d%3D%22%20M%20-74.637%201796.633%20L%20-72.766%201791.645%20C%20-72.766%201791.645%20-58.424%201766.701%20-50.941%201771.69%20C%20-50.941%201771.69%20-66.531%201800.998%20-66.531%201800.998%20L%20-74.014%201800.998%20L%20-74.637%201796.633%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-27.245%201800.375%20L%20-25.374%201792.892%20C%20-25.374%201792.892%20-20.386%201769.819%20-29.116%201771.066%20C%20-29.116%201771.066%20-40.34%201794.139%20-40.34%201794.139%20L%20-39.717%201799.128%20L%20-27.245%201800.375%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-42.211%201797.257%20C%20-42.211%201797.257%20-25.998%201794.762%20-25.374%201798.504%20C%20-25.374%201798.504%20-21.633%201858.368%20-37.222%201860.238%20C%20-37.222%201860.238%20-130.136%201870.216%20-122.029%201850.885%20C%20-122.029%201850.885%20-101.451%201834.048%20-101.451%201834.048%20L%20-48.447%201839.66%20L%20-42.211%201797.257%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-91.162%201804.428%20L%20-74.637%201792.892%20L%20-63.724%201801.31%20L%20-77.443%201816.276%20L%20-91.162%201804.428%20L%20-91.162%201804.428%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cg%20opacity%3D%220.2%22%3E%3Cpath%20d%3D%22%20M%20-46.888%201815.653%20L%20-49.382%201839.349%20L%20-92.409%201836.854%20L%20-54.994%201836.231%20L%20-46.888%201815.653%20L%20-46.888%201815.653%20Z%20%22%20fill%3D%22rgb(0%2C0%2C0)%22%2F%3E%3C%2Fg%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-174.86657247067797%22%20cy%3D%221811.9929220786466%22%20r%3D%2231.17897626778816%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-29.166%201736.802%20C%20-32.314%201738.067%20-35.348%201739.767%20-36.586%201744.618%20L%20-36.586%201744.618%20L%20-38.939%201744.048%20C%20-38.101%201740.113%20-38.069%201736.27%20-38.826%201732.555%20L%20-36.411%201732.428%20L%20-36.412%201732.43%20L%20-36.411%201732.428%20C%20-36.024%201734.479%20-35.856%201736.563%20-35.91%201738.648%20C%20-33.91%201736.388%20-31.391%201735.044%20-29.018%201734.247%20L%20-29.166%201736.802%20L%20-29.166%201736.802%20Z%20%22%20fill%3D%22rgb(144%2C67%2C7)%22%2F%3E%3Cpath%20d%3D%22%20M%20-29.147%201736.794%20C%20-28.341%201737.55%20-25.491%201740.024%20-21.984%201740.874%20C%20-20.871%201741.144%20-19.684%201741.252%20-18.485%201741.084%20C%20-12.914%201740.32%20-9.37%201734.07%20-9.219%201733.806%20L%20-8.779%201733.01%20L%20-9.42%201732.366%20C%20-9.635%201732.154%20-14.739%201727.088%20-20.306%201727.857%20C%20-24.68%201728.464%20-27.795%201732.432%20-29.008%201734.244%20L%20-29.166%201736.802%20C%20-29.153%201736.797%20-29.16%201736.799%20-29.166%201736.802%20L%20-29.147%201736.794%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Cpath%20d%3D%22%20M%20-36.411%201732.428%20L%20-36.224%201731.997%20C%20-36.049%201731.591%20-31.964%201721.932%20-36.038%201715.167%20C%20-38.586%201710.936%20-43.623%201709%20-47.151%201708.131%20L%20-47.151%201708.131%20C%20-49.266%201707.608%20-50.84%201707.472%20-51.007%201707.462%20L%20-51.864%201707.393%20L%20-52.205%201708.18%20C%20-52.382%201708.591%20-56.468%201718.25%20-52.389%201725.017%20C%20-49.815%201729.282%20-44.705%201731.216%20-41.174%201732.072%20C%20-40.258%201732.294%20-39.459%201732.445%20-38.828%201732.539%20C%20-38.826%201732.55%20-38.827%201732.545%20-38.828%201732.539%20L%20-36.411%201732.428%20L%20-36.411%201732.428%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C53.775%2C1194.262)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A800%3Bfont-size%3A120px%3Bfont-style%3Anormal%3Bfill%3A%23a4c776%3Bstroke%3Anone%3B%22%3EThe%20Small%20Web%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E alt=""><p>Develop and test on <strong>your own device</strong>.<li><h3>One server.</h3><img src=data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3C!--%20Generator%3A%20Gravit.io%20--%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%22267.5%201489%20480%20480%22%20width%3D%22480pt%22%20height%3D%22480pt%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22_clipPath_V3ninKKCHhto4dQkJFuCrPm9X07eAJO1%22%3E%3Crect%20x%3D%22-314%22%20y%3D%221066%22%20width%3D%221643%22%20height%3D%221137%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23_clipPath_V3ninKKCHhto4dQkJFuCrPm9X07eAJO1)%22%3E%3Cg%3E%3Cg%20style%3D%22mix-blend-mode%3Anormal%3B%22%20opacity%3D%220.62%22%3E%3Cpath%20d%3D%22M%20852.846%201324%20L%201282.154%201324%20C%201304.697%201324%201323%201342.303%201323%201364.846%20L%201323%202156.154%20C%201323%202178.697%201304.697%202197%201282.154%202197%20L%20852.846%202197%20C%20830.303%202197%20812%202178.697%20812%202156.154%20L%20812%201364.846%20C%20812%201342.303%20830.303%201324%20852.846%201324%20Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23D3D3D3%3Bstroke-width%3A12%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A2%3B%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C874.49%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EHost%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C964.461%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20own%20site%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C1224.87%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eat%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C899.675%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20own%20domain%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C1223.479%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3E.%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C947.218%2C1432.422)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A300%3Bfont-size%3A60px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EOne%20site.%3C%2Ftext%3E%3C%2Fg%3E%3Cg%3E%3Cg%20style%3D%22mix-blend-mode%3Anormal%3B%22%20opacity%3D%220.62%22%3E%3Cpath%20d%3D%22M%20292.846%201324%20L%20722.154%201324%20C%20744.697%201324%20763%201342.303%20763%201364.846%20L%20763%202156.154%20C%20763%202178.697%20744.697%202197%20722.154%202197%20L%20292.846%202197%20C%20270.303%202197%20252%202178.697%20252%202156.154%20L%20252%201364.846%20C%20252%201342.303%20270.303%201324%20292.846%201324%20Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23D3D3D3%3Bstroke-width%3A12%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A2%3B%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C298.232%2C2064.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3ESync%20and%20deploy%20to%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C633.779%2C2064.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C425.536%2C2115.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eown%20VPS%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C581.702%2C2115.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3E.%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C346.465%2C1432.764)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A300%3Bfont-size%3A60px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EOne%20server.%3C%2Ftext%3E%3C%2Fg%3E%3Cg%3E%3Cg%20style%3D%22mix-blend-mode%3Anormal%3B%22%20opacity%3D%220.62%22%3E%3Cpath%20d%3D%22M%20-267.154%201324%20L%20162.154%201324%20C%20184.697%201324%20203%201342.303%20203%201364.846%20L%20203%202156.154%20C%20203%202178.697%20184.697%202197%20162.154%202197%20L%20-267.154%202197%20C%20-289.697%202197%20-308%202178.697%20-308%202156.154%20L%20-308%201364.846%20C%20-308%201342.303%20-289.697%201324%20-267.154%201324%20Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23D3D3D3%3Bstroke-width%3A12%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A2%3B%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C-226.396%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EDevelop%20and%20test%20on%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C-209.269%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20own%20device%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C92.422%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3E.%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C-220.756%2C1432.422)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A300%3Bfont-size%3A60px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EOne%20person.%3C%2Ftext%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Crect%20x%3D%22890.662%22%20y%3D%221590.205%22%20width%3D%22353.827%22%20height%3D%22293.795%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Crect%20x%3D%22912.257%22%20y%3D%221624.194%22%20width%3D%22310.629%22%20height%3D%22236.566%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(255%2C255%2C255)%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%224%22%20stroke%3D%22rgb(47%2C46%2C65)%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%20stroke-miterlimit%3D%222%22%2F%3E%3Crect%20x%3D%22890.511%22%20y%3D%221590%22%20width%3D%22353.827%22%20height%3D%2215.378%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22901.6814981599689%22%20cy%3D%221597.861927348326%22%20rx%3D%223.017381787296131%22%20ry%3D%223.0868167591886504%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22912.2566092966765%22%20cy%3D%221597.861927348326%22%20rx%3D%223.017381787296131%22%20ry%3D%223.0868167591886504%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22922.83172043338%22%20cy%3D%221597.861927348326%22%20rx%3D%223.017381787296131%22%20ry%3D%223.0868167591886504%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22%20M%201089.183%201768.239%20C%201077.796%201776.557%201067.287%201786.544%201067.036%201807.666%20L%201067.036%201807.666%20L%201057.051%201807.666%20C%201056.587%201790.7%201052.982%201774.907%201046.338%201760.426%20L%201055.894%201757.505%20L%201055.892%201757.515%20L%201055.894%201757.505%20C%201059.437%201765.532%201062.136%201773.91%201063.945%201782.512%20C%201069.766%201771.257%201078.556%201763.242%201087.297%201757.616%20L%201089.183%201768.239%20L%201089.183%201768.239%20Z%20%22%20fill%3D%22rgb(144%2C67%2C7)%22%2F%3E%3Cpath%20d%3D%22%20M%201089.252%201768.188%20C%201093.216%201770.485%201107.044%201777.797%201121.927%201777.797%20C%201126.65%201777.797%201131.513%201777.062%201136.156%201775.181%20C%201157.745%201766.509%201165.878%201737.357%201166.225%201736.125%20L%201167.217%201732.423%20L%201164.02%201730.421%20C%201162.954%201729.766%201137.573%201714.063%201116.004%201722.754%20C%201099.064%201729.589%201090.431%201748.958%201087.333%201757.591%20L%201089.183%201768.239%20C%201089.229%201768.204%201089.206%201768.221%201089.183%201768.239%20L%201089.252%201768.188%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Cpath%20d%3D%22%20M%201055.894%201757.505%20L%201056.223%201755.554%20C%201056.53%201753.713%201063.519%201710.044%201040.616%201686.355%20C%201026.292%201671.54%201004.219%201668.609%20989.235%201668.549%20L%20989.235%201668.549%20C%20980.25%201668.508%20973.808%201669.517%20973.127%201669.639%20L%20969.624%201670.21%20L%20969.024%201673.775%20C%20968.713%201675.637%20961.723%201719.306%20984.646%201742.999%20C%20999.108%201757.931%201021.47%201760.78%201036.454%201760.78%20C%201040.344%201760.78%201043.694%201760.603%201046.311%201760.364%20C%201046.331%201760.405%201046.321%201760.385%201046.311%201760.364%20L%201055.894%201757.505%20L%201055.894%201757.505%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22461.9715277777773%22%20cy%3D%221801.0578240740708%22%20rx%3D%2263.2817129629633%22%20ry%3D%2261.666740740741034%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22476.0023148148164%22%20cy%3D%221906.2257314814801%22%20rx%3D%2252.11435185185212%22%20ry%3D%2250.77426851851874%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22404.9893518518537%22%20cy%3D%221858.8990277777734%22%20rx%3D%2252.11435185185212%22%20ry%3D%2250.7857222222226%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22617.4555555555542%22%20cy%3D%221855.4629166666664%22%20rx%3D%2244.66944444444471%22%20ry%3D%2243.53552777777804%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22557.896296296297%22%20cy%3D%221890.5799722222223%22%20rx%3D%2244.66944444444471%22%20ry%3D%2243.53552777777804%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22561.6187500000012%22%20cy%3D%221820.895638888888%22%20rx%3D%2248.39189814814847%22%20ry%3D%2247.14344444444464%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22506.9273148148187%22%20cy%3D%221848.957212962957%22%20rx%3D%2252.11435185185212%22%20ry%3D%2250.7857222222226%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22%20M%20522.11%201564.66%20C%20514.437%201570.139%20507.356%201576.717%20507.187%201590.628%20L%20507.187%201590.628%20L%20500.459%201590.628%20C%20500.147%201579.454%20497.718%201569.052%20493.241%201559.515%20L%20499.68%201557.591%20L%20499.678%201557.597%20L%20499.68%201557.591%20C%20502.067%201562.877%20503.886%201568.395%20505.105%201574.061%20C%20509.027%201566.648%20514.949%201561.369%20520.839%201557.664%20L%20522.11%201564.66%20L%20522.11%201564.66%20Z%20%22%20fill%3D%22rgb(144%2C67%2C7)%22%2F%3E%3Cpath%20d%3D%22%20M%20522.156%201564.627%20C%20524.827%201566.14%20534.145%201570.955%20544.173%201570.955%20C%20547.355%201570.955%20550.632%201570.472%20553.76%201569.233%20C%20568.307%201563.521%20573.786%201544.321%20574.02%201543.509%20L%20574.689%201541.071%20L%20572.534%201539.752%20C%20571.816%201539.321%20554.715%201528.978%20540.181%201534.702%20C%20528.767%201539.204%20522.951%201551.961%20520.863%201557.647%20L%20522.11%201564.66%20C%20522.141%201564.637%20522.125%201564.649%20522.11%201564.66%20L%20522.156%201564.627%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Cpath%20d%3D%22%20M%20499.68%201557.591%20L%20499.901%201556.305%20C%20500.109%201555.093%20504.818%201526.331%20489.386%201510.728%20C%20479.734%201500.971%20464.861%201499.04%20454.766%201499.001%20L%20454.766%201499.001%20C%20448.711%201498.974%20444.371%201499.638%20443.912%201499.719%20L%20441.552%201500.095%20L%20441.148%201502.443%20C%20440.938%201503.669%20436.228%201532.432%20451.673%201548.037%20C%20461.418%201557.871%20476.486%201559.747%20486.581%201559.747%20C%20489.203%201559.747%20491.459%201559.631%20493.223%201559.474%20C%20493.236%201559.501%20493.23%201559.488%20493.223%201559.474%20L%20499.68%201557.591%20L%20499.68%201557.591%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%22401.768%22%20y%3D%221624.124%22%20width%3D%22211.464%22%20height%3D%22157.387%22%20transform%3D%22matrix(0%2C1%2C-1%2C0%2C2210.317%2C1195.317)%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221590.628%22%20width%3D%22211.464%22%20height%3D%2283.94%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221684.254%22%20width%3D%22211.464%22%20height%3D%2283.94%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(204%2C204%2C204)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221777.879%22%20width%3D%22211.464%22%20height%3D%2283.94%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(204%2C204%2C204)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221626.219%22%20width%3D%22211.464%22%20height%3D%2212.914%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221719.844%22%20width%3D%22211.464%22%20height%3D%2212.914%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221813.47%22%20width%3D%22211.464%22%20height%3D%2212.914%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22572.0691691209885%22%20cy%3D%221602.7351315961632%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22589.0185760152486%22%20cy%3D%221602.7351315961632%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22605.9679829095082%22%20cy%3D%221602.7351315961632%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22572.0691691209885%22%20cy%3D%221694.7461975935742%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22589.0185760152486%22%20cy%3D%221694.7461975935742%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22605.9679829095082%22%20cy%3D%221694.7461975935742%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22572.0691691209885%22%20cy%3D%221786.757263590986%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22589.0185760152486%22%20cy%3D%221786.757263590986%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22605.9679829095082%22%20cy%3D%221786.757263590986%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-52.500000000000114%22%20cy%3D%221861.797262081744%22%20rx%3D%22219.5%22%20ry%3D%2215.589490897476708%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cpath%20d%3D%22%20M%20-223.984%201870.527%20C%20-188.193%201864.157%20-149.054%201865.216%20-107.999%201870.527%20C%20-126.711%201854.73%20-142.861%201838.933%20-124.149%201823.135%20C%20-160.649%201830.666%20-165.762%201829.903%20-206.366%201823.135%20C%20-196.948%201838.933%20-214.566%201854.73%20-223.984%201870.527%20Z%20%22%20fill%3D%22rgb(187%2C187%2C191)%22%2F%3E%3Cpath%20d%3D%22%20M%20-215.254%201863.788%20C%20-184.851%201858.703%20-151.604%201859.548%20-116.729%201863.788%20C%20-132.624%201851.178%20-146.343%201838.568%20-130.447%201825.958%20C%20-161.454%201831.969%20-165.797%201831.361%20-200.288%201825.958%20C%20-192.288%201838.568%20-207.254%201851.178%20-215.254%201863.788%20Z%20%22%20fill%3D%22rgb(204%2C204%2C204)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-203.67401904275818%22%20cy%3D%221827.2707306062596%22%20r%3D%2216.19961807666536%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-130.135%201808.481%20L%20-141.36%201810.352%20L%20-146.972%201826.565%20L%20-130.759%201836.542%20L%20-112.052%201808.481%20L%20-129.512%201808.481%20L%20-130.135%201808.481%20L%20-130.135%201808.481%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-161.93820708683762%22%20cy%3D%221807.2340549949058%22%20r%3D%2226.19033940168225%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-17.268%201711.826%20C%20-17.268%201711.826%2046.337%201718.686%2057.562%201717.439%20C%2057.562%201717.439%2073.775%201714.944%2073.775%201714.944%20C%2073.775%201714.944%2081.258%201724.922%2077.516%201729.287%20C%2075.421%201731.802%2072.885%201733.915%2070.033%201735.522%20C%2070.033%201735.522%2063.174%201733.652%2058.185%201735.522%20C%2058.185%201735.522%202.687%201745.5%20-6.043%201738.017%20C%20-14.773%201730.534%20-17.268%201711.826%20-17.268%201711.826%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-21.633%201850.885%20C%20-21.633%201850.885%2020.147%201839.037%2027.63%201786.656%20L%2027.63%201781.667%20C%2027.63%201781.667%2035.896%201796.17%2038.854%201799.128%20C%2042.284%201802.557%2054.444%201833.424%2053.82%201836.542%20C%2053.197%201839.66%2053.82%201840.907%2053.82%201840.907%20L%2071.904%201839.037%20L%2071.904%201833.424%20C%2071.904%201833.424%2062.239%201804.428%2061.615%201797.569%20C%2061.615%201797.569%2037.607%201743.005%2037.607%201743.005%20C%2037.607%201743.005%2028.877%201724.922%2013.911%201743.005%20C%2013.911%201743.005%20-2.302%201773.561%20-2.302%201773.561%20L%20-21.633%201810.976%20L%20-21.633%201850.885%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%2071.904%201713.074%20L%2091.859%201706.214%20C%2091.859%201706.214%20110.566%201692.495%20106.201%201706.214%20C%20106.201%201706.214%2081.881%201749.865%2076.269%201746.747%20C%2076.269%201746.747%2063.907%201735.89%2065.411%201734.771%20C%2066.916%201733.652%2076.893%201725.545%2071.904%201713.074%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%2069.492%201829.743%20L%2085.6%201837.61%20C%2085.6%201837.61%20105.08%201840.607%2094.216%201846.226%20C%2094.216%201846.226%2053.384%201857.839%2051.885%201852.594%20C%2051.885%201852.594%2050.982%201838.646%2052.557%201838.877%20C%2054.133%201839.108%2064.997%201840.232%2069.492%201829.743%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-13.526%201809.728%20C%20-13.526%201809.728%20-5.42%201844.649%20-19.138%201852.132%20C%20-32.857%201859.615%20-128.889%201860.862%20-136.371%201847.143%20C%20-143.854%201833.424%20-140.113%201833.424%20-140.113%201833.424%20L%20-120.158%201810.976%20L%20-136.371%201809.728%20C%20-136.371%201809.728%20-136.371%201804.74%20-130.759%201804.116%20C%20-130.759%201804.116%20-107.687%201797.257%20-92.721%201801.622%20C%20-92.721%201801.622%20-69.025%201792.892%20-69.025%201792.892%20L%20-13.526%201809.728%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-2.926%201700.602%20L%207.676%201758.595%20L%20-65.284%201749.865%20L%20-78.379%201697.484%20L%20-2.926%201700.602%20L%20-2.926%201700.602%20Z%20%22%20fill%3D%22rgb(63%2C61%2C86)%22%2F%3E%3Cpath%20d%3D%22%20M%20-5.108%201702.785%20L%203.622%201754.541%20L%20-62.789%201746.747%20L%20-75.572%201699.667%20L%20-5.108%201702.785%20L%20-5.108%201702.785%20Z%20%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3Cpath%20d%3D%22%20M%205.181%201759.219%20L%207.676%201758.595%20L%208.923%201761.089%20L%20-11.032%201816.588%20L%20-12.909%201815.87%20L%20-13.526%201812.223%20L%205.181%201759.219%20L%205.181%201759.219%20Z%20%22%20fill%3D%22rgb(128%2C128%2C128)%22%2F%3E%3Cpath%20d%3D%22%20M%207.676%201757.971%20L%20-12.279%201815.964%20L%20-87.732%201804.74%20L%20-65.284%201749.865%20L%207.676%201757.971%20L%207.676%201757.971%20Z%20%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Cpath%20d%3D%22%20M%20-2.302%201756.101%20L%20-2.302%201759.219%20L%20-57.8%201752.983%20L%20-57.177%201749.865%20L%20-2.302%201756.101%20L%20-2.302%201756.101%20Z%20%22%20fill%3D%22rgb(67%2C67%2C69)%22%2F%3E%3Cpath%20d%3D%22%20M%20-3.549%201762.336%20L%20-12.279%201786.656%20L%20-69.025%201779.797%20L%20-59.048%201756.724%20L%20-3.549%201762.336%20L%20-3.549%201762.336%20Z%20%22%20fill%3D%22rgb(67%2C67%2C69)%22%2F%3E%3Cpath%20d%3D%22%20M%20-74.637%201796.633%20L%20-72.766%201791.645%20C%20-72.766%201791.645%20-58.424%201766.701%20-50.941%201771.69%20C%20-50.941%201771.69%20-66.531%201800.998%20-66.531%201800.998%20L%20-74.014%201800.998%20L%20-74.637%201796.633%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-27.245%201800.375%20L%20-25.374%201792.892%20C%20-25.374%201792.892%20-20.386%201769.819%20-29.116%201771.066%20C%20-29.116%201771.066%20-40.34%201794.139%20-40.34%201794.139%20L%20-39.717%201799.128%20L%20-27.245%201800.375%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-42.211%201797.257%20C%20-42.211%201797.257%20-25.998%201794.762%20-25.374%201798.504%20C%20-25.374%201798.504%20-21.633%201858.368%20-37.222%201860.238%20C%20-37.222%201860.238%20-130.136%201870.216%20-122.029%201850.885%20C%20-122.029%201850.885%20-101.451%201834.048%20-101.451%201834.048%20L%20-48.447%201839.66%20L%20-42.211%201797.257%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-91.162%201804.428%20L%20-74.637%201792.892%20L%20-63.724%201801.31%20L%20-77.443%201816.276%20L%20-91.162%201804.428%20L%20-91.162%201804.428%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cg%20opacity%3D%220.2%22%3E%3Cpath%20d%3D%22%20M%20-46.888%201815.653%20L%20-49.382%201839.349%20L%20-92.409%201836.854%20L%20-54.994%201836.231%20L%20-46.888%201815.653%20L%20-46.888%201815.653%20Z%20%22%20fill%3D%22rgb(0%2C0%2C0)%22%2F%3E%3C%2Fg%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-174.86657247067797%22%20cy%3D%221811.9929220786466%22%20r%3D%2231.17897626778816%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-29.166%201736.802%20C%20-32.314%201738.067%20-35.348%201739.767%20-36.586%201744.618%20L%20-36.586%201744.618%20L%20-38.939%201744.048%20C%20-38.101%201740.113%20-38.069%201736.27%20-38.826%201732.555%20L%20-36.411%201732.428%20L%20-36.412%201732.43%20L%20-36.411%201732.428%20C%20-36.024%201734.479%20-35.856%201736.563%20-35.91%201738.648%20C%20-33.91%201736.388%20-31.391%201735.044%20-29.018%201734.247%20L%20-29.166%201736.802%20L%20-29.166%201736.802%20Z%20%22%20fill%3D%22rgb(144%2C67%2C7)%22%2F%3E%3Cpath%20d%3D%22%20M%20-29.147%201736.794%20C%20-28.341%201737.55%20-25.491%201740.024%20-21.984%201740.874%20C%20-20.871%201741.144%20-19.684%201741.252%20-18.485%201741.084%20C%20-12.914%201740.32%20-9.37%201734.07%20-9.219%201733.806%20L%20-8.779%201733.01%20L%20-9.42%201732.366%20C%20-9.635%201732.154%20-14.739%201727.088%20-20.306%201727.857%20C%20-24.68%201728.464%20-27.795%201732.432%20-29.008%201734.244%20L%20-29.166%201736.802%20C%20-29.153%201736.797%20-29.16%201736.799%20-29.166%201736.802%20L%20-29.147%201736.794%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Cpath%20d%3D%22%20M%20-36.411%201732.428%20L%20-36.224%201731.997%20C%20-36.049%201731.591%20-31.964%201721.932%20-36.038%201715.167%20C%20-38.586%201710.936%20-43.623%201709%20-47.151%201708.131%20L%20-47.151%201708.131%20C%20-49.266%201707.608%20-50.84%201707.472%20-51.007%201707.462%20L%20-51.864%201707.393%20L%20-52.205%201708.18%20C%20-52.382%201708.591%20-56.468%201718.25%20-52.389%201725.017%20C%20-49.815%201729.282%20-44.705%201731.216%20-41.174%201732.072%20C%20-40.258%201732.294%20-39.459%201732.445%20-38.828%201732.539%20C%20-38.826%201732.55%20-38.827%201732.545%20-38.828%201732.539%20L%20-36.411%201732.428%20L%20-36.411%201732.428%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C53.775%2C1194.262)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A800%3Bfont-size%3A120px%3Bfont-style%3Anormal%3Bfill%3A%23a4c776%3Bstroke%3Anone%3B%22%3EThe%20Small%20Web%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E alt=""><p>Sync and deploy to <strong>your own VPS</strong>.<li><h3>One site.</h3><img src=data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3C!--%20Generator%3A%20Gravit.io%20--%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%22827.5%201489%20480%20480%22%20width%3D%22480pt%22%20height%3D%22480pt%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22_clipPath_XIzTgs5mJRqszoETF44bE7mLTR3UH6tt%22%3E%3Crect%20x%3D%22-426%22%20y%3D%221066%22%20width%3D%221882%22%20height%3D%221137%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23_clipPath_XIzTgs5mJRqszoETF44bE7mLTR3UH6tt)%22%3E%3Cg%3E%3Cg%20style%3D%22mix-blend-mode%3Anormal%3B%22%20opacity%3D%220.62%22%3E%3Cpath%20d%3D%22M%20852.846%201324%20L%201282.154%201324%20C%201304.697%201324%201323%201342.303%201323%201364.846%20L%201323%202156.154%20C%201323%202178.697%201304.697%202197%201282.154%202197%20L%20852.846%202197%20C%20830.303%202197%20812%202178.697%20812%202156.154%20L%20812%201364.846%20C%20812%201342.303%20830.303%201324%20852.846%201324%20Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23D3D3D3%3Bstroke-width%3A12%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A2%3B%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C874.49%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EHost%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C964.461%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20own%20site%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C1224.87%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eat%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C899.675%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20own%20domain%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C1223.479%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3E.%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C947.218%2C1432.422)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A300%3Bfont-size%3A60px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EOne%20site.%3C%2Ftext%3E%3C%2Fg%3E%3Cg%3E%3Cg%20style%3D%22mix-blend-mode%3Anormal%3B%22%20opacity%3D%220.62%22%3E%3Cpath%20d%3D%22M%20292.846%201324%20L%20722.154%201324%20C%20744.697%201324%20763%201342.303%20763%201364.846%20L%20763%202156.154%20C%20763%202178.697%20744.697%202197%20722.154%202197%20L%20292.846%202197%20C%20270.303%202197%20252%202178.697%20252%202156.154%20L%20252%201364.846%20C%20252%201342.303%20270.303%201324%20292.846%201324%20Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23D3D3D3%3Bstroke-width%3A12%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A2%3B%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C298.232%2C2064.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3ESync%20and%20deploy%20to%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C633.779%2C2064.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C425.536%2C2115.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eown%20VPS%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C581.702%2C2115.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3E.%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C346.465%2C1432.764)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A300%3Bfont-size%3A60px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EOne%20server.%3C%2Ftext%3E%3C%2Fg%3E%3Cg%3E%3Cg%20style%3D%22mix-blend-mode%3Anormal%3B%22%20opacity%3D%220.62%22%3E%3Cpath%20d%3D%22M%20-267.154%201324%20L%20162.154%201324%20C%20184.697%201324%20203%201342.303%20203%201364.846%20L%20203%202156.154%20C%20203%202178.697%20184.697%202197%20162.154%202197%20L%20-267.154%202197%20C%20-289.697%202197%20-308%202178.697%20-308%202156.154%20L%20-308%201364.846%20C%20-308%201342.303%20-289.697%201324%20-267.154%201324%20Z%22%20style%3D%22fill%3Anone%3Bstroke%3A%23D3D3D3%3Bstroke-width%3A12%3Bstroke-linecap%3Asquare%3Bstroke-miterlimit%3A2%3B%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C-226.396%2C2063.944)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EDevelop%20and%20test%20on%20%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C-209.269%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A700%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3Eyour%20own%20device%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C92.422%2C2114.331)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A400%3Bfont-size%3A37px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3E.%3C%2Ftext%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C-220.756%2C1432.422)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A300%3Bfont-size%3A60px%3Bfont-style%3Anormal%3Bfill%3A%23000000%3Bstroke%3Anone%3B%22%3EOne%20person.%3C%2Ftext%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Crect%20x%3D%22890.662%22%20y%3D%221569.205%22%20width%3D%22353.827%22%20height%3D%22293.795%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Crect%20x%3D%22912.257%22%20y%3D%221603.194%22%20width%3D%22310.629%22%20height%3D%22236.566%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(255%2C255%2C255)%22%20vector-effect%3D%22non-scaling-stroke%22%20stroke-width%3D%224%22%20stroke%3D%22rgb(47%2C46%2C65)%22%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%20stroke-miterlimit%3D%222%22%2F%3E%3Crect%20x%3D%22890.511%22%20y%3D%221569%22%20width%3D%22353.827%22%20height%3D%2215.378%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22901.6814981599689%22%20cy%3D%221576.861927348326%22%20rx%3D%223.017381787296131%22%20ry%3D%223.0868167591886504%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22912.2566092966765%22%20cy%3D%221576.861927348326%22%20rx%3D%223.017381787296131%22%20ry%3D%223.0868167591886504%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22922.83172043338%22%20cy%3D%221576.861927348326%22%20rx%3D%223.017381787296131%22%20ry%3D%223.0868167591886504%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22%20M%201089.183%201747.239%20C%201077.796%201755.557%201067.287%201765.544%201067.036%201786.666%20L%201067.036%201786.666%20L%201057.051%201786.666%20C%201056.587%201769.7%201052.982%201753.907%201046.338%201739.426%20L%201055.894%201736.505%20L%201055.892%201736.515%20L%201055.894%201736.505%20C%201059.437%201744.532%201062.136%201752.91%201063.945%201761.512%20C%201069.766%201750.257%201078.556%201742.242%201087.297%201736.616%20L%201089.183%201747.239%20L%201089.183%201747.239%20Z%20%22%20fill%3D%22rgb(144%2C67%2C7)%22%2F%3E%3Cpath%20d%3D%22%20M%201089.252%201747.188%20C%201093.216%201749.485%201107.044%201756.797%201121.927%201756.797%20C%201126.65%201756.797%201131.513%201756.062%201136.156%201754.181%20C%201157.745%201745.509%201165.878%201716.357%201166.225%201715.125%20L%201167.217%201711.423%20L%201164.02%201709.421%20C%201162.954%201708.766%201137.573%201693.063%201116.004%201701.754%20C%201099.064%201708.589%201090.431%201727.958%201087.333%201736.591%20L%201089.183%201747.239%20C%201089.229%201747.204%201089.206%201747.221%201089.183%201747.239%20L%201089.252%201747.188%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Cpath%20d%3D%22%20M%201055.894%201736.505%20L%201056.223%201734.554%20C%201056.53%201732.713%201063.519%201689.044%201040.616%201665.355%20C%201026.292%201650.54%201004.219%201647.609%20989.235%201647.549%20L%20989.235%201647.549%20C%20980.25%201647.508%20973.808%201648.517%20973.127%201648.639%20L%20969.624%201649.21%20L%20969.024%201652.775%20C%20968.713%201654.637%20961.723%201698.306%20984.646%201721.999%20C%20999.108%201736.931%201021.47%201739.78%201036.454%201739.78%20C%201040.344%201739.78%201043.694%201739.603%201046.311%201739.364%20C%201046.331%201739.405%201046.321%201739.385%201046.311%201739.364%20L%201055.894%201736.505%20L%201055.894%201736.505%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22461.9715277777773%22%20cy%3D%221801.0578240740708%22%20rx%3D%2263.2817129629633%22%20ry%3D%2261.666740740741034%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22476.0023148148164%22%20cy%3D%221906.2257314814801%22%20rx%3D%2252.11435185185212%22%20ry%3D%2250.77426851851874%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22404.9893518518537%22%20cy%3D%221858.8990277777734%22%20rx%3D%2252.11435185185212%22%20ry%3D%2250.7857222222226%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22617.4555555555542%22%20cy%3D%221855.4629166666664%22%20rx%3D%2244.66944444444471%22%20ry%3D%2243.53552777777804%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22557.896296296297%22%20cy%3D%221890.5799722222223%22%20rx%3D%2244.66944444444471%22%20ry%3D%2243.53552777777804%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22561.6187500000012%22%20cy%3D%221820.895638888888%22%20rx%3D%2248.39189814814847%22%20ry%3D%2247.14344444444464%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22506.9273148148187%22%20cy%3D%221848.957212962957%22%20rx%3D%2252.11435185185212%22%20ry%3D%2250.7857222222226%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22%20M%20522.11%201564.66%20C%20514.437%201570.139%20507.356%201576.717%20507.187%201590.628%20L%20507.187%201590.628%20L%20500.459%201590.628%20C%20500.147%201579.454%20497.718%201569.052%20493.241%201559.515%20L%20499.68%201557.591%20L%20499.678%201557.597%20L%20499.68%201557.591%20C%20502.067%201562.877%20503.886%201568.395%20505.105%201574.061%20C%20509.027%201566.648%20514.949%201561.369%20520.839%201557.664%20L%20522.11%201564.66%20L%20522.11%201564.66%20Z%20%22%20fill%3D%22rgb(144%2C67%2C7)%22%2F%3E%3Cpath%20d%3D%22%20M%20522.156%201564.627%20C%20524.827%201566.14%20534.145%201570.955%20544.173%201570.955%20C%20547.355%201570.955%20550.632%201570.472%20553.76%201569.233%20C%20568.307%201563.521%20573.786%201544.321%20574.02%201543.509%20L%20574.689%201541.071%20L%20572.534%201539.752%20C%20571.816%201539.321%20554.715%201528.978%20540.181%201534.702%20C%20528.767%201539.204%20522.951%201551.961%20520.863%201557.647%20L%20522.11%201564.66%20C%20522.141%201564.637%20522.125%201564.649%20522.11%201564.66%20L%20522.156%201564.627%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Cpath%20d%3D%22%20M%20499.68%201557.591%20L%20499.901%201556.305%20C%20500.109%201555.093%20504.818%201526.331%20489.386%201510.728%20C%20479.734%201500.971%20464.861%201499.04%20454.766%201499.001%20L%20454.766%201499.001%20C%20448.711%201498.974%20444.371%201499.638%20443.912%201499.719%20L%20441.552%201500.095%20L%20441.148%201502.443%20C%20440.938%201503.669%20436.228%201532.432%20451.673%201548.037%20C%20461.418%201557.871%20476.486%201559.747%20486.581%201559.747%20C%20489.203%201559.747%20491.459%201559.631%20493.223%201559.474%20C%20493.236%201559.501%20493.23%201559.488%20493.223%201559.474%20L%20499.68%201557.591%20L%20499.68%201557.591%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3C%2Fg%3E%3Crect%20x%3D%22401.768%22%20y%3D%221624.124%22%20width%3D%22211.464%22%20height%3D%22157.387%22%20transform%3D%22matrix(0%2C1%2C-1%2C0%2C2210.317%2C1195.317)%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221590.628%22%20width%3D%22211.464%22%20height%3D%2283.94%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221684.254%22%20width%3D%22211.464%22%20height%3D%2283.94%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(204%2C204%2C204)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221777.879%22%20width%3D%22211.464%22%20height%3D%2283.94%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(204%2C204%2C204)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221626.219%22%20width%3D%22211.464%22%20height%3D%2212.914%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221719.844%22%20width%3D%22211.464%22%20height%3D%2212.914%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Crect%20x%3D%22401.768%22%20y%3D%221813.47%22%20width%3D%22211.464%22%20height%3D%2212.914%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22572.0691691209885%22%20cy%3D%221602.7351315961632%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22589.0185760152486%22%20cy%3D%221602.7351315961632%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22605.9679829095082%22%20cy%3D%221602.7351315961632%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22572.0691691209885%22%20cy%3D%221694.7461975935742%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22589.0185760152486%22%20cy%3D%221694.7461975935742%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22605.9679829095082%22%20cy%3D%221694.7461975935742%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22572.0691691209885%22%20cy%3D%221786.757263590986%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22589.0185760152486%22%20cy%3D%221786.757263590986%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22605.9679829095082%22%20cy%3D%221786.757263590986%22%20r%3D%224.842687684074235%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%3E%3Cellipse%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-52.500000000000114%22%20cy%3D%221861.797262081744%22%20rx%3D%22219.5%22%20ry%3D%2215.589490897476708%22%20fill%3D%22rgb(230%2C230%2C230)%22%2F%3E%3Cpath%20d%3D%22%20M%20-223.984%201870.527%20C%20-188.193%201864.157%20-149.054%201865.216%20-107.999%201870.527%20C%20-126.711%201854.73%20-142.861%201838.933%20-124.149%201823.135%20C%20-160.649%201830.666%20-165.762%201829.903%20-206.366%201823.135%20C%20-196.948%201838.933%20-214.566%201854.73%20-223.984%201870.527%20Z%20%22%20fill%3D%22rgb(187%2C187%2C191)%22%2F%3E%3Cpath%20d%3D%22%20M%20-215.254%201863.788%20C%20-184.851%201858.703%20-151.604%201859.548%20-116.729%201863.788%20C%20-132.624%201851.178%20-146.343%201838.568%20-130.447%201825.958%20C%20-161.454%201831.969%20-165.797%201831.361%20-200.288%201825.958%20C%20-192.288%201838.568%20-207.254%201851.178%20-215.254%201863.788%20Z%20%22%20fill%3D%22rgb(204%2C204%2C204)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-203.67401904275818%22%20cy%3D%221827.2707306062596%22%20r%3D%2216.19961807666536%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-130.135%201808.481%20L%20-141.36%201810.352%20L%20-146.972%201826.565%20L%20-130.759%201836.542%20L%20-112.052%201808.481%20L%20-129.512%201808.481%20L%20-130.135%201808.481%20L%20-130.135%201808.481%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-161.93820708683762%22%20cy%3D%221807.2340549949058%22%20r%3D%2226.19033940168225%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-17.268%201711.826%20C%20-17.268%201711.826%2046.337%201718.686%2057.562%201717.439%20C%2057.562%201717.439%2073.775%201714.944%2073.775%201714.944%20C%2073.775%201714.944%2081.258%201724.922%2077.516%201729.287%20C%2075.421%201731.802%2072.885%201733.915%2070.033%201735.522%20C%2070.033%201735.522%2063.174%201733.652%2058.185%201735.522%20C%2058.185%201735.522%202.687%201745.5%20-6.043%201738.017%20C%20-14.773%201730.534%20-17.268%201711.826%20-17.268%201711.826%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-21.633%201850.885%20C%20-21.633%201850.885%2020.147%201839.037%2027.63%201786.656%20L%2027.63%201781.667%20C%2027.63%201781.667%2035.896%201796.17%2038.854%201799.128%20C%2042.284%201802.557%2054.444%201833.424%2053.82%201836.542%20C%2053.197%201839.66%2053.82%201840.907%2053.82%201840.907%20L%2071.904%201839.037%20L%2071.904%201833.424%20C%2071.904%201833.424%2062.239%201804.428%2061.615%201797.569%20C%2061.615%201797.569%2037.607%201743.005%2037.607%201743.005%20C%2037.607%201743.005%2028.877%201724.922%2013.911%201743.005%20C%2013.911%201743.005%20-2.302%201773.561%20-2.302%201773.561%20L%20-21.633%201810.976%20L%20-21.633%201850.885%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%2071.904%201713.074%20L%2091.859%201706.214%20C%2091.859%201706.214%20110.566%201692.495%20106.201%201706.214%20C%20106.201%201706.214%2081.881%201749.865%2076.269%201746.747%20C%2076.269%201746.747%2063.907%201735.89%2065.411%201734.771%20C%2066.916%201733.652%2076.893%201725.545%2071.904%201713.074%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%2069.492%201829.743%20L%2085.6%201837.61%20C%2085.6%201837.61%20105.08%201840.607%2094.216%201846.226%20C%2094.216%201846.226%2053.384%201857.839%2051.885%201852.594%20C%2051.885%201852.594%2050.982%201838.646%2052.557%201838.877%20C%2054.133%201839.108%2064.997%201840.232%2069.492%201829.743%20Z%20%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-13.526%201809.728%20C%20-13.526%201809.728%20-5.42%201844.649%20-19.138%201852.132%20C%20-32.857%201859.615%20-128.889%201860.862%20-136.371%201847.143%20C%20-143.854%201833.424%20-140.113%201833.424%20-140.113%201833.424%20L%20-120.158%201810.976%20L%20-136.371%201809.728%20C%20-136.371%201809.728%20-136.371%201804.74%20-130.759%201804.116%20C%20-130.759%201804.116%20-107.687%201797.257%20-92.721%201801.622%20C%20-92.721%201801.622%20-69.025%201792.892%20-69.025%201792.892%20L%20-13.526%201809.728%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-2.926%201700.602%20L%207.676%201758.595%20L%20-65.284%201749.865%20L%20-78.379%201697.484%20L%20-2.926%201700.602%20L%20-2.926%201700.602%20Z%20%22%20fill%3D%22rgb(63%2C61%2C86)%22%2F%3E%3Cpath%20d%3D%22%20M%20-5.108%201702.785%20L%203.622%201754.541%20L%20-62.789%201746.747%20L%20-75.572%201699.667%20L%20-5.108%201702.785%20L%20-5.108%201702.785%20Z%20%22%20fill%3D%22rgb(255%2C255%2C255)%22%2F%3E%3Cpath%20d%3D%22%20M%205.181%201759.219%20L%207.676%201758.595%20L%208.923%201761.089%20L%20-11.032%201816.588%20L%20-12.909%201815.87%20L%20-13.526%201812.223%20L%205.181%201759.219%20L%205.181%201759.219%20Z%20%22%20fill%3D%22rgb(128%2C128%2C128)%22%2F%3E%3Cpath%20d%3D%22%20M%207.676%201757.971%20L%20-12.279%201815.964%20L%20-87.732%201804.74%20L%20-65.284%201749.865%20L%207.676%201757.971%20L%207.676%201757.971%20Z%20%22%20fill%3D%22rgb(166%2C166%2C170)%22%2F%3E%3Cpath%20d%3D%22%20M%20-2.302%201756.101%20L%20-2.302%201759.219%20L%20-57.8%201752.983%20L%20-57.177%201749.865%20L%20-2.302%201756.101%20L%20-2.302%201756.101%20Z%20%22%20fill%3D%22rgb(67%2C67%2C69)%22%2F%3E%3Cpath%20d%3D%22%20M%20-3.549%201762.336%20L%20-12.279%201786.656%20L%20-69.025%201779.797%20L%20-59.048%201756.724%20L%20-3.549%201762.336%20L%20-3.549%201762.336%20Z%20%22%20fill%3D%22rgb(67%2C67%2C69)%22%2F%3E%3Cpath%20d%3D%22%20M%20-74.637%201796.633%20L%20-72.766%201791.645%20C%20-72.766%201791.645%20-58.424%201766.701%20-50.941%201771.69%20C%20-50.941%201771.69%20-66.531%201800.998%20-66.531%201800.998%20L%20-74.014%201800.998%20L%20-74.637%201796.633%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-27.245%201800.375%20L%20-25.374%201792.892%20C%20-25.374%201792.892%20-20.386%201769.819%20-29.116%201771.066%20C%20-29.116%201771.066%20-40.34%201794.139%20-40.34%201794.139%20L%20-39.717%201799.128%20L%20-27.245%201800.375%20Z%20%22%20fill%3D%22rgb(160%2C97%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-42.211%201797.257%20C%20-42.211%201797.257%20-25.998%201794.762%20-25.374%201798.504%20C%20-25.374%201798.504%20-21.633%201858.368%20-37.222%201860.238%20C%20-37.222%201860.238%20-130.136%201870.216%20-122.029%201850.885%20C%20-122.029%201850.885%20-101.451%201834.048%20-101.451%201834.048%20L%20-48.447%201839.66%20L%20-42.211%201797.257%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cpath%20d%3D%22%20M%20-91.162%201804.428%20L%20-74.637%201792.892%20L%20-63.724%201801.31%20L%20-77.443%201816.276%20L%20-91.162%201804.428%20L%20-91.162%201804.428%20Z%20%22%20fill%3D%22rgb(70%2C107%2C106)%22%2F%3E%3Cg%20opacity%3D%220.2%22%3E%3Cpath%20d%3D%22%20M%20-46.888%201815.653%20L%20-49.382%201839.349%20L%20-92.409%201836.854%20L%20-54.994%201836.231%20L%20-46.888%201815.653%20L%20-46.888%201815.653%20Z%20%22%20fill%3D%22rgb(0%2C0%2C0)%22%2F%3E%3C%2Fg%3E%3Ccircle%20vector-effect%3D%22non-scaling-stroke%22%20cx%3D%22-174.86657247067797%22%20cy%3D%221811.9929220786466%22%20r%3D%2231.17897626778816%22%20fill%3D%22rgb(47%2C46%2C65)%22%2F%3E%3Cpath%20d%3D%22%20M%20-29.166%201736.802%20C%20-32.314%201738.067%20-35.348%201739.767%20-36.586%201744.618%20L%20-36.586%201744.618%20L%20-38.939%201744.048%20C%20-38.101%201740.113%20-38.069%201736.27%20-38.826%201732.555%20L%20-36.411%201732.428%20L%20-36.412%201732.43%20L%20-36.411%201732.428%20C%20-36.024%201734.479%20-35.856%201736.563%20-35.91%201738.648%20C%20-33.91%201736.388%20-31.391%201735.044%20-29.018%201734.247%20L%20-29.166%201736.802%20L%20-29.166%201736.802%20Z%20%22%20fill%3D%22rgb(144%2C67%2C7)%22%2F%3E%3Cpath%20d%3D%22%20M%20-29.147%201736.794%20C%20-28.341%201737.55%20-25.491%201740.024%20-21.984%201740.874%20C%20-20.871%201741.144%20-19.684%201741.252%20-18.485%201741.084%20C%20-12.914%201740.32%20-9.37%201734.07%20-9.219%201733.806%20L%20-8.779%201733.01%20L%20-9.42%201732.366%20C%20-9.635%201732.154%20-14.739%201727.088%20-20.306%201727.857%20C%20-24.68%201728.464%20-27.795%201732.432%20-29.008%201734.244%20L%20-29.166%201736.802%20C%20-29.153%201736.797%20-29.16%201736.799%20-29.166%201736.802%20L%20-29.147%201736.794%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3Cpath%20d%3D%22%20M%20-36.411%201732.428%20L%20-36.224%201731.997%20C%20-36.049%201731.591%20-31.964%201721.932%20-36.038%201715.167%20C%20-38.586%201710.936%20-43.623%201709%20-47.151%201708.131%20L%20-47.151%201708.131%20C%20-49.266%201707.608%20-50.84%201707.472%20-51.007%201707.462%20L%20-51.864%201707.393%20L%20-52.205%201708.18%20C%20-52.382%201708.591%20-56.468%201718.25%20-52.389%201725.017%20C%20-49.815%201729.282%20-44.705%201731.216%20-41.174%201732.072%20C%20-40.258%201732.294%20-39.459%201732.445%20-38.828%201732.539%20C%20-38.826%201732.55%20-38.827%201732.545%20-38.828%201732.539%20L%20-36.411%201732.428%20L%20-36.411%201732.428%20Z%20%22%20fill%3D%22rgb(164%2C199%2C118)%22%2F%3E%3C%2Fg%3E%3Ctext%20transform%3D%22matrix(1%2C0%2C0%2C1%2C53.775%2C1194.262)%22%20style%3D%22font-family%3A'Open%20Sans'%3Bfont-weight%3A800%3Bfont-size%3A120px%3Bfont-style%3Anormal%3Bfill%3A%23a4c776%3Bstroke%3Anone%3B%22%3EThe%20Small%20Web%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E alt=""><p>Host <strong>your own site</strong> at <strong>your own domain</strong>.</ul></section><section id=features class=highlights><h2><strong>Develop, test, sync, and deploy</strong> <small>(using a single tool that comes in a single binary).</small></h2><ul><li><h3>Just works.</h3><p>No configuration; <a href=#get-started>get started in seconds</a> on <a href=https://source.small-tech.org/site.js/app#system-requirements>Linux, macOS, and Windows</a>.<li><h3>Free as in freedom.</h3><p>And small as in <a href=https://small-tech.org/about/#small-technology>small tech</a>.<li><h3>Secure by default.</h3><p>Automatic TLS everywhere with <a href=https://github.com/small-tech/auto-encrypt>Let’s Encrypt</a> and <a href=https://github.com/small-tech/auto-encrypt-localhost>mkcert</a>.<li><h3>For static sites.</h3><p>Write plain HTML, CSS, JS or use the bundled <a href=#static-sites>Hugo static site generator</a>.<li><h3>For dynamic sites.</h3><p>Use simple <a href=#dynamic-sites>DotJS</a> or <a href=https://github.com/small-tech/site.js#advanced-routing-routesjs-file>the full power of Node.js and Express.js</a>.<li><h3>And more…</h3><p><a href=#websockets>WebSockets</a>, <a href=#database>database</a>, <a href=#proxy-servers>proxy</a>, live reload, sync, auto-update, statistics, etc.</ul></section><section id=get-started><h2>Get started in seconds</h2><ul id=platform-tabs class=hidden><li><button data-platform=linux>Linux</button><li><button data-platform=macos>macOS</button><li><button data-platform=windows>Windows</button></ul><ol id=install><li><h3>Install Site.js.</h3><p>Launch <span class="linux macos">a terminal window</span> <span class=no-js>(on Windows, </span><span class=windows>a PowerShell session running under <a href=https://github.com/Microsoft/Terminal>Windows Terminal</a></span><span class=no-js>)</span> and follow along.<aside><h3>Tip</h3><p>The following command pipes the installation script into your shell. <strong>Make sure you understand what any script does before piping it into your shell.</strong><p>This installation script downloads the correct Site.js binary for your platform and places it on your path. View the source of the <a class="linux macos" href=https://should-i-pipe.it/https://sitejs.org/install>Linux and macOS</a><span class="no-js preserve-whitespace"> and </span><a class=windows href=https://should-i-pipe.it/https://sitejs.org/install.txt>Windows</a> script<span class=no-js>s</span>.<p id=copy-tip class=hidden>You can <span class=just-click>click</span><span class=click-and-tap>/</span><span class=just-tap>tap</span> the code samples to copy them to the clipboard.</aside><h4 class=no-js>Linux</h4><pre class=linux><code style=font-weight:100>wget -qO- https://sitejs.org/install | bash</code></pre><h4 class=no-js>macOS</h4><pre class=macos><code style=font-weight:100>curl -s https://sitejs.org/install | bash</code></pre><h4 class=no-js>Windows</h4><pre class=windows><code style=font-weight:100><span class=hljs-built_in>iex</span>(<span class=hljs-built_in>iwr</span> <span class=hljs-literal>-UseBasicParsing</span> https://sitejs.org/install.txt).Content</code></pre><li><h3>Create a basic static web page.</h3><ol><li><p>Create a folder.<pre><code style=font-weight:100>mkdir hello-world</code></pre><li><p>Enter the folder.<pre><code style=font-weight:100><span class=hljs-built_in>cd</span> hello-world</code></pre><li><p>Write the string <code>'Hello, world'</code> into a file called <em>index.html</em>, creating or overwriting it as necessary.<h4 class=no-js>Linux and macOS</h4><pre class="linux macos"><code style=font-weight:100><span class=hljs-built_in>echo</span> <span class=hljs-string>'Hello, world'</span> > index.html</code></pre><h4 class=no-js>Windows</h4><pre class=windows><code style=font-weight:100><span class=hljs-built_in>echo</span> <span class=hljs-string>'Hello, world'</span> | <span class=hljs-built_in>Out-File</span> <span class=hljs-literal>-Encoding</span> UTF8 index.html</code></pre></ol><li><h3>Start the server.</h3><pre><code style=font-weight:100>site</code></pre><p>Site.js starts serving your hello-world site at <a href=https://localhost>https://localhost</a>. Go there in your browser to see your “Hello, world!” message.<p><strong>Congratulations, you’re up and running with Site.js!</strong><aside><h3>Tip</h3><p><strong>Do the same thing on a VPS server</strong> and start the server using <code>site enable</code> and you’ll have a secure production web daemon that survives errors/reboots and auto-updates itself.</aside></ol></section><section id=static-sites><h2>Static sites with Hugo</h2><div class=introduction><p>The type of site you just created is an old-school static site. You can create static sites with Site.js using plain old HTML, CSS, and JavaScript. Site.js will automatically serve any files it finds in the folder you start it on as static files.<p>For larger sites, hand-rolling your static site might become cumbersome. That’s why Site.js comes bundled with the <a href=https://gohugo.io>Hugo static site generator</a>.<p>Let’s create a new Hugo site and start serving it.</div><ol><li><h3>Set up a new project.</h3><ol><li><p>Create a folder.<pre><code style=font-weight:100>mkdir my-hugo-site</code></pre><li><p>Enter the folder.<pre><code style=font-weight:100><span class=hljs-built_in>cd</span> my-hugo-site</code></pre></ol><li><h3>Create a new Hugo site.</h3><pre><code style=font-weight:100>site hugo new site .hugo</code></pre><aside><h3>Tip</h3><p>You can pass any command you would normally pass to Hugo using Site.js’s integrated Hugo instance: <code>site hugo <any valid Hugo command></code>. So the above command is equivalent to running <code>hugo new site .hugo</code> if you have Hugo installed separately.)</aside><li><h3>Create a basic page layout.</h3><h4 class=no-js>Linux and macOS</h4><pre class="linux macos"><code class=language-mixed><span style=font-weight:100><span class=hljs-built_in>echo</span> <span class=hljs-string>'</span></span><span style=font-weight:100><span class=hljs-tag><<span class=hljs-name>body</span>></span><span class=hljs-tag><<span class=hljs-name>h1</span>></span>Hello, world!<span class=hljs-tag></<span class=hljs-name>h1</span>></span><span class=hljs-tag></<span class=hljs-name>body</span>></span></span><span class=hljs-string>'</span><span style=font-weight:100> > .hugo/layouts/index.html</span></code></pre><h4 class=no-js>Windows</h4><pre class=windows><code class=language-mixed><span style=font-weight:100><span class=hljs-built_in>echo</span> <span class=hljs-string>'</span></span><span style=font-weight:100><span class=hljs-tag><<span class=hljs-name>body</span>></span><span class=hljs-tag><<span class=hljs-name>h1</span>></span>Hello, world!<span class=hljs-tag></<span class=hljs-name>h1</span>></span><span class=hljs-tag></<span class=hljs-name>body</span>></span></span><span class=hljs-string>'</span><span style=font-weight:100> | <span class=hljs-built_in>Out-File</span> <span class=hljs-literal>-Encoding</span> UTF8 .hugo/layouts/index.html</span></code></pre><aside><h3>Tip</h3><p>For Site.js’s live reload to work, your web page must contain at least a <code><body></code> tag.</aside><li><h3>Start the server.</h3><pre><code style=font-weight:100>site</code></pre><p>Site.js starts serving your Hugo site at <a href=https://localhost>https://localhost</a>. Go there in your browser to see your “Hello, world!” message.<p><strong>Congratulations, you just created your first Hugo site with Site.js!</strong><aside><h3>Tip</h3><p>If Site.js finds a folder called <em>.hugo</em> in your site’s root, it will build it using its integrated Hugo instance (you don’t need to install Hugo separately) and place the generated files into a folder called <em>.generated</em> in your site’s root. It will also automatically serve these files.<p>If you alter the file you created in this example, Site.js will automatically rebuild it using Hugo and your browser will reflect the changes immediately using live reload.<p>See the <a href=https://github.com/small-tech/site.js#static-site-generation>Site.js Hugo documentation</a> and <a href=https://gohugo.io/documentation/ >the official Hugo documentation</a> for detailed information on how Hugo works and how it’s integrated into Site.js.</aside></ol></section><section id=dynamic-sites><h2 id=dynamic>Dynamic sites with DotJS</h2><div class=introduction><p>Site.js does not limit you to creating and serving fully static sites. You can easily add dynamic functionality to your static sites or create fully dynamic sites.<p>The easiest way to get started with dynamic sites is to use DotJS. DotJS gives you PHP-like simplicity in JavaScript using simple <code>.js</code> files.<p>Follow along to create a very basic dynamic site that updates a counter every time the home page is reloaded.</div><ol><li><h3>Create the project structure.</h3><ol><li><p>Create the folders.<p>Make a project folder called <em>count</em> and a special nested folder in that called <em>.dynamic</em>:<pre><code style=font-weight:100>mkdir -p count/.dynamic</code></pre><li><p>Enter the dynamic routes folder.<pre><code style=font-weight:100><span class=hljs-built_in>cd</span> count/.dynamic</code></pre></ol><aside><h3>Tip</h3><p><strong>.dynamic</strong> is a special folder in that Site.js knows to look for it in your project. If it finds it, it knows to run its contents as a dynamic route instead of serving it as static content.</aside><li><h3>Create a dynamic route.</h3><p>Make a file called index.js that holds the dynamic counter route:<h4 class=no-js>Linux and macOS</h4><pre class="linux macos"><code class=language-mixed><span style=font-weight:100><span class=hljs-built_in>echo</span> <span class=hljs-string>'</span></span><span style=font-weight:100>i=<span class=hljs-number>0</span>; <span class=hljs-built_in>module</span>.exports=<span class=hljs-function>(<span class=hljs-params>_, res</span>) =></span> res.html(<span class=hljs-string>`<span class=hljs-subst>${++i}</span>`</span>)</span><span class=hljs-string>'</span><span style=font-weight:100> > index.js</span></code></pre><h4 class=no-js>Windows</h4><pre class=windows><code class=language-mixed><span style=font-weight:100><span class=hljs-built_in>echo</span> <span class=hljs-string>'</span></span><span style=font-weight:100>i=<span class=hljs-number>0</span>; <span class=hljs-built_in>module</span>.exports=<span class=hljs-function>(<span class=hljs-params>_, res</span>) =></span> res.html(<span class=hljs-string>`<span class=hljs-subst>${++i}</span>`</span>)</span><span class=hljs-string>'</span><span style=font-weight:100> | <span class=hljs-built_in>Out-File</span> <span class=hljs-literal>-Encoding</span> UTF8 index.js</span></code></pre><aside><h3>Tip</h3><p>If the code here looks cryptic to you, <a href=#dynamic-route-longer-example>see the longer version</a>.</aside><li><h3>Serve your site.</h3><pre><code style=font-weight:100>site ..</code></pre><aside><h3>Tip</h3><p>You don’t have to be in the folder you want Site.js to serve, as in the previous examples. As shown here, you can specify the folder as an argument to the <code>site</code> command. In this case, we want to serve the whole site from the parent folder, not just the <code>.dynamic</code> folder.)</aside><p>Hit <a href=https://localhost>https://localhost</a> and refresh to see the counter update.<p><strong>Congratulations, you just made your first fully dynamic DotJS site!</strong><aside id=dynamic-route-longer-example class=tip><h3>Tip</h3><p>If you found the code in the dynamic route we created hard to read, you’re not alone. It was purposefully written to keep the example short enough to enter into terminal.<p>Here’s a slightly more verbose version of <code>index.js</code> that’s easier to understand that you might want to enter using your favourite code editor:<pre><code style=font-weight:100><span class=hljs-keyword>let</span> counter = <span class=hljs-number>0</span>

<span class=hljs-built_in>module</span>.exports = <span class=hljs-function>(<span class=hljs-params>request, response</span>) =></span> {

response.html(<span class=hljs-string>`<h1>Hit count: <span class=hljs-subst>${++counter}</span></h1>`</span>)

}</code></pre><p>If this reminds you of a route in <a href=https://expressjs.com>Express</a>, that’s because that’s exactly what it is.<p>The only difference is that you don’t have to write any other code or worry about anything else including installing Node.js, provisioning TLS certificates, ensuring your site automatically restarts on reboots, etc.<p>(You might not recognise the <code>.html()</code> method on the <code>response</code> object as that’s a Site.js addition to make your life easier. It corresponds to writing <code>.type('html').end()</code> in Express.)<p>You can also define <a href=https://github.com/small-tech/site.js/blob/master/README.md#specifying-parameters>named parameters</a> for your DotJS routes and Site.js does not limit you to using DotJS, either.<p>If you want to, you can use the full power of Express and Node.js with <a href=https://github.com/small-tech/site.js#advanced-routing-routesjs-file>advanced routing</a>. And, since it is just Node.js under the hood, you can do anything you can with Node.js including <a href=https://github.com/small-tech/site.js#using-node-modules>using node modules</a>, etc.<p>See the Site.js documentation for <a href=https://github.com/small-tech/site.js#dynamic-sites>more information on building dynamic sites</a>.</aside></ol></section><section id=websockets><h2>WebSockets</h2><div class=introduction><p>In addition to static routes and dynamic HTTPS routes, you can also specify secure WebSocket (WSS) routes in DotJS. And you can mix all three types of routes as you please.<p>To see WebSockets in action, let’s create a very simple chat app.</div><ol><li><h3>Create the project structure.</h3><pre><code style=font-weight:100>mkdir -p chat/.dynamic/.wss</code></pre><li><h3>Create the chat server.</h3><h4 class=no-js>Linux and macOS</h4><pre class="linux macos"><code class=language-mixed><span style=font-weight:100><span class=hljs-built_in>echo</span> <span class=hljs-string>'</span></span><span style=font-weight:100>

<span class=hljs-built_in>module</span>.exports = <span class=hljs-function><span class=hljs-keyword>function</span> (<span class=hljs-params>client, request</span>) </span>{

<span class=hljs-comment>// Set the room based on the route’s URL.</span>

client.room = <span class=hljs-keyword>this</span>.setRoom(request)

<span class=hljs-comment>// Create a message handler.</span>

client.on(<span class=hljs-string>"message"</span>, message => {

<span class=hljs-comment>// Broadcast a received message to everyone in the room.</span>

<span class=hljs-keyword>this</span>.broadcast(client, message)

})

}</span>

<span class=hljs-string>'</span><span style=font-weight:100> > chat/.dynamic/.wss/chat.js</span></code></pre><h4 class=no-js>Windows</h4><pre class=windows><code class=language-mixed><span style=font-weight:100><span class=hljs-built_in>echo</span> <span class=hljs-string>'</span></span><span style=font-weight:100>

<span class=hljs-built_in>module</span>.exports = <span class=hljs-function><span class=hljs-keyword>function</span> (<span class=hljs-params>client, request</span>) </span>{

<span class=hljs-comment>// Set the room based on the route URL.</span>

client.room = <span class=hljs-keyword>this</span>.setRoom(request)

<span class=hljs-comment>// Create a message handler.</span>

client.on(<span class=hljs-string>"message"</span>, message => {

<span class=hljs-comment>// Broadcast a received message to everyone in the room.</span>

<span class=hljs-keyword>this</span>.broadcast(client, message)

})

}</span>

<span class=hljs-string>'</span> <span style=font-weight:100>| <span class=hljs-built_in>Out-File</span> <span class=hljs-literal>-Encoding</span> UTF8 chat/.dynamic/.wss/chat.js</span></code></pre><aside><h3>Tip</h3><p>Note that we did not use an arrow function to define the route this time. This is because we need access to higher-level built-in functionality on the route like setting the room and broadcasting a message to everyone in the room that we access via the <code>this</code> reference.</aside><li><h3>Create the chat client.</h3><h4 class=no-js>Linux and macOS</h4><pre class="linux macos"><code class=language-mixed><span style=font-weight:100><span class=hljs-built_in>echo</span> <span class=hljs-string>'</span></span><span style=font-weight:100>

<span class=hljs-tag><<span class=hljs-name>title</span>></span>Chat<span class=hljs-tag></<span class=hljs-name>title</span>></span>

<span class=hljs-tag><<span class=hljs-name>form</span> <span class=hljs-attr>name</span>=<span class=hljs-string>"messageForm"</span>></span>

<span class=hljs-tag><<span class=hljs-name>input</span> <span class=hljs-attr>name</span>=<span class=hljs-string>"message"</span> <span class=hljs-attr>type</span>=<span class=hljs-string>"text"</span>></span>

<span class=hljs-tag><<span class=hljs-name>button</span>></span>Send<span class=hljs-tag></<span class=hljs-name>button</span>></span>

<span class=hljs-tag><<span class=hljs-name>h2</span>></span>Messages<span class=hljs-tag></<span class=hljs-name>h2</span>></span>

<span class=hljs-tag><<span class=hljs-name>ul</span> <span class=hljs-attr>id</span>=<span class=hljs-string>"messageList"</span>></span><span class=hljs-tag></<span class=hljs-name>ul</span>></span>

<span class=hljs-tag><<span class=hljs-name>script</span>></span></span><span style=font-weight:100>

<span class=hljs-keyword>const</span> socket = <span class=hljs-keyword>new</span> WebSocket(<span class=hljs-string>`wss://<span class=hljs-subst>${<span class=hljs-built_in>window</span>.location.hostname}</span>/chat`</span>)

<span class=hljs-keyword>const</span> showMessage = <span class=hljs-function><span class=hljs-params>message</span> =></span> {

<span class=hljs-keyword>const</span> list = <span class=hljs-built_in>document</span>.querySelector(<span class=hljs-string>"#messageList"</span>)

list.innerHTML += <span class=hljs-string>`<li><span class=hljs-subst>${message.text}</span></li>`</span>

}

socket.onmessage = <span class=hljs-function><span class=hljs-params>message</span> =></span> {

showMessage(<span class=hljs-built_in>JSON</span>.parse(message.data))

}

<span class=hljs-built_in>document</span>.messageForm.addEventListener(<span class=hljs-string>"submit"</span>, event => {

<span class=hljs-keyword>const</span> message ={ <span class=hljs-attr>text</span>: event.target.message.value }

socket.send(<span class=hljs-built_in>JSON</span>.stringify(message))

showMessage(message)

event.preventDefault()

})</span><span style=font-weight:100>

<span class=hljs-tag></<span class=hljs-name>script</span>></span>

</span><span class=hljs-string>'</span><span style=font-weight:100> > chat/index.html</span></code></pre><h4 class=no-js>Windows</h4><pre class=windows><code class=language-mixed><span style=font-weight:100><span class=hljs-built_in>echo</span> <span class=hljs-string>'</span></span><span style=font-weight:100>