NextGraph
/
wasm-pack
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(website): add landing page

Browse Source
master
Ashley Williams 7 years ago
parent d2a6af8eda
commit 3229f1f791
6 changed files with 248 additions and 90 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      .travis.yml
  2. 50
      docs/index.html
  3. 188
      docs/installer/index.html
  4. 98
      docs/public/custom.css
  5. BIN
      docs/public/img/rustwasm.png
  6. BIN
      docs/public/img/wasm-ferris.png

2
.travis.yml
Unescape View File

@ -66,7 +66,7 @@ matrix:
provider: pages
skip-cleanup: true
github-token: *GH_TOKEN
local-dir: docs/book
local-dir: docs
keep-history: false
on:
branch: master

50
docs/index.html
Unescape View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>wasm-pack</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet">
<link rel="stylesheet" href="./public/custom.css" />
</head>
<body>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-logo">
<a href="/">
<img src="./public/img/rustwasm.png">
</a>
</a>
<li class="navbar-item">
<a href="https://github.com/rustwasm/wasm-pack/issues/new/choose">File an Issue</a>
</li>
<li class="navbar-item">
<a href="/book">Documentation</a>
</li>
<li class="navbar-item">
<a href="/installer">Install</a>
</li>
</ul>
</div>
</nav>
<header>
<div class="container">
<div class="row">
<div class="seven columns" id="logo">
<img src="./public/img/wasm-ferris.png"alt="wasm ferris logo" />
<h1><code>wasm-pack</code></h1>
<h2>📦✨ your favorite rust -> wasm workflow tool!</h2>
</div>
<div class="five columns" id="installer">
<a class="button button-primary" href="/installer">✨ Install wasm-pack 0.4.2 ✨</a>
<p>24 July 2018 |
<a href="https://github.com/rustwasm/wasm-pack/releases/tag/v0.4.2">
Release Notes
</a>
</p>
</div>
</div>
</header>
</div>
</div>
<script type="text/javascript" src="installer/wasm-pack.js"></script>
</body>

188
docs/installer/index.html
Unescape View File

