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

Commit

Permalink
Updated the site based on a more modern design and to coincide with t…
Browse files Browse the repository at this point in the history
…he big announcement
  • Loading branch information
Humanoidear committed Dec 29, 2023
1 parent fbf148b commit b8fa04d
Show file tree
Hide file tree
Showing 61 changed files with 524 additions and 381 deletions.
61 changes: 36 additions & 25 deletions _includes/footer.html
Original file line number Diff line number Diff line change
@@ -1,54 +1,55 @@
<footer class="page-footer blue">
<footer class="page-footer blue" style="left:50%; width:98%; transform:translate(-50%, 0); margin-bottom:18px; border-radius:18px; box-shadow:0px 0px 28px #222222; position:relative;">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5><i class="fas fa-info-circle" aria-hidden"true"></i> About RiiConnect24</h5>
<h5><i class="fas fa-info-circle"></i> About RiiConnect24</h5>
<p class="grey-text text-lighten-4">
RiiConnect24 lets you use the defunct WiiConnect24 service on your Wii once again, allowing you to
RiiConnect24 is WiiLink's service that lets you use the defunct WiiConnect24 service on your Wii once again; allowing you to
use the
Forecast, News, Everybody Votes, Check Mii Out and Nintendo Channel, along with sending mail to
other Wiis.
<br><br>
<a class="green-darken-2 btn" href="/donation.html"><i class="fas fa-money-bill-alt"
<a class="btn" href="/donation.html" style="width:200px; background-color: rgb(234, 112, 86); display: flex; align-items: center; justify-content: center; border-radius: 8px; position: relative;"><i class="fa fa-brands fa-patreon"
aria-hidden="true"></i> Donate</a>
</p>
</div>
<div class="col l3 s12">
<h5><i class="fas fa-share-square" aria-hidden="true"></i> Connect with Us</h5>
<h5><i class="fa-solid fa-hashtag" aria-hidden="true"></i> Connect with Us</h5>
<ul>
<li><i class="fas fa-cloud" aria-hidden="true"></i>
<li class="linkbtn"><i class="fas fa-cloud" aria-hidden="true"></i>
<a class="white-text" href="https://bsky.app/profile/riiconnect24.bsky.social">Bluesky</a>
</li>
<li><i class="fab fa-discord" aria-hidden="true"></i>
<li class="linkbtn"><i class="fab fa-discord" aria-hidden="true"></i>
<a class="white-text" href="https://discord.gg/rc24">Discord</a>
</li>
<li><i class="fab fa-instagram" aria-hidden="true"></i>
<li class="linkbtn"><i class="fab fa-instagram" aria-hidden="true"></i>
<a class="white-text" href="https://www.instagram.com/RiiConnect24">Instagram</a>
</li>
<li><i class="fab fa-mastodon" aria-hidden="true"></i>
<li class="linkbtn"><i class="fab fa-mastodon" aria-hidden="true"></i>
<a class="white-text" href="https://mastodon.social/@RiiConnect24">Mastodon</a>
</li>
<li><i class="fab fa-github" aria-hidden="true"></i>
<li class="linkbtn"><i class="fab fa-github" aria-hidden="true"></i>
<a class="white-text" href="https://github.com/RiiConnect24">GitHub</a>
</li>
<li><i class="fab fa-reddit" aria-hidden="true"></i>
<li class="linkbtn"><i class="fab fa-reddit" aria-hidden="true"></i>
<a class="white-text" href="https://reddit.com/r/RiiConnect24">Reddit</a>
</li>
<li><i class="fab fa-threads" aria-hidden="true"></i>
<li class="linkbtn"><i class="fab fa-threads" aria-hidden="true"></i>
<a class="white-text" href="https://threads.net/@riiconnect24">Threads</a>
</li>
<li><i class="fab fa-youtube" aria-hidden="true"></i>
<a class="white-text" href="https://www.youtube.com/RiiConnect24">YouTube</a>
<li class="linkbtn"><i class="fab fa-youtube" aria-hidden="true"></i>
<a class="white-text" href="https://www.youtube.com/WiiLink">YouTube</a>
</li>
</ul>
</div>
<div class="col l3 s12">
<h5><i class="fas fa-puzzle-piece" aria-hidden="true"></i> Affiliate Projects</h5>
<h5><i class="fa-solid fa-user" aria-hidden="true"></i> Affiliate Projects</h5>
<ul>
<li><a class="white-text" href="https://gametdb.com/">GameTDB</a></li>
<li><a class="white-text" href="https://oscwii.org/">Open Shop Channel</a></li>
<li><a class="white-text" href="https://wiidatabase.de/">WiiDatabase</a></li>
<li><a class="white-text" href="https://wiimmfi.de/">Wiimmfi</a></li>
<li class="linkbtn"><a class="white-text" href="https://wiilink24.com/" style="font-family: 'Rubik', Sans Serif; font-weight: 700;">WiiLink</a></li>
<li class="linkbtn"><a class="white-text" href="https://gametdb.com/">GameTDB</a></li>
<li class="linkbtn"><a class="white-text" href="https://oscwii.org/">Open Shop Channel</a></li>
<li class="linkbtn"><a class="white-text" href="https://wiidatabase.de/">WiiDatabase</a></li>
<li class="linkbtn"><a class="white-text" href="https://wiimmfi.de/">Wiimmfi</a></li>
</ul>
</div>
</div>
Expand All @@ -61,14 +62,14 @@ <h5><i class="fas fa-puzzle-piece" aria-hidden="true"></i> Affiliate Projects</h
</div>
<div class="footer-copyright">
<div class="container">
&copy; RiiConnect24 2015 - 2023
&copy; The <b style="font-family: 'Rubik', sans-serif;">WiiLink</b> Team 2024 | Visual touch-ups by <a href="https://github.com/Humanoidear"><img src="https://avatars.githubusercontent.com/u/80858832?v=4" style="border-radius: 3px; transform: translate(0, 5px);" height="25px"> Alex</a>
<div class="right">
<a class="grey-text text-lighten-4" href="/branding.html"><i class="fas fa-palette"
aria-hidden="true"></i> Branding</a>&nbsp;
<a class="grey-text text-lighten-4" href="https://status.rc24.xyz/"><i class="fas fa-chart-bar"
aria-hidden="true"></i> Current Status</a>&nbsp;
<a class="grey-text text-lighten-4" href="/branding.html" style="margin-right: 8px;"><i class="fas fa-palette"
aria-hidden="true" style="margin-right: 0px;"></i> Branding</a>&nbsp;
<a class="grey-text text-lighten-4" href="https://status.rc24.xyz/" style="margin-right: 8px;"><i class="fas fa-chart-bar"
aria-hidden="true" style="margin-right: 0px;"></i> Current Status</a>&nbsp;
<a class="grey-text text-lighten-4" href="mailto:[email protected]"><i class="fas fa-envelope"
aria-hidden="true"></i> Contact</a>
aria-hidden="true" style="margin-right: 0px;"></i> Contact</a>
</div>
</div>
</div>
Expand All @@ -87,3 +88,13 @@ <h5><i class="fas fa-puzzle-piece" aria-hidden="true"></i> Affiliate Projects</h
}); // end of document ready
})(jQuery); // end of jQuery name space
</script>

