octospacc
/
OctoSpaccHub
mirror of https://gitlab.com/octospacc/octospacc.gitlab.io
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix CSS issues in home and HashyMagnet; Add links

This commit is contained in:
octospacc 2022-10-29 16:40:35 +02:00
parent 02fdab6f4d
commit 281e99f8b3
3 changed files with 48 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
public/Assets/CSS/Dark.css
View File

@ -20,6 +20,15 @@ Body {
color: #F0F0FF; 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 > * { .InlineDiv > * {
display: inline-block; display: inline-block;
margin: 32px; margin: 32px;
@ -67,29 +76,23 @@ Body {
} }
.Footer { .Footer {
background-color: rgba(36,36,36, 0.8); Background-Color: RGBA(36, 36, 36, 0.8);
position: fixed; Position: Fixed;
bottom: 0px; Display: Flex;
width: 100vw; Flex-Direction: Row;
height: 24px; Justify-Content: Space-Between;
text-align: center; Bottom: 0px;
overflow-x: scroll; Width: 100vw;
overflow-y: hidden; Padding-Top: 2px;
white-space: nowrap; Padding-Bottom: 2px;
z-index: 1; Padding-Left: 6px;
} Padding-Right: 6px;
.Footer > * { Text-Align: Center;
vertical-align: sub; Overflow-X: Scroll;
} Overflow-Y: Hidden;
.FooterLeft { White-Space: NoWrap;
Float: Left; Z-Index: 1;
Display: Block;
Padding: 3px;
}
.FooterRight {
Float: Right;
Display: Block;
Padding: 3px;
} }
.Footer > .FooterRight { Margin-Right: 12px; }
#AgeDiv { Padding: 16px; } #AgeDiv { Padding: 16px; }

8
public/HashyMagnet/index.html
View File

@ -94,7 +94,7 @@ Button:Disabled {
#Main { #Main {
Overflow-X: Hidden; Overflow-X: Hidden;
Overflow-Y: Scroll; /*Overflow-Y: Scroll;*/
Max-Height: 100vh; Max-Height: 100vh;
Position: Absolute; Position: Absolute;
Top: 50%; Top: 50%;
@ -137,8 +137,10 @@ Button:Disabled {
<h5 id="HomeBtn">[<a href="..">🔼 Home</a>]</h5> <h5 id="HomeBtn">[<a href="..">🔼 Home</a>]</h5>
<div id="Title" class="Section"><div> <div id="Title" class="Section"><div>
<div id="TitleTitle"> <div id="TitleTitle">
<def title="Click for more info!">
<h3>HashyMagnet</h3> <h3>HashyMagnet</h3>
<p>Generate a full Bit<span style="Color:#AAFFFF;">Torrent</span> Magnet Link from an Info Hash...</p> <p>Generate a full Bit<span style="Color:#AAFFFF;">Torrent</span> Magnet Link from an Info Hash...</p>
</def>
</div> </div>
<noscript><p> <noscript><p>
This is an actual app, not a badly-made website. This is an actual app, not a badly-made website.
@ -151,7 +153,7 @@ Button:Disabled {
<h4>Info</h4> <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>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>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> <h4>Special Thanks and Credits</h4>
<p> <p>
Tracker lists providers: Tracker lists providers:
@ -288,7 +290,7 @@ function DoRedraw() {
if (TrackersArea.value) { if (TrackersArea.value) {
TrackersBtn.textContent = "🗑️ Clear"; TrackersBtn.textContent = "🗑️ Clear";
} else { } else {
TrackersBtn.textContent = "🔄 Refresh"; TrackersBtn.textContent = "🔄 Restore";
} }
} }

20
public/index.html
View File

@ -21,7 +21,7 @@
<div> <div>
<h1>OctoSpacc Hub</h1><br><br> <h1>OctoSpacc Hub</h1><br><br>
<h3>Will this place ever be filled up?</h3> <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> </div>
<br><br><br> <br><br><br>
<div id="Links"><div> <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> <noscript><p>There should be a ticking clock here, but your browser isn't loading the JavaScript.</p></noscript>
<br> <br>
</div> </div>
<br><br><br> <br><br>
</div> </div>
<script src="Assets/JS/CurrentAgeRenderIndex.js"></script> <script src="Assets/JS/CurrentAgeRenderIndex.js"></script>
<div class="Footer"> <div class="Footer">
<div class="FooterLeft"> <span class="FlexItem FooterLeft">
<a href="https://gitlab.com/octospacc/octospacc.gitlab.io">Sources <-</a> <a href="https://gitlab.com/octospacc/octospacc.gitlab.io">📐 Sources &lt;-</a>
</div> </span>
<span>&nbsp;&nbsp;&nbsp;</span>
<span class="FlexItem FooterRight">
<a rel="me" href="https://gitlab.com/octospacc">-&gt; GitLab 🦊</a>
<span>&nbsp;</span> <span>&nbsp;</span>
<a rel="me" href="https://gitlab.com/octospacc">-> GitLab 🦊</a> <a rel="me" href="https://mastodon.uno/@octo">-&gt; Mastodon 🐘</a>
<span>&nbsp;</span> <span>&nbsp;</span>
<a rel="me" href="https://mastodon.uno/@octo">-> Mastodon 🐘</a> <a rel="me" href="https://botsin.space/@octtpz">-&gt; pezziposting 🦜</a>
<span>&nbsp;</span>
<a rel="me" href="https://spacc.xyz">-&gt; Spacc ⛏️</a>
</span>
</div> </div>
</body> </body>
</html> </html>