https://memoryloops.net/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
7    <meta http-equiv="cache-control" content="max-age=31536000" />
8
9    <!--
10      <link rel="preload" href="main.css" as="style" />
11    -->
12    <link
13      href="assets/fonts/Graphik-Bold.woff2"
14      as="font"
15      type="font/woff2"
16      crossorigin
17    />
18    <link
19      href="assets/fonts/Graphik-Medium.woff2"
20      as="font"
21      type="font/woff2"
22      crossorigin
23    />
24    <link
25      href="assets/fonts/Graphik-Regular.woff2"
26      as="font"
27      type="font/woff2"
28      crossorigin
29    />
30
31    <link
32      rel="preload"
33      as="image"
34      href="./assets/images/loop-player-bg-mini.svg"
35    />
36    <link
37      rel="preload"
38      as="image"
39      href="./assets/images/loop-player-bg-smaller.svg"
40    />
41    <link
42      rel="preload"
43      as="image"
44      href="./assets/images/loop-player-bg-big.svg"
45    />
46    <!-- <link rel="preload" href="components.css" as="style" /> -->
47    <link rel="stylesheet" href="components.css" />
48    <link rel="stylesheet" href="main.css" />
49    <link rel="manifest" href="manifest.json" />
50
51    <link
52      rel="apple-touch-icon"
53      sizes="180x180"
54      href="/assets/apple-touch-icon.png"
55    />
56    <link
57      rel="icon"
58      type="image/png"
59      sizes="32x32"
60      href="/assets/favicon-32x32.png"
61    />
62    <link
63      rel="icon"
64      type="image/png"
65      sizes="16x16"
66      href="/assets/favicon-16x16.png"
67    />
68    <link
69      rel="mask-icon"
70      href="/assets/safari-pinned-tab.svg"
71      color="#5bbad5"
72    />
73    <link rel="shortcut icon" href="/assets/favicon.ico" />
74    <meta name="msapplication-TileColor" content="#b91d47" />
75    <meta name="msapplication-config" content="/assets/browserconfig.xml" />
76    <meta name="apple-mobile-web-app-capable" content="yes" />
77    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
78    <meta name="apple-mobile-web-app-title" content="sgtoilet" />
79    <meta
80      name="description"
81      content="Memory Loops, Michaela Melián, 300 Tonspuren zu Orten des NS-Terrors in München 1933-1945"
82    />
83
84    <!-- Google / Search Engine Tags -->
85    <meta itemprop="name" content="Memory Loops" />
86    <meta
87      itemprop="description"
88      content="Memory Loops, Michaela Melián, 300 Tonspuren zu Orten des NS-Terrors in München 1933-1945"
89    />
90    <!--Insert url for image to be used in search results-->
91    <meta itemprop="image" content="/assets/apple-touch-icon.png" />
92
93    <!-- Facebook Meta Tags -->
94    <!--Insert url of site-->
95    <meta property="og:url" content="https://www.memoryloops.net" />
96    <meta property="og:type" content="website" />
97    <meta property="og:title" content="Memory Loops" />
98    <meta
99      property="og:description"
100      content="Memory Loops, Michaela Melián, 300 Tonspuren zu Orten des NS-Terrors in München 1933-1945"
101    />
102    <!--Insert url for image to be used in facebook share post-->
103    <meta property="og:image" content="/assets/apple-touch-icon.png" />
104
105    <!-- Twitter Meta Tags -->
106    <meta name="twitter:card" content="/assets/krpano/images/splash.png" />
107    <meta name="twitter:title" content="Memory Loops" />
108    <meta
109      name="twitter:description"
110      content="Memory Loops, Michaela Melián, 300 Tonspuren zu Orten des NS-Terrors in München 1933-1945"
111    />
112    <!--Insert url for image to be used in twitter share post-->
113    <meta name="twitter:image" content="/assets/apple-touch-icon.png" />
114
115    <!--Set browser chrome theme color here-->
116    <meta name="theme-color" content="#5bd1d7" />
117
118    <!--Load google fonts here-->
119    <!--
120      <link
121      href="https://fonts.googleapis.com/css?family=Oswald|Roboto&display=swap"
122      rel="stylesheet"
123    />
124    -->
125
126    <title>Memory Loops</title>
127  </head>
128  <body>
129    <noscript>
130      <div class="flex items-center h-full">
131        <h1 class="text-gray-600 px-8">
132          Javascript required! Plaese allow and try again!
133        </h1>
134      </div>
135    </noscript>
136    

136<script src="main.js"></script>

136
137  </body>
138</html>