Skip to content

A better looking index page. #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Jan 6, 2015
Merged

A better looking index page. #1

Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
79b2e7d
A better looking index page.
robotlolita Jan 6, 2015
c7d2b15
Includes links to CoC and policy on trolling
robotlolita Jan 6, 2015
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
117 changes: 108 additions & 9 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,112 @@
<title>Friendly JS Discussion channel</title>
<link rel="icon" type="image/png" href="./js.png">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>##js - Friendly JS discussion channel</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we're losing the actual icon here.

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic' rel='stylesheet' type='text/css'>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
}

<h1>##JS</h1>
<img src="./js.png">
body {
font-family: Source Sans, sans-serif;
color: #424242;
background: #fafafa;
line-height: 1.4em;
margin-bottom: 3em;
}

<h2>Mission Statement</h2>
<p>To support users of javascript to create a collaborative, creative, diverse, interested, and inter-generational sustainable culture of programmers of all skill levels, with room and encougragement to grow.
<cite><a href="http://aredridel.dinhe.net/2014/06/15/an-unofficial-mission-statement-for-the-node-js-irc-channel/">source</a></cite>
a {
color: #2980b9;
text-decoration: none;
}
a:hover {
color: #3498db;
text-decoration: underline;
}
a:visited {
color: #8e44ad;
}

<h2>CoC</h2>
#header, #content {
width: 720px;
margin: 0 auto;
}

<h2>Trolling Policy</h2>
#header {
margin-bottom: 1em;
margin-top: 1em;
text-align: center;
}
.highlight {
margin: 1em 0 2em 1em;
border-left: 5px solid #ecf0f1;
padding-left: 1em;
font-size: 1.5em;
line-height: 1.3em;
color: #7f8c8d;
}
.highlight cite {
margin-top: 1em;
display: block;
text-align: right;
font-size: 0.8em;
font-style: normal;
color: #95a5a6;
}

h2 {
font-weight: 200;
font-size: 2em;
color: #2c3e50;
margin: 1.5em 0 0.5em 0;
line-height: 1.2em;
}

dt {
margin-top: 1.5em;
font-weight: 600;
text-transform: uppercase;
}
dd {
color: #7f8c8d;
}
</style>
</head>
<body>
<div id="header">
<img id="logo" src="js.png">
</div>
<div id="content">
<blockquote class="highlight">
<p>To support users of javascript to create a collaborative, creative,
diverse, interested, and inter-generational sustainable culture of
programmers of all skill levels, with room and encougragement to
grow.
</p>
<cite>
Adapted from
<a href="http://aredridel.dinhe.net/2014/06/15/an-unofficial-mission-statement-for-the-node-js-irc-channel/">
Aria's #node.js unofficial mission statement
</a>
</cite>
</blockquote>

<h2>Important links</h2>
<dl>
<dt><a href="">Code of Conduct</a></dt>
<dd>##js aims to be welcoming for everyone. Behaviour that make people
feel unwelcome/uncomfortable should be kept out of the channel.</dd>

<dt><a href="">Policy on Trolling</a></dt>
<dd>Read it. Don't break it.</dd>
</dl>
</div>
</body>
</html>