|
157 | 157 | href="https://helmholtz-metadaten.de/favicon/favicon.ico" |
158 | 158 | /> |
159 | 159 | <meta name="msapplication-config" content="/favicon/browserconfig.xml" /> |
160 | | - |
| 160 | + |
161 | 161 | <!-- Style added for title banner--> |
162 | 162 | <style> |
163 | 163 | .banner { |
|
167 | 167 | background-repeat: no-repeat; |
168 | 168 | align-items: flex-end !important; |
169 | 169 | } |
170 | | - |
| 170 | + |
171 | 171 | .d-flex { |
172 | 172 | display: flex !important; |
173 | 173 | } |
|
201 | 201 | } |
202 | 202 |
|
203 | 203 | .infobox2 { |
204 | | - |
| 204 | + |
205 | 205 | border-style:solid; |
206 | 206 | border-width: 2px; |
207 | 207 | color: #000000; |
|
213 | 213 | .highlight { |
214 | 214 | color:#14c8ff; |
215 | 215 | } |
216 | | - |
| 216 | + |
217 | 217 | </style> |
218 | 218 | <!----> |
219 | 219 |
|
|
887 | 887 | <span></span> |
888 | 888 | <span></span> |
889 | 889 | </button> |
890 | | - |
| 890 | + |
891 | 891 | To be included later |
892 | 892 | <div> |
893 | 893 | <ul class="flex"> |
|
909 | 909 | </li> |
910 | 910 | </ul> |
911 | 911 | </div> |
912 | | - |
| 912 | + |
913 | 913 | </div> |
914 | | - |
915 | | - |
| 914 | + |
| 915 | + |
916 | 916 | </div> |
917 | 917 |
|
918 | 918 | <div |
|
939 | 939 | </ul> |
940 | 940 | </div> |
941 | 941 | </div> |
942 | | - </div> |
| 942 | + </div> |
943 | 943 |
|
944 | 944 |
|
945 | 945 | </div> |
946 | 946 | </header> |
947 | | - |
948 | | - <main class="pb-20 bg-gray-100"> |
| 947 | + |
| 948 | + <main class="pb-20 bg-gray-100"> |
949 | 949 |
|
950 | 950 | <div class="banner flex-row d-flex" style="background-image: url(./en_files/Banner2.png);"> |
951 | 951 | <div class="container mx-auto mb-12" style="display: flex;padding-left: 72px;"> |
952 | 952 | <span class="text-2xl sm:text-3xl font-display font-bold uppercase text-white" style="display: inline-block; align-self: flex-end;"> |
953 | 953 | {{ app_title }} |
954 | 954 | </span> |
955 | | - |
| 955 | + |
956 | 956 | <img src="./en_files/SurveyExplorerLogoInverted.png" style="margin-left:auto; height: 13rem"> |
957 | | - |
| 957 | + |
958 | 958 | </div> |
959 | 959 | </div> |
960 | 960 | <div class="pt-10 pb-20 lg:pt-20"> |
961 | 961 | <section> |
962 | 962 | <div class="container mx-auto mb-24"> |
963 | | - |
| 963 | + |
964 | 964 | <p style="margin-left:36px; margin-bottom:2.5rem;"> |
965 | 965 | Who are the data stakeholders in Helmholtz? What tools do they use? What are the roadblocks to better metadata? |
966 | 966 | These were some of the questions that we investigated with our HMC community survey in 2021. Here you can browse the results interactively and dive deeper into the data! |
967 | 967 | </p> |
968 | | - |
| 968 | + |
969 | 969 | <p style="margin-left: 36px; margin-bottom:12px; margin-top: 2.5rem;"> |
970 | 970 | Refine the displayed data with <b>Global Data Filters</b> and explore |
971 | 971 | <ul style="margin-left: 72px;font-size: 17px; list-style-type: disc;"> |
|
1006 | 1006 | </div> |
1007 | 1007 | <div class="flex flex-wrap"> |
1008 | 1008 | <div class="infobox2" style="min-width: 1200px; margin-top: 5rem; margin-left: 24px; border-color: #002864;"> |
1009 | | - |
| 1009 | + |
1010 | 1010 | <p style="margin-bottom: 0px"> |
1011 | | - <b style="color: #002864;">DISCLAIMER</b><br>Displayed data should be interpreted with care. Responses might be subject to sample bias and some |
1012 | | - questions were specific to the research field of participants. |
| 1011 | + <b style="color: #002864;">DISCLAIMER</b><br>Displayed data should be interpreted with care. Responses might be subject to sample bias and some |
| 1012 | + questions were specific to the research field of participants. |
1013 | 1013 | <a href="https://doi.org/10.3289/HMC_publ_05" target="_blank">Check our written publication for further details.</a> |
1014 | 1014 | </p> |
1015 | | - |
| 1015 | + |
1016 | 1016 | </div> |
1017 | | - |
| 1017 | + |
1018 | 1018 | </div> |
1019 | | - |
| 1019 | + |
1020 | 1020 | </div> |
1021 | 1021 | </section> |
1022 | 1022 |
|
1023 | 1023 | <section> |
1024 | 1024 | <div class="container mx-auto mb-12"> |
1025 | 1025 | {% block contents %} |
1026 | | - <div class="flex flex-col w-full lg:space-x-4 lg:flex-row"> |
| 1026 | + <div class="flex flex-col w-full lg:space-x-4 lg:flex-row"> |
1027 | 1027 | <br> |
1028 | 1028 | {% for doc in docs %} |
1029 | 1029 | {{ embed(doc) if doc.elementid }} |
1030 | 1030 | {% for root in doc.roots %} |
1031 | 1031 | {{ embed(root) | indent(10) }} |
1032 | 1032 | {% endfor %} |
1033 | 1033 | {% endfor %} |
1034 | | - |
| 1034 | + |
1035 | 1035 | <!-- Load BokehJS explicitly before Panel app initialization --> |
1036 | 1036 | <script type="text/javascript" src="static/js/bokeh.min.js"></script> |
1037 | 1037 | <script type="text/javascript" src="static/js/bokeh-gl.min.js"></script> |
1038 | 1038 | <script type="text/javascript" src="static/js/bokeh-widgets.min.js"></script> |
1039 | 1039 | <script type="text/javascript" src="static/js/bokeh-tables.min.js"></script> |
1040 | | - |
| 1040 | + |
1041 | 1041 | <!-- Ensure BokehJS is loaded before Panel app initialization --> |
1042 | 1042 | <script type="text/javascript"> |
1043 | 1043 | // Override the default Bokeh error handling to prevent the "library missing" error |
|
1048 | 1048 | } |
1049 | 1049 | return true; // Show error only if BokehJS is truly missing |
1050 | 1050 | }; |
1051 | | - |
| 1051 | + |
1052 | 1052 | // Wait for BokehJS to be fully loaded |
1053 | 1053 | function ensureBokehJSLoaded() { |
1054 | 1054 | return new Promise((resolve) => { |
|
1063 | 1063 | checkBokehJS(); |
1064 | 1064 | }); |
1065 | 1065 | } |
1066 | | - |
| 1066 | + |
1067 | 1067 | // Initialize Panel app only after BokehJS is loaded |
1068 | 1068 | document.addEventListener('DOMContentLoaded', function() { |
1069 | 1069 | ensureBokehJSLoaded().then(() => { |
1070 | 1070 | console.log('Panel app can now initialize safely'); |
1071 | 1071 | }); |
1072 | 1072 | }); |
1073 | 1073 | </script> |
1074 | | - |
| 1074 | + |
1075 | 1075 | {{ plot_script | indent(8) }} |
1076 | 1076 | <div class="container mx-auto mb-24"> |
1077 | 1077 | <div class="row"> |
|
1188 | 1188 | target="_blank" |
1189 | 1189 | > |
1190 | 1190 | <img src="./en_files/github-mark-white.png" width="24px" height="24px"> |
1191 | | - |
| 1191 | + |
1192 | 1192 | </a> |
1193 | 1193 | </li> |
1194 | 1194 | </ul> |
|
1203 | 1203 | href="https://dashboard.survey.helmholtz-metadaten.de" |
1204 | 1204 | class="text-white" |
1205 | 1205 | > |
1206 | | - HMC Survey Data Explorer Dashboard:</a |
1207 | | - > |
| 1206 | + HMC Survey Data Explorer Dashboard |
| 1207 | + </a> |
1208 | 1208 | </li> |
1209 | 1209 | </ul> |
1210 | 1210 | </nav> |
|
1244 | 1244 | </div> |
1245 | 1245 | <div class="mb-6"> |
1246 | 1246 | <div class="text-white text-sm"> |
1247 | | - © 2023 Helmholtz Metadata Collaboration |
| 1247 | + © 2025 Helmholtz Metadata Collaboration |
1248 | 1248 | </div> |
1249 | 1249 | </div> |
1250 | 1250 | </div> |
|
2014 | 2014 | })(); |
2015 | 2015 | </script> |
2016 | 2016 | <!-- End Matomo Code --> |
2017 | | - |
| 2017 | + |
2018 | 2018 | {% endblock %} |
0 commit comments