Aggiunta pagina e css x unauth

MP.Land/Pages/Unauthorized.razor

@@ -0,0 +1,16 @@
+@page "/Unauthorized"
+
+<div class="card bg-dark text-light">
+    <div class="card-header py-3 text-center">
+        <span class="text-nowrap textMain"><b>Accesso Negato</b></span>
+    </div>
+    <div class="card-body p-0">
+        <div class="d-flex justify-content-around py-5 backImage">
+            <img src="img/BMA.png" class="img-fluid frontImage w-50" />
+        </div>
+    </div>
+    <div class="card-footer text-center">
+        <div><i class="fas fa-exclamation-triangle"></i> Permessi non riconosciuti <i class="fas fa-exclamation-triangle"></i></div>
+    </div>
+</div>
+

MP.Land/Pages/Unauthorized.razor.css

@@ -0,0 +1,81 @@
+.textMain {
+  font-size: 4rem;
+  -webkit-animation: glow 9s ease-in-out infinite alternate;
+  -moz-animation: glow 9s ease-in-out infinite alternate;
+  animation: glow 9s ease-in-out infinite alternate;
+}
+@-webkit-keyframes glow {
+  0% {
+    text-shadow: 0 0 0px #000;
+  }
+  90%,
+  100% {
+    text-shadow: 0 0 10px #fff, 0 0 20px #0073e6;
+  }
+  95% {
+    text-shadow: 0 0 15px #fff, 0 0 20px #4da6ff, 0 0 30px #4da6ff;
+  }
+}
+@media (max-width: 600px) {
+  .textMain {
+    font-size: 2rem;
+  }
+}
+@media (max-width: 992px) {
+  .textMain {
+    font-size: 3rem;
+  }
+}
+.backImage {
+  background-image: url('img/darkthree02.jpg');
+  background-repeat: no-repeat;
+  animation: zoom-bg 4s ease-in-out infinite;
+}
+@keyframes zoom-bg {
+  0%,
+  80% {
+    background-size: 100% 100%;
+    filter: brightness(80%);
+  }
+  90% {
+    background-size: 500% 500%;
+    background-position: 50% 50%;
+    filter: brightness(120%);
+  }
+  100% {
+    background-size: 100% 100%;
+    filter: brightness(80%);
+  }
+}
+.frontImage {
+  padding: 0rem;
+  background: -webkit-linear-gradient(135deg, #000 30%, #D8951C 45%, #FAF2A2 50%, #C8850C 55%, #000 70%);
+  background-size: 250% 250%;
+  animation: gradient-bg 6s ease-in-out infinite;
+}
+@keyframes gradient-bg {
+  0% {
+    background-position: 0% 50%;
+    filter: brightness(90%);
+    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #0ff, 0 0 40px #0ff, 0 0 50px #0073e6, 0 0 60px #0073e6, 0 0 70px #0073e6;
+  }
+  40% {
+    filter: brightness(105%);
+    box-shadow: 0 0 40px #fff, 0 0 50px #4da6ff, 0 0 60px #4da6ff, 0 0 70px #4da6ff, 0 0 80px #4da6ff, 0 0 90px #4da6ff, 0 0 100px #4da6ff;
+  }
+  80% {
+    background-position: 0% 50%;
+    filter: brightness(90%);
+    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #0ff, 0 0 40px #0ff, 0 0 50px #0073e6, 0 0 60px #0073e6, 0 0 70px #0073e6;
+  }
+  92% {
+    background-position: 100% 50%;
+    filter: brightness(110%);
+    box-shadow: 0 0 0px #fff;
+  }
+  100% {
+    background-position: 0% 50%;
+    filter: brightness(90%);
+    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #0ff, 0 0 40px #0ff, 0 0 50px #0073e6, 0 0 60px #0073e6, 0 0 70px #0073e6;
+  }
+}

MP.Land/Pages/Unauthorized.razor.less

@@ -0,0 +1,96 @@
+@timeGlow: 9s;
+
+.textMain {
+    font-size: 4rem;
+    -webkit-animation: glow @timeGlow ease-in-out infinite alternate;
+    -moz-animation: glow @timeGlow ease-in-out infinite alternate;
+    animation: glow @timeGlow ease-in-out infinite alternate;
+}
+
+@-webkit-keyframes glow {
+    0% {
+        text-shadow: 0 0 0px #000;
+    }
+
+    90%, 100% {
+        text-shadow: 0 0 10px #fff, 0 0 20px #0073e6;
+    }
+
+    95% {
+        text-shadow: 0 0 15px #fff, 0 0 20px #4da6ff, 0 0 30px #4da6ff;
+    }
+}
+
+@media (max-width: 600px) {
+    .textMain {
+        font-size: 2rem;
+    }
+}
+@media (max-width: 992px) {
+    .textMain {
+        font-size: 3rem;
+    }
+}
+
+
+.backImage {
+    background-image: url('img/darkthree02.jpg');
+    background-repeat: no-repeat;
+    animation: zoom-bg 4s ease-in-out infinite;
+}
+
+@keyframes zoom-bg {
+    0%, 80% {
+        background-size: 100% 100%;
+        filter: brightness(80%);
+    }
+
+    90% {
+        background-size: 500% 500%;
+        background-position: 50% 50%;
+        filter: brightness(120%);
+    }
+
+    100% {
+        background-size: 100% 100%;
+        filter: brightness(80%);
+    }
+}
+
+.frontImage {
+    padding: 0rem;
+    background: -webkit-linear-gradient(135deg, #000 30%, #D8951C 45%, #FAF2A2 50%, #C8850C 55%, #000 70%);
+    background-size: 250% 250%;
+    animation: gradient-bg 6s ease-in-out infinite;
+}
+
+@keyframes gradient-bg {
+    0% {
+        background-position: 0% 50%;
+        filter: brightness(90%);
+        box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #0ff, 0 0 40px #0ff, 0 0 50px #0073e6, 0 0 60px #0073e6, 0 0 70px #0073e6;
+    }
+
+    40% {
+        filter: brightness(105%);
+        box-shadow: 0 0 40px #fff, 0 0 50px #4da6ff, 0 0 60px #4da6ff, 0 0 70px #4da6ff, 0 0 80px #4da6ff, 0 0 90px #4da6ff, 0 0 100px #4da6ff;
+    }
+
+    80% {
+        background-position: 0% 50%;
+        filter: brightness(90%);
+        box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #0ff, 0 0 40px #0ff, 0 0 50px #0073e6, 0 0 60px #0073e6, 0 0 70px #0073e6;
+    }
+
+    92% {
+        background-position: 100% 50%;
+        filter: brightness(110%);
+        box-shadow: 0 0 0px #fff;
+    }
+
+    100% {
+        background-position: 0% 50%;
+        filter: brightness(90%);
+        box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #0ff, 0 0 40px #0ff, 0 0 50px #0073e6, 0 0 60px #0073e6, 0 0 70px #0073e6;
+    }
+}

MP.Land/Pages/Unauthorized.razor.min.css

@@ -0,0 +1 @@
+.textMain{font-size:4rem;-webkit-animation:glow 9s ease-in-out infinite alternate;-moz-animation:glow 9s ease-in-out infinite alternate;animation:glow 9s ease-in-out infinite alternate;}@-webkit-keyframes glow{0%{text-shadow:0 0 0 #000;}90%,100%{text-shadow:0 0 10px #fff,0 0 20px #0073e6;}95%{text-shadow:0 0 15px #fff,0 0 20px #4da6ff,0 0 30px #4da6ff;}}@media(max-width:600px){.textMain{font-size:2rem;}}@media(max-width:992px){.textMain{font-size:3rem;}}.backImage{background-image:url('img/darkthree02.jpg');background-repeat:no-repeat;animation:zoom-bg 4s ease-in-out infinite;}@keyframes zoom-bg{0%,80%{background-size:100% 100%;filter:brightness(80%);}90%{background-size:500% 500%;background-position:50% 50%;filter:brightness(120%);}100%{background-size:100% 100%;filter:brightness(80%);}}.frontImage{padding:0;background:-webkit-linear-gradient(135deg,#000 30%,#d8951c 45%,#faf2a2 50%,#c8850c 55%,#000 70%);background-size:250% 250%;animation:gradient-bg 6s ease-in-out infinite;}@keyframes gradient-bg{0%{background-position:0% 50%;filter:brightness(90%);box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #0ff,0 0 40px #0ff,0 0 50px #0073e6,0 0 60px #0073e6,0 0 70px #0073e6;}40%{filter:brightness(105%);box-shadow:0 0 40px #fff,0 0 50px #4da6ff,0 0 60px #4da6ff,0 0 70px #4da6ff,0 0 80px #4da6ff,0 0 90px #4da6ff,0 0 100px #4da6ff;}80%{background-position:0% 50%;filter:brightness(90%);box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #0ff,0 0 40px #0ff,0 0 50px #0073e6,0 0 60px #0073e6,0 0 70px #0073e6;}92%{background-position:100% 50%;filter:brightness(110%);box-shadow:0 0 0 #fff;}100%{background-position:0% 50%;filter:brightness(90%);box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #0ff,0 0 40px #0ff,0 0 50px #0073e6,0 0 60px #0073e6,0 0 70px #0073e6;}}

MP.Land/Shared/NavMenu.razor.cs

@@ -137,7 +137,6 @@ namespace MP.Land.Shared
             await Task.Delay(1);
             isLoading = false;
             await Task.Delay(1);
-            //await InvokeAsync(StateHasChanged);
         }
 
         private void ToggleNavMenu()

MP.Land/compilerconfig.json

@@ -6,5 +6,9 @@
   {
     "outputFile": "wwwroot/css/site.css",
     "inputFile": "wwwroot/css/site.less"
+  },
+  {
+    "outputFile": "Pages/Unauthorized.razor.css",
+    "inputFile": "Pages/Unauthorized.razor.less"
   }
 ]

MP.Land/compilerconfig.json.defaults

@@ -0,0 +1,71 @@
+{
+  "compilers": {
+    "less": {
+      "autoPrefix": "",
+      "cssComb": "none",
+      "ieCompat": true,
+      "math": null,
+      "strictMath": false,
+      "strictUnits": false,
+      "relativeUrls": true,
+      "rootPath": "",
+      "sourceMapRoot": "",
+      "sourceMapBasePath": "",
+      "sourceMap": false
+    },
+    "sass": {
+      "autoPrefix": "",
+      "loadPaths": "",
+      "style": "expanded",
+      "relativeUrls": true,
+      "sourceMap": false
+    },
+    "nodesass": {
+      "autoPrefix": "",
+      "includePath": "",
+      "indentType": "space",
+      "indentWidth": 2,
+      "outputStyle": "nested",
+      "precision": 5,
+      "relativeUrls": true,
+      "sourceMapRoot": "",
+      "lineFeed": "",
+      "sourceMap": false
+    },
+    "stylus": {
+      "sourceMap": false
+    },
+    "babel": {
+      "sourceMap": false
+    },
+    "coffeescript": {
+      "bare": false,
+      "runtimeMode": "node",
+      "sourceMap": false
+    },
+    "handlebars": {
+      "root": "",
+      "noBOM": false,
+      "name": "",
+      "namespace": "",
+      "knownHelpersOnly": false,
+      "forcePartial": false,
+      "knownHelpers": [],
+      "commonjs": "",
+      "amd": false,
+      "sourceMap": false
+    }
+  },
+  "minifiers": {
+    "css": {
+      "enabled": true,
+      "termSemicolons": true,
+      "gzip": false
+    },
+    "javascript": {
+      "enabled": true,
+      "termSemicolons": true,
+      "gzip": false
+    }
+  }
+}