updated modpack site

This commit is contained in:
Jonas_Jones 2022-08-17 20:57:44 +02:00
parent 20907eb60e
commit 9bfcef590a
51 changed files with 861 additions and 230 deletions

View file

Before

Width:  |  Height:  |  Size: 9.1 KiB

After

Width:  |  Height:  |  Size: 9.1 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

Before After
Before After

View file

@ -0,0 +1,34 @@
.arrow {
border: solid black;
border-width: 0 4px 4px 0;
display: inline-block;
padding: 3px;
float: right;
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.vl {
border-left: 6px solid grey;
height: 375px;
}

View file

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 150 KiB

After

Width:  |  Height:  |  Size: 150 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 359 B

After

Width:  |  Height:  |  Size: 359 B

Before After
Before After

View file

@ -0,0 +1,57 @@
footer {
bottom: 0;
width: 100%;
background-image: url("/.src/misc/footerBg.png");
background-size: cover;
z-index: -10;
padding-top: 100px;
}
footer a {
margin: 5px;
background-color: #10335C;
}
.contactIconDiv {
background-color: gray;
width: 31px;
border-radius: 5px;
padding: 3px;
padding-bottom: 0px;
}
#innerFooterBox {
margin: 20%;
margin-top: 600px;
margin-bottom: 15px;
display: flex;
}
#innerFooterBox div {
margin: 10px;
}
#toplinks {
flex: content;
flex-direction: column;
}
#topLinks a, h1 {
background-color: transparent;
color: white;
text-decoration: none;
font-size: 30px;
}
#topLinks div a {
text-align: right;
}
.footer-bar {
background-color: black;
padding: 0px;
color: white;
text-align: center;
}
.footer-bar a {
background-color: black;
}

View file

Before

Width:  |  Height:  |  Size: 66 KiB

After

Width:  |  Height:  |  Size: 66 KiB

Before After
Before After

View file

@ -0,0 +1,30 @@
#header {
position: absolute;
top: 60;
width: 100%;
height: 500px;
background-image: url("/.src/misc/headerBg.png");
background-position: bottom;
background-size: cover;
z-index: -1;
}
#header h1 {
font-size: 150px;
padding-left: 70px;
}
.header a {
font-size: 50px;
}
#error-msg {
color: #bababa;
margin-left: 200px;
margin-top: 300px;
margin-right: 100px;
border: 3px #bababa solid;
border-radius: 3px;
padding-left: 20px;
display: flex;
}

519
downloads/dbpjp/index.html Normal file
View file

@ -0,0 +1,519 @@
<!DOCTYPE html>
<html>
<link rel="icon" type="image/x-icon" href="logo_icon.png">
<link id="style-main" rel="stylesheet" href="main.css">
<title>DBPJP</title>
<header>
<link id="style-topnav" rel="stylesheet" href="topnav.css">
<link id="style-header" rel="stylesheet" href="header.css">
<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>
<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>
</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">
<h1>DBPJP</h1>
</div>
</header>
<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>
<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>
<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>
<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 style="border-bottom: black solid 3px;">Client</td>
<td style="border-bottom: black solid 3px;">DBPJP</td>
<td style="border-bottom: black solid 3px;">2.0 [LATEST]</td>
<td style="border-bottom: black solid 3px;">1.18.2</td>
<td style="border-bottom: black solid 3px;">17.08.22-20:35:46</td>
<td style="border-bottom: black solid 3px;">Renewed modpack</td>
<td style="border-bottom: black solid 3px;"><a href="https://drive.google.com/uc?export=download&id=1jUOUJAhBI9b5RFy-RkmswaUXsg6coHFY" class="downloadbutton">Download</a></td>
</tr>
<tr>
<td>Client</td>
<td>SVFFM</td>
<td>1.2</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 id="style-footer" rel="stylesheet" href="footer.css">
<link id="style-assets" rel="stylesheet" href="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="news.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="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="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="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="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>
<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>-->
</html>

