Skip to content

Commit 32b7c67

Browse files
committed
added virtual_path variable to static paths to be able to serve assets
1 parent f1e8a71 commit 32b7c67

6 files changed

Lines changed: 4194 additions & 62 deletions

File tree

survey_dashboard/hmc_layout/de_template.html

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -139,13 +139,13 @@
139139
rel="icon"
140140
type="image/png"
141141
sizes="32x32"
142-
href="./en_files/SurveyExplorerIcon.png"
142+
href="{{ virtual_path }}/en_files/SurveyExplorerIcon.png"
143143
/>
144144
<link
145145
rel="icon"
146146
type="image/png"
147147
sizes="16x16"
148-
href="./en_files/SurveyExplorerIcon16.png"
148+
href="{{ virtual_path }}/en_files/SurveyExplorerIcon16.png"
149149
/>
150150
<link
151151
rel="manifest"
@@ -164,26 +164,26 @@
164164
/* HIFIS DIN - Standard */
165165
@font-face {
166166
font-family: 'HIFIS DIN';
167-
src: url('./en_files/fonts/hifis-din.woff2') format('woff2'),
168-
url('./en_files/fonts/hifis-din.woff') format('woff');
167+
src: url('{{ virtual_path }}/en_files/fonts/hifis-din.woff2') format('woff2'),
168+
url('{{ virtual_path }}/en_files/fonts/hifis-din.woff') format('woff');
169169
font-weight: normal;
170170
font-style: normal;
171171
font-display: swap;
172172
}
173173

174174
@font-face {
175175
font-family: 'HIFIS DIN';
176-
src: url('./en_files/fonts/hifis-din-bold.woff2') format('woff2'),
177-
url('./en_files/fonts/hifis-din-bold.woff') format('woff');
176+
src: url('{{ virtual_path }}/en_files/fonts/hifis-din-bold.woff2') format('woff2'),
177+
url('{{ virtual_path }}/en_files/fonts/hifis-din-bold.woff') format('woff');
178178
font-weight: bold;
179179
font-style: normal;
180180
font-display: swap;
181181
}
182182

