mirror of
https://github.com/JonasunderscoreJones/Website-v1.git
synced 2025-10-25 19:49:19 +02:00
merged index.html to /.template/
This commit is contained in:
Jonas_Jones
parent
23d6870213
commit
d7f4d0e178
3 changed files with 140 additions and 621 deletions
|
|
@ -1,136 +1,80 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<title>$TITLE</title>
|
||||
<header>
|
||||
<link rel="stylesheet" href="css/topnav.css">
|
||||
<link rel="stylesheet" href="css/header.css">
|
||||
<link rel="stylesheet" href="css/header.css">
|
||||
<div class="navbar">
|
||||
<a href="" style="padding: 3px;padding-bottom: 0px;"><img src="src/logos/logo_iconNoMargin.png" height="39px"></a>
|
||||
<a href="#news">News</a>
|
||||
<div class="dropmenu">
|
||||
<button class="dropmenubtn navbarbtn" onclick="window.location.href='projects/index.html';">Projects<i class="fa fa-caret-down"></i></button>
|
||||
<div class="dropmenu-content">
|
||||
<div class="dropmenu-content-content">
|
||||
<div class="header-mega">
|
||||
<h1>Project Overview</h1>
|
||||
<p><a href="#" style="font-size: 15px;padding: 0px;margin-top: -15px;">View all projects</a></p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<h3>Minecraft Mods</h3>
|
||||
<a href="#">ConsoleMC</a>
|
||||
<a href="#">SpotifyMC</a>
|
||||
<a href="#">Mystery-Mod</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h3>Python</h3>
|
||||
<a href="#">Windows Bloatware Removal Tool</a>
|
||||
<a href="#">Bash Command Alias Editor</a>
|
||||
<a href="#">PI-MC-WATCHER</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h3>Miscellaneous</h3>
|
||||
<a href="#">Homepage</a>
|
||||
<a href="#">Link 2</a>
|
||||
<a href="#">Link 3</a>
|
||||
</div>
|
||||
<div id="header-mega-all">
|
||||
<a href="#">View all projects</a>
|
||||
</div>
|
||||
</div>
|
||||
<html style="background-color: #bababa;">
|
||||
<body style="margin: 0px;">
|
||||
<link rel="icon" type="image/x-icon" href="/.src/assets/logos/logo_icon.png">
|
||||
<link id="style-main" rel="stylesheet" href="/.src/css/light/main.css">
|
||||
<title>Template</title>
|
||||
<div id="headerDiv"><object type="text/html" data="/header.html" style="overflow:hidden; width: 100%; height: 570px;"></object>
|
||||
<div id="headerContent" style="height: 90%;max-height: 600px;min-height: 400px;width:100%;position:absolute;top:55px;z-index: -2;">
|
||||
<h1 style="position: absolute;left: 70px;top: 100px;z-index: -1;font-size: 150;">Template</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="footerDiv"><object type="text/html" data="/footer.html" style="overflow:hidden; width: 100%; height: 151%"></object></div>
|
||||
|
||||
|
||||
<link id="style-popup" rel="stylesheet" href="/.src/css/light/popups.css">
|
||||
<div id="small_devices">
|
||||
<div id="small_devices" class="generic_popup">
|
||||
<div class="generic_content">
|
||||
<div class="generic_header">
|
||||
<span class="close" style="font-size: 70px;">×</span>
|
||||
<h2>Mobile View not supported (yet)</h2>
|
||||
</div>
|
||||
<div class="generic_body">
|
||||
<p>This website hasn't (yet) been optimized for mobile with small screens.</p>
|
||||
<p>It is recommended to use a desktop or laptop computer to view this website.</p>
|
||||
<p>The issues include small font size, bad website formatting and more.</p>
|
||||
<p>On top of that the website is still under construction.</p>
|
||||
<p>Be prepared for these issues or use a device with a bigger screen...</p>
|
||||
</div>
|
||||
<div class="generic_footer">
|
||||
<h3>This issue is being adressed. Stay tuned for fixes!</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn navbarbtn">Youtube<i class="fa fa-caret-down"></i></button>
|
||||
<div class="dropdown-content">
|
||||
<div class="dropdown-content-content">
|
||||
<a href="#">Info</a>
|
||||
<a href="#">Visit channel</a>
|
||||
<a href="#">Subscribe</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<a href="#news">Contact</a>
|
||||
<a href="#news" style="float: right;"><img src="src/icons/account.png" height="18px"></a>
|
||||
<a href="#news" style="float: right;" onclick="toggleDarkMode();"><img src="src/icons/dark-mode.png" height="18px"></a>
|
||||
|
||||
<div id="header">
|
||||
<h1>$TITLE</h1>
|
||||
</div>
|
||||
</header>
|
||||
<div id="error-msg">
|
||||
<div style="width: 15%;">
|
||||
<img src="src/icons/warning-symbolic.png" width="75%">
|
||||
</div>
|
||||
<div style="align-self: stretch;">
|
||||
<p>See this message? This means that You are either using a browser that doesn't properly support this website or a Browser extension is modifiying this content (e.g. Dark Reader), try disabling it. Either way, You're missing out on content.</p>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<body>
|
||||
<div class="body">
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<link rel="stylesheet" href="css/footer.css">
|
||||
<link rel="stylesheet" href="css/assets.css">
|
||||
<div id="footer">
|
||||
<div id="innerFooterBox">
|
||||
<div>
|
||||
<a class="contactIcon" href="https://youtube.com/c/JonasJonesJonasJones/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="src/logos/youtube_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://github.com/J-onasJones/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="src/logos/github_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://discord.gg/V2EsuUVmWh/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="src/logos/discord_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://www.instagram.com/_jonas_jones_/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="src/logos/instagram_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://twitter.com/Jonas_Jones_/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="src/logos/twitter_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="vl"></div>
|
||||
<div id="topLinks">
|
||||
<h1>Quick Access</h1>
|
||||
<div><a href=""><img src="src/icons/news.png" height="23px" style="padding-right: 10px;">NEWS<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href=""><img src="src/icons/projects.png" height="23px" style="padding-right: 10px;">PROJECTS<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href=""><img src="src/icons/youtube.png" height="23px" style="padding-right: 10px;">YOUTUBE<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href=""><img src="src/icons/downloads.svg" height="23px" style="padding-right: 10px;">DOWNLOADS<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a></a></div>
|
||||
<div><a href=""><img src="src/icons/contact.png" height="23px" style="padding-right: 10px;">CONTACT<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href=""><img src="src/icons/license.png" height="23px" style="padding-right: 10px;">LICENSE <i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bar">
|
||||
<a>Website by Jonas_Jones, hosted on GitHub - 2022</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
function toggleDarkMode() {
|
||||
var element = document.body;
|
||||
element.classList.toggle("dark-mode");
|
||||
}
|
||||
</script>
|
||||
// toggle dark mode
|
||||
function toggleDarkMode() {
|
||||
console.log('toggleDarkMode()');
|
||||
var main = document.getElementById("style-main");
|
||||
var topnav = document.getElementById("style-topnav");
|
||||
var header = document.getElementById("style-header");
|
||||
var footer = document.getElementById("style-footer");
|
||||
var assets = document.getElementById("style-assets");
|
||||
|
||||
if (main.href.match("light")) {
|
||||
main.href = "/.src/css/dark/main.css";
|
||||
topnav.href = "/.src/css/dark/topnav.css";
|
||||
header.href = "/.src/css/dark/header.css";
|
||||
footer.href = "/.src/css/dark/footer.css";
|
||||
assets.href = "/.src/css/dark/assets.css";
|
||||
} else {
|
||||
main.href = "/.src/css/light/main.css";
|
||||
topnav.href = "/.src/css/light/topnav.css";
|
||||
header.href = "/.src/css/light/header.css";
|
||||
footer.href = "/.src/css/light/footer.css";
|
||||
assets.href = "/.src/css/light/assets.css";
|
||||
}
|
||||
}
|
||||
var span = document.getElementsByClassName("close")[0];
|
||||
span.onclick = function() {
|
||||
small_devices.style.display = "none";
|
||||
}
|
||||
window.onclick = function(event) {
|
||||
if (event.target == small_devices) {
|
||||
small_devices.style.display = "none";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
478
index.html
478
index.html
|
|
@ -1,426 +1,80 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<link rel="icon" type="image/x-icon" href="logo_icon.png">
|
||||
<link id="style-main" rel="stylesheet" href="/.src/css/light/main.css">
|
||||
<title>DBPJP</title>
|
||||
<header>
|
||||
<link id="style-topnav" rel="stylesheet" href="/.src/css/light/topnav.css">
|
||||
<link id="style-header" rel="stylesheet" href="/.src/css/light/header.css">
|
||||
<html style="background-color: #bababa;">
|
||||
<body style="margin: 0px;">
|
||||
<link rel="icon" type="image/x-icon" href="/.src/assets/logos/logo_icon.png">
|
||||
<link id="style-main" rel="stylesheet" href="/.src/css/light/main.css">
|
||||
<title>Template</title>
|
||||
<div id="headerDiv"><object type="text/html" data="header.html" style="overflow:hidden; width: 100%; height: 570px;"></object>
|
||||
<div id="headerContent" style="height: 90%;max-height: 600px;min-height: 400px;width:100%;position:absolute;top:55px;z-index: -2;">
|
||||
<h1 style="position: absolute;left: 70px;top: 100px;z-index: -1;font-size: 150;">Template</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="navbar">
|
||||
<a href="" style="padding: 3px;padding-bottom: 0px;"><img src="logo_icon.png" height="39px"></a>
|
||||
<a href="/news">News</a>
|
||||
<div class="dropmenu">
|
||||
<button class="dropmenubtn navbarbtn" >Projects<i class="fa fa-caret-down"></i></button>
|
||||
<div class="dropmenu-content">
|
||||
<div class="dropmenu-content-content">
|
||||
<div class="header-mega">
|
||||
<h1>Project Overview</h1>
|
||||
<p><a href="/projects/" style="font-size: 15px;padding: 0px;margin-top: -15px;">View all projects</a></p>
|
||||
|
||||
|
||||
|
||||
<div id="footerDiv"><object type="text/html" data="footer.html" style="overflow:hidden; width: 100%; height: 151%"></object></div>
|
||||
|
||||
|
||||
<link id="style-popup" rel="stylesheet" href="/.src/css/light/popups.css">
|
||||
<div id="small_devices">
|
||||
<div id="small_devices" class="generic_popup">
|
||||
<div class="generic_content">
|
||||
<div class="generic_header">
|
||||
<span class="close" style="font-size: 70px;">×</span>
|
||||
<h2>Mobile View not supported (yet)</h2>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<h3>Minecraft Mods</h3>
|
||||
<a href="/projects/microcontrollermc/">MicrocontrollerMC</a>
|
||||
<a href="/projects/consolemc/">ConsoleMC</a>
|
||||
<a href="/projects/spotifymc/">SpotifyMC</a>
|
||||
<a href="/projects/syncmod/">SyncMod</a>
|
||||
<a href="/projects/mysterymod/">MysteryMod</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h3>Rust/Python</h3>
|
||||
<a href="/projects/windowsbloatwareremover/">Windows Bloatware Removal Tool</a>
|
||||
<a href="/projects/bashcommandaliaseditor/">Bash Command Alias Editor</a>
|
||||
<a href="/projects/pi-mc-watcher/">PI-MC-WATCHER</a>
|
||||
<a href="/projects/streamdeckui-pluginloader/">StreamDeck UI Pluginloader</a>
|
||||
<a href="/projects/resourcepack-editor/">Resourcepack Editor</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h3>Miscellaneous</h3>
|
||||
<a href="/projects/website/">Homepage</a>
|
||||
</div>
|
||||
<div id="header-mega-all">
|
||||
<a href="/projects/">View all projects</a>
|
||||
</div>
|
||||
<div class="generic_body">
|
||||
<p>This website hasn't (yet) been optimized for mobile with small screens.</p>
|
||||
<p>It is recommended to use a desktop or laptop computer to view this website.</p>
|
||||
<p>The issues include small font size, bad website formatting and more.</p>
|
||||
<p>On top of that the website is still under construction.</p>
|
||||
<p>Be prepared for these issues or use a device with a bigger screen...</p>
|
||||
</div>
|
||||
<div class="generic_footer">
|
||||
<h3>This issue is being adressed. Stay tuned for fixes!</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn navbarbtn">Youtube<i class="fa fa-caret-down"></i></button>
|
||||
<div class="dropdown-content">
|
||||
<div class="dropdown-content-content">
|
||||
<a href="/youtube/">Info</a>
|
||||
<a href="http://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg">Visit channel</a>
|
||||
<a href="http://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg?sub_confirmation=1">Subscribe</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<a href="/about/">About</a>
|
||||
<a href="/contact/">Contact</a>
|
||||
<a style="background-color: orange;color: #333333;" href="/construction/"><img style="padding-top: 5px;" src="warning-symbolic-dark.png" height="17px"> Website under construction</a>
|
||||
<div class="expandonhover">
|
||||
<a href="/account/" ><img src="account.png" height="18px"></a>
|
||||
<a id="floatinright" href="/signup/" >Sign Up</a>
|
||||
<a id="floatinright" href="/login/" >Login</a>
|
||||
</div>
|
||||
<a style="float: right;" onclick="toggleDarkMode();"><img src="dark-mode.png" height="18px"></a>
|
||||
|
||||
<div id="header">
|
||||
</div>
|
||||
</div>
|
||||
<div id="error-msg">
|
||||
<div style="width: 15%;">
|
||||
<img src="warning-symbolic.png" width="75%">
|
||||
</div>
|
||||
<div style="align-self: stretch;" onselectstart="return false">
|
||||
<p>See this message? This means that You are either using a browser that doesn't properly support this website or a Browser extension is modifiying this content (e.g. Dark Reader), try disabling it. Either way, You're missing out on content.</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<body>
|
||||
<div style="padding-left: 50px;padding-right: 50px;">
|
||||
<h1>Downloads</h1>
|
||||
<p>Here You can find the downloads for both the client and server side modpack of DBPJP (Delusional Banana Pascal Jones Pack)</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<link id="style-footer" rel="stylesheet" href="/.src/css/light/footer.css">
|
||||
<link id="style-assets" rel="stylesheet" href="/.src/css/light/assets.css">
|
||||
<div id="footer">
|
||||
<div id="innerFooterBox">
|
||||
<div>
|
||||
<a class="contactIcon" href="https://youtube.com/c/JonasJonesJonasJones/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="youtube_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://github.com/J-onasJones/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="github_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://discord.gg/V2EsuUVmWh/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="discord_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://www.instagram.com/_jonas_jones_/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="instagram_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://twitter.com/Jonas_Jones_/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="twitter_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="vl"></div>
|
||||
<div id="topLinks">
|
||||
<h1>Quick Access</h1>
|
||||
<div><a href="/news/"><img src="/src/iconsnews.png" height="23px" style="padding-right: 10px;">NEWS<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href="/projects/"><img src="/src/icons/projects.png" height="23px" style="padding-right: 10px;">PROJECTS<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href="/youtube/"><img src="/src/icons/youtube.png" height="23px" style="padding-right: 10px;">YOUTUBE<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href="/downloads/"><img src="/src/icons/downloads.svg" height="23px" style="padding-right: 10px;">DOWNLOADS<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a></a></div>
|
||||
<div><a href="/about/"><img src="/src/icons/contact.png" height="23px" style="padding-right: 10px;">CONTACT<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href="/license/"><img src="/src/icons/license.png" height="23px" style="padding-right: 10px;">LICENSE <i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bar">
|
||||
<a>Website by Jonas_Jones, hosted on <a style="color: white;" href="https://github.com/J-onasJones/J-onasJones.github.io">GitHub</a> - 2022</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
function toggleDarkMode() {
|
||||
var main = document.getElementById("style-main");
|
||||
var topnav = document.getElementById("style-topnav");
|
||||
var header = document.getElementById("style-header");
|
||||
var footer = document.getElementById("style-footer");
|
||||
var assets = document.getElementById("style-assets");
|
||||
|
||||
if (main.href.match("light")) {
|
||||
main.href = "/css/dark/main.css";
|
||||
topnav.href = "/css/dark/topnav.css";
|
||||
header.href = "/css/dark/header.css";
|
||||
footer.href = "/css/dark/footer.css";
|
||||
assets.href = "/css/dark/assets.css";
|
||||
} else {
|
||||
main.href = "/css/light/main.css";
|
||||
topnav.href = "/css/light/topnav.css";
|
||||
header.href = "/css/light/header.css";
|
||||
footer.href = "/css/light/footer.css";
|
||||
assets.href = "/css/light/assets.css";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!--<!DOCTYPE html>
|
||||
<html>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<title>DBPJP</title>
|
||||
<header>
|
||||
<link rel="stylesheet" href="css/topnav.css">
|
||||
<link rel="stylesheet" href="css/header.css">
|
||||
<link rel="stylesheet" href="css/header.css">
|
||||
<link rel="icon" type="image/x-icon" href="src/logos/logo_icon.png">
|
||||
<div class="navbar">
|
||||
<a href="https://jonasjones.me" style="padding: 3px;padding-bottom: 0px;"><img src="src/logos/logo_iconNoMargin.png" height="39px"></a>
|
||||
<a href="404.html">News</a>
|
||||
<div class="dropmenu">
|
||||
<button class="dropmenubtn navbarbtn" onclick="window.location.href='projects/index.html';">Projects<i class="fa fa-caret-down"></i></button>
|
||||
<div class="dropmenu-content">
|
||||
<div class="dropmenu-content-content">
|
||||
<div class="header-mega">
|
||||
<h1>Project Overview</h1>
|
||||
<p><a href="#" style="font-size: 15px;padding: 0px;margin-top: -15px;">View all projects</a></p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<h3>Minecraft Mods</h3>
|
||||
<a href="404.html">ConsoleMC</a>
|
||||
<a href="404.html">SpotifyMC</a>
|
||||
<a href="https://jonasjones.me/projects/minecraft-mods/mystery-mod/">Mystery-Mod</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h3>Python</h3>
|
||||
<a href="404.html">Windows Bloatware Removal Tool</a>
|
||||
<a href="404.html">Bash Command Alias Editor</a>
|
||||
<a href="404.html">PI-MC-WATCHER</a>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h3>Miscellaneous</h3>
|
||||
<a href="https://jonasjones.me/projects/website/homepage/">Homepage</a>
|
||||
<a href="404.html">uwu</a>
|
||||
<a href="404.html">ôwo</a>
|
||||
</div>
|
||||
<div id="header-mega-all">
|
||||
<a href="404.html">View all projects</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn navbarbtn">Youtube<i class="fa fa-caret-down"></i></button>
|
||||
<div class="dropdown-content">
|
||||
<div class="dropdown-content-content">
|
||||
<a href="https://jonasjones.me/youtube/">Info</a>
|
||||
<a href="https://www.youtube.com/JonasJonesJonasJones">Visit channel</a>
|
||||
<a href="http://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg?sub_confirmation=1">Subscribe</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://jonasjones.me/#contact">Contact</a>
|
||||
<a href="404.html" style="float: right;"><img src="src/icons/account.png" height="18px"></a>
|
||||
<a href="404.html" style="float: right;" onclick="toggleDarkMode();"><img src="src/icons/dark-mode.png" height="18px"></a>
|
||||
|
||||
<div id="header">
|
||||
<h1>SVFFM</h1>
|
||||
</div>
|
||||
</header>
|
||||
<div id="error-msg">
|
||||
<div style="width: 15%;">
|
||||
<img src="src/icons/warning-symbolic.png" width="75%">
|
||||
</div>
|
||||
<div style="align-self: stretch;">
|
||||
<p>See this message? This means that You are either using a browser that doesn't properly support this website or a Browser extension is modifiying this content (e.g. Dark Reader), try disabling it. Either way, You're missing out on content.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-color: orange;padding: 5px;border-radius: 5px;margin: 5px; color: black;position:absolute; top: 50;right: 5;">
|
||||
<h3>This Website is WIP</h3>
|
||||
<p>A new website is on the way. You are now seeing the work in progress. At this point, please don't report any bugs to GitHub yet.</p>
|
||||
<p>The old and still official website is available at <a href="https://j-onasjones.github.io/">jonasjones.me</a>.</p>
|
||||
</div>
|
||||
|
||||
<body>
|
||||
<div class="body" style="padding-left: 50px;">
|
||||
<h1>Downloads</h1>
|
||||
<p>Here You can find the downloads for both the client and server side modpack of SVFFM (Slightly Vanilla Flavoured Fabric Modified)</p>
|
||||
|
||||
|
||||
<style>
|
||||
table, th, td {
|
||||
border:1px solid black;
|
||||
text-align: center;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
a.downloadbutton {
|
||||
text-decoration: none;
|
||||
color: #0D6769;
|
||||
border: 2px solid #0D6769;
|
||||
border-radius: 3px;
|
||||
padding: 2px;
|
||||
}
|
||||
a.downloadbutton:hover {
|
||||
color: white;
|
||||
background-color: #0D6769;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
<h2>Client pack</h2>
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<th>Environment</th>
|
||||
<th>Name</th>
|
||||
<th>Version</th>
|
||||
<th>Minecraft Version</th>
|
||||
<th>Release Date</th>
|
||||
<th>Changelog</th>
|
||||
<th>Download (Google Drive)</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Client</td>
|
||||
<td>SVFFM</td>
|
||||
<td>1.2 [LATEST]</td>
|
||||
<td>1.18.2</td>
|
||||
<td>14.08.22-17:08:51</td>
|
||||
<td>Downgraded to 1.18.2</td>
|
||||
<td><a href="https://drive.google.com/uc?export=download&id=16NIT9XLeOt-knVs6Ae2NqF_4a9KD0DGu" class="downloadbutton">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Client</td>
|
||||
<td>SVFFM</td>
|
||||
<td>1.1</td>
|
||||
<td>1.19</td>
|
||||
<td>22.07.22-23:02:29</td>
|
||||
<td>Removed Dashloader; Added Zoomify</td>
|
||||
<td><a href="https://drive.google.com/uc?export=download&id=1MDtTtsB5i-FrAWqE4powFJOUBKKpKc-F" class="downloadbutton">Download</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Client</td>
|
||||
<td>SVFFM</td>
|
||||
<td>1.0</td>
|
||||
<td>1.19</td>
|
||||
<td>21.07.22-23:08:43</td>
|
||||
<td>Added fabric compatible mods and own additions.</td>
|
||||
<td><a href="https://drive.google.com/uc?export=download&id=1ACfvmTH5qj46Ya6xfA4qjEzQZzhr99Qy" class="downloadbutton">Download</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h2>Server pack</h2>
|
||||
|
||||
<table style="width:100%">
|
||||
<tr>
|
||||
<th>Environment</th>
|
||||
<th>Name</th>
|
||||
<th>Version</th>
|
||||
<th>Minecraft Version</th>
|
||||
<th>Release Date</th>
|
||||
<th>Changelog</th>
|
||||
<th>Download (Google Drive)</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Server</td>
|
||||
<td>SVFFM</td>
|
||||
<td>SERVER-1.0 [LATEST]</td>
|
||||
<td>1.19</td>
|
||||
<td>22.07.22-23:03:56</td>
|
||||
<td>Added all server side mods.</td>
|
||||
<td><a href="https://drive.google.com/uc?export=download&id=1_yoYXTnjo18s5byK9VC2DiDs42nO1QHn" class="downloadbutton">Download</a></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
<footer>
|
||||
<link rel="stylesheet" href="css/footer.css">
|
||||
<link rel="stylesheet" href="css/assets.css">
|
||||
<div id="footer">
|
||||
<div id="innerFooterBox">
|
||||
<div>
|
||||
<a class="contactIcon" href="https://youtube.com/c/JonasJonesJonasJones/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="src/logos/youtube_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://github.com/J-onasJones/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="src/logos/github_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://discord.gg/V2EsuUVmWh/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="src/logos/discord_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://www.instagram.com/_jonas_jones_/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="src/logos/instagram_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
<a class="contactIcon" href="https://twitter.com/Jonas_Jones_/">
|
||||
<div class="contactIconDiv">
|
||||
<img height="25px" src="src/logos/twitter_icon.png">
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="vl"></div>
|
||||
<div id="topLinks">
|
||||
<h1>Quick Access</h1>
|
||||
<div><a href="404.html"><img src="src/icons/news.png" height="23px" style="padding-right: 10px;">NEWS<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href="404.html"><img src="src/icons/projects.png" height="23px" style="padding-right: 10px;">PROJECTS<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href="404.html"><img src="src/icons/youtube.png" height="23px" style="padding-right: 10px;">YOUTUBE<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href="404.html"><img src="src/icons/downloads.svg" height="23px" style="padding-right: 10px;">DOWNLOADS<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a></a></div>
|
||||
<div><a href="https://jonasjones.me/#contact"><img src="src/icons/contact.png" height="23px" style="padding-right: 10px;">CONTACT<i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
<div><a href="https://github.com/J-onasJones/J-onasJones.github.io/blob/main/LICENSE"><img src="src/icons/license.png" height="23px" style="padding-right: 10px;">LICENSE <i class="arrow right" style="border-color: white;"></i></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bar">
|
||||
<a>Website by Jonas_Jones, hosted on GitHub - 2022</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
function toggleDarkMode() {
|
||||
var element = document.body;
|
||||
element.classList.toggle("dark-mode");
|
||||
}
|
||||
</script>
|
||||
// toggle dark mode
|
||||
function toggleDarkMode() {
|
||||
console.log('toggleDarkMode()');
|
||||
var main = document.getElementById("style-main");
|
||||
var topnav = document.getElementById("style-topnav");
|
||||
var header = document.getElementById("style-header");
|
||||
var footer = document.getElementById("style-footer");
|
||||
var assets = document.getElementById("style-assets");
|
||||
|
||||
</html>-->
|
||||
if (main.href.match("light")) {
|
||||
main.href = "/.src/css/dark/main.css";
|
||||
topnav.href = "/.src/css/dark/topnav.css";
|
||||
header.href = "/.src/css/dark/header.css";
|
||||
footer.href = "/.src/css/dark/footer.css";
|
||||
assets.href = "/.src/css/dark/assets.css";
|
||||
} else {
|
||||
main.href = "/.src/css/light/main.css";
|
||||
topnav.href = "/.src/css/light/topnav.css";
|
||||
header.href = "/.src/css/light/header.css";
|
||||
footer.href = "/.src/css/light/footer.css";
|
||||
assets.href = "/.src/css/light/assets.css";
|
||||
}
|
||||
}
|
||||
var span = document.getElementsByClassName("close")[0];
|
||||
span.onclick = function() {
|
||||
small_devices.style.display = "none";
|
||||
}
|
||||
window.onclick = function(event) {
|
||||
if (event.target == small_devices) {
|
||||
small_devices.style.display = "none";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
79
uwu.html
79
uwu.html
|
|
@ -1,79 +0,0 @@
|
|||
<html style="background-color: #bababa;">
|
||||
<body style="margin: 0px;">
|
||||
<link rel="icon" type="image/x-icon" href="/.src/assets/logos/logo_icon.png">
|
||||
<link id="style-main" rel="stylesheet" href="/.src/css/light/main.css">
|
||||
<title>Template</title>
|
||||
<div id="headerDiv"><object type="text/html" data="header.html" style="overflow:hidden; width: 100%; height: 570px;"></object>
|
||||
<div id="headerContent" style="height: 90%;max-height: 600px;min-height: 400px;width:100%;position:absolute;top:55px;z-index: -2;">
|
||||
<h1 style="position: absolute;left: 70px;top: 100px;z-index: -1;font-size: 150;">Template</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="footerDiv"><object type="text/html" data="footer.html" style="overflow:hidden; width: 100%; height: 151%"></object></div>
|
||||
|
||||
|
||||
<link id="style-popup" rel="stylesheet" href="/.src/css/light/popups.css">
|
||||
<div id="small_devices">
|
||||
<div id="small_devices" class="generic_popup">
|
||||
<div class="generic_content">
|
||||
<div class="generic_header">
|
||||
<span class="close" style="font-size: 70px;">×</span>
|
||||
<h2>Mobile View not supported (yet)</h2>
|
||||
</div>
|
||||
<div class="generic_body">
|
||||
<p>This website hasn't (yet) been optimized for mobile with small screens.</p>
|
||||
<p>It is recommended to use a desktop or laptop computer to view this website.</p>
|
||||
<p>The issues include small font size, bad website formatting and more.</p>
|
||||
<p>Be prepared for these issues (and more) or use a device with a bigger screen...</p>
|
||||
</div>
|
||||
<div class="generic_footer">
|
||||
<h3>This issue is being adressed. Stay tuned for fixes!</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
</body>
|
||||
<script>
|
||||
// toggle dark mode
|
||||
function toggleDarkMode() {
|
||||
console.log('toggleDarkMode()');
|
||||
var main = document.getElementById("style-main");
|
||||
var topnav = document.getElementById("style-topnav");
|
||||
var header = document.getElementById("style-header");
|
||||
var footer = document.getElementById("style-footer");
|
||||
var assets = document.getElementById("style-assets");
|
||||
|
||||
if (main.href.match("light")) {
|
||||
main.href = "/.src/css/dark/main.css";
|
||||
topnav.href = "/.src/css/dark/topnav.css";
|
||||
header.href = "/.src/css/dark/header.css";
|
||||
footer.href = "/.src/css/dark/footer.css";
|
||||
assets.href = "/.src/css/dark/assets.css";
|
||||
} else {
|
||||
main.href = "/.src/css/light/main.css";
|
||||
topnav.href = "/.src/css/light/topnav.css";
|
||||
header.href = "/.src/css/light/header.css";
|
||||
footer.href = "/.src/css/light/footer.css";
|
||||
assets.href = "/.src/css/light/assets.css";
|
||||
}
|
||||
}
|
||||
var span = document.getElementsByClassName("close")[0];
|
||||
span.onclick = function() {
|
||||
small_devices.style.display = "none";
|
||||
}
|
||||
window.onclick = function(event) {
|
||||
if (event.target == small_devices) {
|
||||
small_devices.style.display = "none";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue