romanmir/TorrentParts
1
0
Fork 0
mirror of https://github.com/leoherzog/TorrentParts.git synced 2026-01-23 19:58:03 -08:00
Code Issues Packages Projects Releases Wiki Activity

More Progress

Browse Source 
Improve Responsive Breakpoints and Make Progress with Button Placement
This commit is contained in:
Leo Herzog
2020-11-02 22:10:06 -05:00
parent 4246a4e946
commit b370eb5bd9
2 changed files with 112 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
index.html
View File

@@ -11,7 +11,7 @@
<header>
<h1 id="logo">Torrent<span class="fad fa-magnet fa-fw"></span>Parts</h1>
<iframe src="https://ghbtns.com/github-btn.html?user=leoherzog&repo=TorrentParts&type=star&count=true" frameborder="0" scrolling="0" width="150" height="20" title="GitHub"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=leoherzog&repo=TorrentParts&type=star&count=true" frameborder="0" scrolling="0" width="90" height="20" title="GitHub"></iframe>
</header>
<div id="startButtons">
@@ -26,8 +26,20 @@
<div id="properties" style="display:none">
<button id="reset">
<span class="fas fa-minus-circle"></span> Reset
<span class="far fa-times fa-fw"></span>
</button>
<div id="download">
<button id="copyURL">
<span class="fas fa-share-alt fa-fw fa-2x" data-fa-transform="left-1"></span>
</button>
<button id="copyMagnet">
<span class="fas fa-magnet fa-fw fa-2x" data-fa-transform="down-1"></span>
</button>
<button id="downloadTorrent">
<span class="fas fa-file-download fa-fw fa-2x"></span>
</button>
</div>
<div class="property">
<label for="hash">Unique Hash</label>
@@ -89,27 +101,6 @@
</table>
</div>
<div>
<div id="copyURL">
<span class="fa-stack fa-2x">
<span class="fas fa-circle fa-stack-2x"></span>
<span class="fas fa-share-alt fa-stack-1x fa-inverse" data-fa-transform="left-1"></span>
</span>
</div>
<div id="copyMagnet">
<span class="fa-stack fa-2x">
<span class="fas fa-circle fa-stack-2x"></span>
<span class="fas fa-magnet fa-stack-1x fa-inverse" data-fa-transform="down-1"></span>
</span>
</div>
<div id="downloadTorrent">
<span class="fa-stack fa-2x">
<span class="fas fa-circle fa-stack-2x"></span>
<span class="fas fa-file-download fa-stack-1x fa-inverse"></span>
</span>
</div>
</div>
</div>
<script src="bundle.min.js"></script>