merge latest dev

front/dist/index.tmpl.html

@@ -27,7 +27,7 @@
     <meta name="msapplication-TileImage" content="static/images/favicons/ms-icon-144x144.png">
     <meta name="theme-color" content="#000000">
 
-
+    <link href="/static/style/font.css" rel="stylesheet">
     <base href="/">
 
     <title>Partey</title>
@@ -37,6 +37,7 @@
     <div class="main-container" id="main-container">
         <!-- Create the editor container -->
         <div id="game" class="game">
+            <div id="svelte-overlay">
             <div id="game-overlay" class="game-overlay">
                 <div id="main-section" class="main-section">
                 </div>

front/dist/resources/html/gameReport.html

@@ -97,7 +97,7 @@
             <button id="toggleBlockButton">Block this user</button>
         </section>
     </section>
-    <section id="reportSection">
+    <section id="reportSection" hidden>
         <h3>Report: </h3>
         <p>Send a report message to the administrators of this room. They may later ban this user.</p>
         <form>

front/dist/resources/style/cowebsite-mobile.scss

@@ -1,52 +0,0 @@
-@media (max-aspect-ratio: 1/1) {
-
-    #main-container {
-      display: flex;
-      flex-direction: column-reverse;
-    }
-  
-  
-    #cowebsite {
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 50%;
-      display: flex;
-      flex-direction: column-reverse;
-  
-      &.loading {
-        transform: translateY(-90%);
-      }
-      &.hidden {
-        transform: translateY(-100%);
-      }
-  
-      main {
-        height: 100%;
-      }
-  
-  
-      aside {
-        height: 30px;
-        cursor: ns-resize;
-        flex-direction: column;
-  
-        img {
-          cursor: ns-resize;
-        }
-      }
-  
-      .top-right-btn {
-        &#cowebsite-close {
-          right: 0;
-        }
-        &#cowebsite-fullscreen {
-          left: 0;
-        }
-        &#cowebsite-focus {
-          left: 25px;
-        }
-      }
-    }
-  }
-  

front/dist/resources/style/cowebsite.scss

@@ -1,96 +0,0 @@
-/* A potentially shared website could appear in an iframe in the cowebsite space. */
-
-#cowebsite {
-  position: fixed;
-  transition: transform 0.5s;
-  background-color: white;
-  
-  &.loading {
-    background-color: gray;
-  }
-
-  &.focus {
-    z-index: 999;
-  }
-
-  main {
-    iframe {
-      width: 100%;
-      height: 100%;
-    }
-  }
-  
-  aside {
-    background: #212529;
-    align-items: center;
-    display: flex;
-
-    img {
-      margin: 3px;
-      pointer-events: none;
-      height: 20px;
-    }
-  }
-
-  .top-right-btn{
-    position: absolute;
-    background: none;
-    border: none;
-    cursor: url('/resources/logos/cursor_pointer.png'), pointer;
-
-    img {
-      height: 25px;
-      padding: 4px;
-      border-radius: 3px;
-    }
-
-    img:hover {
-      background-color: rgba(0,0,0,0.4);
-    }
-  }
-}
-
-@media (min-aspect-ratio: 1/1) {
-  #cowebsite {
-    right: 0;
-    top: 0;
-    width: 50%;
-    height: 100vh;
-    display: flex;
-
-    &.loading {
-      transform: translateX(90%);
-    }
-    &.hidden {
-      transform: translateX(100%);
-    }
-
-    main {
-      width: 100%;
-    }
-
-
-    aside {
-      width: 30px;
-      cursor: ew-resize;
-
-      img {
-        cursor: ew-resize;
-        transform: rotate(90deg);
-      }
-    }
-
-    .top-right-btn{
-      left: -6px;
-      &#cowebsite-close {
-        top: 0px;
-      }
-      &#cowebsite-fullscreen {
-        top: 25px;
-      }
-      &#cowebsite-focus {
-        top: 50px;
-      }
-    }
-  }
-}

front/dist/resources/style/index.scss

@@ -1,10 +0,0 @@
-@import "~@fontsource/press-start-2p/scss/mixins";
-@include fontFace(
-  $fontDir: "./resources/fonts"
-);
-@import "~nes.css/css/nes.min.css";
-@import "nes.custom.css";
-@import "cowebsite.scss";
-@import "cowebsite-mobile.scss";
-@import "style.css";
-@import "mobile-style.scss";

front/dist/resources/style/mobile-style.scss

@@ -1,49 +0,0 @@
-@media screen and (max-width: 700px),
-        screen and (max-height: 700px){
-  video#myCamVideo {
-    width: 150px;
-  }
-
-  .sidebar {
-    width: 20%;
-    min-width: 200px;
-    position: absolute;
-    display: block;
-    right: 0;
-    height: 80%;
-
-    &> div {
-      max-height: 120px;
-      min-width: 200px;
-    }
-
-    .video-container{
-      min-width: 200px;
-    }
-  }
-
-  .btn-cam-action {
-    min-width: 150px;
-
-    &:hover{
-      transform: translateY(20px);
-    }
-    div {
-      margin: 0 1%;
-      &:hover {
-        background-color: #666;
-      }
-      margin-bottom: 30px;
-    }
-  }
-
-  .main-section {
-    position: absolute;
-    width: 100%;
-    min-width: 400px;
-
-    & > div {
-      z-index: 2;
-    }
-  }
-}

front/dist/resources/style/nes.custom.css

@@ -1,10 +0,0 @@
-.nes-btn.is-dark {
-  border-image-source: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8" ?><svg version="1.1" width="5" height="5" xmlns="http://www.w3.org/2000/svg"><path d="M2 1 h1 v1 h-1 z M1 2 h1 v1 h-1 z M3 2 h1 v1 h-1 z M2 3 h1 v1 h-1 z" fill="rgb(255,255,255)" /></svg>');
-  outline-color: #e7e7e7;
-  color: #fff;
-  background-color: #212529;
-}
-
-.nes-btn {
-  font-size: 8px;
-}

front/dist/static/style/font.css

@@ -0,0 +1,40 @@
+@font-face {
+  font-family: "Press Start 2P";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("./fonts/press-start-2p-cyrillic-ext-400-normal.woff2") format("woff2"), url("./fonts/press-start-2p-all-400-normal.woff") format("woff");
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+@font-face {
+  font-family: "Press Start 2P";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("./fonts/press-start-2p-cyrillic-400-normal.woff2") format("woff2"), url("./fonts/press-start-2p-all-400-normal.woff") format("woff");
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+@font-face {
+  font-family: "Press Start 2P";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("./fonts/press-start-2p-greek-400-normal.woff2") format("woff2"), url("./fonts/press-start-2p-all-400-normal.woff") format("woff");
+  unicode-range: U+0370-03FF;
+}
+@font-face {
+  font-family: "Press Start 2P";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("./fonts/press-start-2p-latin-ext-400-normal.woff2") format("woff2"), url("./fonts/press-start-2p-all-400-normal.woff") format("woff");
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+@font-face {
+  font-family: "Press Start 2P";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("./fonts/press-start-2p-latin-400-normal.woff2") format("woff2"), url("./fonts/press-start-2p-all-400-normal.woff") format("woff");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}