<style>
.linkbtn{
transition: 0.3s;
}
.linkbtn:hover{
transform: translate(5px, 0);
transition: 0.3s;
}
</style>
18 changes: 9 additions & 9 deletions _includes/head.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,29 +6,29 @@
<!-- General Meta tags for SEO -->
<meta name="language" content="en">
<meta name="title" content="{{ page.title }}" />
<meta name="author" content="RiiConnect24" />
<meta name="copyright" content="&copy; RiiConnect24" />
<meta name="author" content="The WiiLink Team" />
<meta name="copyright" content="&copy; The WiiLink Team" />
<meta name="robots" content="index, follow" />
<meta name="subject" content="Wii Modding">
<meta name="keywords" content="Nintendo, Wii, Homebrew, WiiConnect24">
<meta name="description" content="RiiConnect24 is a WiiConnect24 replacement service.">
<meta name="keywords" content="Nintendo, Wii, Homebrew, WiiConnect24, WiiLink">
<meta name="description" content="RiiConnect24 is WiiLink's WiiConnect24 replacement service.">
<meta name="classification"
content="RiiConnect24 is an alternative provider for the now-defunct WiiConnect24 service, designed to allow communication between Nintendo Wii™ consoles via the net.">
content="RiiConnect24 is WiiLink's alternative provider for the now-defunct WiiConnect24 service, designed to allow communication between Nintendo Wii™ consoles via the net.">

<!-- Open Graph Tags -->
<meta property="og:type" content="website" />
<meta property="og:title" content="{{ page.title }}" />
<meta property="og:image" content="/goodies/wallpapers/riiconnect24_background_1_1920x1080.png" />
<meta property="og:image" content="/images/Discord_Banner.png" />
<meta property="og:locale" content="en" />
<meta property="og:site_name" content="{{ site.title }}" />
<meta property="og:description"
content="RiiConnect24 is an alternative provider for the now-defunct WiiConnect24 service, designed to allow communication between Nintendo Wii™ consoles via the net.">
content="RiiConnect24 is WiiLink's alternative provider for the now-defunct WiiConnect24 service, designed to allow communication between Nintendo Wii™ consoles via the net.">

