kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-09-10 03:37:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added scrollbar draft

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach
2025-03-18 12:50:14 +01:00
parent 56513230e4
commit 898f7479c9
4 changed files with 162 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/templates/moduls/base.html.j2
View File

@@ -14,7 +14,8 @@
<script src="https://kit.fontawesome.com/56f96da298.js" crossorigin="anonymous"></script>
<!-- Markdown -->
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<link rel="stylesheet" href="static/css/default.css">
<link rel="stylesheet" href="{{ url_for('static', filename='css/default.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/custom_scrollbar.css') }}">
</head>
<body>
<div class="container">
@@ -26,7 +27,20 @@
</header>
{% set menu_type = "header" %}
{% include "moduls/navigation.html.j2"%}
{% block content %}{% endblock %}
<main id="main" style="position: relative; box-shadow: 0 0 20px rgba(0,0,0,0.3); overflow: visible;">
<div class="scroll-container">
<!-- Hier kommt dein Hauptinhalt -->
{% 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">
@@ -43,5 +57,6 @@
<script src="{{ url_for('static', filename='js/modal.js') }}"></script>
<script src="{{ url_for('static', filename='js/navigation.js') }}"></script>
<script src="{{ url_for('static', filename='js/tooltip.js') }}"></script>
<script src="{{ url_for('static', filename='js/custom_scrollbar.js') }}"></script>
</body>
</html>