mirror of
https://github.com/kevinveenbirkenbach/homepage.veen.world.git
synced 2026-04-07 05:12:19 +00:00
Kevin Veen-Birkenbach
a29a0b1862
Introduces a vendor build pipeline so all third-party browser assets
(Bootstrap, Bootstrap Icons, Font Awesome, marked, jQuery) are served
from local static files instead of external CDNs.
- Add app/package.json with vendor deps and postinstall/build scripts
- Add app/scripts/copy-vendor.js to copy assets to static/vendor/
- Update base.html.j2 to use url_for('static', ...) for all vendor assets
- Update Dockerfile to install Node.js/npm and run npm install
- Update .gitignore to exclude app/node_modules/ and app/static/vendor/
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
81 lines
3.4 KiB
Django/Jinja
81 lines
3.4 KiB
Django/Jinja
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>{{platform.titel}}</title>
|
|
<meta charset="utf-8" >
|
|
<link
|
|
rel="icon"
|
|
type="image/x-icon"
|
|
href="{% if platform.favicon.cache %}{{ url_for('static', filename=platform.favicon.cache) }}{% endif %}"
|
|
>
|
|
<!-- Bootstrap CSS only -->
|
|
<link href="{{ url_for('static', filename='vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
|
|
<!-- Bootstrap JavaScript Bundle with Popper -->
|
|
<script src="{{ url_for('static', filename='vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
|
|
<!-- Bootstrap Icons -->
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='vendor/bootstrap-icons/font/bootstrap-icons.css') }}">
|
|
<!-- Fontawesome -->
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='vendor/fontawesome/css/all.min.css') }}">
|
|
<!-- Markdown -->
|
|
<script src="{{ url_for('static', filename='vendor/marked/marked.min.js') }}"></script>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/default.css') }}">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/custom_scrollbar.css') }}">
|
|
<!-- JQuery -->
|
|
<script src="{{ url_for('static', filename='vendor/jquery/jquery.min.js') }}"></script>
|
|
</head>
|
|
<body
|
|
{% if apod_bg %}
|
|
style="
|
|
background-image: url('{{ apod_bg }}');
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-attachment: fixed;
|
|
"
|
|
{% endif %}
|
|
>
|
|
<div class="container">
|
|
<header class="header js-restore">
|
|
<img
|
|
src="{{ url_for('static', filename=platform.logo.cache) }}"
|
|
alt="logo"
|
|
/>
|
|
<h1>{{platform.titel}}</h1>
|
|
<h2>{{platform.subtitel}}</h2>
|
|
</header>
|
|
{% set menu_type = "header" %}
|
|
{% include "moduls/navigation.html.j2"%}
|
|
<main id="main">
|
|
<div class="scroll-container">
|
|
{% block content %}{% endblock %}
|
|
</div>
|
|
</main>
|
|
<!-- Custom scrollbar element fixiert am rechten Rand -->
|
|
<div id="custom-scrollbar">
|
|
<div id="scroll-thumb"></div>
|
|
</div>
|
|
{% set menu_type = "footer" %}
|
|
{% include "moduls/navigation.html.j2" %}
|
|
<footer class="footer">
|
|
<div itemscope itemtype="http://schema.org/LocalBusiness" class="small">
|
|
<p itemprop="name">{{ company.titel }} <br />
|
|
{{ company.subtitel }}</p>
|
|
<span><i class="fa-solid fa-location-dot"></i> {{ company.address.values() | join(", ") }}</span>
|
|
<p><a href="{{company.imprint_url}}" class="iframe-link"><i class="fa-solid fa-scale-balanced"></i> Imprint</a></p>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<!-- Include modal -->
|
|
{% include "moduls/modal.html.j2" %}
|
|
{% for name in [
|
|
'modal',
|
|
'navigation',
|
|
'tooltip',
|
|
'container',
|
|
'fullwidth',
|
|
'fullscreen',
|
|
'iframe',
|
|
] %}
|
|
<script src="{{ url_for('static', filename='js/' ~ name ~ '.js') }}"></script>
|
|
{% endfor %}
|
|
</body>
|
|
</html> |