Skip to content

Commit

Permalink
Update: website-status, nav-bar +2
Browse files Browse the repository at this point in the history
  • Loading branch information
SirKnubble committed Apr 5, 2024
1 parent 3376763 commit 07660a8
Show file tree
Hide file tree
Showing 6 changed files with 70 additions and 30 deletions.
8 changes: 1 addition & 7 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,11 @@
## ToDo:

- Add new nav-bar to map
- Add ~~new nav-bar~~ "back"&"gallery"-button to map
- Add more links to projects and stuff
- Perfect nav-bar (collapsed, href on div not on text, spacing)
- Configure map icons (types and sizes)
- Add *body oncontextmenu="return false"* to home
- Home-Background color gradient?*

Projects to add:
- Discord - Bot
- Minecraft - Server stuff and Datapacks, etc.
- Gallery-Version of GTAV - Map
- Website Status (Online)

<hr/>
<br clear="both">
Expand Down
2 changes: 1 addition & 1 deletion home/css/styles.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
body {
background-image: url(/css/cat.png);
background-image: url(/home/css/cat.png);
background-color:#9c88ff;
background-repeat: no-repeat;
background-attachment: fixed;
Expand Down
14 changes: 7 additions & 7 deletions home/index.html
Original file line number Diff line number Diff line change
@@ -1,26 +1,26 @@
<!DOCTYPE html>
<html lang='en'>
<html oncontextmenu="return false" lang='en'>
<head> <!-- Main -->
<link href="/css/styles.css" rel="stylesheet" />
<link href="/home/css/styles.css" rel="stylesheet" />
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
<link rel="icon" href="/css/cat.png">
<link rel="icon" href="/home/css/cat.png">
<title>SirKnubble´s Repository - Home</title>
</head>

<body>
<div id="nav-bar"> <!-- start nav-bar -->
<input id="nav-toggle" type="checkbox"/>
<div id="nav-header"><a id="nav-title" href="index.html">SirKnubble´s Repository</a>
<div id="nav-header"><a id="nav-title" href="/home/">SirKnubble´s Repository</a>
<label for="nav-toggle"><span id="nav-toggle-burger"></span></label>
<hr/>
</div>
<div id="nav-content"> <!-- general -->
<div class="nav-button"><i class="fa-solid fa-house"></i><a href="#!"><span>&nbsp;Home</span></a></div>
<div class="nav-button"><i class="fa-brands fa-spotify"></i><a href="/random/spotify.html"><span>&nbsp;Random Spotify - Playlist</span></a></div>
<div class="nav-button"><i class="fa-brands fa-spotify"></i><a href="/random/spotify.html" target="_blank"><span>&nbsp;Random Spotify - Playlist</span></a></div>
<div class="nav-button"><i class="fa-brands fa-discord"></i><a href="/random/discord.html"><span>&nbsp;Random Discord - Server</span></a></div>
<hr/> <!-- projects -->
<div class="nav-button"><i class="fa-solid fa-map"></i><a href="/map/index.html"><span>&nbsp;GTAV - Map</span></a></div>
<div class="nav-button"><i class="fa-solid fa-spinner"></i><a href="/home/status.html"><span>&nbsp;Website Status</span></a></div>
<div class="nav-button"><i class="fa-solid fa-map"></i><a href="/map/"><span>&nbsp;GTAV - Map</span></a></div>
<div class="nav-button"><i class="fa-solid fa-signal"></i><a href="/home/status.html"><span>&nbsp;Website Status</span></a></div>
<hr/>
<div class="nav-button"><i class="fa-solid fa-spinner"></i><a href="#!"><span>&nbsp;Coming Soon...</span></a></div>
<div id="nav-content-highlight"></div>
Expand Down
27 changes: 25 additions & 2 deletions home/status.html
Original file line number Diff line number Diff line change
@@ -1,12 +1,35 @@
<!DOCTYPE html>
<html lang='en'>
<head> <!-- Main -->
<link href="/css/styles.css" rel="stylesheet" />
<link href="/home/css/styles.css" rel="stylesheet" />
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
<link rel="icon" href="/css/cat.png">
<title>SirKnubble´s Repository - Status</title>
</head>

<body>
Website-Status: Online
<p style="text-align: center; font-size: 50px;">Website-Status: Online</p>
<div id="nav-bar"> <!-- start nav-bar -->
<input id="nav-toggle" type="checkbox"/>
<div id="nav-header"><a id="nav-title" href="/home/">SirKnubble´s Repository</a>
<label for="nav-toggle"><span id="nav-toggle-burger"></span></label>
<hr/>
</div>
<div id="nav-content"> <!-- general -->
<div class="nav-button"><i class="fa-solid fa-house"></i><a href="/home/"><span>&nbsp;Home</span></a></div>
<div class="nav-button"><i class="fa-brands fa-spotify"></i><a href="/random/spotify.html" target="_blank"><span>&nbsp;Random Spotify - Playlist</span></a></div>
<div class="nav-button"><i class="fa-brands fa-discord"></i><a href="/random/discord.html"><span>&nbsp;Random Discord - Server</span></a></div>
<hr/> <!-- projects -->
<div class="nav-button"><i class="fa-solid fa-map"></i><a href="/map/"><span>&nbsp;GTAV - Map</span></a></div>
<div class="nav-button"><i class="fa-solid fa-signal"></i><a href="#!"><span>&nbsp;Website Status</span></a></div>
<hr/>
<div class="nav-button"><i class="fa-solid fa-spinner"></i><a href="#!"><span>&nbsp;Coming Soon...</span></a></div>
<div id="nav-content-highlight"></div>
</div>
<div id="nav-footer">
<div id="nav-footer-heading">
<div id="nav-footer-avatar"><img src=https://avatars.githubusercontent.com/u/102559031?v/></div>
<div id="nav-footer-titlebox"><a id="nav-footer-title" href="https://github.com/sirknubble" target="_blank">SirKnubble</a><span id="nav-footer-subtitle">@GitHub</span></div>
</div>
</div> <!-- end nav-bar -->
</body>
21 changes: 10 additions & 11 deletions map/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head> <!-- Main -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin="anonymous" />
<link href="/map/css/styles.css" rel="stylesheet" />
<link href="/css/styles.css" rel="stylesheet" />
<!--<link href="/home/css/styles.css" rel="stylesheet" /> -->
<script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" crossorigin="anonymous"></script>
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
Expand All @@ -14,8 +14,7 @@
<!-- ENTER NEW SIDEBAR HERE -->


<head> <!-- Map -->
</head>


<body style="background-color:#0fa8d2" body oncontextmenu="return false"> <!-- Map-Functions, Controls, Markers, Layers -->
<div id="map" style="width: 100%; height: 100%;background-color:#0fa8d2;">
Expand All @@ -31,7 +30,7 @@
[0, 0],
[8192, 8192]
];
map.attributionControl.addAttribution('GTA V &copy; <a href= "https://www.rockstargames.com/">Rockstar Games</a> | Icons &copy<a href= "https://flaticon.com"> flaticon</a>');
map.attributionControl.addAttribution('Original &copy; <a href= "https://github.com/jgardner117">Jesse Gardner</a> | Grand &copy; <a href= "https://www.gta5grand.com/">gta5grand</a> | GTA V &copy; <a href= "https://www.rockstargames.com/">Rockstar Games</a> | Icons &copy<a href= "https://flaticon.com"> flaticon</a>');
//Initialize each base layer
var atlas = L.imageOverlay('images/gtav.png', bounds).addTo(map);
var satellite = L.imageOverlay('images/GTAV_SATELLITE_8192x8192.png', bounds)
Expand Down Expand Up @@ -186,13 +185,13 @@

