Fix CSS issues in home and HashyMagnet; Add links
This commit is contained in:
parent
02fdab6f4d
commit
281e99f8b3
|
|
@ -20,6 +20,15 @@ Body {
|
|||
color: #F0F0FF;
|
||||
}
|
||||
|
||||
.NoSelect, .Footer {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
User-Select: none;
|
||||
}
|
||||
|
||||
.InlineDiv > * {
|
||||
display: inline-block;
|
||||
margin: 32px;
|
||||
|
|
@ -67,29 +76,23 @@ Body {
|
|||
}
|
||||
|
||||
.Footer {
|
||||
background-color: rgba(36,36,36, 0.8);
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
width: 100vw;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
white-space: nowrap;
|
||||
z-index: 1;
|
||||
}
|
||||
.Footer > * {
|
||||
vertical-align: sub;
|
||||
}
|
||||
.FooterLeft {
|
||||
Float: Left;
|
||||
Display: Block;
|
||||
Padding: 3px;
|
||||
}
|
||||
.FooterRight {
|
||||
Float: Right;
|
||||
Display: Block;
|
||||
Padding: 3px;
|
||||
Background-Color: RGBA(36, 36, 36, 0.8);
|
||||
Position: Fixed;
|
||||
Display: Flex;
|
||||
Flex-Direction: Row;
|
||||
Justify-Content: Space-Between;
|
||||
Bottom: 0px;
|
||||
Width: 100vw;
|
||||
Padding-Top: 2px;
|
||||
Padding-Bottom: 2px;
|
||||
Padding-Left: 6px;
|
||||
Padding-Right: 6px;
|
||||
Text-Align: Center;
|
||||
Overflow-X: Scroll;
|
||||
Overflow-Y: Hidden;
|
||||
White-Space: NoWrap;
|
||||
Z-Index: 1;
|
||||
}
|
||||
.Footer > .FooterRight { Margin-Right: 12px; }
|
||||
|
||||
#AgeDiv { Padding: 16px; }
|
||||
|
|
@ -94,7 +94,7 @@ Button:Disabled {
|
|||
|
||||
#Main {
|
||||
Overflow-X: Hidden;
|
||||
Overflow-Y: Scroll;
|
||||
/*Overflow-Y: Scroll;*/
|
||||
Max-Height: 100vh;
|
||||
Position: Absolute;
|
||||
Top: 50%;
|
||||
|
|
@ -137,8 +137,10 @@ Button:Disabled {
|
|||
<h5 id="HomeBtn">[<a href="..">🔼 Home</a>]</h5>
|
||||
<div id="Title" class="Section"><div>
|
||||
<div id="TitleTitle">
|
||||
<h3>HashyMagnet</h3>
|
||||
<p>Generate a full Bit<span style="Color:#AAFFFF;">Torrent</span> Magnet Link from an Info Hash...</p>
|
||||
<def title="Click for more info!">
|
||||
<h3>HashyMagnet</h3>
|
||||
<p>Generate a full Bit<span style="Color:#AAFFFF;">Torrent</span> Magnet Link from an Info Hash...</p>
|
||||
</def>
|
||||
</div>
|
||||
<noscript><p>
|
||||
This is an actual app, not a badly-made website.
|
||||
|
|
@ -151,7 +153,7 @@ Button:Disabled {
|
|||
<h4>Info</h4>
|
||||
<p>With this app you can generate full <a href="https://en.m.wikipedia.org/wiki/Magnet_URI_scheme" target="_blank" rel="noopener nofollow">BitTorrent Magnet links</a>, complete with trackers, from a simple Info Hash.</p>
|
||||
<p>You can input your own list of trackers, or you can use the one that's autogenerated by the app from up-to-date lists.</p>
|
||||
<p>Last updated: 2022-09-09.</p>
|
||||
<p>Last updated: 2022-11-29.</p>
|
||||
<h4>Special Thanks and Credits</h4>
|
||||
<p>
|
||||
Tracker lists providers:
|
||||
|
|
@ -288,7 +290,7 @@ function DoRedraw() {
|
|||
if (TrackersArea.value) {
|
||||
TrackersBtn.textContent = "🗑️ Clear";
|
||||
} else {
|
||||
TrackersBtn.textContent = "🔄 Refresh";
|
||||
TrackersBtn.textContent = "🔄 Restore";
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
<div>
|
||||
<h1>OctoSpacc Hub</h1><br><br>
|
||||
<h3>Will this place ever be filled up?</h3>
|
||||
<h5>At the moment it is just a glorified hub...</h5>
|
||||
<h5>At the moment, it remains just a simple hub...</h5>
|
||||
</div>
|
||||
<br><br><br>
|
||||
<div id="Links"><div>
|
||||
|
|
@ -40,17 +40,23 @@
|
|||
<noscript><p>There should be a ticking clock here, but your browser isn't loading the JavaScript.</p></noscript>
|
||||
<br>
|
||||
</div>
|
||||
<br><br><br>
|
||||
<br><br>
|
||||
</div>
|
||||
<script src="Assets/JS/CurrentAgeRenderIndex.js"></script>
|
||||
<div class="Footer">
|
||||
<div class="FooterLeft">
|
||||
<a href="https://gitlab.com/octospacc/octospacc.gitlab.io">Sources <-</a>
|
||||
</div>
|
||||
<span> </span>
|
||||
<a rel="me" href="https://gitlab.com/octospacc">-> GitLab 🦊</a>
|
||||
<span class="FlexItem FooterLeft">
|
||||
<a href="https://gitlab.com/octospacc/octospacc.gitlab.io">📐 Sources <-</a>
|
||||
</span>
|
||||
<span> </span>
|
||||
<span class="FlexItem FooterRight">
|
||||
<a rel="me" href="https://gitlab.com/octospacc">-> GitLab 🦊</a>
|
||||
<span> </span>
|
||||
<a rel="me" href="https://mastodon.uno/@octo">-> Mastodon 🐘</a>
|
||||
<a rel="me" href="https://mastodon.uno/@octo">-> Mastodon 🐘</a>
|
||||
<span> </span>
|
||||
<a rel="me" href="https://botsin.space/@octtpz">-> pezziposting 🦜</a>
|
||||
<span> </span>
|
||||
<a rel="me" href="https://spacc.xyz">-> Spacc ⛏️</a>
|
||||
</span>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue