experiments/bees-knees
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Extract floating button from main template

Browse source
This commit is contained in:
Marty Oehme 2025-06-08 20:45:58 +02:00
parent 66311c36ae
commit e17137260c
Signed by: Marty
GPG key ID: 4E535BC19C61886E
2 changed files with 42 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

41
templates/floating_button.html Normal file
View file

@ -0,0 +1,41 @@
<div class="fab-holder">
<div class="main-btn fab-icon-holder">
<div class="icon">
<i class="fas fa-info"></i>
</div>
</div>
<ul class="fab-options">
<li>
<span class="fab-label">Show Originals</span>
<div class="option-btn fab-icon-holder">
<div class="icon">
<i class="fas fa-file-alt"></i>
</div>
</div>
</li>
<li>
<span class="fab-label">About</span>
<div class="option-btn fab-icon-holder">
<div class="icon">
<i class="fas fa-question"></i>
</div>
</div>
</li>
<li>
<span class="fab-label">Feedback</span>
<div class="option-btn fab-icon-holder">
<div class="icon">
<i class="fas fa-comment-alt"></i>
</div>
</div>
</li>
<!-- <li> -->
<!-- <span class="fab-label">Something else</span> -->
<!-- <div class="option-btn fab-icon-holder"> -->
<!-- <div class="icon"> -->
<!-- <i class="fas fa-question"></i> -->
<!-- </div> -->
<!-- </div> -->
<!-- </li> -->
</ul>
</div>

42
templates/index.html
View file

@ -16,46 +16,6 @@
hx-trigger="load" hx-trigger="load"
id="content" id="content"
></div> ></div>
<div class="fab-holder"> {% include "floating_button.html" %}
<div class="main-btn fab-icon-holder">
<div class="icon">
<i class="fas fa-info"></i>
</div>
</div>
<ul class="fab-options">
<li>
<span class="fab-label">Show Originals</span>
<div class="option-btn fab-icon-holder">
<div class="icon">
<i class="fas fa-file-alt"></i>
</div>
</div>
</li>
<li>
<span class="fab-label">About</span>
<div class="option-btn fab-icon-holder">
<div class="icon">
<i class="fas fa-question"></i>
</div>
</div>
</li>
<li>
<span class="fab-label">Feedback</span>
<div class="option-btn fab-icon-holder">
<div class="icon">
<i class="fas fa-comment-alt"></i>
</div>
</div>
</li>
<!-- <li> -->
<!-- <span class="fab-label">Something else</span> -->
<!-- <div class="option-btn fab-icon-holder"> -->
<!-- <div class="icon"> -->
<!-- <i class="fas fa-question"></i> -->
<!-- </div> -->
<!-- </div> -->
<!-- </li> -->
</ul>
</div>
</body> </body>
</html> </html>