add final card placeholders #1201

OpenEnergyPlatform · Apr 18, 2023 · 1c348f1 · 1c348f1
1 parent ab9a6bb
commit 1c348f1
Showing 1 changed file with 216 additions and 3 deletions.
diff --git a/dataedit/templates/dataedit/dataedit_schemalist.html b/dataedit/templates/dataedit/dataedit_schemalist.html
@@ -119,7 +119,7 @@ <h1 class="main-header__title">
                     <div class="topic-card__header-top">
                         <div class="topic-card__title">
                             <span class="topic-card__title-icon">
-                                <svg width="18" height="18" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                     <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
                                 </svg>
                             </span>
@@ -144,7 +144,7 @@ <h1 class="main-header__title">
                     <div class="topic-card__header-top">
                         <div class="topic-card__title">
                             <span class="topic-card__title-icon">
-                                <svg width="18" height="18" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                     <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
                                 </svg>
                             </span>
@@ -169,7 +169,7 @@ <h1 class="main-header__title">
                     <div class="topic-card__header-top">
                         <div class="topic-card__title">
                             <span class="topic-card__title-icon">
-                                <svg width="18" height="18" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                     <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
                                 </svg>
                             </span>
@@ -190,6 +190,219 @@ <h1 class="main-header__title">
             </div>
         </div>
     </div>