183183
@font-face {
184184
font-family: 'HIFIS DIN';
185-
src: url('./en_files/fonts/hifis-din-italic.woff2') format('woff2'),
186-
url('./en_files/fonts/hifis-din-italic.woff') format('woff');
185+
src: url('{{ virtual_path }}/en_files/fonts/hifis-din-italic.woff2') format('woff2'),
186+
url('{{ virtual_path }}/en_files/fonts/hifis-din-italic.woff') format('woff');
187187
font-weight: normal;
188188
font-style: italic;
189189
font-display: swap;
@@ -192,26 +192,26 @@
192192
/* HIFIS DIN - Expanded */
193193
@font-face {
194194
font-family: 'HIFIS DIN Expanded';
195-
src: url('./en_files/fonts/hifis-din-exp.woff2') format('woff2'),
196-
url('./en_files/fonts/hifis-din-exp.woff') format('woff');
195+
src: url('{{ virtual_path }}/en_files/fonts/hifis-din-exp.woff2') format('woff2'),
196+
url('{{ virtual_path }}/en_files/fonts/hifis-din-exp.woff') format('woff');
197197
font-weight: normal;
198198
font-style: normal;
199199
font-display: swap;
200200
}
201201

202202
@font-face {
203203
font-family: 'HIFIS DIN Expanded';
204-
src: url('./en_files/fonts/hifis-din-exp-bold.woff2') format('woff2'),
205-
url('./en_files/fonts/hifis-din-exp-bold.woff') format('woff');
204+
src: url('{{ virtual_path }}/en_files/fonts/hifis-din-exp-bold.woff2') format('woff2'),
205+
url('{{ virtual_path }}/en_files/fonts/hifis-din-exp-bold.woff') format('woff');
206206
font-weight: bold;
207207
font-style: normal;
208208
font-display: swap;
209209
}
210210

211211
@font-face {
212212
font-family: 'HIFIS DIN Expanded';
213-
src: url('./en_files/fonts/hifis-din-exp-italic.woff2') format('woff2'),
214-
url('./en_files/fonts/hifis-din-exp-italic.woff') format('woff');
213+
src: url('{{ virtual_path }}/en_files/fonts/hifis-din-exp-italic.woff2') format('woff2'),
214+
url('{{ virtual_path }}/en_files/fonts/hifis-din-exp-italic.woff') format('woff');
215215
font-weight: normal;
216216
font-style: italic;
217217
font-display: swap;
@@ -220,17 +220,17 @@
220220
/* HIFIS DIN - Condensed */
221221
@font-face {
222222
font-family: 'HIFIS DIN Condensed';
223-
src: url('./en_files/fonts/hifis-din-condensed.woff2') format('woff2'),
224-
url('./en_files/fonts/hifis-din-condensed.woff') format('woff');
223+
src: url('{{ virtual_path }}/en_files/fonts/hifis-din-condensed.woff2') format('woff2'),
224+
url('{{ virtual_path }}/en_files/fonts/hifis-din-condensed.woff') format('woff');
225225
font-weight: normal;
226226
font-style: normal;
227227
font-display: swap;
228228
}
229229

230230
@font-face {
231231
font-family: 'HIFIS DIN Condensed';
232-
src: url('./en_files/fonts/hifis-din-condensed-bold.woff2') format('woff2'),
233-
url('./en_files/fonts/hifis-din-condensed-bold.woff') format('woff');
232+
src: url('{{ virtual_path }}/en_files/fonts/hifis-din-condensed-bold.woff2') format('woff2'),
233+
url('{{ virtual_path }}/en_files/fonts/hifis-din-condensed-bold.woff') format('woff');
234234
font-weight: bold;
235235
font-style: normal;
236236
font-display: swap;
@@ -549,7 +549,7 @@
549549
}
550550
</style>
551551
<!-- END BLADE STYLES -->
552-
<link rel="stylesheet" href="./en_files/app.css" />
552+
<link rel="stylesheet" href="{{ virtual_path }}/en_files/app.css" />
553553

554554
<style>
555555
.carousel__slide {
@@ -1028,13 +1028,13 @@
10281028
<!-- TITLE IMAGE: UGLY SOLUTION
10291029
needs to be adjusted as soon as we have an image and URL for the preferred background image-->
10301030

1031-
<div class="banner flex-row d-flex" style="background-image: url(./en_files/Banner2.png);">
1031+
<div class="banner flex-row d-flex" style="background-image: url({{ virtual_path }}/en_files/Banner2.png);">
10321032
<div class="container mx-auto mb-12" style="display: flex;padding-left: 72px;">
10331033
<span class="text-2xl sm:text-3xl font-display font-bold uppercase text-white" style="display: inline-block; align-self: flex-end;">
10341034
{{ app_title }}
10351035
</span>
10361036

1037-
<img src="./en_files/SurveyExplorerLogoInverted.png" style="margin-left:auto; height: 13rem">
1037+
<img src="{{ virtual_path }}/en_files/SurveyExplorerLogoInverted.png" style="margin-left:auto; height: 13rem">
10381038

10391039
</div>
10401040
</div>
@@ -1057,7 +1057,7 @@
10571057
</p>
10581058
<div class="flex" style="margin-top: 5rem; min-width: 1200px; align-items: center;margin-left: 24px" >
10591059

1060-
<div class="infobox" style="aspect-ratio: 3/2; background-image: url(./en_files/surveyBG.png); margin-left: 0px">
1060+
<div class="infobox" style="aspect-ratio: 3/2; background-image: url({{ virtual_path }}/en_files/surveyBG.png); margin-left: 0px">
10611061
<div class="infoHeadline" style="margin-bottom: 0px;">
10621062
49
10631063
</div>
@@ -1066,7 +1066,7 @@
10661066
</div>
10671067
</div>
10681068

1069-
<div class="infobox" style="aspect-ratio: 3/2; background-image: url(./en_files/peopleBG.png);">
1069+
<div class="infobox" style="aspect-ratio: 3/2; background-image: url({{ virtual_path }}/en_files/peopleBG.png);">
10701070
<div class="infoHeadline" style="margin-bottom: 0px;">
10711071
631
10721072
</div>
@@ -1075,9 +1075,9 @@
10751075
</div>
10761076
</div>
10771077

1078-
<div class="infobox" style="aspect-ratio: 3/2; background-image: url(./en_files/dataBG.png); margin-right: 0px;">
1078+
<div class="infobox" style="aspect-ratio: 3/2; background-image: url({{ virtual_path }}/en_files/dataBG.png); margin-right: 0px;">
10791079
<div class="infoHeadline" style="margin-bottom: 0px;">
1080-
<a href="https://doi.org/10.7802/2433" target="_blank"><img src="./en_files/outline_description_white_48dp.png" style="height: 81px;padding-top: 13.5px; padding-bottom: 13.5px;"></a>
1080+
<a href="https://doi.org/10.7802/2433" target="_blank"><img src="{{ virtual_path }}/en_files/outline_description_white_48dp.png" style="height: 81px;padding-top: 13.5px; padding-bottom: 13.5px;"></a>
10811081
</div>
10821082
<div class="infoText" style="margin-top: 0px;">
10831083
<a href="https://doi.org/10.7802/2433" target="_blank">Der vollständige Datensatz ist online verfügbar</a>
@@ -1230,7 +1230,7 @@
12301230
href="https://github.com/Materials-Data-Science-and-Informatics/survey_dashboard"
12311231
target="_blank"
12321232
>
1233-
<img src="./en_files/github-mark-white.png" width="24px" height="24px">
1233+
<img src="{{ virtual_path }}/en_files/github-mark-white.png" width="24px" height="24px">
12341234

12351235
</a>
12361236
</li>
@@ -1323,9 +1323,9 @@
13231323
html,body{overflow-y: scroll; }
13241324
</style>
13251325

1326-
<script src="./en_files/lang.js"></script>
1327-
<script src="./en_files/app.js"></script>
1328-
<script src="./en_files/micromodal.min.js"></script>
1326+
<script src="{{ virtual_path }}/en_files/lang.js"></script>
1327+
<script src="{{ virtual_path }}/en_files/app.js"></script>
1328+
<script src="{{ virtual_path }}/en_files/micromodal.min.js"></script>
13291329
<script type="text/javascript">
13301330
localStorage.setItem("locale", "en");
13311331
window.production = true;

0 commit comments

Comments
 (0)