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

Adding an icon in the navbar.

Browse Source
This commit is contained in:
Tristan Roux
2019-01-12 20:54:38 +01:00
parent 2c1a1bc8c7
commit c7cf4a9f8c
3 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
drawables/raccoon.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

20
fragments/navBar.html
View File

@@ -1,9 +1,25 @@
<nav class="navbar navbar-expand-md navbar-dark bg-primary" >
<div class="collapse navbar-collapse" id="content" >
<nav class="navbar sticky-top navbar-expand-md navbar-dark bg-primary" >
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#content">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="content">
<ul class="navbar-nav">
<li class="navbar-item active">
<a href="\" class="nav-link">MusicApp</a>
</li>
<li class="navbar-item">
<a href="magical-garden" class="nav-link">Magical Garden</a>
</li>
<li class="navbar-item active" style="overflow: auto; width: 40px;">
<img src="drawables\raccoon.svg" />
</li>
<li class="navbar-item">
<a href="switching-personalities" class="nav-link">Switching Personalities</a>
</li>
<li class="navbar-item">
<a href="other" class="nav-link">Other</a>
</li>
</ul>
</div>
</nav>

2
index.html
View File

@@ -16,6 +16,8 @@
<div id="nav" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<script>
$(function(){
$("#nav").load("fragments/navBar.html");