zoriya/RaccoonWebsite
1
0
Fork 0
mirror of https://github.com/zoriya/RaccoonWebsite.git synced 2025-12-06 07:56:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Polishing footer and css.

Browse Source
This commit is contained in:
Tristan Roux
2019-01-24 21:11:00 +01:00
parent 3a8d8e46e0
commit d5396cd008
6 changed files with 26 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
en/fragments/footer.html
View File

@@ -11,7 +11,7 @@
</div>
</div>
<div class="row">
<ul class="ml-3 mb-0">
<ul class="col ml-3 mb-0">
<li>
<p><i class="fab fa-github"></i> Github: <a href="https://github.com/AnonymusRaccoon">@AnonymusRaccoon</a></p>
</li>
@@ -25,6 +25,9 @@
<p><i class="fab fa-discord" style="color: #7289DA;"></i> Discord: <a href="#">Anonymus Raccoon#9470</a></p>
</li>
</ul>
<div class="col d-none d-md-block align-content-end">
<img class="mx-auto d-block" style="height: 10rem;" src="../../drawables/raccoon.svg"/>
</div>
</div>
<div class="row">
<div class="col px-0">

14
en/fragments/navBar.html
View File

@@ -23,18 +23,20 @@
</nav>
<div class="mobile-nav fixed-top navbar-dark collapse d-md-none" style="margin-top: 56px;">
<ul class="navbar-nav bg-primary" style="height: 100vh;">
<ul class="navbar-nav bg-primary">
<li class="navbar-item active">
<a href="\" class="nav-link" style="text-align: center;">MusicApp</a>
<a href="\" class="nav-link text-center">MusicApp</a>
</li>
<li class="navbar-item">
<a href="magical-garden" class="nav-link" style="text-align: center;">Magical Garden</a>
<a href="magical-garden" class="nav-link text-center">Magical Garden</a>
</li>
<li class="navbar-item">
<a href="switching-personalities" class="nav-link" style="text-align: center;">Switching Personalities</a>
<a href="switching-personalities" class="nav-link text-center">Switching Personalities</a>
</li>
<li class="navbar-item">
<a href="other" class="nav-link" style="text-align: center;">Other</a>
<a href="other" class="nav-link text-center">Other</a>
</li>
</ul>
</div>
</div>
<!-- <div class="mobile-nav fixed-top d-md-none" style="height: 100vh; background: #ff0000;"></div> -->

8
en/index.html
View File

@@ -34,7 +34,7 @@
</div>
<div class="col-md-6 text-center text-md-left pt-2 pb-4">
<h2>Download songs / Sync playlists</h2>
<p>The app allow you to download the audio of any existing video on youtube. You can download songs one by one or you can download a whole playlist.
<p>The app allows you to download the audio of any existing video on youtube. You can download songs one by one or you can download a whole playlist.
<br/><br/>You can also keep a playlist synced. So every update made to the youtube playlist will be applyed to your downloaded playlist.</p>
</div>
</div>
@@ -57,12 +57,12 @@
</div>
<div class="col">
<h2>Song mixes</h2>
<p>Play songs whitch are similar to the one you are playing. Kinda like youtube mixes.</p>
<p>Plays songs whitch are similar to the one you are playing. Kinda like youtube mixes.</p>
<img class="mb-5" height="260" src="../drawables/MusicApp/Song-Mixes.jpg" />
</div>
<div class="col">
<h2>Artist mixes</h2>
<p>Create a mixes of songs made of a particular artists.</p>
<p>Creates a mixes of songs made of a particular artists.</p>
<img class="mb-5" height="260" src="../drawables/MusicApp/Artist-Mixes.jpg" />
</div>
</div>
@@ -70,7 +70,7 @@
<div class="row align-items-center">
<div class="col-md-6 text-center text-md-left">
<h2>Edit metadata</h2>
<p>Edit manually metadata for your downloaded songs or download metadata directly from youtube.</p>
<p>Manually edit metadata for your downloaded songs or download metadata directly from youtube.</p>
</div>
<div class="col-md-6 order-md-1 mx-auto section-img">
<img class="img-fluid" style="max-height: 35rem;" src="../drawables/MusicApp/EditMetadata.jpg" />

4
scss/custom.css
View File

@@ -10469,6 +10469,10 @@ h2 {
border-radius: 12px;
}
.scroller:focus {
outline: none;
}
.scroller:hover > .fas {
-webkit-transform: scale(1.4);
transform: scale(1.4);

2
scss/custom.css.map
View File

File diff suppressed because one or more lines are too long

5
scss/custom.scss
View File

@@ -78,6 +78,11 @@ h2
padding-bottom: 2.5rem;
border-radius: 12px;
&:focus
{
outline: none;
}
&:hover
{
& > .fas