1
0
Fork 0
mirror of https://github.com/denoland/deno.git synced 2024-12-27 09:39:08 -05:00
denoland-deno/website/index.html
Jed Fox 43f48386d7 website: use css variables and prefers-color-scheme (#2547)
This uses `prefers-color-scheme: dark` to automatically switch 
to dark mode if the user specifies it in their system settings. 
Dark mode is supported in Firefox 67, Chrome 76, Safari 12.1,
and iOS 13 as of this commit, but the current status can be 
checked here: https://caniuse.com/#feat=prefers-color-scheme

Additionally, this uses CSS Variables to implement the color-switching
mechanism. This isn’t supported in IE, but the site degrades
reasonably well with them disabled.
Support table: https://caniuse.com/#feat=css-variables
2019-06-19 16:53:07 -07:00

172 lines
5.7 KiB
HTML

<!-- Copyright 2018-2019 the Deno authors. All rights reserved. MIT license. -->
<!DOCTYPE html>
<html>
<head>
<title>Deno</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.14.2/build/styles/default.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.14.2/build/styles/github-gist.min.css">
<link rel="stylesheet" media="(prefers-color-scheme: dark)" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.14.2/build/styles/monokai-sublime.min.css">
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.14.2/build/highlight.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.14.2/build/languages/typescript.min.js"></script>
<link rel="stylesheet" href="style.css" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
</head>
<body>
<main>
<header>
<img id="logo" src="images/deno_logo_3.svg" width=200>
<div>
<h1>Deno</h1>
A secure runtime for JavaScript and TypeScript built with V8, Rust, and Tokio
</div>
</header>
<table>
<tr>
<th></th>
<th>Linux &amp; Mac</th>
<th>Windows</th>
</tr>
<tr>
<th><a href="https://github.com/denoland/deno">deno</a></th>
<td>
<a class="badge" href="https://travis-ci.com/denoland/deno">
<img
src="https://travis-ci.com/denoland/deno.svg?branch=master"
/>
</a>
</td>
<td>
<a class="badge" href="https://ci.appveyor.com/project/deno/deno">
<img
src="https://ci.appveyor.com/api/projects/status/yel7wtcqwoy0to8x/branch/master?svg=true"
/>
</a>
</td>
</tr>
<tr>
<th><a href="https://github.com/denoland/deno_std">deno_std</a></th>
<td colspan="2">
<a
class="badge"
href="https://dev.azure.com/denoland/deno_std/_build?definitionId=2"
>
<img
src="https://dev.azure.com/denoland/deno_std/_apis/build/status/denoland.deno_std?branchName=master"
/>
</a>
</td>
</tr>
<tr>
<th>
<a href="https://github.com/denoland/deno_install">deno_install</a>
</th>
<td>
<a class="badge" href="https://travis-ci.com/denoland/deno_install">
<img
src="https://travis-ci.com/denoland/deno_install.svg?branch=master"
/>
</a>
</td>
<td>
<a
class="badge"
href="https://ci.appveyor.com/project/deno/deno-install"
>
<img
src="https://ci.appveyor.com/api/projects/status/gtekeaf7r60xa896?branch=master&svg=true"
/>
</a>
</td>
</tr>
<tr>
<th><a href="https://github.com/denoland/registry">registry</a></th>
<td colspan=2>
<a class="badge" href="https://travis-ci.com/denoland/registry">
<img
src="https://travis-ci.com/denoland/registry.svg?branch=master"
/>
</a>
</td>
</tr>
</table>
<h2 id="install">Install <a href="#install">#</a></h2>
<p>Using Shell:</p>
<pre>curl -fsSL <a
href="https://github.com/denoland/deno_install/blob/master/install.sh">https://deno.land/x/install/install.sh</a> | sh</pre>
<p>Or using PowerShell:</p>
<pre>iwr <a
href="https://github.com/denoland/deno_install/blob/master/install.ps1">https://deno.land/x/install/install.ps1</a> | iex</pre>
<p>Using <a href="https://brew.sh/">Homebrew</a> (mac):</p>
<pre>brew install deno</pre>
<p>Using <a href="https://scoop.sh/">Scoop</a> (windows):
<pre>scoop install deno</pre>
<p>See <a href="https://github.com/denoland/deno_install">deno_install</a> for more installation options.</p>
<h2 id="example">Example <a href="#example">#</a></h2>
<p>Try running a simple program:</p>
<pre>deno https://deno.land/welcome.ts</pre>
<p>Or a more complex one:</p>
<pre><code class="typescript language-typescript">import { serve } from "https://deno.land/std@v0.5/http/server.ts";
async function main() {
const body = new TextEncoder().encode("Hello World\n");
for await (const req of serve(":8000")) {
req.respond({ body });
}
}
main();</code></pre>
<h2 id="dig-in">Dig in... <a href="#dig-in">#</a></h2>
<p>
<b><a href="manual.html">Manual</a></b>
</p>
<p><a href="https://deno.land/typedoc/">API Reference</a></p>
<p>
<a href="https://github.com/denoland/deno_std">Standard Modules</a>
</p>
<p><a href="style_guide.html">Style Guide</a></p>
<p><a href="https://deno.land/x/">Module repository</a></p>
<p><a href="https://twitter.com/deno_land">Twitter Account</a></p>
<p>
<a href="https://github.com/denoland/deno/blob/master/Releases.md"
>Release notes</a
>
</p>
<p><a href="https://gitter.im/denolife/Lobby">Community chat room</a></p>
<p><a href="benchmarks.html">Benchmarks</a></p>
<p>
<a href="https://github.com/denolib/awesome-deno"
>A curated list of awesome Deno things</a
>
</p>
<script>
// Disable automatic language detection
hljs.configure({
languages: [],
});
hljs.initHighlighting();
</script>
</main>
</body>
</html>