//Create titles for each layer with mini icons to add to the Control
var overlay = {
"<img src='icons/treasure.png'align='center'width='30' height='30' /> Schätze": treasure,
// "<img src='icons/ammunation.png'align='center'width='30' height='30' /> Ammu-Nation": ammunation,
// "<img src='icons/barbershop.png'align='center'width='30' height='30'/> Frisuren": barbershop,
// "<img src='icons/repairshop.png'align='center'width='30' height='30'/> Tuner": repair,
// "<img src='icons/clothingstore.png'align='center'width='30' height='30'/> Kleidung": clothing,
// "<img src='icons/carwash.png'align='center'width='30' height='30'/> Waschanlagen": carwash,
// "<img src='icons/tattooparlor.png'align='center'width='30' height='30'/> Tattoos": tattooparlor,
"<img src='icons/treasure.png'align='center'width='30' height='30' /> Treasures": treasure,
"<img src='icons/ammunation.png'align='center'width='30' height='30' /> Ammunation": ammunation,
"<img src='icons/barbershop.png'align='center'width='30' height='30'/> Barbeshop": barbershop,
"<img src='icons/repairshop.png'align='center'width='30' height='30'/> Tuner": repair,
"<img src='icons/clothingstore.png'align='center'width='30' height='30'/> Clothing": clothing,
"<img src='icons/carwash.png'align='center'width='30' height='30'/> Carwash": carwash,
"<img src='icons/tattooparlor.png'align='center'width='30' height='30'/> Tattoos": tattooparlor,
// "<img src='icons/chiptuner.png'align='center'width='30' height='30'/> Soon...": sprayspots,
};

