cryptpad/www/render/index.html

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
    <link rel="stylesheet" href="/common/render-sd.css"></link>
    <script data-main="main" src="/bower_components/requirejs/require.js"></script>
    <style>
        html, body {
            padding: 0px;
            margin: 0px;
            box-sizing: border-box;
        }
        #target {
            position: fixed;
            width: 100%;
            height: 100%;
            overflow: auto;
            font-size: 15px;
            top: 0px;
            left: 0px;
        }
        #inner {
            margin: 15px;
        }
        /* don't show the textarea, it's strictly functional */
        textarea {
            display: none;
        }
        /* don't let images overflow*/
        img {
            max-width: 100%;
        }
        /* monospace for code */
        code {
            font-family: monospace;
        }
        /* TODO
            bump up text size on mobile
        */
    </style>
</head>
<body>
    <div id="target">
        <div id="inner"></div> 
    </div>
    <textarea></textarea>
</body>
</html>
make a new pad that doesn't allow input. It simply renders markdown that's being written in the same channel but in another editor that allows input. 2016-01-30 12:59:20 +00:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta content="text/html; charset=utf-8" http-equiv="content-type"/>`
better styling on render page now solarized dark 2016-01-30 13:18:20 +00:00			`<link rel="stylesheet" href="/common/render-sd.css"></link>`
make a new pad that doesn't allow input. It simply renders markdown that's being written in the same channel but in another editor that allows input. 2016-01-30 12:59:20 +00:00			`<script data-main="main" src="/bower_components/requirejs/require.js"></script>`
			`<style>`
better styling on render page now solarized dark 2016-01-30 13:18:20 +00:00			`html, body {`
make a new pad that doesn't allow input. It simply renders markdown that's being written in the same channel but in another editor that allows input. 2016-01-30 12:59:20 +00:00			`padding: 0px;`
			`margin: 0px;`
change styles for rendered page 2016-02-01 13:14:32 +00:00			`box-sizing: border-box;`
make a new pad that doesn't allow input. It simply renders markdown that's being written in the same channel but in another editor that allows input. 2016-01-30 12:59:20 +00:00			`}`
better styling on render page now solarized dark 2016-01-30 13:18:20 +00:00			`#target {`
make a new pad that doesn't allow input. It simply renders markdown that's being written in the same channel but in another editor that allows input. 2016-01-30 12:59:20 +00:00			`position: fixed;`
			`width: 100%;`
rendered html should be scrollable 2016-01-30 16:30:00 +00:00			`height: 100%;`
			`overflow: auto;`
make a new pad that doesn't allow input. It simply renders markdown that's being written in the same channel but in another editor that allows input. 2016-01-30 12:59:20 +00:00			`font-size: 15px;`
			`top: 0px;`
			`left: 0px;`
			`}`
minor style tweaks for /render/ 2016-01-30 17:04:01 +00:00			`#inner {`
			`margin: 15px;`
			`}`
make rendered images sort of responsive 2016-01-31 12:14:45 +00:00			`/* don't show the textarea, it's strictly functional */`
minor style tweaks for /render/ 2016-01-30 17:04:01 +00:00			`textarea {`
			`display: none;`
			`}`
make rendered images sort of responsive 2016-01-31 12:14:45 +00:00			`/* don't let images overflow*/`
			`img {`
			`max-width: 100%;`
			`}`
change styles for rendered page 2016-02-01 13:14:32 +00:00			`/* monospace for code */`
			`code {`
			`font-family: monospace;`
			`}`
			`/* TODO`
			`bump up text size on mobile`
			`*/`
make a new pad that doesn't allow input. It simply renders markdown that's being written in the same channel but in another editor that allows input. 2016-01-30 12:59:20 +00:00			`</style>`
			`</head>`
			`<body>`
minor style tweaks for /render/ 2016-01-30 17:04:01 +00:00			`<div id="target">`
make a new pad that doesn't allow input. It simply renders markdown that's being written in the same channel but in another editor that allows input. 2016-01-30 12:59:20 +00:00			`<div id="inner"></div>`
			`</div>`
minor style tweaks for /render/ 2016-01-30 17:04:01 +00:00			`<textarea></textarea>`
make a new pad that doesn't allow input. It simply renders markdown that's being written in the same channel but in another editor that allows input. 2016-01-30 12:59:20 +00:00			`</body>`
			`</html>`