mirror of
https://github.com/JonasunderscoreJones/Website-v1.git
synced 2025-10-25 11:39:18 +02:00
Add files via upload
This commit is contained in:
Jonas_Jones
GitHub
parent
0ecb43d397
commit
bfea4ac04a
1 changed files with 61 additions and 92 deletions
|
|
@ -1,14 +1,14 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<title>Home - Jonas_Jones</title>
|
<title>YouTube - Jonas_Jones</title>
|
||||||
|
<link rel="icon" href="https://j-onasjones.github.io/src/logo_icon.png">
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="stylesheet" href="css/main.css">
|
<link rel="stylesheet" href="https://j-onasjones.github.io/css/main.css">
|
||||||
<!--<link rel="stylesheet" href="css/main2.css">-->
|
<link rel="stylesheet" href="https://j-onasjones.github.io/css/font-lato.css">
|
||||||
<link rel="stylesheet" href="/css/font-lato.css">
|
<link rel="stylesheet" href="https://j-onasjones.github.io/css/font-montserat.css">
|
||||||
<link rel="stylesheet" href="/css/font-montserat.css">
|
<link rel="stylesheet" href="https://j-onasjones.github.io/css/font-roboto.css">
|
||||||
<link rel="stylesheet" href="/css/font-roboto.css">
|
<link rel="stylesheet" href="https://j-onasjones.github.io/css/custom.css">
|
||||||
<link rel="stylesheet" href="/css/custom.css">
|
|
||||||
<style>
|
<style>
|
||||||
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
|
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
|
||||||
body, html {
|
body, html {
|
||||||
|
|
@ -27,19 +27,19 @@ body, html {
|
||||||
|
|
||||||
/* First image (Logo. Full height) */
|
/* First image (Logo. Full height) */
|
||||||
.bgimg-1 {
|
.bgimg-1 {
|
||||||
background-image: url('src/fnk5elzskdiy.png');
|
background-image: url('https://j-onasjones.github.io/src/fnk5elzskdiy.png');
|
||||||
min-height: 100%;
|
min-height: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Second image (projects) */
|
/* Second image (projects) */
|
||||||
.bgimg-2 {
|
.bgimg-2 {
|
||||||
background-image: url("src/mup4yhdqjgm31.png");
|
background-image: url("https://j-onasjones.github.io/src/mup4yhdqjgm31.png");
|
||||||
min-height: 400px;
|
min-height: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Third image (Contact) */
|
/* Third image (Contact) */
|
||||||
.bgimg-3 {
|
.bgimg-3 {
|
||||||
background-image: url("src/make-screenshots-of-your-minecraft-builds-with-shaders.png");
|
background-image: url("https://j-onasjones.github.io/src/make-screenshots-of-your-minecraft-builds-with-shaders.png");
|
||||||
min-height: 400px;
|
min-height: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -49,48 +49,48 @@ body, html {
|
||||||
</style>
|
</style>
|
||||||
<nav class="w3-sidebar w3-bar-block w3-custom1 w3-collapse w3-top" style="z-index:3;width: 250px; background-color: #10335C;" id="mySidebar">
|
<nav class="w3-sidebar w3-bar-block w3-custom1 w3-collapse w3-top" style="z-index:3;width: 250px; background-color: #10335C;" id="mySidebar">
|
||||||
<div class="w3-container w3-display-container w3-padding-16">
|
<div class="w3-container w3-display-container w3-padding-16">
|
||||||
<img src="src/logo_icon.png">
|
<img src="https://j-onasjones.github.io/src/logo_icon.png">
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-padding-64 w3-large w3-text-grey" style="font-weight:bold">
|
<div class="w3-padding-64 w3-large w3-text-grey" style="font-weight:bold">
|
||||||
<a href="index.html" class="w3-bar-item w3-button">Home</a>
|
<a href="https://j-onasjones.github.io" class="w3-bar-item w3-button">Home</a>
|
||||||
<a href="youtube.html" class="w3-bar-item w3-button">YouTube</a>
|
<a href="https://j-onasjones.github.io/youtube" class="w3-bar-item w3-button">YouTube</a>
|
||||||
<div id="YoutubeAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
<div id="YoutubeAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
||||||
<a href="youtube.html#sub" class="w3-bar-item w3-button">Subscribe</a>
|
<a href="https://j-onasjones.github.io/youtube#sub" class="w3-bar-item w3-button">Subscribe</a>
|
||||||
<a href="youtube.html#infos" class="w3-bar-item w3-button">Infos</a>
|
<a href="https://j-onasjones.github.io/youtube#infos" class="w3-bar-item w3-button">Infos</a>
|
||||||
<a href="youtube.html#videos" class="w3-bar-item w3-button">Videos</a>
|
<a href="https://j-onasjones.github.io/youtube#videos" class="w3-bar-item w3-button">Videos</a>
|
||||||
<a href="youtube.html#playlists" class="w3-bar-item w3-button">Playlists</a>
|
<a href="https://j-onasjones.github.io/youtube#playlists" class="w3-bar-item w3-button">Playlists</a>
|
||||||
</div>
|
</div>
|
||||||
<a href="projects/projects.html" class="w3-bar-item w3-button">YouTube</a>
|
<a href="https://j-onasjones.github.io/projects" class="w3-bar-item w3-button">YouTube</a>
|
||||||
<div id="ProjectsAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
<div id="ProjectsAcc" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
||||||
<a href="projects/miencraft-mods.html" class="w3-bar-item w3-button">Minecraft Mods</a>
|
<a href="https://j-onasjones.github.io/projects/miencraft-mods" class="w3-bar-item w3-button">Minecraft Mods</a>
|
||||||
<div id="Minecraft Mods" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
<div id="Minecraft Mods" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
||||||
<a href="projects/minecraft-mods/mystery-mod.html" class="w3-bar-item w3-button">Mystery-Mod</a>
|
<a href="https://j-onasjones.github.io/projects/minecraft-mods/mystery-mod" class="w3-bar-item w3-button">Mystery-Mod</a>
|
||||||
<a href="projects/minecraft-mods/mystery-rpg.html" class="w3-bar-item w3-button">Mystery-RPG</a>
|
<a href="https://j-onasjones.github.io/projects/minecraft-mods/mystery-rpg" class="w3-bar-item w3-button">Mystery-RPG</a>
|
||||||
<a href="projects/minecraft-mods/mystery-dungeons.html" class="w3-bar-item w3-button">Mystery-Dungeons</a>
|
<a href="https://j-onasjones.github.io/projects/minecraft-mods/mystery-dungeons" class="w3-bar-item w3-button">Mystery-Dungeons</a>
|
||||||
<a href="projects/minecraft-mods/mystery-dimensions.html" class="w3-bar-item w3-button">Mystery-Dimensions</a>
|
<a href="https://j-onasjones.github.io/projects/minecraft-mods/mystery-dimensions" class="w3-bar-item w3-button">Mystery-Dimensions</a>
|
||||||
<a href="projects/minecraft-mods/mystery-serverutility.html" class="w3-bar-item w3-button">Mystery-Server Utility</a>
|
<a href="https://j-onasjones.github.io/projects/minecraft-mods/mystery-serverutility" class="w3-bar-item w3-button">Mystery-Server Utility</a>
|
||||||
</div>
|
</div>
|
||||||
<a href="#" class="w3-bar-item w3-button">Website</a>
|
<a href="#" class="w3-bar-item w3-button">Website</a>
|
||||||
<a href="projects/python.html" class="w3-bar-item w3-button">Python</a>
|
<a href="https://j-onasjones.github.io/projects/python" class="w3-bar-item w3-button">Python</a>
|
||||||
<div id="Minecraft Mods" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
<div id="Minecraft Mods" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
||||||
<a href="projects/python/server-console.html" class="w3-bar-item w3-button">Server Console</a>
|
<a href="https://j-onasjones.github.io/projects/python/server-console" class="w3-bar-item w3-button">Server Console</a>
|
||||||
<a href="projects/python/mindstorms.html" class="w3-bar-item w3-button">Lego Mindstorms</a>
|
<a href="https://j-onasjones.github.io/projects/python/mindstorms" class="w3-bar-item w3-button">Lego Mindstorms</a>
|
||||||
</div>
|
</div>
|
||||||
<a href="projects/mindstorms.html" class="w3-bar-item w3-button">Lego Mindstorms EV3</a>
|
<a href="https://j-onasjones.github.io/projects/mindstorms" class="w3-bar-item w3-button">Lego Mindstorms EV3</a>
|
||||||
<div id="Minecraft Mods" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
<div id="Minecraft Mods" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
||||||
<a href="projects/mindstorms/roomba.html" class="w3-bar-item w3-button">Roomba</a>
|
<a href="https://j-onasjones.github.io/projects/mindstorms/roomba" class="w3-bar-item w3-button">Roomba</a>
|
||||||
</div>
|
</div>
|
||||||
<a href="projects/love2d.html" class="w3-bar-item w3-button">Love2d</a>
|
<a href="phttps://j-onasjones.github.io/rojects/love2d" class="w3-bar-item w3-button">Love2d</a>
|
||||||
<div id="Minecraft Mods" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
<div id="Minecraft Mods" class="w3-bar-block w3-hide w3-padding-large w3-medium w3-show" style="background-color: #10335C;">
|
||||||
<a href="projects/love2d/j2-technologies.html" class="w3-bar-item w3-button">J2-Technologies</a>
|
<a href="https://j-onasjones.github.io/projects/love2d/j2-technologies" class="w3-bar-item w3-button">J2-Technologies</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<a href="#about" class="w3-bar-item w3-button w3-padding">About</a>
|
<a href="https://j-onasjones.github.io/#about" class="w3-bar-item w3-button w3-padding">About</a>
|
||||||
<a href="#contact" class="w3-bar-item w3-button w3-padding">Contact</a>
|
<a href="#contact" class="w3-bar-item w3-button w3-padding">Contact</a>
|
||||||
</nav>
|
</nav>
|
||||||
<body>
|
<body>
|
||||||
<a href="#top" id="returntotop" title="Go to top">Return to Top<img src="src/arrow_up_icon.png" width="30px"></a>
|
<a href="#top" id="returntotop" title="Go to top">Return to Top<img src="https://j-onasjones.github.io/src/arrow_up_icon.png" width="30px"></a>
|
||||||
<!-- Navbar (sit on top) -->
|
<!-- Navbar (sit on top) -->
|
||||||
<div class="w3-top custom2 top" style="padding-left: 250px;">
|
<div class="w3-top custom2 top" style="padding-left: 250px;">
|
||||||
<div class="w3-bar" id="myNavbar">
|
<div class="w3-bar" id="myNavbar">
|
||||||
|
|
@ -108,84 +108,53 @@ body, html {
|
||||||
<a href="https://discord.gg/V2EsuUVmWh" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-envelope"></i> Discord</a>
|
<a href="https://discord.gg/V2EsuUVmWh" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-envelope"></i> Discord</a>
|
||||||
<a class="w3-bar-item w3-hide-small"><i class="fa fa-envelope"></i>-</a>
|
<a class="w3-bar-item w3-hide-small"><i class="fa fa-envelope"></i>-</a>
|
||||||
<a href="https://www.instagram.com/_jonas_jones_/" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-envelope"></i> Instagram</a>
|
<a href="https://www.instagram.com/_jonas_jones_/" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-envelope"></i> Instagram</a>
|
||||||
<a href="login.html" class="w3-bar-item w3-button w3-hide-small" style="float: right;"><i class="fa fa-envelope"></i> LOG IN with Jonas_Jones account</a>
|
<a href="https://j-onasjones.github.io/login.html" class="w3-bar-item w3-button w3-hide-small" style="float: right;"><i class="fa fa-envelope"></i> LOG IN with Jonas_Jones account</a>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- First Parallax Image with Logo Text -->
|
<!-- First Parallax Image with Logo Text -->
|
||||||
<div class="bgimg-1 w3-display-container w3-opacity-min" id="home" style="padding-left: 250px;">
|
<div class="bgimg-1 w3-display-container w3-opacity-min" id="home" style="padding-left: 250px;">
|
||||||
<div class="w3-display-middle" style="white-space:nowrap;">
|
<div class="w3-display-middle" style="white-space:nowrap;">
|
||||||
<img src="src/logo_large.png">
|
<span class="w3-xxlarge w3-text-white w3-wide"><h1 style="font-size: 200px;padding-left: 250px; color:#10335C">YouTube</h1></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Container (About Section) -->
|
<!-- Container (About Section) -->
|
||||||
<div class="w3-content w3-container w3-padding-64" id="about" style="padding-left: 250px;">
|
<div class="w3-content w3-container w3-padding-64" id="sub" style="padding-left: 250px;">
|
||||||
<h3 class="w3-center">ABOUT ME</h3>
|
<img src="https://j-onasjones.github.io/src/channel_screenshot.png" width="100%">
|
||||||
<p class="w3-center"><em></em></p>
|
<p align="center"><a href="http://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg?sub_confirmation=1" id="subbutton">SUBSCRIBE</a></p>
|
||||||
<p>Imagine what I could be like. I'll give you a hint: I'm not a robot.</p>
|
<h3 class="w3-center" id="infos">MY YOUTUBE CHANNEL</h3>
|
||||||
|
<p class="w3-center"><em>Jonas_Jones</em></p>
|
||||||
|
<p></p>
|
||||||
<div class="w3-row">
|
<div class="w3-row">
|
||||||
<div class="w3-col m6 w3-center w3-padding-large">
|
<div class="w3-col m6 w3-center w3-padding-large">
|
||||||
<p><b><i class="fa fa-user w3-margin-right"></i>My Stuff I guess</b></p><br>
|
<p></p>
|
||||||
<img src="/w3images/avatar_hat.jpg" class="w3-round w3-image w3-opacity w3-hover-opacity-off" alt="Photo of Me" width="500" height="333">
|
<div class="bgimg-1 w3-display-container w3-opacity-min" style="height:450px">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Hide this text on small devices -->
|
<!-- Hide this text on small devices -->
|
||||||
<div class="w3-col m6 w3-hide-small w3-padding-large">
|
<div class="w3-col m6 w3-hide-small w3-padding-large">
|
||||||
<p>I guess here is the place to put stuff I've done so far.
|
<p>I have a small YouTube channel with an amazing community (if you can call this little group of people a community). With just over 200 subs and 12.000 clicks this is my little corner of YouTube. I currently upload two different types of videos but this is subject to change in the future.
|
||||||
I have a Youtube Channel where I upload stuff concerning Hermitcraft as well as a some tutorials on technical stuff about Minecraft such as FabricMC mods and stuff. If you want to know stuff like how to make your Minecraft server host a website or how to link your Minecraft server chat with Discord or you're interested in the famous ARG of Docm77 and Rendog of hermitcraft Season 8 then you should really check out my channel, otherwhise do it too.
|
First of all we have the ARG or Alternate Realtiy Game of Hermitcraft Season 8 featured by Docm77 and Rendog. I create short summary ad explanation videos of what the ARG is about.
|
||||||
I guess I have started modding with Fabric and managed to add items and a button to the main menu in les than 48h so if you want me to code your mod just contact me, I have a whole bunch of experience.
|
The other type are tutorials. As I am interested in computer science I enjoy playing around with technical stuff around Minecraft and share that with the internet by recording tutorials about that.
|
||||||
You know how to have the need of a custom server console for your Minecraft server that you host at home? No? well I guess thats just me, I had to write a massive program to be able to operate all my Minecraft servers in a single window just to loose it all after accidentally uninstalling a package that managed my Ethernet port so that I couldn't access the Raspberry PI's files or ssh terminal.
|
If this sounds interesting to You then YOu should really check out my channel.
|
||||||
Datapacks and command block creations are also something I enjoy making but that's less exciting than loosing all my code right? man, programming is such a pain in the ass but I love it.
|
|
||||||
Ig that's it.
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="w3-large w3-center w3-padding-16">Im really good at:</p>
|
<div style="float: center;" id="channeltrailer">
|
||||||
<p class="w3-wide"><i class="fa fa-camera"></i>Copying code</p>
|
<h3>Channel Trailer</h3>
|
||||||
<div class="w3-light-grey">
|
<p align="center"><iframe width="95%" height="400px" src="https://www.youtube.com/embed/U3N_OlX0is8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
|
||||||
<div class="w3-container w3-padding-small w3-dark-grey w3-center" style="width:100%">100%</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="w3-row" id="videos">
|
||||||
|
<h3>Videos</h3>
|
||||||
|
<p>A playlist containing all videos can be found <a href="https://www.youtube.com/watch?v=nHyBz3Pf8Mk&list=PLFfqLlQWfQY5QVGYfMFUAxfiilZIElumV">here</a>.</p>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row" id="playlist">
|
||||||
|
<h3>Playlist</h3>
|
||||||
|
<p>A list containing all playlists can be found <a href="https://www.youtube.com/c/JonasJonesJonasJones/playlists">here</a>.</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w3-row w3-center w3-dark-grey w3-padding-16" style="padding-left: 250px;">
|
|
||||||
<div class="w3-quarter w3-section">
|
|
||||||
<span class="w3-xlarge">48h+</span><br>
|
|
||||||
hours until I got my first Minecraft mod working
|
|
||||||
</div>
|
|
||||||
<div class="w3-quarter w3-section">
|
|
||||||
<span class="w3-xlarge">55k+</span><br>
|
|
||||||
Complains about Microsoft taking over Minecraft and releasing the worst applications and operating systems (rage being involved)
|
|
||||||
</div>
|
|
||||||
<div class="w3-quarter w3-section">
|
|
||||||
<span class="w3-xlarge">0</span><br>
|
|
||||||
Happy Clients I coded mods for
|
|
||||||
</div>
|
|
||||||
<div class="w3-quarter w3-section">
|
|
||||||
<span class="w3-xlarge">300+</span><br>
|
|
||||||
Days Playtime in Minecraft
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Second Parallax Image with projects Text -->
|
|
||||||
<div class="bgimg-2 w3-display-container w3-opacity-min" style="padding-left: 250px;">
|
|
||||||
<div class="w3-display-middle">
|
|
||||||
<span class="w3-xxlarge w3-text-white w3-wide"><h1 style="font-size: 200px;padding-left: 250px; color:#10335C">PROJECTS</h1></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Container (projects Section) -->
|
|
||||||
<div class="w3-content w3-container w3-padding-64" id="projects" style="padding-left: 250px;">
|
|
||||||
<h3 class="w3-center">MY WORK</h3>
|
|
||||||
<p class="w3-center"><em>I guess thats what I've done so far:</em></p><br>
|
|
||||||
<p> Check out my projects that i work on in my free time in the project tab in the navigation bar on left.</p>
|
|
||||||
|
|
||||||
<!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
|
|
||||||
<div class="w3-row-padding w3-center">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Modal for full size images on click-->
|
<!-- Modal for full size images on click-->
|
||||||
<div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'" style="padding-left: 250px;">
|
<div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'" style="padding-left: 250px;">
|
||||||
<span class="w3-button w3-large w3-black w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span>
|
<span class="w3-button w3-large w3-black w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span>
|
||||||
|
|
@ -234,7 +203,7 @@ body, html {
|
||||||
<h3>Discord</h3>
|
<h3>Discord</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-clear"></div>
|
<div class="w3-clear"></div>
|
||||||
<a href="https://discord.gg/V2EsuUVmWh" id="myBtn1" title="My Github profile" class="myBtn1">Github</a>
|
<a href="https://discord.gg/V2EsuUVmWh" id="myBtn1" title="My Github profile" class="myBtn1">Discord</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w3-quarter">
|
<div class="w3-quarter">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue