https://kulturgut-ost.de/projekt/

1<!DOCTYPE html>
2<html lang="de">
3<head>
4    <meta charset="utf-8">
5
6    

6<script>
7        if( window.location.protocol == "http:" )
8        {
9            let path = window.location.href.split("http:")[1];
10            let secured = "https:" + path;
11            if( window.location.href.indexOf("localhost") < 0 )
12            {
13                window.location = secured;
14            }
15        }
16    </script>

16
17    
18    <!-- Matomo -->
19    

19<script>
20        var _paq = window._paq = window._paq || [];
21        _paq.push(['trackPageView']);
22        _paq.push(['enableLinkTracking']);
23        (function() {
24            var u="//kulturgut-ost.de/matomo/";
25            _paq.push(['setTrackerUrl', u+'matomo.php']);
26            _paq.push(['setSiteId', '1']);
27            var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
28            g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
29        })();
30    </script>

30
31    <!-- End Matomo Code -->
32
33    <title>Kulturgut Ost | Projekt</title>
34    
35    <meta name="viewport" content="width=device-width, initial-scale=1.0">
36    <meta name="description" content="Lerne das Projekt „Kulturgut Ost“ am Saarbrücker Osthafen kennen und schaue Dir an, wie das Rhenania-Gebäude und der magische Osthafen zukünftig aussehen werden.">
37
38    <link rel="stylesheet" href="./styles.css">
39    

39<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="4807caea-33e8-49f2-855d-ee143c33666e" type="text/javascript" async></script>

39
40</head>
41
42<body>
43
44    <!-- TEMPLATES -->
45    <template id="kode-close-button-template">
46        <link rel="stylesheet" href="./styles.css">
47        <div class="kode_close_button_icon">
48            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58.19 58.19">
49                <g>
50                    <circle id="circle" class="kode_close_button_circle" cx="29.1" cy="29.1" r="29.1"/>
51                    <polygon id="polygon" class="kode_close_button_polygon" points="48.89 20.61 37.58 9.3 29.09 17.78 20.61 9.3 9.3 20.61 17.78 29.09 9.3 37.58 20.61 48.89 29.09 40.41 37.58 48.89 48.89 37.58 40.41 29.09 48.89 20.61"/>
52                </g>
53            </svg>
54        </div>
55    </template>
56    
57    <!-- KofProjectItem -->
58    <template id="kode-project-item-template">
59        <link rel="stylesheet" href="./styles.css">
60        <img alt="project" id="image" class="kode_project_item-image">
61        <div id="number" class="kode_project_item-number">0</div>
62    </template>
63
64    <!-- AXIAL TEMPLATES -->
65    <!-- AxialButton -->
66    <template id="axial-button-template">
67        <link rel="stylesheet" href="./styles.css">
68        <slot name="axial-label">Label</slot>
69    </template>
70
71    <!-- AxialToggleButtonGroup -->
72    <template id="axial-toggle-button-group-template">
73        <link rel="stylesheet" href="./styles.css">
74        <div class="axial_toggle_button_group-holder">
75            <slot name="axial-content"></slot>
76        </div>
77    </template>
78
79    <!-- AxialViewerBase : TODO RENAME AxialViewer-->
80    <template id="axial-viewer-base-template">
81        <link rel="stylesheet" href="./styles.css">
82        <div class="axial_viewer_base-holder">
83            <slot name="axial-content"></slot>
84        </div>
85    </template>
86
87    <!-- END AXIAL TEMPLATES -->
88    
89    <div id="axialBackgroundLayer" class="axial_background_layer">
90        <svg class="shape-overlays" viewBox="0 0 100 100" preserveAspectRatio="none">
91            <path class="shape-overlays__path path-color-1"></path>
92            <path class="shape-overlays__path path-color-2"></path>
93            <path class="shape-overlays__path path-color-3"></path>
94        </svg>
95    </div>
96    
97    <div id="axialMainLayer" class="axial_main_layer">
98
99        <div class="kode_background"></div>
100
101        <header class="kode-header">
102            <h1 class="kode-text-title">PROJEKT</h1>
103            <h2 class="kode-text-subtitle">Kulturgut Ost x Hauser | Luft Architektur</h2>
104        </header>
105
106        <div class="kode-main">
107            <div id="kodeGrid" class="kode-projekt-grid"></div>
108        </div>
109
110        <div class="kode-transparency"></div>
111        <div class="kode-transparency-down"></div>
112
113        <div class="kode_mouse">
114            <div class="kode_mouse_holder">
115                <div class="kode_mouse_holder_tools">
116                    <div class="kode_mouse_arrows_up"></div>
117                    <div class="kode_mouse_button"></div>
118                    <div class="kode_mouse_arrows_down"></div>
119                </div>
120            </div>
121        </div>
122
123        <a class="kode-close-holder" href="../" target="_self">
124            <kode-close-button></kode-close-button>
125        </a>
126
127        <div id="projectViewerHolder" class="kode-projekt-viewer-holder">
128            <div class="kode_background"></div>
129            <axial-viewer-base id="projectViewer" class="kode-projekt-viewer"></axial-viewer-base>
130            
131            <kode-close-button id="projectViewerCloser" class="kode-projeck-viewer-closer"></kode-close-button>
132            
133            <div id="arrowLeft" class="kode-projekt-arrow kode-projekt-arrow-left">
134                <div class="kode-projekt-arrow-holder">
135                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
136                        <path class="kode-projekt-path" d="M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z"/>
137                    </svg>
138                </div>
139            </div>
140            
141            <div id="arrowRight" class="kode-projekt-arrow kode-projekt-arrow-right">
142                <div class="kode-projekt-arrow-holder">
143                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
144                        <path class="kode-projekt-path" d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/>
145                    </svg>
146                </div>
147            </div>
148        </div>
149
150    </div>
151
152    <div id="axialPopupLayer" class="axial_popup_layer">
153        <div id="axialPopupObfuscator" class="axial_popup_obfuscator"></div>
154    </div>
155    
156    <div id="axialTooltipLayer" class="ax-tooltip-layer">
157    </div>
158
159    <div id="axialLoaderLayer" class="axial_loader_layer">

160        <div id="axialLoaderBackground" class="axial_loader_background"></div>
161        <div id="axialLoaderContent" class="axial_loader_content">
162            <div id="axialLoaderHolder" class="axial_loader_holder">
163                <div id="axialLoaderIcon" class="axial_loader_icon"></div>
164                <div id="axialLoaderNumber" class="axial_loader_number"></div>
165                <div id="axialLoaderText" class="axial_loader_text"></div>
166            </div>
167        </div>
168    </div>
169    
170    

170<script src="./application.js" defer></script>

170
171    
172</body>
173</html>