First PWA fixed (#14)

* made changes

* modified package dependencies

* Updated Angular version and Added PWA capability

* Created workflow for auto-deploy to GH pages

* Fixed wrong pwa icons path

* Fixed wrong favicon path

* fixed deleting other envs folders

* fixed deleting other envs folders

* fixed deleting other envs folders

* test

* trying to fix development and test envs unaccesible and removed unnecesary files

* trying to fix development and test envs unaccesible and removed unnecesary files

* fixed deleting other envs folders

* deleted loop created on dev and test routes

* fixed?

* Fixed prod deployment

* merge

* don't develop from mobile

* Fixing fail status when no changes to commit

* Fixed missing font

* fixed typo

Author: Luna115-onCode

.github/workflows/deploy.yml

@@ -43,6 +43,7 @@ jobs:
           cp .pwa/favicon-$build_prefix.ico public/img/favicon.ico
           rm public/manifest.webmanifest
           cp .pwa/manifest-$build_prefix.webmanifest public/manifest.webmanifest
+          cp .pwa/styles-$build_prefix.css src/styles.css
 
       - name: Build the application
         env:

.pwa/styles-dev.css

@@ -0,0 +1,42 @@
+/*Fonts*/
+@font-face {
+    font-family: 'Kalam';
+    src: url('/CheemsBonkGame/development/fonts/Kalam-Regular.ttf') format('truetype');
+}
+
+/*App*/
+html {
+    user-select: none;
+    font-family: Kalam, Arial, Helvetica, sans-serif;
+}
+.icon {
+    height: 100%;
+    width: auto;
+}
+
+/*Accesibility*/
+.text-normal {
+    font-size: 14pt;
+}
+.text-big {
+    font-size: 18pt;
+}
+.text-bigger {
+    font-size: 24pt;
+}
+.text-small {
+    font-size: 12pt;
+}
+.text-smaller {
+    font-size: 8pt;
+}
+
+.color-text.theme-contrast {
+    color: rgb(255, 255, 0);
+}
+.color-text.theme-dark {
+    color: rgb(145, 145, 72);
+}
+.color-text.theme-light {
+    color: rgb(194, 194, 72);
+}

.pwa/styles-prod.css

@@ -0,0 +1,42 @@
+/*Fonts*/
+@font-face {
+    font-family: 'Kalam';
+    src: url('/CheemsBonkGame/app/fonts/Kalam-Regular.ttf') format('truetype');
+}
+
+/*App*/
+html {
+    user-select: none;
+    font-family: Kalam, Arial, Helvetica, sans-serif;
+}
+.icon {
+    height: 100%;
+    width: auto;
+}
+
+/*Accesibility*/
+.text-normal {
+    font-size: 14pt;
+}
+.text-big {
+    font-size: 18pt;
+}
+.text-bigger {
+    font-size: 24pt;
+}
+.text-small {
+    font-size: 12pt;
+}
+.text-smaller {
+    font-size: 8pt;
+}
+
+.color-text.theme-contrast {
+    color: rgb(255, 255, 0);
+}
+.color-text.theme-dark {
+    color: rgb(145, 145, 72);
+}
+.color-text.theme-light {
+    color: rgb(194, 194, 72);
+}

.pwa/styles-test.css

@@ -0,0 +1,42 @@
+/*Fonts*/
+@font-face {
+    font-family: 'Kalam';
+    src: url('/CheemsBonkGame/test/fonts/Kalam-Regular.ttf') format('truetype');
+}
+
+/*App*/
+html {
+    user-select: none;
+    font-family: Kalam, Arial, Helvetica, sans-serif;
+}
+.icon {
+    height: 100%;
+    width: auto;
+}
+
+/*Accesibility*/
+.text-normal {
+    font-size: 14pt;
+}
+.text-big {
+    font-size: 18pt;
+}
+.text-bigger {
+    font-size: 24pt;
+}
+.text-small {
+    font-size: 12pt;
+}
+.text-smaller {
+    font-size: 8pt;
+}
+
+.color-text.theme-contrast {
+    color: rgb(255, 255, 0);
+}
+.color-text.theme-dark {
+    color: rgb(145, 145, 72);
+}
+.color-text.theme-light {
+    color: rgb(194, 194, 72);
+}

src/app/components/text-container/text-container.component.css

@@ -1,3 +0,0 @@
-.container {
-    background-color: ;
-}