diff options
| author | jules <jules@carbonpictures.com> | 2017-06-01 23:41:32 +0000 |
|---|---|---|
| committer | jules <jules@carbonpictures.com> | 2017-06-01 23:41:32 +0000 |
| commit | 291a7be04a43ef0062a31dbfafb481c6e7829b79 (patch) | |
| tree | 018241c1b8b83ab9f802ab3805b1d3fc9429dfa4 /lib/awprint/public/index.html | |
| parent | 8e7adf087ad73228b1d463411b1a6bfc329fb625 (diff) | |
| parent | 1dec5a464d13129194c41342afb3f73386132245 (diff) | |
Merge branch 'master' of ghghgh.us:armory-fmf-cms
Diffstat (limited to 'lib/awprint/public/index.html')
| -rw-r--r-- | lib/awprint/public/index.html | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/lib/awprint/public/index.html b/lib/awprint/public/index.html new file mode 100644 index 0000000..0f8052b --- /dev/null +++ b/lib/awprint/public/index.html @@ -0,0 +1,85 @@ +<html> +<head> +<title>Hansel and Gretel Print Shop</title> +<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'> +<style> +html,body { + width: 100%; + height: 100%; + margin: 0; + padding: 0; +} +body { + font-family: 'Futura-Medium', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; + font-size: 13px; + background: black; + color: white; +} +#react-root { + padding: 5px; +} +.print { + display: inline-block; + border: 1px solid #f00; + margin: 5px; + cursor: pointer; +} +.print img { + display: block; + width: 230px; + margin: 5px; +} +.print div { + margin: 5px; +} +.print.printed { + border: 1px solid #333; + cursor: default; +} +.modal { + position: fixed; + top: 100%; + left: 0; + width: 100%; + height: 100%; + z-index: 2; + background-color: rgba(0,0,0,0.7); + flex: 1; + flex-direction: column; + align-items: center; + justify-content: center; + transition: opacity 250ms; + opacity: 0; + font-size: 24px; +} +.modal.visible { + top: 0%; + opacity: 1; +} +.modal .inner { + padding: 30px; + border-radius: 30px; + background: rgb(0,0,0); + text-align: center; + position: absolute; + top: 50%; left: 50%; + transform: translate3D(-50%, -50%, 0); +} +.modal img { + width: 70px; + height: 70px; + margin: 20px; +} +</style> +</head> +<body> +<div id='react-root'></div> +</body> + +<script src="/socket.io/socket.io.js"></script> +<script> + var s = document.createElement('script'); + s.setAttribute('src','public/bundle.js?' + Date.now()); + document.body.appendChild(s) +</script> +</html> |