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>
<html>
<head>
<head>
<title>Hybrid Publishing Editor</title>
<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="hype.css">
<link rel="stylesheet" type="text/css" href="hype.css">
</head>
<body>
<div id="split">
<div id="editor" class="left">
<div class="header">
<span class="label">markdown</span>
<div id="openmenucontext">
<button id="openbutton">open...</button>
<div id="openmenu">
<form id="dropzone" action="/cgi-bin/pandoc.cgi" class="dropzone">
<div class="fallback">
<input name="file" type="file" />
</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 id="split">
<div id="editor" class="left">
<div class="header">
<div class="header-center">
<span class="label">markdown</span>
<div id="openmenucontext">
<button id="openbutton">open...</button>
<div id="openmenu">
<form id="dropzone" action="/cgi-bin/pandoc.cgi" class="dropzone">
<div class="fallback">
<input name="file" type="file" />
</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 id="editortext"></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 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>

@ -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 {
text-decoration: none;
color: green;
color: #000;
text-decoration: underline;
}
a:hover {
color: #0F0;
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 {
position: absolute;
left: 0; right: 0;
@ -16,7 +87,7 @@ a:hover {
}
#editor {
border-right: 2px dotted gray;
border-right: 2px dotted #0F0;
}
#editor textarea {
@ -47,7 +118,7 @@ a:hover {
.label {
text-transform: uppercase;
font-size: smaller;
font-size: 1.25em;
}
#editortext {
@ -149,3 +220,9 @@ a:hover {
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