mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-10 09:38:25 +01:00
new landing :3
This commit is contained in:
Ashley
parent
0d5c553494
commit
a8a98b0ba3
1 changed files with 19 additions and 76 deletions
|
|
@ -57,7 +57,7 @@ summary:hover{
|
||||||
</style>
|
</style>
|
||||||
<style>
|
<style>
|
||||||
body{
|
body{
|
||||||
|
overflow:hidden;
|
||||||
color:#111111
|
color:#111111
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -215,6 +215,7 @@ summary:hover{
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
|
|
||||||
.channel-info-container > img {
|
.channel-info-container > img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -258,15 +259,14 @@ section#landing-page {
|
||||||
color:#fff;
|
color:#fff;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(50%);
|
transform: translateY(26%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.heading {
|
.heading {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: xxx-large;
|
font-size: xxx-large;
|
||||||
font-family: 'PokeTube flex';
|
font-family: 'PokeTube flex';
|
||||||
font-style:italic;
|
font-stretch: ultra-expanded;
|
||||||
font-stretch: ultra-expanded;
|
|
||||||
font-weight: 1000;
|
font-weight: 1000;
|
||||||
text-align:center;
|
text-align:center;
|
||||||
}
|
}
|
||||||
|
|
@ -361,62 +361,15 @@ line-height: 24px;
|
||||||
z-index: 10; /* Was 2 */"
|
z-index: 10; /* Was 2 */"
|
||||||
}
|
}
|
||||||
|
|
||||||
#container {
|
|
||||||
position: relative; /* Make the container a positioning context */
|
|
||||||
display: none;
|
|
||||||
height: 60vh; /* Set the container's height to 100% of the viewport height */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Style the span */
|
|
||||||
#bottomSpan {
|
|
||||||
position: absolute; /* Position the span absolutely within the container */
|
|
||||||
bottom: 0; /* Align the span to the bottom of the container */
|
|
||||||
text-align:center;
|
|
||||||
left:0;
|
|
||||||
right:0;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.app {
|
.app {
|
||||||
background-image:linear-gradient(to bottom right, #9666F7, #B37C6B) !important;
|
background:linear-gradient(135deg, #820622 10%, #4e2e82 100%, #725965 100%);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script>
|
|
||||||
let middleMousePressed = false;
|
|
||||||
|
|
||||||
// Function to change the URL
|
|
||||||
function changeURL() {
|
|
||||||
window.location.href = 'https://poketube.fun/app'; // Replace with the URL of the new site
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Detect middle mouse button click
|
|
||||||
window.addEventListener('mousedown', function(event) {
|
|
||||||
if (event.button === 1) { // Middle mouse button is clicked
|
|
||||||
middleMousePressed = true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Detect scroll event and change URL if middle mouse is pressed and scrolled down at the bottom of the page
|
|
||||||
window.addEventListener('wheel', function(event) {
|
|
||||||
const scrollHeight = document.documentElement.scrollHeight;
|
|
||||||
const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
|
||||||
const windowHeight = window.innerHeight;
|
|
||||||
const atBottom = scrollHeight - scrollTop === windowHeight;
|
|
||||||
|
|
||||||
if (middleMousePressed && event.deltaY > 0 && atBottom) {
|
|
||||||
changeURL();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Reset middleMousePressed when mouse button is released
|
|
||||||
window.addEventListener('mouseup', function(event) {
|
|
||||||
if (event.button === 1) { // Middle mouse button is released
|
|
||||||
middleMousePressed = false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<div class="app" style='height:100vh;background-repeat: no-repeat;background-size: cover;'>
|
<div class="app" style='height:100vh;background-repeat: no-repeat;background-size: cover;'>
|
||||||
|
|
||||||
|
|
@ -439,11 +392,11 @@ z-index: 10; /* Was 2 */"
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
|
|
||||||
|
<a aria-label="discover" href="/app"><i class="fa-light fa-compass"></i></a>
|
||||||
<a aria-label="domains" href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a>
|
<a aria-label="domains" href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a>
|
||||||
<a aria-label="privacy policy" href="/privacy"><i class="fa-light fa-shield"></i></a>
|
<a aria-label="privacy policy" href="/privacy"><i class="fa-light fa-shield"></i></a>
|
||||||
<a aria-label="upload video" href="/video/upload?from="><i class="fa-light fa-video"></i></a>
|
<a aria-label="upload video" href="/video/upload?from="><i class="fa-light fa-video"></i></a>
|
||||||
<a aria-label="pull requests" href="https://github.com/iamashley0/poketube/issues"><i class="fa-light fa-bug"></i></a>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
@ -456,26 +409,16 @@ z-index: 10; /* Was 2 */"
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
||||||
<div class="content-inner" style="padding: 1em;color:#fff;background: none;border-radius: inherit;">
|
<div class="content-inner" style="padding: 1em;color:#fff;background: none;border-radius: inherit;position: absolute;">
|
||||||
<br>
|
<br>
|
||||||
<h1 class="heading">Be Anonymous...</h1>
|
<h1 class="heading">Watch Videos - Anonymously</h1>
|
||||||
<div style="text-align: center;color: #fff;margin-top: 8px;width: 45em;">
|
<div style="text-align: center;color: #fff;margin-top: 8px;width: 45em;margin-bottom: -29px;margin-left: 58px;">
|
||||||
...while watching epic videos, searching thingys on the interwebs and listening to music on poketube - the free yt front end thats focused on ur privacy!!</div>
|
Be Anonymous watching epic videos, searching thingys on the interwebs and listening to music on poketube - the free yt front end thats focused on ur privacy!!</div>
|
||||||
<a href="/discover" class="btn-explore" style="visibility: collapse;">Discover PokeTube</a>
|
<img src="https://cdn.glitch.global/d68d17bb-f2c0-4bc3-993f-50902734f652/f9819f35-4d58-4715-9502-55772defa663.image.png?v=1695740207412" style="width: 53em;border-radius: 11px;margin-inline: auto;margin-top: 41px;margin-left: 14px;box-shadow: 0 0 1.4em #d9c860;">
|
||||||
<noscript>
|
|
||||||
<a href="/discover" class="btn-explore">Discover PokeTube</a>
|
|
||||||
</noscript>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
<div id="container">
|
|
||||||
<!-- This is your span element -->
|
|
||||||
<span id="bottomSpan" > <span style="color:lightgreen">[NEW] :3</span> Click and scroll down with your middle button to discover!!!</span>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="wave" style="display:none;">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#0069af" fill-opacity="1" d="M0,64L26.7,69.3C53.3,75,107,85,160,101.3C213.3,117,267,139,320,128C373.3,117,427,75,480,58.7C533.3,43,587,53,640,85.3C693.3,117,747,171,800,186.7C853.3,203,907,181,960,165.3C1013.3,149,1067,139,1120,117.3C1173.3,96,1227,64,1280,53.3C1333.3,43,1387,53,1413,58.7L1440,64L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"></path></svg>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue