mirror of
https://github.com/SrIzan10/js.org.git
synced 2026-05-01 10:45:28 +00:00
212 lines
18 KiB
HTML
212 lines
18 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<link rel="canonical" href="https://js.org/index.html">
|
|
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<title>JS.ORG - the JavaScript organization</title>
|
|
|
|
|
|
<meta name="description" content="Dedicated to JavaScript and its awesome community since 2015">
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" type="image/png" href="/favicon.png" sizes="16x16">
|
|
<link rel="icon" type="image/png" href="/ico/favicon-32.png" sizes="32x32">
|
|
<link rel="icon" type="image/svg+xml" href="/ico/favicon.svg">
|
|
<link rel="apple-touch-icon" href="/ico/apple-touch-icon.png">
|
|
<link rel="manifest" href="/manifest.webmanifest">
|
|
<meta name="theme-color" content="#FFE70B">
|
|
<meta name="application-name" content="JS.ORG">
|
|
|
|
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:title" content="JS.ORG">
|
|
<meta name="twitter:site" content="@JS_ORG">
|
|
<meta name="twitter:description" content="Dedicated to JavaScript and its awesome community since 2015">
|
|
<meta name="twitter:image" content="https://js.org/ico/512.png">
|
|
<meta name="twitter:image:alt" content="JS.ORG logo">
|
|
|
|
|
|
|
|
|
|
<link rel="preload" as="font" type="font/woff2" crossorigin href="/fnt/source-sans-pro-v14-latin-regular.woff2">
|
|
<link rel="preload" as="font" type="font/woff2" crossorigin href="/fnt/source-sans-pro-v14-latin-600.woff2">
|
|
|
|
|
|
|
|
|
|
<style>@font-face{font-family:"Source Sans Pro";font-style:normal;font-display:swap;font-weight:400;src:local("Source Sans Pro Regular"),local("SourceSansPro-Regular"),url("/fnt/source-sans-pro-v14-latin-regular.woff2") format("woff2"),url("/fnt/source-sans-pro-v14-latin-regular.woff") format("woff");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:"Source Sans Pro";font-style:normal;font-display:swap;font-weight:600;src:local("Source Sans Pro Bold"),local("SourceSansPro-Bold"),url("/fnt/source-sans-pro-v14-latin-600.woff2") format("woff2"),url("/fnt/source-sans-pro-v14-latin-600.woff") format("woff");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}html{scrollbar-color:rgba(0,0,0,0.5) rgba(0,0,0,0.7);scrollbar-width:thin;background:#FFE70B}body{padding:0 5%;font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;max-width:740px;margin:6vh auto;overflow-y:overlay}::selection{text-shadow:none;background:#000;color:#FFE70B}::-webkit-scrollbar{width:0.5em}::-webkit-scrollbar-track{background:rgba(0,0,0,0.7)}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.5)}::-webkit-scrollbar-thumb:active{background:#000}svg{fill:currentColor}p{margin-top:0.5em;line-height:1.6em}p.bigger{font-size:1.3em}h2,h3,h4{margin-top:1.5em;margin-bottom:0}a{color:currentColor;text-decoration:none;font-weight:600;text-decoration-thickness:1.4px;text-underline-offset:1px}.badge{display:inline-block;white-space:nowrap;line-height:1em;font-weight:600;overflow:hidden;background:#000}.badge span,.badge a{color:#fff;display:inline-block;padding:0.5em 0.7em 0.5em 0;z-index:1}.badge span{pointer-events:none}.badge.gray,.badge .gray{background:#666 !important}.badge.blue,.badge .blue{background:#0070F0 !important}a.badge:hover,.badge a:hover{filter:brightness(80%)}.tri,.badge :first-child{position:relative;padding-left:0.6em;padding-right:0.5em;margin-right:0.8em;background:#000}.tri:after,.badge :first-child:after{content:"";position:absolute;top:0;right:-1em;width:2em;height:2em;transform:scale(0.3, 0.707) rotate(45deg);z-index:-1;background-color:inherit}em{font-style:normal;background:#000;color:#FFE70B;padding:0.2em 0.5em;font-size:0.85em;font-weight:600;-webkit-box-decoration-break:clone;box-decoration-break:clone}em.tri:after{width:1.65em !important;height:1.65em !important;right:-.825em !important}header,footer{display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px 0;clear:both}header svg{margin-right:4px}footer{font-size:0.8rem;line-height:1em}footer hr{margin:5px 0;border:none;flex-basis:100%;height:1.5px;background:#000}footer *{align-self:flex-end}.err{text-align:center;margin:2em 0}.err em{line-height:2em;font-size:2em;margin:1em 1em 1em 0.7em}.err p{margin:2em}#cad{position:relative;width:130px;margin:auto;min-height:100px;font-weight:600;display:flex;justify-content:center;flex-direction:column;line-height:1.4;background-image:repeating-linear-gradient(0deg, #000, #000 1.4em, transparent 1.4em, transparent 2.2em, #000 2.2em),repeating-linear-gradient(90deg, #000, #000 1.4em, transparent 1.4em, transparent 2.2em, #000 2.2em),repeating-linear-gradient(180deg, #000, #000 1.4em, transparent 1.4em, transparent 2.2em, #000 2.2em),repeating-linear-gradient(270deg, #000, #000 1.4em, transparent 1.4em, transparent 2.2em, #000 2.2em);background-size:4px 100%, 100% 4px, 4px 100%, 100% 4px;background-position:0 0, 0 0, 100% 0, 0 100%;background-repeat:no-repeat}#cad #cad-blocked{padding:1em;font-size:0.85em;text-align:center;display:none}#cad.blocked{opacity:0.6}#cad.blocked #cad-blocked{display:block}#cad.blocked #cad-blocked a{text-decoration:underline}#carbonads{top:0;display:flex;float:right;max-width:130px;background-color:#fff;font-size:11px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif}#carbonads *{margin:initial;padding:initial}#carbonads a{color:#111;text-decoration:none;font-weight:500}#carbonads a:hover{color:#111}#carbonads .carbon-img{display:block;margin-bottom:8px;max-width:130px;line-height:1}#carbonads .carbon-img img{display:block;margin:0 auto;max-width:130px;width:130px;height:auto}#carbonads .carbon-text{display:block;padding:0 10px 8px;text-align:left;line-height:1.35}#carbonads .carbon-poweredby{display:block;padding:10px;background:repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0,0,0,0.025) 5px, rgba(0,0,0,0.025) 10px) rgba(241,243,244,0.4);text-transform:uppercase;letter-spacing:0.5px;font-weight:600;font-size:8px;line-height:0}#oc{display:none;margin-right:3px}@media only screen and (min-width: 400px){#oc{display:inline-block}}@media only screen and (min-width: 530px){.err{margin:3em 0 4em}.err em{min-width:330px;font-size:3em}.err p{margin:3em}#cad{width:330px;height:100px;background-image:repeating-linear-gradient(0deg, #000, #000 1.4em, transparent 1.4em, transparent 2.4em, #000 2.4em), repeating-linear-gradient(90deg, #000, #000 1.4em, transparent 1.4em, transparent 2.4em, #000 2.4em), repeating-linear-gradient(180deg, #000, #000 1.4em, transparent 1.4em, transparent 2.4em, #000 2.4em), repeating-linear-gradient(270deg, #000, #000 1.4em, transparent 1.4em, transparent 2.4em, #000 2.4em);background-size:4px 100%, 100% 4px, 4px 100%, 100% 4px}#carbonads{max-width:330px}#carbonads .carbon-wrap{display:flex;flex-direction:row}#carbonads .carbon-img{margin:0}#carbonads .carbon-text{padding:10px 10px 0 10px;font-size:12px}#carbonads .carbon-poweredby{position:absolute;right:0;bottom:0;border-radius:0;border-top-left-radius:3px;text-align:center}}@media (prefers-color-scheme: dark){html{scrollbar-color:rgba(255,231,11,0.5) rgba(255,231,11,0.2);background:#000;color:#FFE70B}::selection{background:#FFE70B;color:#000}::-webkit-scrollbar-track{background:rgba(255,231,11,0.2)}::-webkit-scrollbar-thumb{background:rgba(255,231,11,0.5)}::-webkit-scrollbar-thumb:active{background:#FFE70B}em{background:#FFE70B;color:#000}.badge{background:#FFE70B}.badge span,.badge a{color:#000}.badge .blue{color:#fff}.tri,.badge :first-child{background:#FFE70B}footer hr{background:#FFE70B}}@media only screen and (prefers-color-scheme: dark) and (min-width: 530px){#cad{background-image:repeating-linear-gradient(0deg, #FFE70B, #FFE70B 1.4em, transparent 1.4em, transparent 2.2em, #FFE70B 2.2em), repeating-linear-gradient(90deg, #FFE70B, #FFE70B 1.4em, transparent 1.4em, transparent 2.2em, #FFE70B 2.2em), repeating-linear-gradient(180deg, #FFE70B, #FFE70B 1.4em, transparent 1.4em, transparent 2.2em, #FFE70B 2.2em), repeating-linear-gradient(270deg, #FFE70B, #FFE70B 1.4em, transparent 1.4em, transparent 2.2em, #FFE70B 2.2em)}}
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style>p{margin:2em 0}#typewriter{padding-left:0.4em;font-size:1.5em;line-height:1.25em;display:inline-block}#typewriter .active{border-right:0.1em solid #FFE70B;padding-right:0.1em;line-height:0em}section{margin:1.8rem 0;color:#FFE70B}section input{position:absolute;opacity:0;left:-99px}section input:checked+article{display:inline-block}section input#s1I:checked~nav #s1L,section input#s2I:checked~nav #s2L,section input#s3I:checked~nav #s3L,section input#s4I:checked~nav #s4L{color:currentColor;background:#000}section nav{display:inline-table;border-collapse:collapse;margin:0}section nav label{color:#000;user-select:none;outline:none;cursor:pointer;display:table-cell;border:2px solid #000;border-top:none;left:0;font-weight:600;font-size:1em;height:2em;width:2em;line-height:2em;text-align:center;margin:0;padding:0;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}section nav label:hover{background:rgba(0,0,0,0.2);color:#000}section article{display:none;background:#000;margin:0;padding:1.2em}section article h3{float:left;border-right:2px solid currentColor;font-size:4em;width:1em;padding-top:0.2em;text-align:center;line-height:0.75em;font-weight:600;margin:-0.2em 0.3em 0.1em -0.2em}em ::selection,section ::selection{color:#000;background:#FFE70B}em a,section a{font-weight:600;text-decoration:underline}em a:hover,section a:hover{color:rgba(255,231,11,0.5)}#cad{position:relative;margin:4px 0 10px 20px;float:right}#redir{display:none;clear:both}#redir em{margin:0 5em;display:block;text-align:center}@media only screen and (min-width: 400px){#typewriter{font-size:2em}}@media only screen and (min-width: 700px){#typewriter{font-size:3.5em}}@media (prefers-color-scheme: dark){#typewriter .active{border-right-color:#000}section{color:#000}section input#s1I:checked~nav #s1L,section input#s2I:checked~nav #s2L,section input#s3I:checked~nav #s3L,section input#s4I:checked~nav #s4L{background:#FFE70B}section nav label{color:#FFE70B;border-color:#FFE70B}section nav label:hover{background:rgba(255,231,11,0.3);color:#FFE70B}section article{background:#FFE70B}em ::selection,section ::selection{color:#FFE70B;background:#000}em a:hover,section a:hover{color:rgba(0,0,0,0.5)}}
|
|
</style>
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="preload" href="/main.js" as="script">
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
|
|
<div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="204px" height="100px">
|
|
<path id="logoJS"
|
|
d="M0 0v100h100V0H0zm55 74.5C55 83 50.6 90 40.8 90c-6.7 0-11.2-2.6-14.3-8l6.8-5c1.6 3 3.9 4.4 6.2 4.4 3.6 0 5.5-1.8 5.5-7.7V45h10v29.5zM75.8 90c-5.8 0-11.9-2.2-16.4-6.4l5.7-6.8c3.2 2.7 7.3 4.6 11 4.6 4.2 0 6.2-1.6 6.2-4.3 0-2.8-2.5-3.7-6.4-5.3L70 69.4c-4.6-1.8-8.9-5.6-8.9-12.1 0-7.3 6.5-13.1 15.8-13.1 5.1 0 10.5 2 14.3 5.8l-5.1 6.3c-2.9-2.2-5.6-3.5-9.2-3.5-3.5 0-5.6 1.5-5.6 4 0 2.7 2.9 3.7 6.7 5.2l5.7 2.3c5.4 2.2 8.8 5.8 8.8 12 0 7.3-6.1 13.7-16.7 13.7z" />
|
|
<path
|
|
d="M115.8 75.1c0-8.8 5-13.8 12.2-13.8 7.3 0 12.2 5.1 12.2 13.8 0 8.8-5 14.1-12.2 14.1-7.3 0-12.2-5.3-12.2-14.1zm18.2 0c0-5.4-2.3-8.6-6-8.6s-6 3.2-6 8.6 2.3 8.8 6 8.8c3.7.1 6-3.4 6-8.8zm25.8 13.7l-5.2-9.7h-3.3v9.7h-6.1v-27h9.7c5.7 0 10.4 2 10.4 8.4 0 4-1.9 6.5-4.8 7.8l6.1 10.8h-6.8zm-8.5-14.6h3.1c3.2 0 4.9-1.4 4.9-4s-1.7-3.5-4.9-3.5h-3.1v7.5zm18.1 1.2c0-8.9 6-14.1 13.1-14.1a11.78 11.78 0 0 1 8.5 3.5l-3.2 3.9c-1.4-1.2-2.8-2.1-5.1-2.1-4.2 0-7.1 3.3-7.1 8.7 0 5.5 2.5 8.7 7.6 8.7 1.1 0 2.2-.3 2.9-.8v-4.6h-4.5v-5h9.8V86c-1.9 1.8-5.1 3.3-8.9 3.3-7.3-.1-13.1-4.8-13.1-13.9zM199 5v90h-90V5h90m5-5H104v100h100V0z" />
|
|
<defs>
|
|
<path id="logoORG"
|
|
d="M11.6 129.1c0-8.8 5-13.8 12.2-13.8 7.3 0 12.2 5.1 12.2 13.8 0 8.8-5 14.1-12.2 14.1-7.3 0-12.2-5.3-12.2-14.1zm18.2-.5c0-5.4-2.3-8.6-6-8.6s-6 3.2-6 8.6 2.3 8.8 6 8.8 6-3.4 6-8.8zm25.9 14.2l-5.2-9.7h-3.3v9.7h-6.1v-26.9h9.7c5.7 0 10.4 2 10.4 8.4 0 4-1.9 6.5-4.8 7.8l6.1 10.8h-6.8zm-8.6-15.2h3.1c3.2 0 4.9-1.4 4.9-4s-1.7-3.5-4.9-3.5h-3.1v7.5zm18.1 1.8c0-8.9 6-14.1 13.1-14.1a11.78 11.78 0 0 1 8.5 3.5l-3.2 3.9c-1.4-1.2-2.8-2.1-5.1-2.1-4.2 0-7.1 3.3-7.1 8.7 0 5.5 2.5 8.7 7.6 8.7 1.1 0 2.2-.3 2.9-.8v-4.6h-4.5v-5h9.8V140c-1.9 1.8-5.1 3.3-8.9 3.3-7.3-.1-13.1-4.8-13.1-13.9zM95 109v40H5v-40h90m5-5H0v50h100v-50z" />
|
|
</defs>
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<div class="badge">
|
|
<a class="blue" title="JS.ORG on Twitter" href="https://twitter.com/JS_ORG"
|
|
target="_blank" rel="nofollow noreferrer noopener">Twitter</a>
|
|
<a title="Tweet JS.ORG" href="https://twitter.com/share?url=https%3A%2F%2Fjs.org"
|
|
target="_blank" rel="nofollow noreferrer noopener">tweet this!</a>
|
|
</div>
|
|
|
|
</div>
|
|
</header>
|
|
<main>
|
|
|
|
<p class="bigger">Are you a JavaScript developer looking for free webspace to host your project?
|
|
<br>Check out
|
|
<a title="GitHub Pages" target="_blank" rel="nofollow noreferrer noopener" href="https://pages.github.com/">GitHub
|
|
Pages</a>. To make things perfect we provide you with a free and sleek URL like one of these:
|
|
</p>
|
|
|
|
<p>
|
|
<em id="typewriter" class="tri">https://<span id="hermes">foo</span>.js.org</em>
|
|
</p>
|
|
|
|
<p> Your page just has to <em>provide some reasonable content with a clear connection to JavaScript!</em>
|
|
Follow these four steps to get your own free JS.ORG subdomain for your GitHub Page:</p>
|
|
|
|
|
|
|
|
<section>
|
|
<input id="s1I" name="step" type="radio" checked="checked">
|
|
<article>
|
|
<h3>1</h3>If you haven't already, now it's time to log in to your GitHub account and set up your GitHub Page
|
|
by following
|
|
the instructions
|
|
<a title="GitHub Pages" target="_blank" rel="nofollow noreferrer noopener"
|
|
href="https://pages.github.com/">here</a>. To get a head start you can simply use the generator with one
|
|
of the provided themes and add some content
|
|
to your new page.
|
|
</article>
|
|
<input id="s2I" name="step" type="radio">
|
|
<article>
|
|
<h3>2</h3>Now you should determine your js.org subdomain: either choose your username or the name of your
|
|
repo according
|
|
to the existing GitHub Pages URL (for http://foo.github.io/bar, either "foo.js.org" or "bar.js.org" would be
|
|
possible). More details in the
|
|
<a title="JS.ORG's Wiki" target="_blank" rel="nofollow noreferrer noopener"
|
|
href="https://github.com/js-org/js.org/wiki">wiki</a>.
|
|
</article>
|
|
<input id="s3I" name="step" type="radio">
|
|
<article>
|
|
<h3>3</h3>Add a file named "CNAME" to your repo (in the "gh-pages" branch for project pages) with a single
|
|
line matching
|
|
the domain you have chosen (e.g. "foo.js.org" without quotes). If you face any problems, check out the
|
|
section
|
|
about
|
|
<a title="GitHub Pages Help" target="_blank" rel="nofollow noreferrer noopener"
|
|
href="https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages/#creating-and-committing-a-cname-file">Custom
|
|
URLs</a> at GitHub Pages Help.
|
|
</article>
|
|
<input id="s4I" name="step" type="radio">
|
|
<article>
|
|
<h3>4</h3>To finish the procedure, make a pull request in our GitHub
|
|
<a title="JS.ORGs repository" rel="nofollow noreferrer noopener"
|
|
href="https://github.com/js-org/js.org/tree/master" target="_blank">repository</a> that adds your
|
|
subdomain to the list of existing JS.ORG domains. Your new URL should go live within
|
|
24 hours (keep an eye on your pull request in case of a naming conflict or a question from our side).
|
|
</article>
|
|
<nav>
|
|
<label id="s1L" for="s1I">1</label>
|
|
<label id="s2L" for="s2I">2</label>
|
|
<label id="s3L" for="s3I">3</label>
|
|
<label id="s4L" for="s4I">4</label>
|
|
</nav>
|
|
</section>
|
|
|
|
|
|
<div id="cad" >
|
|
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CESD4K3E&placement=jsorg" id="_carbonads_js"></script>
|
|
<span id="cad-blocked">Looks like your ad blocker worked.<br>This would have been a paid advertisement that meets the <a title="Acceptable Ads Standard" target="_blank" rel="nofollow noreferrer noopener" href="https://acceptableads.com/standard/">Acceptable Ads Standard</a>.</span>
|
|
</div>
|
|
<p>
|
|
<em class="tri">Important</em>As the owner of the repository, you keep complete control over your published content.
|
|
But that also means that all rights and duties that come along with publishing a website remain in your responsibility.
|
|
</p>
|
|
<p>
|
|
<em>Have a look at our <a title="Terms and Conditions" href="/terms.html">Terms and Conditions</a></em> for more details.
|
|
</p>
|
|
|
|
</main>
|
|
<footer>
|
|
|
|
|
|
<div>
|
|
<a id="oc" class="badge blue" title="Open Collective" href="https://opencollective.com/js-org"
|
|
target="_blank" rel="nofollow noreferrer noopener"><span>Donate</span><span>for registrar
|
|
fees</span></a>
|
|
<a id="gh" class="badge gray" title="GitHub" href="https://github.com/js-org/js.org"
|
|
target="_blank" rel="nofollow noreferrer noopener"><span>GitHub</span>
|
|
|
|
<span id="ghstars">4K</span>
|
|
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="93px" height="30px">
|
|
<use xlink:href="#logoJS" transform="scale(.3)" />
|
|
<use xlink:href="#logoORG" transform="scale(.6) translate(53.6 -104)" />
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
<hr>
|
|
<span>WEBDESIGN: <a title="Werbeagentur Ansbach Webdesign" rel="noreferrer noopener" target="_blank"
|
|
href="https://www.20zweinull.de/">20zweinull</a></span>
|
|
<div><a href="/privacy.html" target="_top" title="Privacy">Privacy</a> ▪ <a href="/imprint.html" target="_top" title="Imprint">Imprint</a>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="/main.js" defer></script>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |