cryptpad/www/examples/render/index.html

<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="/common/render-sd.css" />
    <script data-main="main" src="/bower_components/requirejs/require.js"></script>
    <style>
        html, body {
            padding: 0;
            margin: 0;
            width: 100%;
            min-height: 100%;
        }

        body { overflow-y: auto; }

        #inner {
            display: fixed;
            width: 95%;
            height: 100%;
            top: 0px;
            left: 0px;

            margin: 0px auto;
            padding: 0px;
        }
        img { max-width: 100%; }
        code { font-family: monospace; }

        blockquote, p, pre, code, li { font-size: 20px; }
        table, thead, tbody, th, tr, td{
            border: 1pt solid #586e75;
            background-color: #002b36;
            padding: 15px;
        }
    </style>
</head>
<body>
    <div id="target">
        <div id="inner"></div> 
    </div>
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. 9 years ago			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta content="text/html; charset=utf-8" http-equiv="content-type"/>`
scale viewport so mobile is readable 9 years ago			`<meta name="viewport" content="width=device-width, initial-scale=1.0"/>`
fix up /render/ 8 years ago			`<link rel="stylesheet" href="/common/render-sd.css" />`
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. 9 years ago			`<script data-main="main" src="/bower_components/requirejs/require.js"></script>`
			`<style>`
better styling on render page now solarized dark 9 years ago			`html, body {`
fix up /render/ 8 years ago			`padding: 0;`
			`margin: 0;`
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. 9 years ago			`width: 100%;`
fix up /render/ 8 years ago			`min-height: 100%;`
			`}`

			`body { overflow-y: auto; }`

			`#inner {`
			`display: fixed;`
			`width: 95%;`
rendered html should be scrollable 9 years ago			`height: 100%;`
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. 9 years ago			`top: 0px;`
			`left: 0px;`
clean up realtime-input.js, break API use an object for configuration, so as to be more extensible. modify applications which use the API to match. 9 years ago
fix up /render/ 8 years ago			`margin: 0px auto;`
			`padding: 0px;`
clean up realtime-input.js, break API use an object for configuration, so as to be more extensible. modify applications which use the API to match. 9 years ago			`}`
fix up /render/ 8 years ago			`img { max-width: 100%; }`
			`code { font-family: monospace; }`
clean up realtime-input.js, break API use an object for configuration, so as to be more extensible. modify applications which use the API to match. 9 years ago
fix up /render/ 8 years ago			`blockquote, p, pre, code, li { font-size: 20px; }`
clean up realtime-input.js, break API use an object for configuration, so as to be more extensible. modify applications which use the API to match. 9 years ago			`table, thead, tbody, th, tr, td{`
			`border: 1pt solid #586e75;`
			`background-color: #002b36;`
			`padding: 15px;`
			`}`
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. 9 years ago			`</style>`
			`</head>`
			`<body>`
minor style tweaks for /render/ 9 years ago			`<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. 9 years ago			`<div id="inner"></div>`
			`</div>`