Update dependency socket.io to v4.5.2

Update README.md

.renovaterc.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "schedule": ["* 5 * * *"],
+  "packageRules": [
+    {
+      "matchUpdateTypes": ["minor", "patch", "pin", "digest"],
+      "automerge": true
+    }
+  ]
+}

.woodpecker.yml

@@ -0,0 +1,43 @@
+pipeline:
+  generate_docker_tag:
+    image: golang
+    commands:
+      - echo -n "${CI_COMMIT_BRANCH//\//-}-${CI_COMMIT_SHA:0:8}, latest" > .tags
+    when:
+      event: push
+
+  build:
+    image: woodpeckerci/plugin-docker-buildx
+    settings:
+      repo:
+        from_secret: repo
+      username:
+        from_secret: username
+      password:
+        from_secret: password
+      registry:
+        from_secret: registry
+      dockerfile: Dockerfile
+      platforms: linux/amd64
+    when:
+      event: push
+
+
+  deploy:
+    image: appleboy/drone-ssh
+    network_mode: host
+    settings:
+      host:
+        from_secret: ssh_host
+      username:
+        from_secret: ssh_user
+      password:
+        from_secret: ssh_password
+      script:
+        - cd ~/docker-compose-files/pm_game
+        - docker-compose pull
+        - docker-compose up -d
+    when:
+      event: push
+
+branches: main

README.md

@@ -1,4 +1,4 @@
-# Projektmanagement Game
+# Wer wird Projektmanager 2021?
 
 ## Docker
 ### Build
@@ -43,4 +43,4 @@ node Webservice/server.js
 ```
 
 ### Check if it works
-Open `http://127.0.0.1:5000` in your Browser
+Open `http://127.0.0.1:5000` in your Browser

public/css/chat.css

@@ -103,7 +103,7 @@
     white-space: pre;
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 980px) {
     #chat {
         flex-flow: column-reverse;
         border-top: #7d7d7d solid 2px;

public/css/components.css

@@ -101,7 +101,7 @@ main {
     height: calc(100% - 50px);
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 980px) {
     #main {
         display: grid;
         grid-template-columns: unset;

public/css/game.css

@@ -28,7 +28,7 @@
     background-color: #FFDDA1;
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 980px) {
     #game {
         height: auto;
         width: auto;

public/css/header.css

@@ -45,7 +45,7 @@ header {
     flex-direction: column;
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 980px) {
     header {
         height: 5em;
 

public/css/index.css

@@ -54,7 +54,7 @@
     color: #ffffff;
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 980px) {
     #login {
         align-items: flex-start;
     }

public/index.html

@@ -68,7 +68,7 @@
 
 </footer>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.1.2/socket.io.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.2/socket.io.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/6.0.4/browser/pixi.min.js"></script>
 <script src="js/Card.js"></script>
 <script src="js/Button.js"></script>