master
Castro0o 10 years ago
parent d049485d70
commit 65c3b6a143

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,62 @@
<!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 class="header-center">
<div id="openmenucontext"> <span class="label">markdown</span>
<button id="openbutton">open...</button> <div id="openmenucontext">
<div id="openmenu"> <button id="openbutton">open...</button>
<form id="dropzone" action="/cgi-bin/pandoc.cgi" class="dropzone"> <div id="openmenu">
<div class="fallback"> <form id="dropzone" action="/cgi-bin/pandoc.cgi" class="dropzone">
<input name="file" type="file" /> <div class="fallback">
</div> <input name="file" type="file" />
</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>
</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 {
@ -47,7 +118,7 @@ a:hover {
.label { .label {
text-transform: uppercase; text-transform: uppercase;
font-size: smaller; font-size: 1.25em;
} }
#editortext { #editortext {
@ -149,3 +220,9 @@ a:hover {
cursor: move; cursor: move;
} }
img.logo{
position: fixed;
width:80px;
right:5px;
bottom:5px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Loading…
Cancel
Save