Expand Down
28 changes: 26 additions & 2 deletions random/discord.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@
<html lang='en'>
<head>
<title>Redirecting...</title>
<link href="/home/css/styles.css" rel="stylesheet" />
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
<link rel="icon" href="/css/cat.png">
<script type="text/javascript">

Expand Down Expand Up @@ -62,11 +64,33 @@
// }
// return "";
// }

document.write("Work in progress, come back later.");
</script>

</head>
<body>
<p style="text-align: center; font-size: 50px;">Work in progress, come back later.</p>
<div id="nav-bar"> <!-- start nav-bar -->
<input id="nav-toggle" type="checkbox"/>
<div id="nav-header"><a id="nav-title" href="/home/">SirKnubble´s Repository</a>
<label for="nav-toggle"><span id="nav-toggle-burger"></span></label>
<hr/>
</div>
<div id="nav-content"> <!-- general -->
<div class="nav-button"><i class="fa-solid fa-house"></i><a href="/home/"><span>&nbsp;Home</span></a></div>
<div class="nav-button"><i class="fa-brands fa-spotify"></i><a href="/random/spotify.html" target="_blank"><span>&nbsp;Random Spotify - Playlist</span></a></div>
<div class="nav-button"><i class="fa-brands fa-discord"></i><a href="#!"><span>&nbsp;Random Discord - Server</span></a></div>
<hr/> <!-- projects -->
<div class="nav-button"><i class="fa-solid fa-map"></i><a href="/map/"><span>&nbsp;GTAV - Map</span></a></div>
<div class="nav-button"><i class="fa-solid fa-signal"></i><a href="/home/status.html"><span>&nbsp;Website Status</span></a></div>
<hr/>
<div class="nav-button"><i class="fa-solid fa-spinner"></i><a href="#!"><span>&nbsp;Coming Soon...</span></a></div>
<div id="nav-content-highlight"></div>
</div>
<div id="nav-footer">
<div id="nav-footer-heading">
<div id="nav-footer-avatar"><img src=https://avatars.githubusercontent.com/u/102559031?v/></div>
<div id="nav-footer-titlebox"><a id="nav-footer-title" href="https://github.com/sirknubble" target="_blank">SirKnubble</a><span id="nav-footer-subtitle">@GitHub</span></div>
</div>
</div> <!-- end nav-bar -->
</body>
</html>

0 comments on commit 07660a8

Please sign in to comment.