<!-- Twitter -->

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@RiiConnect24">
<meta name="twitter:creator" content="@RiiConnect24">
<meta name="twitter:site" content="@WiiLink24">
<meta name="twitter:creator" content="@WiiLink24">

<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Expand Down
35 changes: 27 additions & 8 deletions _includes/navigation.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@
alt="RiiConnect24 Logo"></a>
<a href="#" data-target="mobile" class="sidenav-trigger"><span style="color: white;"><i
class="fas fa-bars"></i></span></a>
<ul class="right hide-on-med-and-down">
<li><a href="/about.html"><i class="fas fa-info-circle" aria-hidden="true"></i> About</a></li>
<li><a href="/faq.html"><i class="fas fa-question-circle" aria-hidden="true"></i> FAQ</a></li>
<li><a href="https://wii.guide/riiconnect24"><i class="fas fa-list" aria-hidden="true"></i> Guide</a></li>
<li><a href="/stats/index.html"><i class="fas fa-chart-bar" aria-hidden="true"></i> Stats</a></li>
<li><a href="/goodies/index.html"><i class="fas fa-gift" aria-hidden="true"></i> Goodies</a></li>
</ul>
<ul class="right hide-on-med-and-down">
<li><a id="nav-item" href="/about.html"><i class="fas fa-info-circle" aria-hidden="true"></i> About</a></li>
<li><a id="nav-item" href="/faq.html"><i class="fas fa-question-circle" aria-hidden="true"></i> FAQ</a></li>
<li><a id="nav-item" href="https://wii.guide/riiconnect24"><i class="fa-solid fa-book"></i> Guide</a></li>
<li><a id="nav-item" href="/stats/index.html"><i class="fa-solid fa-list"></i> Stats</a></li>
<li><a id="nav-item" href="/goodies/index.html"><i class="fa-solid fa-box"></i> Goodies</a></li>
</ul>
</div>

<ul class="sidenav" id="mobile">
Expand All @@ -18,4 +18,23 @@
<li><a href="https://wii.guide/riiconnect24"><i class="fas fa-list" aria-hidden="true"></i> Guide</a></li>
<li><a href="/stats/index.html"><i class="fas fa-chart-bar" aria-hidden="true"></i> Stats</a></li>
<li><a href="/goodies/index.html"><i class="fas fa-gift" aria-hidden="true"></i> Goodies</a></li>
</ul>
</ul>

<style>
#nav-item{
display:flex;
align-items: center;
}
i{
margin-right:8px;
}
.sidenav{
padding-top:20px;
padding-bottom:20px;
margin-top:78px;
width:100%;
height:280px;
border-radius: 8px;
overflow: hidden;
}
</style>
14 changes: 1 addition & 13 deletions _includes/normal_nav.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,3 @@
<style>
.headerz {
padding: 30px;
text-align: center;
background: #1e8bf1;
color: white;
font-size: 20px;
}
</style>
<div class="headerz">
Follow us on <a href="https://bsky.app/profile/riiconnect24.bsky.social" class="yellow-text">Bluesky</a>, <a href="https://mastodon.social/@RiiConnect24" class="yellow-text">Mastodon</a>, and <a href="https://threads.net/@riiconnect24" class="yellow-text">Threads</a>.
</div>
<nav class="blue z-depth-0" role="navigation">
<nav class="z-depth-0" role="navigation" style="top:18px; left:50%; width:98%; transform: translate(-50%, 0); background-color:#2195f3db; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius:8px; z-index:10000; position:fixed;">
{% include navigation.html %}
</nav>
48 changes: 36 additions & 12 deletions _includes/parallax_nav.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,39 @@
<nav class="transparent z-depth-0" role="navigation" style="z-index:1000000; position:relative;">
<div class="nav-wrapper container" style="margin-top:50px;">
<a href="#" data-target="mobile" class="sidenav-trigger"><span style="color: white;"><i
class="fas fa-bars"></i></span></a>
<ul class="left hide-on-med-and-down">
<li><a id="nav-item" href="/about.html"><i class="fas fa-info-circle" aria-hidden="true"></i> About</a></li>
<li><a id="nav-item" href="/faq.html"><i class="fas fa-question-circle" aria-hidden="true"></i> FAQ</a></li>
<li><a id="nav-item" href="https://wii.guide/riiconnect24"><i class="fa-solid fa-book"></i> Guide</a></li>
<li><a id="nav-item" href="/stats/index.html"><i class="fa-solid fa-list"></i> Stats</a></li>
<li><a id="nav-item" href="/goodies/index.html"><i class="fa-solid fa-box"></i> Goodies</a></li>
</ul>
</div>