View file

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 54 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Before After
Before After

9
downloads/dbpjp/main.css Normal file
View file

@ -0,0 +1,9 @@
html {
font-family: 'Courier New', monospace;
background-color: #bababa;
}
.body {
margin-top: 500px;
}

View file

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.1 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View file

@ -0,0 +1,4 @@
<svg width="16" height="16" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="m7 4h2v5h2l-3 3-3-3h2z" fill="#dedede"/>
<path d="m8 0a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm-0.09375 1a7 7 0 0 1 0.09375 0 7 7 0 0 1 7 7 7 7 0 0 1-7 7 7 7 0 0 1-7-7 7 7 0 0 1 6.9062-7z" fill="#dedede" stroke-linecap="round" stroke-width="2"/>
</svg>

After

Width:  |  Height:  |  Size: 359 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View file

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View file

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 6.2 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 168 KiB

After

Width:  |  Height:  |  Size: 168 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 172 KiB

After

Width:  |  Height:  |  Size: 172 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 171 KiB

After

Width:  |  Height:  |  Size: 171 KiB

Before After
Before After

206
downloads/dbpjp/topnav.css Normal file
View file

@ -0,0 +1,206 @@
* {
box-sizing: border-box;
}
body {
margin: 0;
}
.navbar {
overflow: hidden;
background-color: #333;
font-family: Arial, Helvetica, sans-serif;
z-index: 9999999;
}
.navbar a, button {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.navbar button {
background-color: none;
}
.dropmenu {
float: left;
overflow: hidden;
}
.navbar a:hover, .dropmenu:hover .dropmenubtn {
background-color: #0D6769;
}
.dropmenu-content {
display: none;
position: absolute;
width: 100%;
left: 0;
z-index: 1;
margin-top: 50px;
}
.dropmenu-content-content {
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding-bottom: 2px;
margin: 5px;
margin-top: 10px;
background-color: #ccc;
border-radius: 10px;
}
.dropmenu-content .header-mega {
background: #0D6769;
padding: 16px;
color: white;
border-radius: 9px 9px 0px 0px;
}
#header-mega-all {
background-color: #0E5773;
margin: 5px;
border-radius: 10px;
}
#header-mega-all a {
height: 100%;
width: 100%;
margin-left: 0px;
font-size: 15px;
border-radius: 8px;
}
.dropmenu:hover .dropmenu-content {
display: block;
}
/* Create three equal columns that floats next to each other */
.column {
float: left;
width: 33.33%;
padding: 10px;
background-color: #ccc;
height: 330px;
}
.column a {
float: none;
color: black;
padding: 16px;
text-decoration: none;
display: block;
text-align: left;
}
.column a:hover {
background-color: #ddd;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
width: 100%;
height: auto;
}
}
.dropdown {
float: left;
overflow: hidden;
}
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: #0D6769;
}
.dropdown-content {
display: none;
position: absolute;
min-width: 160px;
z-index: 1;
margin-top: 49px;
border-radius: 10px;
}
.dropdown-content-content {
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
background-color: #0D6769;
margin-top: 10px;
padding: 3px;
border-radius: 10px;
}
.dropdown-content-content a:hover {
color: #0D6769;
border-radius: 8px;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block;
}
/* Navbar button style */
.navbarbtn, .navbar a{
font-size: 16px;
border: none;
border-radius: 4px;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font: inherit;
margin: 3px;
}
.column a {
color: #0D6769;
}
.column a:hover {
color: white;
}
.expandonhover {
float: right;
width: 55px;
height: 55px;
transition: width 0.5s;
-webkit-transition: width 0.5s;
overflow: hidden;
}
.navbar:hover .expandonhover {
width: 230px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

BIN
downloads/dbpjp/youtube.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View file

@ -1,230 +1,2 @@
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="css/main.css">
<title>SVFFM</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>
<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>
</html>
redirecting...
<meta http-equiv="refresh" content="0; URL=https://jonasjones.me/downloads/dbpjp" />