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 provider: pages
skip-cleanup: true skip-cleanup: true
github-token: *GH_TOKEN github-token: *GH_TOKEN
local-dir: docs/book local-dir: docs
keep-history: false keep-history: false
on: on:
branch: master 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> <!DOCTYPE html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>wasm-pack</title> <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> <style>
body {
text-align: center;
margin: 100px;
font-size: 150%;
}
#main {
padding: 100px;
}
.instructions { .instructions {
padding: 100px; padding: 100px;
border: 1px solid black; border: 1px solid #eee;
} }
.winlink { .winlink {
display: block; display: block;
@ -22,85 +15,102 @@
</style> </style>
</head> </head>
<body> <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'> <div id="platform-instructions-win64" class="instructions" style="display: none;">
Install wasm-pack! A tool with a blurb here. <p>
</div> 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>
<div id="platform-instructions-unix" style="display: none;"> then follow the onscreen instructions.
<pre>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</pre> </p>
<p> <hr/>
You appear to be running Unix. If not, <p>
<a class="default-platform-button" href="#">display all supported installers</a>. If you're a Windows Subsystem for Linux user run the following in your
</p> terminal, then follow the onscreen instructions to install wasm-pack.
</div> </p>
<code>curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh</code>
<div id="platform-instructions-win64" class="instructions" style="display: none;"> <hr/>
<p> <p>
You appear to be running windows 64-bit, download and run You appear to be running Windows 64-bit. If not,
<a class='winlink' href="https://github.com/rustwasm/wasm-pack/releases/download/$VERSION/wasm-pack-init.exe">wasm-pack-init.exe</a> <a class="default-platform-button" href="#">
then follow the onscreen display all supported installers
instructions. </a>.
</p> </p>
<hr/> </div>
<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> <div id="platform-instructions-unknown" class="instructions" style="display: none;">
<p> <p>I don't recognize your platform.</p>
For all other platforms, run the following in your terminal: <p>
</p> We would appreciate it if you
<pre>cargo install wasm-pack</pre> <a href="https://github.com/rustwasm/wasm-pack/issues/new">reported an issue</a>,
</div> along with the following values:
</div> </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