<ul class="sidenav" id="mobile">
<li><a href="/about.html"><i class="fas fa-info-circle" aria-hidden="true"></i> About</a></li>
<li><a href="/faq.html"><i class="fas fa-question-circle" aria-hidden="true"></i> FAQ</a></li>
<li><a href="https://wii.guide/riiconnect24"><i class="fas fa-list" aria-hidden="true"></i> Guide</a></li>
<li><a href="/stats/index.html"><i class="fas fa-chart-bar" aria-hidden="true"></i> Stats</a></li>
<li><a href="/goodies/index.html"><i class="fas fa-gift" aria-hidden="true"></i> Goodies</a></li>
</ul>
</nav>

<style>
.headerz {
padding: 30px;
text-align: center;
background: #1e8bf1;
color: white;
font-size: 20px;
#nav-item{
display:flex;
align-items: center;
}
a{
transform:translate(0, 0px);
transition: 0.3s;
}
a:hover{
transform:translate(0, 5px);
transition: 0.3s;
}
i{
margin-right:8px;
}
</style>
<div class="headerz">
Follow us on <a href="https://bsky.app/profile/riiconnect24.bsky.social" class="yellow-text">Bluesky</a>, <a href="https://mastodon.social/@RiiConnect24" class="yellow-text">Mastodon</a>, and <a href="https://threads.net/@riiconnect24" class="yellow-text">Threads</a>.
</div>
<nav class="transparent z-depth-0" role="navigation">
{% include navigation.html %}
</nav>
26 changes: 19 additions & 7 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,7 @@
<div class="container">
<br>
<br>
<h1 class="header center"><i aria-hidden="true" class="fas fa-info-circle"></i> About Us</h1><br>
<br>
</div>
</div>
<div class="section">
<div class="container">
<h1 class="header center"><i aria-hidden="true" class="fas fa-info-circle"></i> About Us</h1>
<div class="row center">
<p>RiiConnect24 brings back all the functionality that WiiConnect24
offered. Today, you can use the Forecast, News, Everybody Votes, Check Mii Out and Nintendo Channel with
Expand Down Expand Up @@ -103,7 +98,24 @@ <h2 class="header center"><i aria-hidden="true" class="fas fa-timeline"></i> Tim
</div>
</div>
</div>
<div class="timeline-event">
<div class="card timeline-content">
<div class="card-content blue">
<span class="card-title text-darken-4">
December 28, 2023<br>
</span>
<p>Merge into WiiLink.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<style>
.card{
border-radius: 8px;
overflow: hidden;
}
</style>
Binary file modified android-chrome-192x192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added android-chrome-384x384.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 17 additions & 5 deletions branding.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@
<br>
<br>
<h1 class="header center"><i aria-hidden="true" class="fas fa-palette"></i> Branding</h1><br>
<br>
</div>
</div>
<div class="section">
Expand Down Expand Up @@ -42,7 +41,7 @@ <h2 class="header center">Logos</h2>
</div>
</div>
</div>
<div class="row">
<div class="row" style="display:flex; ">
<div class="col m4">
<div class="card">
<div class="card-image">
Expand All @@ -62,7 +61,7 @@ <h2 class="header center">Logos</h2>
<img src="/images/logo_small.png">
</div>
<div class="card-content">
<span class="card-title">Small Logo (Transparent)</span>
<span class="card-title">Small Logo (Blue Transparent)</span>
</div>
<div class="card-action">
<a href="/images/logo_small.png">PNG</a>
Expand All @@ -88,7 +87,7 @@ <h2 class="header center">Color</h2>
<div class="col">
<div class="card" style="background-color: #1eb5ec !important">
<div class="card-content">
<span class="card-title">RiiConnect24 Blue</span>
<span class="card-title">Reconnected Blue</span>
<br><br><br><br><br>
#18B6ED
<br>
Expand All @@ -98,4 +97,17 @@ <h2 class="header center">Color</h2>
</div>
</div>
</div>
</div>
</div>

<style>
.card {
border-radius:8px;
border:2px solid #ffffff20;
box-shadow: 0px 0px 28px #6c6c6c20;
overflow: hidden;
}

.card-image{
padding:20px;
}
</style>
2 changes: 1 addition & 1 deletion browserconfig.xml
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<msapplication>
<tile>
<square150x150logo src="/mstile-150x150.png"/>
<TileColor>#2d89ef</TileColor>
<TileColor>#18b6ed</TileColor>
</tile>
</msapplication>
</browserconfig>
Loading

0 comments on commit b8fa04d

Please sign in to comment.