merge latest dev

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;
-}