Add screenshot page.

d9c242e2 · Joel Martin · 316fa6f5 · d9c242e2 · d9c242e2 · d9c242e2
Commit d9c242e2 authored Jul 03, 2010 by Joel Martin
Hide whitespace changes
Inline Side-by-side

Showing with 98 additions and 12 deletions

noVNC-1.jpg img/noVNC-1.jpg +0 -0

noVNC-2.jpg img/noVNC-2.jpg +0 -0

index.html index.html +17 -12

screenshots.html screenshots.html +81 -0

No files found.
--- a/img/noVNC-1.jpg
+++ b/img/noVNC-1.jpg
--- a/img/noVNC-2.jpg
+++ b/img/noVNC-2.jpg
--- a/index.html
+++ b/index.html
@@ -52,18 +52,21 @@
      VNC client using HTML5 (Web Sockets, Canvas) with encryption (wss://) support.
    </div>

-<h2>Screenshot</h2>
-<p>Coming soon</p>
+<h2><a href="screenshots.html">Screenshots</a></h2>
+<p>It's not a real project until there are <a href="screenshots.html">screenshots</a>.</p>

 <h2>Dependencies</h2>
 <p>A browser with at least minimal canvas support (i.e. not IE 6, 7 or 8).</p>

+
 <h2>Install</h2>
 <p>Run a vnc server, run the WebSockets proxy, load the page, and connect! See the project <a href="http://github.com/kanaka/noVNC/blob/master/README.md">README</a> for more details.</p>

+
 <h2>License</h2>
 <p>LGPL-3</p>

+
 <h2>Authors</h2>
 <ul>
    <li><strong>noVNC</strong> : Joel Martin (github@martintribe.org)</li>
@@ -72,16 +75,18 @@
 </ul>


-    <h2>Download</h2>
-    <p>
-      You can download this project in either
-      <a href="http://github.com/kanaka/noVNC/zipball/master">zip</a> or
-      <a href="http://github.com/kanaka/noVNC/tarball/master">tar</a> formats.
-    </p>
-    <p>You can also clone the project with <a href="http://git-scm.com">Git</a>
-      by running:
-      <pre>$ git clone git://github.com/kanaka/noVNC</pre>
-    </p>
+
+<h2>Download</h2>
+<p>
+    You can download this project in either
+    <a href="http://github.com/kanaka/noVNC/zipball/master">zip</a> or
+    <a href="http://github.com/kanaka/noVNC/tarball/master">tar</a> formats.
+</p>
+<p>You can also clone the project with <a href="http://git-scm.com">Git</a>
+    by running:
+    <pre>$ git clone git://github.com/kanaka/noVNC</pre>
+</p>
+

    <div class="footer">
      get the source code on GitHub : <a href="http://github.com/kanaka/noVNC">kanaka/noVNC</a>

--- a/screenshots.html
+++ b/screenshots.html
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+	<title>kanaka/noVNC @ GitHub</title>
+	
+	<style type="text/css">
+		body {
+  		margin-top: 1.0em;
+  		background-color: #dbedf0;
+		  font-family: "Helvetica,Arial,FreeSans";
+  		color: #000000;
+    }
+    #container {
+      margin: 0 auto;
+      width: 700px;
+    }
+		h1 { font-size: 3.8em; color: #24120f; margin-bottom: 3px; }
+		h1 .small { font-size: 0.4em; }
+		h1 a { text-decoration: none }
+		h2 { font-size: 1.5em; color: #24120f; }
+    h3 { text-align: center; color: #24120f; }
+    a { color: #24120f; }
+    .description { font-size: 1.2em; margin-bottom: 30px; margin-top: 30px; font-style: italic;}
+    .download { float: right; }
+		pre { background: #000; color: #fff; padding: 15px;}
+    hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
+    .footer { text-align:center; padding-top:30px; font-style: italic; }
+	</style>
+	
+</head>
+
+<body>
+  <a href="http://github.com/kanaka/noVNC"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
+
+  <div id="container">
+
+    <div class="download">
+      <a href="http://github.com/kanaka/noVNC/zipball/master">
+        <img border="0" width="90" src="http://github.com/images/modules/download/zip.png"></a>
+      <a href="http://github.com/kanaka/noVNC/tarball/master">
+        <img border="0" width="90" src="http://github.com/images/modules/download/tar.png"></a>
+    </div>
+
+    <h1><a href="http://github.com/kanaka/noVNC">noVNC</a>
+      <span class="small">by <a href="http://github.com/kanaka">kanaka</a></span></h1>
+
+    <div class="description">
+      VNC client using HTML5 (Web Sockets, Canvas) with encryption (wss://) support.
+    </div>
+
+    <p>See <a href="index.html">homepage</a> and
+       <a href="http://github.com/kanaka/noVNC/blob/master/README.md">README</a> for more info.
+
+    <p> noVNC is designed to be easily integrated into other websites
+    so my focus is on function with minimal fluff. So yes, my
+    screenshots are pretty boring. If you have a cool shot of noVNC in
+    action, put it on flikr (or wherever) and let
+    <a href="http://github.com/inbox/new/kanaka">me</a> know and if
+    I like it I'll add it here. </p>
+
+<h2>Page loaded, not connected</h2>
+<p> <img src="img/noVNC-1.jpg"> </p>
+
+
+<h2>Connected</h2>
+<p> <img src="img/noVNC-2.jpg"> </p>
+
+
+    <div class="footer">
+      get the source code on GitHub : <a href="http://github.com/kanaka/noVNC">kanaka/noVNC</a>
+    </div>
+
+  </div>
+
+  
+</body>
+</html>