Merge branch 'master' of github.com:DigitalPublishingToolkit/hybrideditor

master
Michael Murtaugh 10 years ago
commit be0da4d1df

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

@ -1,55 +1,64 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Hybrid Publishing Editor</title> <title>Hybrid Publishing Editor</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="lib/jquery-ui/jquery-ui.min.css"></script> <link rel="stylesheet" type="text/css" href="lib/jquery-ui/jquery-ui.min.css"></script>
<link rel="stylesheet" type="text/css" href="hype.css"> <link rel="stylesheet" type="text/css" href="hype.css">
</head> </head>
<body> <body>
<div id="split"> <div id="split">
<div id="editor" class="left"> <div id="editor" class="left">
<div class="header"> <div class="header">
<span class="label">markdown</span>
<div id="openmenucontext"> <div class="header-center">
<button id="openbutton">open...</button> <div id="openmenucontext">
<div id="openmenu"> <span class="label">write markdown</span> /
<form id="dropzone" action="/cgi-bin/pandoc.cgi" class="dropzone"> <button id="openbutton">import .docx</button>
<div class="fallback"> <div id="openmenu">
<input name="file" type="file" /> <form id="dropzone" action="/cgi-bin/pandoc.cgi" class="dropzone">
</div> <div class="fallback">
</form> <input name="file" type="file" />
<!-- <form id="sideload" style="margin-top: 5px" action="/cgi-bin/pandoc.cgi">
<label for="importurl">Upload from URL:</label><br />
<input id="importurl" name="url" type="text" />
<input type="submit" name="_submit" value="import" />
</form> -->
</div>
</div> </div>
</form>
<!-- <form id="sideload" style="margin-top: 5px" action="/cgi-bin/pandoc.cgi">
<label for="importurl">Upload from URL:</label><br />
<input id="importurl" name="url" type="text" />
<input type="submit" name="_submit" value="import" />
</form> -->
</div> </div>
<div id="editortext"></div> </div>
</div>
<div class="hdiv"></div>
<div id="preview" class="right">
<div class="header">
<form id="previewform" method="post" action="/cgi-bin/pandoc.cgi" target="previewiframe">
<input type="hidden" name="text" id="previewformtext" />
<input type="hidden" name="from" value="markdown" />
<select id="formatselect" name="to">
<option value="html">HTML</option>
<option value="plain">Plain text</option>
<option value="icml">ICML (InDesign)</option>
<option value="markdown">Markdown</option>
</select>
<input type="submit" name="_submit" value="show"/>
<input type="submit" name="_submit" value="download"/>
</form>
</div>
<div class="iframe"><iframe name="previewiframe"></iframe></div>
</div> </div>
</div>
<div id="editortext">
</div>
</div> </div>
<div class="hdiv"></div>
<div id="preview" class="right">
<div class="header">
<div class="header-center">
<form id="previewform" method="post" action="/cgi-bin/pandoc.cgi" target="previewiframe">
<input type="hidden" name="text" id="previewformtext" />
<input type="hidden" name="from" value="markdown" />
<select id="formatselect" name="to">
<option value="html">HTML</option>
<option value="plain">Plain text</option>
<option value="icml">ICML (InDesign)</option>
<option value="markdown">Markdown</option>
</select>
<input type="submit" name="_submit" value="show"/>
<input type="submit" name="_submit" value="download"/>
</form>
</div>
</div>
<div class="iframe"><iframe name="previewiframe"></iframe></div>
</div>
</div>
<div id="footer"><a href="https://github.com/DigitalPublishingToolkit">Hybrid Publishing Editor</a> is <a href="http://www.gnu.org/copyleft/gpl.html">free software</a> based on <a href="http://daringfireball.net/projects/markdown/">markdown</a>, <a href="http://johnmacfarlane.net/pandoc/">pandoc</a> &amp; <a href="http://ace.c9.io/">ace</a>.
<a href="http://networkcultures.org/digitalpublishing/"><img src="imgs/logo_horiz.jpg" class="logo" alt="" ></a>
<div id="footer"><a href="https://github.com/DigitalPublishingToolkit">Hybrid Publishing Editor</a> is <a href="http://www.gnu.org/copyleft/gpl.html">free software</a> based on <a href="http://daringfireball.net/projects/markdown/">markdown</a>, <a href="http://johnmacfarlane.net/pandoc/">pandoc</a> &amp; <a href="http://ace.c9.io/">ace</a>.</div> </div>
</body> </body>

@ -1,14 +1,85 @@
body {} @font-face {
font-family: 'Ubuntu Mono Bold';
src: url('fonts/UbuntuMono-B.ttf');
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Light.ttf');
font-weight: 300;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-LightItalic.ttf');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Regular.ttf');
font-weight: 400;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Italic.ttf');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-Bold.ttf');
font-weight: 600;
}
@font-face {
font-family: 'Open Sans';
src: url('fonts/OpenSans-BoldItalic.ttf');
font-weight: 600;
font-style: italic;
}
body {
font-family: Open Sans;
font-size: 12pt;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Ubuntu Mono Bold', monospace;
}
a { a {
text-decoration: none; color: #000;
color: green; text-decoration: underline;
} }
a:hover { a:hover {
color: #0F0;
text-decoration: underline; text-decoration: underline;
} }
div.header, select, button, input {
font-family: 'Ubuntu Mono Bold', monospace;
}
div.header {
padding: 10px;
font-size:1em;
text-align:center;
}
div.header-center {
display: inline-block;
margin-left: auto;
margin-right: auto;
}
#split { #split {
position: absolute; position: absolute;
left: 0; right: 0; left: 0; right: 0;
@ -16,7 +87,7 @@ a:hover {
} }
#editor { #editor {
border-right: 2px dotted gray; border-right: 2px dotted #0F0;
} }
#editor textarea { #editor textarea {
@ -46,8 +117,7 @@ a:hover {
} }
.label { .label {
text-transform: uppercase; /*text-transform: uppercase;*/
font-size: smaller;
} }
#editortext { #editortext {
@ -68,9 +138,10 @@ a:hover {
padding: 10px; padding: 10px;
position: absolute; position: absolute;
left: 0; top: 32px; left: 0; top: 32px;
background: #EEE; background: #FFF;
width: 360px; width: 360px;
display: none; display: none;
border: 2px solid #0F0;
} }
#footer { #footer {
@ -149,3 +220,14 @@ a:hover {
cursor: move; cursor: move;
} }
img.logo{
position: fixed;
width:80px;
right:15px;
bottom:5px;
}
input, select, button{
background: #FFF;
border: 2px solid #0F0;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Loading…
Cancel
Save