Skip to content
This repository has been archived by the owner on Oct 6, 2024. It is now read-only.

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
Humanoidear committed Apr 7, 2024
1 parent ce0ea2a commit dd2fd6b
Showing 1 changed file with 49 additions and 242 deletions.
291 changes: 49 additions & 242 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,253 +1,60 @@
---
layout: index
title: RiiConnect24
title: Redirection to WiiLink
---
<style>
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@700&display=swap');
</style>
<div id="index-banner" class="parallax-container" style="min-height: 900px !important;">
<div style="width:100%; height:auto; top:0; left:0; position:absolute;">
{% include parallax_nav.html %}
</div>
<div class="section no-pad-bot">
<div class="col s6">
<img class="herohead" src="/images/herohead.png" alt="Blue blob with the RiiConnect24 logo" style="top:0px; right:0; z-index:0; position:absolute;" height="400px">
<div class="herotext">
<h1 class="header center" style="font-weight:800;">RiiConnect your Wii.</h1>
<div class="row center">
<h5 class="header col s12 center" style="margin-bottom:38px;">RiiConnect24 brings back WiiConnect24, making your Wii more
lively.</h5>
<a href="https://www.wiilink24.com/guide/install/" id="download-button"
class="btn-large waves-effect waves-light blue lighten-1" style="margin:8px; border-radius: 8px;"><i class="fa-solid fa-circle-question" style="font-size:20px;"></i> How
to
Connect</a>
<a href="https://www.wiilink24.com" id="download-button"
class="btn-large waves-effect waves-light green lighten-1" style="margin:8px; border-radius: 8px;"><i class="fa-solid fa-download" style="font-size:20px;"></i> Download</a>
<h5 class="header col s12 center" style="font-size:20px; margin-bottom:28px;">Get the whole package! <a href="https://www.wiilink24.com" style="color:rgb(65, 200, 65);"><u>Install <b style="font-family: 'Rubik', sans-serif;">WiiLink</b></u></a> | <a href="https://github.com/riiconnect24/RiiConnect24-Patcher/releases">Download the legacy patcher</a></h5>
</div>
</div>
</div>
</div>
<div class="headerz">
<i class="fa-solid fa-triangle-exclamation"></i> RiiConnect24 is now <b style="font-family: 'Rubik', sans-serif;">WiiLink</b>, please visit <a href="http://wiilink24.com" style="color:rgb(255, 255, 255);">the WiiLink website</a> to proceed with installation!
</div>
<div class="parallax" style="background-color:#000;"><img src="/images/hero.png" alt="Dark background with the words 'WiiLink' and 'RiiConnect24'"></div>
</div>

<div class="section center">
<h3 class="header center"><i class="fas fa-cogs" aria-hidden="true"></i> Services</h3>

<p class="light center">Here are the services that RiiConnect24 allows you to use.</p>

<!-- Icon Section -->
<div class="row" style="display:flex; flex-wrap:wrap; justify-content:center; gap:8px; position: relative;">
<div class="service">
<div class="icon-block">
<a href="/services/forecast.html">
<h2 class="center header"><i class="fas fa-sun" aria-hidden="true"></i></h2>
<h5 class="center">Forecast Channel</h5>

<p class="light">Get local and worldwide weather on your Wii. You can see the weather around
the
world on a virtual globe.</p>
</a>
</div>
</div>

<div class="service">
<div class="icon-block">
<a href="/services/news.html">
<h2 class="center header"><i class="fas fa-newspaper" aria-hidden="true"></i></h2>
<h5 class="center">News Channel</h5>

<p class="light">Get national and worldwide news on your Wii. You can see the news around the
world on a virtual globe or in a slideshow.</p>
</a>
</div>
</div>

<div class="service">
<div class="icon-block">
<a href="/services/votes.html">
<h2 class="center header"><i class="fas fa-comments" aria-hidden="true"></i></h2>
<h5 class="center">Everybody Votes Channel</h5>

<p class="light">Vote on fun polls and see what the RiiConnect24 community has voted on.</p>
</a>
</div>
</div>

<div class="service">
<div class="icon-block">
<a href="/services/nintendo.html">
<h2 class="center header"><i class="fas fa-film" aria-hidden="true"></i></h2>
<h5 class="center">Nintendo Channel</h5>

<p class="light">Send demos to a DS system and watch videos such as the Nintendo Week series.
</p>
</a>
</div>
</div>

<div class="service">
<div class="icon-block">
<a href="/services/mail.html">
<h2 class="center header"><i class="fas fa-envelope" aria-hidden="true"></i></h2>
<h5 class="center">Wii Mail</h5>

<p class="light">Send messages or game data to other people connected to RiiConnect24.</p>
</a>
</div>
</div>

<div class="service">
<div class="icon-block">
<a href="/services/miicontest.html">
<h2 class="center header"><i class="fas fa-smile" aria-hidden="true"></i></h2>
<h5 class="center">Check Mii Out Channel</h5>

