marce1994 · January 15, 2020 20:59
diff --git a/index.html b/index.html
 <!doctype html>
 <html lang="en">
 <head>
  <title>Print Mero - Argentina - Impresión como servicio.</title>
  <meta name="Description" content="Imprimi lo que necesites, y te lo enviamos a domicilio! A4, Oficio, Incluso PCBs y 3D! Una app para reducir los costos, y especialmente hecha para makers :).">
  <meta name="Keywords" content="Imprimir, A4, Oficio, Color, BN, PCBs, 3D">
  
  <meta charset="utf-8">
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="manifest" href="manifest.json">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.4.3/cropper.min.js" async></script>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.4.3/cropper.css" />
  <meta name="theme-color" content="#1976d2">
  <!-- reduced for brevity -->
  <!-- inline spinner styles to be able to display spinner right away -->
  <style type="text/css">
    body, html {
      height: 100%;
    }
  </style>
 </head>
 <body>
  <app-root>
    <style type="text/css">
      body {
        margin: 0;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: black;
      }

      .loader {
        width: 20em;
        height: 20em;
        font-size: 15px;
        color: white;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
      }

        .loader .face {
          position: absolute;
          border-radius: 50%;
          border-style: solid;
          animation: animate 2s linear infinite;
        }

          .loader .face:nth-child(1) {
            width: 100%;
            height: 100%;
            color: #3f51b5;
            border-color: currentColor transparent transparent currentColor;
            border-width: 0.2em 0.2em 0em 0em;
            --deg: -45deg;
            animation-direction: normal;
          }

          .loader .face:nth-child(2) {
            width: 70%;
            height: 70%;
            color: deepskyblue;
            border-color: currentColor currentColor transparent transparent;
            border-width: 0.2em 0em 0em 0.2em;
            --deg: -135deg;
            animation-direction: reverse;
          }

          .loader .face .circle {
            position: absolute;
            width: 50%;
            height: 0.1em;
            top: 50%;
            left: 50%;
            background-color: transparent;
            transform: rotate(var(--deg));
            transform-origin: left;
          }

            .loader .face .circle::before {
              position: absolute;
              top: -0.5em;
              right: -0.5em;
              content: '';
              width: 1em;
              height: 1em;
              background-color: currentColor;
              border-radius: 50%;
              box-shadow: 0 0 2em, 0 0 4em, 0 0 6em, 0 0 8em, 0 0 10em, 0 0 0 0.5em rgba(255, 255, 0, 0.1);
            }

      @keyframes animate {
        to {
          transform: rotate(1turn);
        }
      }
    </style>
    <!-- loading layout replaced by app after startupp -->
    <div class="loader">
      <div class="face">
        <div class="circle"></div>
      </div>
      Loading...
      <div class="face">
        <div class="circle"></div>
      </div>
    </div>
  </app-root>
  <noscript>Please enable JavaScript to continue using this application.</noscript>
 </body>
 </html>
	<!doctype html>
	<html lang="en">
	<head>
	<title>Print Mero - Argentina - Impresión como servicio.</title>
	<meta name="Description" content="Imprimi lo que necesites, y te lo enviamos a domicilio! A4, Oficio, Incluso PCBs y 3D! Una app para reducir los costos, y especialmente hecha para makers :).">
	<meta name="Keywords" content="Imprimir, A4, Oficio, Color, BN, PCBs, 3D">

	<meta charset="utf-8">
	<base href="/">

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link rel="manifest" href="manifest.json">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.4.3/cropper.min.js" async></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.4.3/cropper.css" />
	<meta name="theme-color" content="#1976d2">
	<!-- reduced for brevity -->
	<!-- inline spinner styles to be able to display spinner right away -->
	<style type="text/css">
	body, html {
	height: 100%;
	}
	</style>
	</head>
	<body>
	<app-root>
	<style type="text/css">
	body {
	margin: 0;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: black;
	}

	.loader {
	width: 20em;
	height: 20em;
	font-size: 15px;
	color: white;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	}

	.loader .face {
	position: absolute;
	border-radius: 50%;
	border-style: solid;
	animation: animate 2s linear infinite;
	}

	.loader .face:nth-child(1) {
	width: 100%;
	height: 100%;
	color: #3f51b5;
	border-color: currentColor transparent transparent currentColor;
	border-width: 0.2em 0.2em 0em 0em;
	--deg: -45deg;
	animation-direction: normal;
	}

	.loader .face:nth-child(2) {
	width: 70%;
	height: 70%;
	color: deepskyblue;
	border-color: currentColor currentColor transparent transparent;
	border-width: 0.2em 0em 0em 0.2em;
	--deg: -135deg;
	animation-direction: reverse;
	}

	.loader .face .circle {
	position: absolute;
	width: 50%;
	height: 0.1em;
	top: 50%;
	left: 50%;
	background-color: transparent;
	transform: rotate(var(--deg));
	transform-origin: left;
	}

	.loader .face .circle::before {
	position: absolute;
	top: -0.5em;
	right: -0.5em;
	content: '';
	width: 1em;
	height: 1em;
	background-color: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 2em, 0 0 4em, 0 0 6em, 0 0 8em, 0 0 10em, 0 0 0 0.5em rgba(255, 255, 0, 0.1);
	}

	@keyframes animate {
	to {
	transform: rotate(1turn);
	}
	}
	</style>
	<!-- loading layout replaced by app after startupp -->
	<div class="loader">
	<div class="face">
	<div class="circle"></div>
	</div>
	Loading...
	<div class="face">
	<div class="circle"></div>
	</div>
	</div>
	</app-root>
	<noscript>Please enable JavaScript to continue using this application.</noscript>
	</body>
	</html>