1 files changed, 39 insertions, 1 deletions
diff --git a/lib/awprint/public/index.html b/lib/awprint/public/index.html
index eb76d44..0f8052b 100644
--- a/lib/awprint/public/index.html
+++ b/lib/awprint/public/index.html
@@ -14,6 +14,8 @@ body {
 	font-size: 13px;
   background: black;
   color: white;
+}
+#react-root {
   padding: 5px;
 }
 .print {
@@ -24,7 +26,7 @@ body {
 }
 .print img {
   display: block;
-  width: 250px;
+  width: 230px;
   margin: 5px;
 }
 .print div {
@@ -34,11 +36,47 @@ body {
   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());