commit d4cdd29e54c96d66148d20fd2973d45ff7774c2e Author: Marcel Klehr Date: Mon Aug 6 23:20:23 2012 +0200 initial diff --git a/css/font-awesome.css b/css/font-awesome.css new file mode 100644 index 000000000..4697599c7 --- /dev/null +++ b/css/font-awesome.css @@ -0,0 +1,303 @@ +/* Font Awesome + the iconic font designed for use with Twitter Bootstrap + ------------------------------------------------------- + The full suite of pictographic icons, examples, and documentation + can be found at: http://fortawesome.github.com/Font-Awesome/ + + License + ------------------------------------------------------- + The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0: + http://creativecommons.org/licenses/by/3.0/ A mention of + 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable + source code is considered acceptable attribution (most common on the web). + If human readable source code is not available to the end user, a mention in + an 'About' or 'Credits' screen is considered acceptable (most common in desktop + or mobile software). + + Contact + ------------------------------------------------------- + Email: dave@davegandy.com + Twitter: http://twitter.com/fortaweso_me + Work: http://lemonwi.se co-founder + + */ +@font-face { + font-family: "FontAwesome"; + src: url('../font/fontawesome-webfont.eot'); + src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); + font-weight: normal; + font-style: normal; +} + +/* Font Awesome styles + ------------------------------------------------------- */ +[class^="icon-"]:before, [class*=" icon-"]:before { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; + text-decoration: inherit; +} +a [class^="icon-"], a [class*=" icon-"] { + display: inline-block; + text-decoration: inherit; +} +/* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: top; + font-size: 1.3333333333333333em; +} +.btn [class^="icon-"], .btn [class*=" icon-"] { + /* keeps button heights with and without icons the same */ + + line-height: .9em; +} +li [class^="icon-"], li [class*=" icon-"] { + display: inline-block; + width: 1.25em; + text-align: center; +} +li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { + /* 1.5 increased font size for icon-large * 1.25 width */ + + width: 1.875em; +} +li[class^="icon-"], li[class*=" icon-"] { + margin-left: 0; + list-style-type: none; +} +li[class^="icon-"]:before, li[class*=" icon-"]:before { + text-indent: -2em; + text-align: center; +} +li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { + text-indent: -1.3333333333333333em; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { content: "\f000"; } +.icon-music:before { content: "\f001"; } +.icon-search:before { content: "\f002"; } +.icon-envelope:before { content: "\f003"; } +.icon-heart:before { content: "\f004"; } +.icon-star:before { content: "\f005"; } +.icon-star-empty:before { content: "\f006"; } +.icon-user:before { content: "\f007"; } +.icon-film:before { content: "\f008"; } +.icon-th-large:before { content: "\f009"; } +.icon-th:before { content: "\f00a"; } +.icon-th-list:before { content: "\f00b"; } +.icon-ok:before { content: "\f00c"; } +.icon-remove:before { content: "\f00d"; } +.icon-zoom-in:before { content: "\f00e"; } + +.icon-zoom-out:before { content: "\f010"; } +.icon-off:before { content: "\f011"; } +.icon-signal:before { content: "\f012"; } +.icon-cog:before { content: "\f013"; } +.icon-trash:before { content: "\f014"; } +.icon-home:before { content: "\f015"; } +.icon-file:before { content: "\f016"; } +.icon-time:before { content: "\f017"; } +.icon-road:before { content: "\f018"; } +.icon-download-alt:before { content: "\f019"; } +.icon-download:before { content: "\f01a"; } +.icon-upload:before { content: "\f01b"; } +.icon-inbox:before { content: "\f01c"; } +.icon-play-circle:before { content: "\f01d"; } +.icon-repeat:before { content: "\f01e"; } + +/* \f020 doesn't work in Safari. all shifted one down */ +.icon-refresh:before { content: "\f021"; } +.icon-list-alt:before { content: "\f022"; } +.icon-lock:before { content: "\f023"; } +.icon-flag:before { content: "\f024"; } +.icon-headphones:before { content: "\f025"; } +.icon-volume-off:before { content: "\f026"; } +.icon-volume-down:before { content: "\f027"; } +.icon-volume-up:before { content: "\f028"; } +.icon-qrcode:before { content: "\f029"; } +.icon-barcode:before { content: "\f02a"; } +.icon-tag:before { content: "\f02b"; } +.icon-tags:before { content: "\f02c"; } +.icon-book:before { content: "\f02d"; } +.icon-bookmark:before { content: "\f02e"; } +.icon-print:before { content: "\f02f"; } + +.icon-camera:before { content: "\f030"; } +.icon-font:before { content: "\f031"; } +.icon-bold:before { content: "\f032"; } +.icon-italic:before { content: "\f033"; } +.icon-text-height:before { content: "\f034"; } +.icon-text-width:before { content: "\f035"; } +.icon-align-left:before { content: "\f036"; } +.icon-align-center:before { content: "\f037"; } +.icon-align-right:before { content: "\f038"; } +.icon-align-justify:before { content: "\f039"; } +.icon-list:before { content: "\f03a"; } +.icon-indent-left:before { content: "\f03b"; } +.icon-indent-right:before { content: "\f03c"; } +.icon-facetime-video:before { content: "\f03d"; } +.icon-picture:before { content: "\f03e"; } + +.icon-pencil:before { content: "\f040"; } +.icon-map-marker:before { content: "\f041"; } +.icon-adjust:before { content: "\f042"; } +.icon-tint:before { content: "\f043"; } +.icon-edit:before { content: "\f044"; } +.icon-share:before { content: "\f045"; } +.icon-check:before { content: "\f046"; } +.icon-move:before { content: "\f047"; } +.icon-step-backward:before { content: "\f048"; } +.icon-fast-backward:before { content: "\f049"; } +.icon-backward:before { content: "\f04a"; } +.icon-play:before { content: "\f04b"; } +.icon-pause:before { content: "\f04c"; } +.icon-stop:before { content: "\f04d"; } +.icon-forward:before { content: "\f04e"; } + +.icon-fast-forward:before { content: "\f050"; } +.icon-step-forward:before { content: "\f051"; } +.icon-eject:before { content: "\f052"; } +.icon-chevron-left:before { content: "\f053"; } +.icon-chevron-right:before { content: "\f054"; } +.icon-plus-sign:before { content: "\f055"; } +.icon-minus-sign:before { content: "\f056"; } +.icon-remove-sign:before { content: "\f057"; } +.icon-ok-sign:before { content: "\f058"; } +.icon-question-sign:before { content: "\f059"; } +.icon-info-sign:before { content: "\f05a"; } +.icon-screenshot:before { content: "\f05b"; } +.icon-remove-circle:before { content: "\f05c"; } +.icon-ok-circle:before { content: "\f05d"; } +.icon-ban-circle:before { content: "\f05e"; } + +.icon-arrow-left:before { content: "\f060"; } +.icon-arrow-right:before { content: "\f061"; } +.icon-arrow-up:before { content: "\f062"; } +.icon-arrow-down:before { content: "\f063"; } +.icon-share-alt:before { content: "\f064"; } +.icon-resize-full:before { content: "\f065"; } +.icon-resize-small:before { content: "\f066"; } +.icon-plus:before { content: "\f067"; } +.icon-minus:before { content: "\f068"; } +.icon-asterisk:before { content: "\f069"; } +.icon-exclamation-sign:before { content: "\f06a"; } +.icon-gift:before { content: "\f06b"; } +.icon-leaf:before { content: "\f06c"; } +.icon-fire:before { content: "\f06d"; } +.icon-eye-open:before { content: "\f06e"; } + +.icon-eye-close:before { content: "\f070"; } +.icon-warning-sign:before { content: "\f071"; } +.icon-plane:before { content: "\f072"; } +.icon-calendar:before { content: "\f073"; } +.icon-random:before { content: "\f074"; } +.icon-comment:before { content: "\f075"; } +.icon-magnet:before { content: "\f076"; } +.icon-chevron-up:before { content: "\f077"; } +.icon-chevron-down:before { content: "\f078"; } +.icon-retweet:before { content: "\f079"; } +.icon-shopping-cart:before { content: "\f07a"; } +.icon-folder-close:before { content: "\f07b"; } +.icon-folder-open:before { content: "\f07c"; } +.icon-resize-vertical:before { content: "\f07d"; } +.icon-resize-horizontal:before { content: "\f07e"; } + +.icon-bar-chart:before { content: "\f080"; } +.icon-twitter-sign:before { content: "\f081"; } +.icon-facebook-sign:before { content: "\f082"; } +.icon-camera-retro:before { content: "\f083"; } +.icon-key:before { content: "\f084"; } +.icon-cogs:before { content: "\f085"; } +.icon-comments:before { content: "\f086"; } +.icon-thumbs-up:before { content: "\f087"; } +.icon-thumbs-down:before { content: "\f088"; } +.icon-star-half:before { content: "\f089"; } +.icon-heart-empty:before { content: "\f08a"; } +.icon-signout:before { content: "\f08b"; } +.icon-linkedin-sign:before { content: "\f08c"; } +.icon-pushpin:before { content: "\f08d"; } +.icon-external-link:before { content: "\f08e"; } + +.icon-signin:before { content: "\f090"; } +.icon-trophy:before { content: "\f091"; } +.icon-github-sign:before { content: "\f092"; } +.icon-upload-alt:before { content: "\f093"; } +.icon-lemon:before { content: "\f094"; } +.icon-phone:before { content: "\f095"; } +.icon-check-empty:before { content: "\f096"; } +.icon-bookmark-empty:before { content: "\f097"; } +.icon-phone-sign:before { content: "\f098"; } +.icon-twitter:before { content: "\f099"; } +.icon-facebook:before { content: "\f09a"; } +.icon-github:before { content: "\f09b"; } +.icon-unlock:before { content: "\f09c"; } +.icon-credit-card:before { content: "\f09d"; } +.icon-rss:before { content: "\f09e"; } + +.icon-hdd:before { content: "\f0a0"; } +.icon-bullhorn:before { content: "\f0a1"; } +.icon-bell:before { content: "\f0a2"; } +.icon-certificate:before { content: "\f0a3"; } +.icon-hand-right:before { content: "\f0a4"; } +.icon-hand-left:before { content: "\f0a5"; } +.icon-hand-up:before { content: "\f0a6"; } +.icon-hand-down:before { content: "\f0a7"; } +.icon-circle-arrow-left:before { content: "\f0a8"; } +.icon-circle-arrow-right:before { content: "\f0a9"; } +.icon-circle-arrow-up:before { content: "\f0aa"; } +.icon-circle-arrow-down:before { content: "\f0ab"; } +.icon-globe:before { content: "\f0ac"; } +.icon-wrench:before { content: "\f0ad"; } +.icon-tasks:before { content: "\f0ae"; } + +.icon-filter:before { content: "\f0b0"; } +.icon-briefcase:before { content: "\f0b1"; } +.icon-fullscreen:before { content: "\f0b2"; } + +.icon-group:before { content: "\f0c0"; } +.icon-link:before { content: "\f0c1"; } +.icon-cloud:before { content: "\f0c2"; } +.icon-beaker:before { content: "\f0c3"; } +.icon-cut:before { content: "\f0c4"; } +.icon-copy:before { content: "\f0c5"; } +.icon-paper-clip:before { content: "\f0c6"; } +.icon-save:before { content: "\f0c7"; } +.icon-sign-blank:before { content: "\f0c8"; } +.icon-reorder:before { content: "\f0c9"; } +.icon-list-ul:before { content: "\f0ca"; } +.icon-list-ol:before { content: "\f0cb"; } +.icon-strikethrough:before { content: "\f0cc"; } +.icon-underline:before { content: "\f0cd"; } +.icon-table:before { content: "\f0ce"; } + +.icon-magic:before { content: "\f0d0"; } +.icon-truck:before { content: "\f0d1"; } +.icon-pinterest:before { content: "\f0d2"; } +.icon-pinterest-sign:before { content: "\f0d3"; } +.icon-google-plus-sign:before { content: "\f0d4"; } +.icon-google-plus:before { content: "\f0d5"; } +.icon-money:before { content: "\f0d6"; } +.icon-caret-down:before { content: "\f0d7"; } +.icon-caret-up:before { content: "\f0d8"; } +.icon-caret-left:before { content: "\f0d9"; } +.icon-caret-right:before { content: "\f0da"; } +.icon-columns:before { content: "\f0db"; } +.icon-sort:before { content: "\f0dc"; } +.icon-sort-down:before { content: "\f0dd"; } +.icon-sort-up:before { content: "\f0de"; } + +.icon-envelope-alt:before { content: "\f0e0"; } +.icon-linkedin:before { content: "\f0e1"; } +.icon-undo:before { content: "\f0e2"; } +.icon-legal:before { content: "\f0e3"; } +.icon-dashboard:before { content: "\f0e4"; } +.icon-comment-alt:before { content: "\f0e5"; } +.icon-comments-alt:before { content: "\f0e6"; } +.icon-bolt:before { content: "\f0e7"; } +.icon-sitemap:before { content: "\f0e8"; } +.icon-umbrella:before { content: "\f0e9"; } +.icon-paste:before { content: "\f0ea"; } + +.icon-user-md:before { content: "\f200"; } diff --git a/css/index.css b/css/index.css new file mode 100644 index 000000000..c159d1d02 --- /dev/null +++ b/css/index.css @@ -0,0 +1,212 @@ + +body { + font-family: Helvetica,Arial,sans-serif; /* Calibri,FreeSans,Tahoma, */ +} + +h1,h2,h3,h4,h5,h6 { + font-family: Helvetica,Arial,sans-serif; + font-weight: normal; + padding: 20px 0; +} + +h1 { + font-size: 0.9cm; +} +h2 { + font-size: 0.75cm; +} +h3 { + font-size: 0.7cm; +} +h4 { + font-size: 0.65cm; +} +h5 { + font-size: 0.6cm; +} +h6 { + font-size: 0.5cm; +} + +/* middling everything */ + +.wrap { + width: 1008px; + margin: 0 auto; + position: relative; +} + +/* scroll points */ + +a.anchor { + display: block; + border-bottom: 1px solid #ccc; + padding-top: 45px; + margin-bottom: 45px; +} +a.anchor:first-of-type { + padding-top: 0; + border-bottom: none; + + position: relative; + top: -45px; +} + +/* header */ + +div#header { + background: none repeat scroll 0 0 #333; + border-bottom: 3px solid #aaa; + left: 0; + margin-bottom: 10px; + position: fixed; + right: 0; + z-index: 10; +} +div#header a.logo { + background: url("../img/brand.png") no-repeat scroll 0 0 transparent; + display: block; + float: left; + height: 50px; + margin: 10px 0; + width: 140px; +} +div#header div#nav { + float: right; + padding: 16px 0; +} +div#header div#nav li { + display: inline-block; + margin: 0 8px; +} +div#header div#nav li a, +div#header div#nav li a:active { + -moz-transition: all 0.25s linear 0s; + color: #fff; + font-size: 0.6cm; + line-height: 55px; + padding: 16px; + text-decoration: none; +} + +div#header div#nav li a:hover, +div#header div#nav li a:focus { + color: #5a5; +} + +div#header + * { + padding-top: 120px !important; +} + + +/* download button */ + +div#downloadbutton { + float: left; + width: 7cm; + padding: 8px 25px; + margin: 15px; + -moz-transition: all 0.25s linear 0s; + background-color: #272; + color: #fff; + font-size: 12px; +} +div.showcase div#downloadbutton { float: right; } +div#downloadbutton a, +div#downloadbutton a:active { + color: #fff; + text-decoration: none; + font-size: 0.8cm; +} +div#downloadbutton:hover, +div#downloadbutton:focus { + background-color: #050; +} +div#downloadbutton a i.icon-download-alt{ + float:right; +} + + +/* content */ + +div.content { + overflow: auto; + + background: none repeat scroll 0 0 #fff; + font-size: 0.475cm; + line-height: 1.5; +} + +div.content p { + margin-bottom: 15px; +} + +div.content a, +div.content a:active { + color: #272; + -moz-transition: all 0.25s linear 0s; +} + +div.content a:focus, +div.content a:hover { + color: #050; +} + + +/* show case */ + +div.showcase { + background: url('../img/linen.jpg'); +} + +div.showcase h1 { + display: inline; + line-height: 1.5; + padding: 1px; + font-size: 1cm; + background: #fff; + color: #000; +} + + +/* links */ + +ul.links li { + display: block; + margin: 8px 0; + width: 12cm; + height: 1cm; +} + +ul.links li a [class^="icon-"] { + display: block; + position: absolute; + top: 0; right: 0; bottom: 0; + + color: #fff; + background-color: #5a5; + padding: 5px; +} +ul.links li a, +ul.links li a:active { + display: block; + position: relative; + padding: 5px; + -moz-transition: all 0.25s linear 0s; + background-color: #fff; + color: #000; + text-decoration: none; +} +ul.links li a:hover, +ul.links li a:focus { + color: #fff; + background-color: #5a5; +} + +/* footer */ + +div#footer { + height: 50px; + padding-top: 20px; + text-align: center; +} \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 000000000..5798697cd --- /dev/null +++ b/css/reset.css @@ -0,0 +1 @@ +a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}svg{overflow:hidden} \ No newline at end of file diff --git a/font/fontawesome-webfont.eot b/font/fontawesome-webfont.eot new file mode 100644 index 000000000..89070c1e6 Binary files /dev/null and b/font/fontawesome-webfont.eot differ diff --git a/font/fontawesome-webfont.svg b/font/fontawesome-webfont.svg new file mode 100644 index 000000000..1245f92c2 --- /dev/null +++ b/font/fontawesome-webfont.svg @@ -0,0 +1,255 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/fontawesome-webfont.ttf b/font/fontawesome-webfont.ttf new file mode 100644 index 000000000..c17e9f8d1 Binary files /dev/null and b/font/fontawesome-webfont.ttf differ diff --git a/font/fontawesome-webfont.woff b/font/fontawesome-webfont.woff new file mode 100644 index 000000000..09f2469a1 Binary files /dev/null and b/font/fontawesome-webfont.woff differ diff --git a/img/brand.png b/img/brand.png new file mode 100644 index 000000000..7f970e189 Binary files /dev/null and b/img/brand.png differ diff --git a/img/linen.jpg b/img/linen.jpg new file mode 100644 index 000000000..5cd87b1a0 Binary files /dev/null and b/img/linen.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 000000000..40f120f9d --- /dev/null +++ b/index.html @@ -0,0 +1,104 @@ + + + + +Etherpad lite + + + + + + + +
+
+
+ +
+

Etherpad is an Open Source online editor providing collaborative editing in really real-time powered by Node.js

+
DOWNLOAD
Version 1.1
+
+
+ + +
+

Collaborating in really real-time

+

Etherpad lite allows you to edit documents colaboratively in real-time, much like a live multi-player online editor. Additionally, Etherpad lite provides access to all data through a well-documented HTTP API and supports import/export to many major data exchange formats. The built-in plugin system makes extending the core functionality almost a breeze.

+ +

History

+

Etherpad lite was spawned from the hell fire of Etherpad. Etherpad Lite is based entirely on node.js, while reusing the well-tested easysync library. This makes it much more lightweight and more stable than the original Etherpad.

+

Our hope is that this will encourage more users to use and install a realtime collaborative editor. A smaller, manageable and well-documented code base makes it easier for developers to understand and improve the code and contribute towards the project.

+
+ + +
+

Download

+
Source
Version 1.1
+
Windows
Version 1.1
+
+ + +
+

Docs

+

The wiki provides useful tuorials and How-to's to get you started with Etherpad lite.

+

A more thorough reference can be found in the official documentation.

+
+ + +
+

Contribute

+

Etherpad is an open source project. And that means, that everything, from this website to the core of the application itself, has been contributed by passionate, helpful individuals (such as yourself) who liked what they saw and wanted to make something better of it. So if you like what you see, and want to make something better of it, we’d like to see your contributions. It doesn’t matter how familiar you are with real-time applications, or whether you know how to program in JavaScript. There are plenty of ways to be helpful! Just ask!

+

The main development happens on Github. To contribute, fork the main repo, branch off a feature branch from develop, make your changes and commit them, push to your fork and submit a pull request for Pita/develop.

+

Once in a while we merge develop into master, which results in a new release. This means you will always find the latest stable version in the master branch.

+

One of the first things you should do is actually use Etherpad lite, and get to know it, read about it, evangelise it, and engage with the wider community. You can learn, how to write a plugin and implement some cool stuff.

+

+
+ + +
+

Links

+
+
+ +
+ + + + \ No newline at end of file