Beginnings of new editor

2010-10-27 16:03:16 -07:00
parent 927b012d6c
commit 0b1f1a5338
4 changed files with 253 additions and 0 deletions
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-type" content="text/html;charset=utf-8">
+  <link rel="stylesheet" type="text/css" href="css/gollum.css" media="all">
+  <link rel="stylesheet" type="text/css" href="css/editor.css" media="all">
+  <title>Page Name &mdash; Site Name</title>
+</head>
+<body>
+<div id="wiki-wrapper" class="edit">
+<div id="head">
+  <h1>Editing <strong>Page Title</strong></h1>
+  <ul class="actions">
+    <li class="minibutton"><a href="javascript:void(0);"
+       class="action-edit-page">Edit Page</a></li>
+    <li class="minibutton"><a href="javascript:void(0);"
+       class="action-page-history">Page History</a></li>
+    <li class="minibutton" class="action-discussion">
+      <a href="javascript:void(0);">Discussion <span>(10)<span></a></li>
+  </ul>
+</div>
+<div id="wiki-content">
+  <div class="has-rightbar">
+  <div id="wiki-body">
+    <div id="inline-comment">
+      <ul>
+        <li><a href="javascript:void(0);" id="block1"
+           class="has-activity">4</a></li>
+        <li><a href="javascript:void(0);" id="block2"
+           class="no-activity">&nbsp;</a></li>
+      </ul>
+    </div>
+    <div id="gollum-editor">
+    <form name="gollum-editor" action="#" method="post">
+      <ul id="gollum-editor-type-switcher">
+        <li><a href="#" id="type-switch-code" class="active">Code</a></li>
+        <li><a href="#" id="type-switch-rt">Easy Mode</a></li>
+      </ul>
+      <div id="gollum-editor-function-bar">
+        <a href="#" id="function-bold" class="function-button">Bold</a>
+        <a href="#" id="function-italic" class="function-button">Italic</a>
+        <a href="#" id="function-underline" class="function-button">
+          Underline</a>
+        <a href="#" id="function-code" class="function-button">Code</a>
+        <span class="function-divider"></span>
+        <a href="#" id="function-ul" class="function-button">Unordered List</a>
+        <a href="#" id="function-ol" class="function-button">Ordered List</a>
+        <a href="#" id="function-blockquote" class="function-button">
+          Blockquote</a>
+        <span class="function-divider"></span>
+        <a href="#" id="function-link" class="function-button">Link</a>
+        <a href="#" id="function-image" class="function-image">Image</a>
+      </div>
+      <fieldset id="gollum-editor-fields">
+        <textarea id="gollum-editor-body"
+         data-markup-lang="markdown"></textarea>
+        <span class="aural"><br></span>
+        <input type="submit" id="gollum-editor-submit" value="Save">
+      </fieldset>
+    </form>
+    </div>
+  </div>
+  </div>
+</div>
+<div id="footer">
+  <p id="last-edit">Last edited by <span class="username">username</span>, 13:20:21 GMT</p>
+</div>
+</div>
+
+<script type="text/javascript" src="js/jquery.js"></script>
+<script type="text/javascript" src="js/gollum.js"></script>
+<script type="text/javascript" src="js/gollum.editor.js"></script>
+</body>
+</html>