<p class="light">Share Miis with the community and enter them in contests.</p>
</a>
</div>
</div>


<div class="service">
<div class="icon-block">
<a href="/services/riitube.html">
<h2 class="center header"><i class="fas fa-video" aria-hidden="true"></i></h2>
<h5 class="center">RiiTube</h5>

<p class="light">Watch YouTube and other video streaming platforms on your Wii.</p>
</a>
</div>
</div>

<div class="service">
<div class="icon-block">
<a href="https://tag.rc24.xyz/">
<h2 class="center header"><i class="fas fa-tag" aria-hidden="true"></i></h2>
<h5 class="center">RiiTag</h5>

<p class="light">Share what you've been playing to your friends with a gamertag which supports
modern Nintendo devices.</p>
</a>
</div>
</div>

<div class="service">
<div class="icon-block">
<a href="/services/bot.html">
<h2 class="center header"><i class="fab fa-discord" aria-hidden="true"></i></h2>
<h5 class="center">RiiConnect24 Bot</h5>

<p class="light">Share your friend codes and other information with our own Discord bot.</p>
</a>
</div>
</div>
</div>

<div class="section center">
<div class="row">
<div class="col s12">
<h3 class="header center"><i class="fas fa-question-circle" aria-hidden="true"></i> Why use
RiiConnect24?</h3>

<p class="light" style="padding-left:50px; padding-right:50px;">
RiiConnect24 is a great addition to your Wii, allowing you to use discontinued Channels that were part of
WiiConnect24 again. It makes your Wii lively and lets you participate in a community, as you once could.</p>
<p class="light" style="padding-left:50px; padding-right:50px;">
Whether this will be your first time using these Channels or want some nostalgia, you will enjoy having
RiiConnect24 on your Wii.
</p>
<p class="light" style="padding-left:50px; padding-right:50px;">
If you want to play games online that had their online functionality removed with the discontinuation of
Nintendo Wi-Fi Connection, <a href="https://wiimmfi.de/">please check out Wiimmfi</a>.
</p>
</div>
</div>
<div class="redirect-container">
<img class="WiiLink-logo" src="https://www.wiilink24.com/img/logo.png">
<h1 class="head">Redirecting you to WiiLink</h1>
<p class="desc">If you are not redirected automatically, follow this <a href="https://www.wiilink24.com/#from-riiconnect24=true">link</a>.</p>
</div>

<div class="section center">
<div class="row">
<div class="col s12">
<h3 class="header center"><i class="fab fa-discord" aria-hidden="true"></i> Discord</h3>

<script>
document.addEventListener('DOMContentLoaded', (event) => {
// document.addEventListener('DOMContentLoaded', (event) => {
window.location.href = 'https://www.wiilink24.com/#from-riiconnect24=true';
});
</script>

<style>
.discord {
position: static;
visibility: visible;
display: inline-block;
width: 50%;
height: 500px;
padding: 0px;
border: none;
max-width: 100%;
min-width: 180px;
margin-top: 0px;
margin-bottom: 0px;
min-height: 200px;
}

.herotext{
width:100%;
bottom:200px;
position:absolute;
}

.service{
width:300px;
background-color: #c3c3c310;
border:2px solid #ffffff20;
border-radius:8px;
margin:8px;
box-shadow: 0px 0px 0px #5c5c5c08;
transition: 0.3s;
}

.service:hover{
transform: translate(0, -5px);
box-shadow: 0px 0px 38px #5c5c5c08;
transition: 0.3s;
}

.headerz {
width:100%;
bottom:0;
padding: 30px;
text-align: center;
background: #1e8bf1;
color: white;
font-size: 20px;
position:absolute;
}

.herohead{
display:block;
}

@media only screen and (max-width: 600px) {
.herohead{
display:none !important;
}
}
</style>
<iframe src="https://discordapp.com/widget?id=206934458954153984&theme=dark" class="discord"
allowtransparency="true" frameborder="0"></iframe>
</div>
<div class="section right">
<div class="col s12">
<script src="/js/cat.js"></script>
<img src="/images/helpcat.svg" style="transform:translate(0, 120px); height: 300px;" id="catButton" alt="Click Me!" onclick="catClicked()"
class="responsive-cat" />
</div>
</div>
</div>
</div>
</div>
<style>
body {
font-family: Arial, sans-serif;
background-color: #0f0f0f;
color: #333;
margin: 0;
padding: 0;
}

.redirect-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
height: 100vh;
}

.WiiLink-logo {
width: 200px;
margin-bottom: 18px;
}

.head {
font-size: 2em;
font-weight: 800;
font-family: system-ui;
color:white;
margin: 0;
}

.desc {
font-size: 1.5em;
font-family: system-ui;
color:white;
margin: 0;
}

a {
color: #007bff;
text-decoration: none;
}
</style>

0 comments on commit dd2fd6b

Please sign in to comment.