+    <div class="topics__row">
+        <div class="topics__col topics__col--4">
+            <div class="topic-card">
+                <div class="topic-card__header">
+                    <div class="topic-card__header-top">
+                        <div class="topic-card__title">
+                            <span class="topic-card__title-icon">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                    <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
+                                </svg>
+                            </span>
+                            <span class="topic-card__title-text">economy</span>
+                        </div>
+                        <div class="topic-card__table-nb">1 tables</div>
+                    </div>
+                    <div class="topic-card__header-btm">
+                        <span class="topic-card__tag">prices</span>
+                        <span class="topic-card__tag">GDP</span>
+                    </div>
+                </div>
+                <div class="topic-card__body">
+                    <div class="topic-card__text">
+                        <p>Data related to economic activities. Examples: sectoral value added, sectoral inputs and outputs, GDP, prices of commodities etc.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="topics__col topics__col--4">
+            <div class="topic-card">
+                <div class="topic-card__header">
+                    <div class="topic-card__header-top">
+                        <div class="topic-card__title">
+                            <span class="topic-card__title-icon">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                    <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
+                                </svg>
+                            </span>
+                            <span class="topic-card__title-text">environment</span>
+                        </div>
+                        <div class="topic-card__table-nb">9 tables</div>
+                    </div>
+                    <div class="topic-card__header-btm">
+                        <span class="topic-card__tag">environment</span>
+                        <span class="topic-card__tag">resources</span>
+                        <span class="topic-card__tag">protection</span>
+                    </div>
+                </div>
+                <div class="topic-card__body">
+                    <div class="topic-card__text">
+                        <p>environmental resources, protection and conservation. examples: environmental pollution, waste storage and treatment, environmental impact assessment, monitoring environmental risk, nature reserves, landscape.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="topics__col topics__col--4">
+            <div class="topic-card">
+                <div class="topic-card__header">
+                    <div class="topic-card__header-top">
+                        <div class="topic-card__title">
+                            <span class="topic-card__title-icon">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                    <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
+                                </svg>
+                            </span>
+                            <span class="topic-card__title-text">grid</span>
+                        </div>
+                        <div class="topic-card__table-nb">86 tables</div>
+                    </div>
+                    <div class="topic-card__header-btm">
+                        <span class="topic-card__tag">energy</span>
+                        <span class="topic-card__tag">services</span>
+                    </div>
+                </div>
+                <div class="topic-card__body">
+                    <div class="topic-card__text">
+                        <p>Energy transmission infrastructure. examples: power lines, substation, pipelines</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="topics__row">
+        <div class="topics__col topics__col--4">
+            <div class="topic-card">
+                <div class="topic-card__header">
+                    <div class="topic-card__header-top">
+                        <div class="topic-card__title">
+                            <span class="topic-card__title-icon">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                    <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
+                                </svg>
+                            </span>
+                            <span class="topic-card__title-text">openstreetmap</span>
+                        </div>
+                        <div class="topic-card__table-nb">9 tables</div>
+                    </div>
+                    <div class="topic-card__header-btm">
+                        <span class="topic-card__tag">OMS</span>
+                    </div>
+                </div>
+                <div class="topic-card__body">
+                    <div class="topic-card__text">
+                        <p>OpenStreetMap is a open project that collects and structures freely usable geodata and keeps them in a database for use by anyone. This data is available under a free license, the Open Database License.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="topics__col topics__col--4">
+            <div class="topic-card">
+                <div class="topic-card__header">
+                    <div class="topic-card__header-top">
+                        <div class="topic-card__title">
+                            <span class="topic-card__title-icon">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                    <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
+                                </svg>
+                            </span>
+                            <span class="topic-card__title-text">policies</span>
+                        </div>
+                        <div class="topic-card__table-nb">1 tables</div>
+                    </div>
+                    <div class="topic-card__header-btm">
+                        <span class="topic-card__tag">laws</span>
+                    </div>
+                </div>
+                <div class="topic-card__body">
+                    <div class="topic-card__text">
+                        <p>Data on policies and measures. This could, for example, include a list of renewable energy policies per European Member State. It could also be a list of climate related policies and measures in a specific country.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="topics__col topics__col--4">
+            <div class="topic-card">
+                <div class="topic-card__header">
+                    <div class="topic-card__header-top">
+                        <div class="topic-card__title">
+                            <span class="topic-card__title-icon">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                    <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
+                                </svg>
+                            </span>
+                            <span class="topic-card__title-text">references</span>
+                        </div>
+                        <div class="topic-card__table-nb">41 tables</div>
+                    </div>
+                    <div class="topic-card__header-btm">
+                        <span class="topic-card__tag">sources</span>
+                        <span class="topic-card__tag">literature</span>
+                    </div>
+                </div>
+                <div class="topic-card__body">
+                    <div class="topic-card__text">
+                        <p>Contains sources, literature and auxiliary/helper tables that can help you with your work.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="topics__row">
+        <div class="topics__col topics__col--4">
+            <div class="topic-card">
+                <div class="topic-card__header">
+                    <div class="topic-card__header-top">
+                        <div class="topic-card__title">
+                            <span class="topic-card__title-icon">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                    <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
+                                </svg>
+                            </span>
+                            <span class="topic-card__title-text">society</span>
+                        </div>
+                        <div class="topic-card__table-nb">4 tables</div>
+                    </div>
+                    <div class="topic-card__header-btm">
+                        <span class="topic-card__tag">demography</span>
+                        <span class="topic-card__tag">society</span>
+                    </div>
+                </div>
+                <div class="topic-card__body">
+                    <div class="topic-card__text">
+                        <p>Demographic data such as population statistics and projections, fertility, mortality etc.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="topics__col topics__col--4">
+            <div class="topic-card">
+                <div class="topic-card__header">
+                    <div class="topic-card__header-top">
+                        <div class="topic-card__title">
+                            <span class="topic-card__title-icon">
+                                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                                    <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
+                                </svg>
+                            </span>
+                            <span class="topic-card__title-text">supply</span>
+                        </div>
+                        <div class="topic-card__table-nb">4 tables</div>
+                    </div>
+                    <div class="topic-card__header-btm">
+                        <span class="topic-card__tag">commodity</span>
+                        <span class="topic-card__tag">services</span>
+                    </div>
+                </div>
+                <div class="topic-card__body">
+                    <div class="topic-card__text">
+                        <p>Data on supply. Supply can relate to commodities but also to services.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
 <!-- <table id="schemas" class="table table-hover table-bordered">
     <thead>