82 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			82 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <!-- gitzone default -->
 | |
| <!-- made by Lossless GmbH -->
 | |
| <!-- checkout https://maintainedby.lossless.com for awesome OpenSource projects -->
 | |
| <html lang="en">
 | |
|   <head>
 | |
|     <!--Lets set some basic meta tags-->
 | |
|     <meta
 | |
|       name="viewport"
 | |
|       content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"
 | |
|     />
 | |
|     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 | |
| 
 | |
|     <!--Lets make sure we recognize this as an PWA-->
 | |
|     <link rel="manifest" href="/manifest.json" />
 | |
| 
 | |
|     <!--Lets make sure we support older browsers-->
 | |
|     <script src=" https://unpkg.com/@webcomponents/webcomponentsjs@^2/webcomponents-bundle.js"></script>
 | |
|     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
 | |
| 
 | |
|     <!--Lets avoid a rescaling flicker due to default body margins-->
 | |
|     <style>
 | |
|       body {
 | |
|         margin: 0px;
 | |
|       }
 | |
|     </style>
 | |
|   </head>
 | |
|   <body>
 | |
|     <noscript>
 | |
|       <style>
 | |
|         @import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
 | |
|         body {
 | |
|           background: #303f9f;
 | |
|           font-family: 'Roboto', sans-serif;
 | |
|           color: #ffffff;
 | |
|         }
 | |
| 
 | |
|         a {
 | |
|           color: #ffffff;
 | |
|           text-decoration: none;
 | |
|         }
 | |
|         .container {
 | |
|           width: 600px;
 | |
|           margin: auto;
 | |
|           margin-top: 100px;
 | |
|           box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
 | |
|           overflow: hidden;
 | |
|           border-radius: 3px;
 | |
|           background: #4357d9;
 | |
|         }
 | |
|         .header {
 | |
|           padding: 20px;
 | |
|           text-align: center;
 | |
|           font-size: 25px;
 | |
|           border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 | |
|         }
 | |
|         .content {
 | |
|           padding: 20px;
 | |
|         }
 | |
|         .footer {
 | |
|           padding: 10px;
 | |
|           text-align: center;
 | |
|         }
 | |
|       </style>
 | |
|       <div class="container">
 | |
|         <div class="header">
 | |
|           We need JavaScript to run properly!
 | |
|         </div>
 | |
|         <div class="content">
 | |
|           This site is being built using lit-element (made by Google). This technology works with
 | |
|           JavaScript. Subsequently this website does not work as intended by Lossless GmbH without
 | |
|           JavaScript.
 | |
|         </div>
 | |
|       </div>
 | |
|       <div class="footer">
 | |
|         <a href="https://lossless.gmbh">Legal Info</a> |
 | |
|         <a href="https://lossless.gmbh/privacy">Privacy Policy</a>
 | |
|       </div>
 | |
|     </noscript>
 | |
|   </body>
 | |
|   <script defer src="./bundle.js"></script>
 | |
| </html>
 |