setup and render template file, create new logo in different shapes

This commit is contained in:
Giuseppe Naponiello
2026-06-17 22:28:31 +02:00
parent 611c554490
commit 34a8ebc6fb
17 changed files with 494 additions and 41 deletions

View File

@@ -36,10 +36,10 @@
<meta name="mobile-web-app-capable" content="yes" />
</head>
<body>
<header class="border-b border-white shadow">
<div id="header-brand" class="h-full w-auto">
<a href="/" aria-label="Dynamic Collection — home" class="inline-block h-full">
<img src="/icons/lunds-unversitet.svg" alt="Lunds universitet" width="636" height="130" class="h-full w-auto" />
<header class="shadow">
<div id="header-brand" class="h-full w-auto p-2">
<a href="/" aria-label="Dynamic Collection — home" class="inline-block h-full w-auto">
<img src="/logo/logo_dyncoll_graphic.png" alt="Dynamic Collection" width="432" height="320" class="h-full w-auto" />
</a>
</div>
<nav id="header-menu" aria-label="Menu principale" class="h-full w-auto"></nav>
@@ -47,13 +47,68 @@
<main id="main-container"></main>
<aside class="user-panel" aria-label="Area utente">
<div class="user-card"></div>
<nav aria-label="Menu utente"></nav>
</aside>
<!-- Il pannello utente (#user-panel) e il backdrop sono iniettati via TS
(setUserPanel) solo per gli utenti autenticati. -->
<footer id="main-footer" class="h-[500px] w-full">
<img src="/logo/logo_footer_dark.png" class="h-1/2 w-auto" alt="">
<footer id="main-footer">
<div id="footer-info" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
<div id="footer-scope">
<p><span class="fw-bold">Dynamic Collections</span> is an initiative of</p>
<ul class="">
<li><a href="https://www.darklab.lu.se/" class="link link-hover" target="_blank">DARKLab</a></li>
<li><a href="https://www.lu.se/" class="link link-hover" target="_blank">Lund University</a></li>
<li><a href="http://vcg.isti.cnr.it/" class="link link-hover" target="_blank">Visual Computing Lab (ISTI-CNR)</a></li>
<li><p class="mt-3">© 2022 - <span id="currentYear"></span> <span class="text-(--dc-secondary-dark)">DARKLab</span></p></li>
</ul>
</div>
<div id="footer-license">
<h6 class="fw-bold">Licensing Information</h6>
<ul class="">
<li>
<strong>Text & Documentation:</strong> <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" class="link link-hover">CC BY 4.0</a>
</li>
<li>
<strong>Database Content:</strong> <a href="https://creativecommons.org/publicdomain/zero/1.0/" target="_blank" class="link link-hover">CC0 1.0 Universal</a>
</li>
<li>
<strong>Source Code:</strong> <a href="https://www.gnu.org/licenses/agpl-3.0.en.html" class="link link-hover" target="_blank" title="Affero GPL 3.0 deed">GNU Affero General Public License</a>
</li>
<li>
<strong>Images & 3D Models:</strong> Individual licensing applies
</li>
</ul>
</div>
<div id="footer-repo">
<ul class="list-unstyled small">
<li>
<a href="https://github.com/LundDarkLab/adc" class="link link-hover" target="_blank" title="source code repository [external link]">
<i class=""></i>
Source code on GitHub
</a>
</li>
<li>
<a href="https://codeberg.org/LundDarkLab/adc" class="link link-hover" target="_blank" title="source code mirror on Codeberg [external link]">
<i class=""></i>
Mirror on Codeberg
</a>
</li>
<li>
<a href="https://lunddarklab.github.io/adc/" class="link link-hover" target="_blank" title="platform documentation [external link]">
<i class=""></i>
Documentation
</a>
</li>
<li>
<a href="https://doi.org/10.5281/zenodo.20669650" class="link link-hover" target="_blank" title="citable software archive on Zenodo [external link]">
<i class=""></i>
Zenodo — DOI 10.5281/zenodo.20669650
</a>
</li>
</ul>
</div>
<div id="footer-menu"></div>
</div>
<div id="footer-logo" class="mt-10 pt-5 border-t border-neutral-300"></div>
</footer>
<script type="module" src="./src/pages/index/index.ts"></script>
</body>