morss12/battery-builder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

Message text right top edited

Browse Source
This commit is contained in:
Finn Tews
2026-05-08 22:55:25 +02:00
parent 708b527598
commit 85f601984f
2 changed files with 77 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@@ -18,8 +18,20 @@
<div class="container">
<div class="header-row">
<h1>Cell Holder Generator</h1>
<p class="repo-credit">Forked from <a href="https://github.com/waak86/battery-builder" target="_blank" rel="noopener noreferrer">waak's Battery Builder</a> <br>Huge thanks to <a href="https://t.me/waak86" target="_blank" rel="noopener noreferrer">waak</a> for the original project. </p>
<div class="header-title">
<h1>Cell Holder Generator</h1>
<p class="waak-credit">Huge thanks to <a href="https://t.me/waak86" target="_blank" rel="noopener noreferrer">waak</a> for the original project.</p>
</div>
<div class="header-right">
<a class="gitea-link" href="https://gitea.overkill.cc/morss12/battery-builder" target="_blank" rel="noopener noreferrer" title="View source on Gitea">
<svg class="gitea-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><path d="M11.9999 1C6.0589 1 1.1999 5.859 1.1999 11.8C1.1999 16.554 4.2629 20.579 8.5569 22.053C9.1069 22.155 9.3089 21.818 9.3089 21.531C9.3089 21.272 9.2989 20.483 9.2949 19.641C6.3169 20.298 5.6699 18.261 5.6699 18.261C5.1699 16.976 4.4469 16.64 4.4469 16.64C3.4549 15.964 4.5219 15.978 4.5219 15.978C5.6209 16.053 6.1999 17.104 6.1999 17.104C7.1749 18.791 8.7029 18.306 9.3289 18.029C9.4289 17.322 9.7099 16.838 10.0199 16.563C7.6459 16.285 5.1489 15.366 5.1489 11.274C5.1489 10.056 5.5769 9.061 6.2199 8.282C6.1069 8.004 5.7309 6.868 6.3279 5.336C6.3279 5.336 7.2449 5.041 9.2829 6.487C10.1369 6.244 11.0709 6.122 11.9999 6.118C12.9289 6.122 13.8629 6.244 14.7179 6.487C16.7549 5.041 17.6709 5.336 17.6709 5.336C18.2689 6.868 17.8929 8.004 17.7799 8.282C18.4239 9.061 18.8499 10.056 18.8499 11.274C18.8499 15.376 16.3489 16.283 13.9679 16.554C14.3559 16.892 14.7019 17.558 14.7019 18.576C14.7019 20.038 14.6889 21.222 14.6889 21.531C14.6889 21.82 14.8879 22.159 15.4459 22.052C19.7369 20.576 22.7999 16.553 22.7999 11.8C22.7999 5.859 17.9409 1 11.9999 1Z"/></svg>
Source
</a>
<a class="gitea-link" href="https://github.com/waak86/battery-builder" target="_blank" rel="noopener noreferrer" title="View original project on GitHub">
<svg class="gitea-icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.477 2 2 6.477 2 12c0 4.418 2.865 8.166 6.839 9.489.5.092.682-.217.682-.482 0-.237-.009-.868-.013-1.703-2.782.604-3.369-1.341-3.369-1.341-.454-1.154-1.11-1.462-1.11-1.462-.908-.62.069-.608.069-.608 1.003.07 1.531 1.03 1.531 1.03.892 1.529 2.341 1.087 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.11-4.555-4.943 0-1.091.39-1.984 1.029-2.683-.103-.253-.446-1.27.098-2.647 0 0 .84-.269 2.75 1.025A9.578 9.578 0 0 1 12 6.836a9.59 9.59 0 0 1 2.504.337c1.909-1.294 2.747-1.025 2.747-1.025.546 1.377.202 2.394.1 2.647.64.699 1.028 1.592 1.028 2.683 0 3.842-2.339 4.687-4.566 4.935.359.309.678.919.678 1.852 0 1.336-.012 2.415-.012 2.743 0 .267.18.578.688.48C19.138 20.163 22 16.418 22 12c0-5.523-4.477-10-10-10z"/></svg>
Original Source
</a>
</div>
</div>
<p class="subtitle">Generate custom 3D printable cell holders with STEP export</p>

69
styles/main.css
View File

@@ -53,18 +53,75 @@ h1:hover {
.repo-credit {
margin: 0;
padding: 10px 14px;
color: #dbeafe;
font-size: 0.95em;
padding: 5px 10px;
color: #a7f3d0;
font-size: 0.85em;
font-weight: 600;
line-height: 1.5;
text-align: center;
max-width: 560px;
background: linear-gradient(135deg, rgba(16, 185, 129, 0.16), rgba(59, 130, 246, 0.12));
background: rgba(16, 185, 129, 0.1);
border: 1px solid rgba(110, 231, 183, 0.35);
border-radius: 10px;
border-radius: 8px;
animation: fadeInUp 0.6s ease-out 0.15s both;
}
.header-right {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}
.header-title {
display: flex;
flex-direction: column;
gap: 4px;
}
.waak-credit {
margin: 0;
color: #6ee7b7;
font-size: 0.8em;
opacity: 0.8;
}
.waak-credit a {
color: #a7f3d0;
font-weight: 600;
text-decoration: none;
}
.waak-credit a:hover {
text-decoration: underline;
}
.gitea-link {
display: inline-flex;
align-items: center;
gap: 6px;
align-self: flex-end;
color: #a7f3d0;
font-size: 0.85em;
font-weight: 600;
text-decoration: none;
padding: 5px 10px;
border: 1px solid rgba(110, 231, 183, 0.35);
border-radius: 8px;
background: rgba(16, 185, 129, 0.1);
transition: background 0.2s, color 0.2s;
}
.gitea-link:hover {
background: rgba(16, 185, 129, 0.22);
color: #ecfdf5;
}
.gitea-icon {
width: 16px;
height: 16px;
flex-shrink: 0;
}
.repo-credit a {
color: #a7f3d0;
font-weight: 600;