Skip to content
This repository was archived by the owner on Nov 21, 2018. It is now read-only.

New design (again). #17

Merged
merged 3 commits into from
Jan 11, 2015
Merged

New design (again). #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
1180894
New design.
laosb Dec 27, 2014
76f6a66
Replace `'` with `"`.
laosb Dec 27, 2014
b9bb688
Restyled FAQ page.
laosb Dec 27, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 2 additions & 6 deletions faq.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,20 +4,16 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="description" content="iojs">
<meta name="keywords" content="iojs, io.js, io js, javascript io, uv, libuv, node-forward, node forward, node, node.js, node.js forward, nodejs, nodejs forward, javascript">

<title>Javascript IO - FAQ</title>

<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> -->
<link href='https://fonts.googleapis.com/css?family=Lato:300,700' rel='stylesheet' type='text/css'>
<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>
<h1>FAQ</h1>
<h2 class="brand">io.js</h2>
<h1 class="heading">FAQ</h1>

<div class="faq-item">

Expand Down
44 changes: 18 additions & 26 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,55 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="description" content="iojs">
<meta name="keywords" content="iojs, io.js, io js, javascript io, uv, libuv, node-forward, node forward, node, node.js, node.js forward, nodejs, nodejs forward, javascript">

<title>JavaScript I/O</title>

<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> -->
<link href='https://fonts.googleapis.com/css?family=Lato:300,700' rel='stylesheet' type='text/css'>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

</head>

<body>
<h1>JavaScript I/O</h1>

<body>
<h2 class="brand">io.js</h2>
<h1 class="heading">JavaScript I/O</h1>
<h2>
<a href="https://github.com/iojs/io.js"><code>io.js</code></a> is a JavaScript platform that is compatible with <a href="https://nodejs.org">Node.js</a> &amp; <a href="https://www.npmjs.org/">npm</a>.
</h2>

<a href="https://github.com/iojs/io.js" class="large button">Coming soon...</a>
<p>
<code>io.js</code> contributions, releases, and contributorship are under an <a href="https://github.com/iojs/io.js/blob/v0.12/CONTRIBUTING.md#governance">open governance</a> model.
The initial 1.0.0-alpha.1 release <a href="https://github.com/iojs/io.js/issues/28">is planned</a> for January 13, 2015.
</p>
<p>
The initial 1.0.0-alpha.1 release <a href="https://github.com/iojs/io.js/issues/28">is planned</a> for January 13, 2015.
<code>io.js</code> contributions, releases, and contributorship are under an <a href="https://github.com/iojs/io.js/blob/v0.12/CONTRIBUTING.md#governance">open governance</a> model.
</p>

<a class="button" href="faq.html">
FAQ
</a>
<a class="button" target="_blank" href="https://github.com/iojs/io.js/issues">
<div class="multi-button">
<a class="button" target="_blank" href="https://github.com/iojs/io.js/issues">
Github Issues
</a><a class="button" href="https://github.com/iojs">
Github Org
</a>
</div>
<div class="multi-button">
<a class="button" target="_blank" href="http://webchat.freenode.net/?channels=io.js">
<a class="button" target="_blank" href="http://webchat.freenode.net/?channels=io.js">
Chat (IRC)
</a><!--
remove whitespace
--><a class="button" target="_blank" href="http://logs.libuv.org/io.js/latest">
</a><a class="button" target="_blank" href="http://logs.libuv.org/io.js/latest">
Logs
</a>
</div>
<br/>
<a class="button" href="https://github.com/iojs">
There is a Github Org.
</br>
That's your kind of thing, right?
</a>
</body>
</body>

</html>
115 changes: 67 additions & 48 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,74 +1,93 @@
html {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.4;
text-align: center;
font-family: "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", Arial, sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.4;
text-align: center;
}
.brand {
margin: 5px 10px;
color: #aaa;
text-align: left;
}
.heading {
font-size: 55px;
line-height: 175px;
}

body {
display: inline-block;
max-width: 600px;
margin: 5px 6px;
display: inline-block;
max-width: 700px;
margin: 5px 6px;
background: #111;
color: #eee;
}

h1 {
font-size: 2em;
font-size: 2em;
}

h2 {
font-size: 1.125em;
margin: 2.2em 0;
font-size: 1.125em;
margin: 2.2em 0;
}

p {
font-size: 15px;
margin: .6em 0;
font-size: 15px;
margin: .6em 0;
}

a {
text-decoration: none;
color: #455A64;
border-bottom: 1px solid #CFD8DC;
text-decoration: none;
color: #eee;
border-bottom: 1px solid #eee;
transition: .3s all ease;
}
a:hover {
color: #607D8B;
border-bottom: 1px solid #607D8B;
color: #aaa;
border-bottom: 1px solid #aaa;
}

abbr {
cursor: pointer;
}

.button {
border: none;
display: inline-block;
padding: 0.5em;
margin: 10px;
background-color: rgba(100, 100, 100, 0.06);
border-radius: 3px;
border: solid 1px #eee;
display: inline-block;
padding: 1em;
margin: 10px;
background-color: transparent;
border-radius: 3px;
transition: .3s all ease;
color: #eee;
}
.button:hover {
border: none;
background-color: rgba(100, 100, 100, 0.1);
.large {
font-size: 20px;
margin: 15px !important;
padding: 1.3em;
border-radius: 5px;
}
.logo {
margin-top:20px;
.button:hover {
background-color: #eee;
color: #333;
}

.multi-button {
display: inline-block
display: inline-block
}
.multi-button .button {
margin: 10px 0;
border-right: 1px solid rgba(100, 100, 100, 0.08);
margin: 0;
border-left: none;
}
.multi-button .button:first-child {
margin: 10px 0 10px 10px;
border-radius: 3px 0 0 3px;
margin: 0;
border-radius: 3px 0 0 3px;
border: solid 1px #eee;
}
.multi-button .button:last-child {
margin: 10px 10px 10px 0;
border-right: none;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.faq-item {
border-radius: 3px;
border:solid 1px #eee;
margin:20px;
}
.faq-title {
margin:0;
line-height:3em;
background: #eee;
color:#333;
}
.faq-body {
margin:1em;
}