@ -1,20 +1,13 @@
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>wasm-pack</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet">
<link rel="stylesheet" href="../public/custom.css"/>
<style>
body {
text-align: center;
margin: 100px;
font-size: 150%;
}
#main {
padding: 100px;
}
.instructions {
padding: 100px;
border: 1px solid black;
border: 1px solid #eee;
}
.winlink {
display: block;
@ -22,85 +15,102 @@
</style>
</head>
<body>
<nav class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-logo">
<a href="/">
<img src="../public/img/rustwasm.png">
</a>
</a>
<li class="navbar-item">
<a href="https://github.com/rustwasm/wasm-pack/issues/new/choose">File an Issue</a>
</li>
<li class="navbar-item">
<a href="/book">Documentation</a>
</li>
<li class="navbar-item">
<a href="/installer">Install</a>
</li>
</ul>
</div>
</nav>
<section id="installer">
<img src="../public/img/wasm-ferris.png">
<h1>Install <code>wasm-pack</code></h1>
<div class="container">
<div id="platform-instructions-unix" style="display: none;">
<div class="curl">
<code>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</code>
<p>
You appear to be running a *nix system (Unix, Linux, MacOS). If not,
<a class="default-platform-button" href="#">display all supported installers</a>.
</p>
</div>
</div>
<div id='main'>
Install wasm-pack! A tool with a blurb here.
</div>
<div id="platform-instructions-unix" style="display: none;">
<pre>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</pre>
<p>
You appear to be running Unix. If not,
<a class="default-platform-button" href="#">display all supported installers</a>.
</p>
</div>
<div id="platform-instructions-win64" class="instructions" style="display: none;">
<p>
You appear to be running windows 64-bit, download and run
<a class='winlink' href="https://github.com/rustwasm/wasm-pack/releases/download/$VERSION/wasm-pack-init.exe">wasm-pack-init.exe</a>
then follow the onscreen
instructions.
</p>
<hr/>
<p>
If you're a Windows Subsystem for Linux user run the following in your
terminal, then follow the onscreen instructions to install wasm-pack.
</p>
<pre>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</pre>
<hr/>
<p>
You appear to be running Windows 64-bit. If not,
<a class="default-platform-button" href="#">
display all supported installers
</a>.
</p>
</div>
<div id="platform-instructions-unknown" class="instructions" style="display: none;">
<p>I don't recognize your platform.</p>
<p>
We would appreciate it if you
<a href="https://github.com/rustwasm/wasm-pack/issues/new">reported an issue</a>,
along with the following values:
</p>
<div>
<div>navigator.platform:</div>
<div id="nav-plat"></div>
<div>navigator.appVersion:</div>
<div id="nav-app"></div>
</div>
</div>
<div id="platform-instructions-default" class="instructions">
<div>
<p>
To install wasm-pack, if you are running Unix,<br/>
run the following in your terminal, then follow the onscreen
instructions.
</p>
<pre>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</pre>
</div>
<hr/>
<div>
<p>
If you are running Windows 64-bit,<br/>download and run
<a class='winlink' href="https://github.com/rustwasm/wasm-pack/releases/download/$VERSION/wasm-pack-init.exe">wasm-pack-init.exe</a>
then follow the onscreen instructions.
</p>
</div>
<hr/>
<div id="platform-instructions-win64" class="instructions" style="display: none;">
<p>
You appear to be running Windows 64-bit, download and run
<a class='winlink' href="https://github.com/rustwasm/wasm-pack/releases/download/$VERSION/wasm-pack-init.exe">wasm-pack-init.exe</a>
then follow the onscreen instructions.
</p>
<hr/>
<p>
If you're a Windows Subsystem for Linux user run the following in your
terminal, then follow the onscreen instructions to install wasm-pack.
</p>
<code>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</code>
<hr/>
<p>
You appear to be running Windows 64-bit. If not,
<a class="default-platform-button" href="#">
display all supported installers
</a>.
</p>
</div>
<div>
<p>
For all other platforms, run the following in your terminal:
</p>
<pre>cargo install wasm-pack</pre>
</div>
</div>
<div id="platform-instructions-unknown" class="instructions" style="display: none;">
<p>I don't recognize your platform.</p>
<p>
We would appreciate it if you
<a href="https://github.com/rustwasm/wasm-pack/issues/new">reported an issue</a>,
along with the following values:
</p>
<div>
<div>navigator.platform:</div>
<div id="nav-plat"></div>
<div>navigator.appVersion:</div>
<div id="nav-app"></div>
</div>
</div>
<script type="text/javascript" src="wasm-pack.js"></script>
<div id="platform-instructions-default" class="instructions">
<div>
<p>
To install wasm-pack, if you are running a *nix system (Unix, Linux, MacOS),<br/>
run the following in your terminal, then follow the onscreen
instructions.
</p>
<code>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</code>
</div>
<hr/>
<div>
<p>
If you are running Windows 64-bit,<br/>download and run
<a class='winlink' href="https://github.com/rustwasm/wasm-pack/releases/download/$VERSION/wasm-pack-init.exe">wasm-pack-init.exe</a>
then follow the onscreen instructions.
</p>
</div>
<hr/>
<div>
<p>
For all other platforms, run the following in your terminal:
</p>
<code>cargo install wasm-pack</code>
</div>
</div>
</div>
</section>
<script type="text/javascript" src="wasm-pack.js"></script>
</body>

98
docs/public/custom.css
Unescape View File

@ -0,0 +1,98 @@
@import url('https://fonts.googleapis.com/css?family=Raleway');
.navbar {
display: block;
width: 100%;
height: 6.5rem;
background: #fff;
z-index: 99;
border-bottom: 1px solid #eee;
}
.navbar-list {
list-style: none;
margin-bottom: 0;
}
.navbar-item {
position: relative;
float: right;
margin-bottom: 0;
}
.navbar-logo {
position: relative;
float: left;
margin-bottom: 0;
}
.navbar-logo a img {
width: 50px;
}
.navbar-item a {
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
letter-spacing: .2rem;
margin-right: 35px;
text-decoration: none;
line-height: 6.5rem;
color: #222;
}
#logo, #installer {
text-align: center;
}
#logo {
padding: 50px;
}
#logo img {
width: 80%;
}
#logo h1, h2 {
text-align: center;
}
#logo h2 {
font-size: 1.8rem;
letter-spacing: 0.01rem;
color: #222;
}
#installer a.button {
width: 100%;
height: 20%;
font-size: 1.8rem;
padding: 1.8rem;
margin: 10rem 0 1.8rem 0;
background-color: #6556EC;
border-color: #6556EC;
}
#installer img {
padding: 50px;
width: 20%;
}
.curl {
padding: 50px;
}
.curl p {
margin-top: 50px;
}
.curl code {
padding: 20px;
font-size: 2rem;
background-color: #000;
color: #fff;
}
a {
color: #6556EC;
}

BIN
docs/public/img/rustwasm.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
docs/public/img/wasm-ferris.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 117 KiB

Write Preview
Loading…
Cancel
Save