Merge pull request #3 from J-onasJones/projects-rc

Projects rc
This commit is contained in:
Jonas_Jones 2023-07-24 21:30:53 +02:00 committed by GitHub
commit 78507f8b90
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
44 changed files with 2045 additions and 510 deletions

View file

@ -1,4 +1,4 @@
<head> <head>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head> </head>

View file

@ -1,9 +1,8 @@
<div class="footer"> <div class="footer">
<p>Website by Jonas_Jones 2021 - 2023</p> <p>Website by Jonas_Jones 2021 - 2023</p>
</div> </div>
<style> <style>
.footer { .footer {
height: 1rem; height: 1rem;
background-color: #000; background-color: #000;
@ -19,4 +18,4 @@
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
font-size: 20px; font-size: 20px;
} }
</style> </style>

View file

@ -32,8 +32,6 @@
<p id="lastfm_artist"></p> <p id="lastfm_artist"></p>
</div> </div>
</div> </div>
<div class="navigation-menu {showMenu ? 'show' : ''}"> <div class="navigation-menu {showMenu ? 'show' : ''}">
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->
<div class="hamburger-menu close-button {showMenu ? 'open' : ''}" on:click={toggleMenu}> <div class="hamburger-menu close-button {showMenu ? 'open' : ''}" on:click={toggleMenu}>
@ -49,9 +47,9 @@
</div> </div>
</div> </div>
<div class="unsupported"><TooSmallDimsOverlay /></div> <div class="unsupported">
<TooSmallDimsOverlay />
</div>
<script> <script>
let showMenu = false; let showMenu = false;
@ -60,20 +58,20 @@
showMenu = !showMenu; showMenu = !showMenu;
} }
import TooSmallDimsOverlay from './TooSmallDimsOverlay.svelte'; import TooSmallDimsOverlay from './TooSmallDimsOverlay.svelte';
let navLinks = [ let navLinks = [
{ name: 'Home', url: '/' }, { name: 'Home', url: '/' },
{ name: 'Projects', url: '/projects'}, { name: 'Projects', url: '/projects'},
{ name: 'For The Based™', url: '/based'}, { name: 'For The Based™', url: '/based'},
{ name: 'Status', url: '/status'}, { name: 'Status', url: '/status'},
{ name: 'About', url: '/about' } { name: 'About', url: '/about' }
]; ];
// @ts-ignore // @ts-ignore
let miscLinks = [ let miscLinks = [
{ name: 'For The Based&trade;', url: '/based'} { name: 'For The Based&trade;', url: '/based'}
] ]
const fetch_url = "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=Jonas_Jones&api_key=57c0ca64285c7ca676bb8c2acf320f41&format=json&limit=1" const fetch_url = "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=Jonas_Jones&api_key=57c0ca64285c7ca676bb8c2acf320f41&format=json&limit=1"
/** /**
@ -97,37 +95,36 @@
//let song_title = truncateString("WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWw"); //let song_title = truncateString("WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWw");
let artist = truncateString(data.recenttracks.track[0].artist['\#text']); let artist = truncateString(data.recenttracks.track[0].artist['\#text']);
try { try {
// @ts-ignore // @ts-ignore
document.getElementById("lastfm_title").innerHTML = song_title; document.getElementById("lastfm_title").innerHTML = song_title;
// @ts-ignore // @ts-ignore
document.getElementById("lastfm_artist").innerHTML = artist; document.getElementById("lastfm_artist").innerHTML = artist;
// @ts-ignore // @ts-ignore
document.getElementById("lastfm_logo").style.backgroundImage = `url(${album_cover})`; document.getElementById("lastfm_logo").style.backgroundImage = `url(${album_cover})`;
} catch (error) {} } catch (error) {}
try { try {
let is_playing = data.recenttracks.track[0]['\@attr'].nowplaying; let is_playing = data.recenttracks.track[0]['\@attr'].nowplaying;
if (is_playing == "true") { if (is_playing == "true") {
// @ts-ignore // @ts-ignore
document.getElementById("lastfm_logo_overlay").src="/equalizer.gif"; document.getElementById("lastfm_logo_overlay").src="/equalizer.gif";
} else { } else {
// @ts-ignore
document.getElementById("lastfm_logo_overlay").src="/pause-icon-256.png";
}
} catch (error) {
try {
// @ts-ignore // @ts-ignore
document.getElementById("lastfm_logo_overlay").src="/pause-icon-256.png"; document.getElementById("lastfm_logo_overlay").src="/pause-icon-256.png";
} } catch (error) {}
} catch (error) { }
try {
// @ts-ignore
document.getElementById("lastfm_logo_overlay").src="/pause-icon-256.png";
} catch (error) {}
}
} }
fetchLastFmData(); fetchLastFmData();
setInterval(fetchLastFmData, 15000); setInterval(fetchLastFmData, 15000);
</script> </script>
<style> <style>
.hamburger-menu { .hamburger-menu {
position: relative; position: relative;

View file

@ -1,47 +1,47 @@
<script> <script>
let mouseX = 0; let mouseX = 0;
let mouseY = 0; let mouseY = 0;
/**
* @param {{ clientX: number; clientY: number; }} event
*/
function handleMouseMove(event) {
mouseX = event.clientX;
mouseY = event.clientY;
}
</script>
/** <style>
* @param {{ clientX: number; clientY: number; }} event @import '../routes/+page.css';
*/ .container {
function handleMouseMove(event) { min-height: 100vh;
mouseX = event.clientX; position: relative;
mouseY = event.clientY; overflow: hidden; /* Ensure the background image does not overflow */
} }
</script>
.parallax-background {
<style> position: fixed;
@import '../routes/+page.css'; top: 0;
.container { left: 0;
min-height: 100vh; width: 100%;
position: relative; height: 100%;
overflow: hidden; /* Ensure the background image does not overflow */ background-image: url('/ricky.webp');
} background-repeat: no-repeat;
background-size: cover;
.parallax-background { background-position: center center;
position: fixed; @media only screen and (min-width: 768px) {
top: 0; transform: translateX(calc(-1 * var(--mouse-x) / 50)) translateY(calc(-1 * var(--mouse-y) / 50));
left: 0; }
width: 100%; z-index: -1; /* Place the background behind other content */
height: 100%; }
background-image: url('/ricky.webp'); </style>
background-repeat: no-repeat;
background-size: cover; <main class="container" on:mousemove={handleMouseMove}>
background-position: center center; <div class="parallax-background" style="--mouse-x: {mouseX}px; --mouse-y: {mouseY}px;">
@media only screen and (min-width: 768px) { <img src="/ricky.webp" width="102%" height="101%" alt="Parallax Background" class="parallax-image">
transform: translateX(calc(-1 * var(--mouse-x) / 50)) translateY(calc(-1 * var(--mouse-y) / 50));
} </div>
z-index: -1; /* Place the background behind other content */ <!-- Your main content goes here -->
} <slot></slot>
</style> </main>
<main class="container" on:mousemove={handleMouseMove}>
<div class="parallax-background" style="--mouse-x: {mouseX}px; --mouse-y: {mouseY}px;">
<img src="/ricky.webp" width="102%" height="101%" alt="Parallax Background" class="parallax-image">
</div>
<!-- Your main content goes here -->
<slot></slot>
</main>

View file

@ -1,33 +1,34 @@
<style> <style>
.overlay { .overlay {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
z-index: 9999; z-index: 9999;
} }
@media (min-width: 299.99px) { @media (min-width: 299.99px) {
.overlay { .overlay {
display: none; display: none;
}
}
.notice {
background-color: #1f1f1f;
padding: 20px;
border-radius: 8px 8px 0 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
text-align: center;
} }
}
.notice {
background-color: #1f1f1f;
padding: 20px;
border-radius: 8px 8px 0 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
text-align: center;
}
</style> </style>
<div class="overlay"> <div class="overlay">
<div class="notice"> <div class="notice">
<p>Your screen resolution isn't supported by this website. if You're on a computer, try zooming out or resizing the window.</p> <p>Your screen resolution isn't supported by this website. if You're on a computer, try zooming out or resizing the window.</p>
</div> </div>
</div> </div>

View file

@ -1,3 +1,3 @@
<!-- please god dont send me to hell for doing this --> <!-- please god dont send me to hell for doing this -->
<h1> </h1> <h1> </h1>
<h1> </h1> <h1> </h1>

View file

@ -19,8 +19,8 @@
const taeyong = document.querySelector('.taeyong'); const taeyong = document.querySelector('.taeyong');
taeyong.style.display = 'none'; taeyong.style.display = 'none';
} }
</script> </script>
<ParallaxBg> <ParallaxBg>
<NavBar /> <NavBar />
<Padding /> <Padding />
@ -40,10 +40,6 @@
/> />
</div> </div>
</center> </center>
<style>
@import '+page.css';
</style>
<Footer /> <Footer />
</ParallaxBg> </ParallaxBg>
<div class="taeyong"> <div class="taeyong">

View file

@ -12,36 +12,30 @@
<img src="/root_logo.webp" alt="My Picture" class="picture"> <img src="/root_logo.webp" alt="My Picture" class="picture">
</div> </div>
</div> </div>
<div class="line">
<div class="line"> <hr>
<hr> </div>
</div> <div class="line-content">
<div class="line-content"> <p>Idk how this dot got here but im leaving it.</p>
<p>Idk how this dot got here but im leaving it.</p> </div>
</div> <div class="social-media">
<div class="social-media">
<div class="row"> <div class="row">
<a href="https://github.com/J-onasJones"><i class="fab fa-github"></i></a> <a href="https://github.com/J-onasJones"><i class="fab fa-github"></i></a>
<a href="https://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg"><i class="fab fa-youtube"></i></a> <a href="https://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg"><i class="fab fa-youtube"></i></a>
<a href="https://discord.gg/V2EsuUVmWh"><i class="fab fa-discord"></i></a> <a href="https://discord.gg/V2EsuUVmWh"><i class="fab fa-discord"></i></a>
</div> </div>
<div class="row"> <div class="row">
<a href="https://www.reddit.com/u/Jonas_Jones_"><i class="fab fa-reddit"></i></a> <a href="https://www.reddit.com/u/Jonas_Jones_"><i class="fab fa-reddit"></i></a>
<a href="https://twitter.com/Jonas_Jones_"><i class="fab fa-twitter"></i></a> <a href="https://twitter.com/Jonas_Jones_"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/_jonas_jones_"><i class="fab fa-instagram"></i></a> <a href="https://www.instagram.com/_jonas_jones_"><i class="fab fa-instagram"></i></a>
</div> </div>
</div> </div>
</ParallaxBg> </ParallaxBg>
<Footer /> <Footer />
<script>
import Navbar from '../components/NavBar.svelte';
import Footer from '../components/Footer.svelte';
import ParallaxBg from '../components/ParallaxBg.svelte';
import Padding from '../components/padding.svelte';
</script>
<style> <script>
@import '+page.css'; import Navbar from '../components/NavBar.svelte';
</style> import Footer from '../components/Footer.svelte';
import ParallaxBg from '../components/ParallaxBg.svelte';
import Padding from '../components/padding.svelte';
</script>

View file

@ -1,8 +1,8 @@
<script> <script>
import Footer from "../../components/Footer.svelte"; import Footer from "../../components/Footer.svelte";
import NavBar from "../../components/NavBar.svelte"; import NavBar from "../../components/NavBar.svelte";
import ParallaxBg from "../../components/ParallaxBg.svelte"; import ParallaxBg from "../../components/ParallaxBg.svelte";
import Padding from "../../components/padding.svelte"; import Padding from "../../components/padding.svelte";
</script> </script>
<ParallaxBg> <ParallaxBg>
<title>About</title> <title>About</title>
@ -23,7 +23,6 @@ import Padding from "../../components/padding.svelte";
TL;DR: I asked ChatGPT. <br> TL;DR: I asked ChatGPT. <br>
Also, I like K-Pop. Also, I like K-Pop.
</p> </p>
<h1>Greatest Acomplishment</h1> <h1>Greatest Acomplishment</h1>
<p>A severity 7.5/10 rated CVE I received for a humble project of mine as the second ever CVE in Minecraft Modding history!</p> <p>A severity 7.5/10 rated CVE I received for a humble project of mine as the second ever CVE in Minecraft Modding history!</p>
<a href="https://nvd.nist.gov/vuln/detail/CVE-2022-39221">CVE-2022-39221</a> <a href="https://nvd.nist.gov/vuln/detail/CVE-2022-39221">CVE-2022-39221</a>
@ -36,4 +35,4 @@ import Padding from "../../components/padding.svelte";
.text { .text {
max-width: 1000px; max-width: 1000px;
} }
</style> </style>

View file

@ -26,4 +26,4 @@ html {
width: 100%; width: 100%;
/* debug */ /* debug */
border: 1px solid red; border: 1px solid red;
} }

View file

@ -4,6 +4,7 @@
import ParallaxBg from "../../components/ParallaxBg.svelte"; import ParallaxBg from "../../components/ParallaxBg.svelte";
import Padding from "../../components/padding.svelte"; import Padding from "../../components/padding.svelte";
</script> </script>
<ParallaxBg> <ParallaxBg>
<NavBar /> <NavBar />
<title>For the Based</title> <title>For the Based</title>
@ -19,16 +20,13 @@
<span class="terminal_user__dollar__text">$</span> <span class="terminal_user__dollar__text">$</span>
<input title="terminal-input" type="text" id="terminal-input" autocomplete="off" spellcheck="false" autocapitalize="none" class="sc-ilhmMj iNZnsg" value=""> <input title="terminal-input" type="text" id="terminal-input" autocomplete="off" spellcheck="false" autocapitalize="none" class="sc-ilhmMj iNZnsg" value="">
</div> </div>
</div> </div>
<Footer /> <Footer />
</ParallaxBg> </ParallaxBg>
<style> <style>
@import '+page.css'; @import '+page.css';
.terminal_user { .terminal_user {
display: none; display: none;
} }
</style> </style>

View file

@ -1,228 +1,227 @@
<script lang="ts"> <script lang="ts">
import FontAwesome from "../../components/FontAwesome.svelte"; import FontAwesome from "../../components/FontAwesome.svelte";
import Footer from "../../components/Footer.svelte"; import Footer from "../../components/Footer.svelte";
import NavBar from "../../components/NavBar.svelte"; import NavBar from "../../components/NavBar.svelte";
import ParallaxBg from "../../components/ParallaxBg.svelte"; import ParallaxBg from "../../components/ParallaxBg.svelte";
import Padding from "../../components/padding.svelte"; import Padding from "../../components/padding.svelte";
import projects from "./projects.json"; import projects from "./projects.json";
var searchResults = projects.filter(project => {
return project.visible === true;
})
var searchtext = '';
var searchcategory = '';
var searchlanguage = '';
var searchstatus = '';
function handleSearchText(event) {
searchtext = event.target.value.toLowerCase();
handleSearch()
}
function handleSearchCategory(event) {
searchcategory = event.target.value.toLowerCase();
handleSearch()
}
function handleSearchLang(event) {
searchlanguage = event.target.value.toLowerCase();
handleSearch()
}
function handleSearchStatus(event) {
searchstatus = event.target.value.toLowerCase();
handleSearch()
}
var searchResults = projects; function handleSearch() {
// set searchResults by filtering with searchtext, searchcategory, and searchlanguage
var searchtext = ''; searchResults = projects.filter(project => {
var searchcategory = ''; var text = project.title.toLowerCase() + project.description.toLowerCase();
var searchlanguage = ''; var category = project.categories.join(' ').toLowerCase();
var searchstatus = ''; var language = project.languages.join(' ').toLowerCase();
var status = project.status.toLowerCase();
function handleSearchText(event) { return text.includes(searchtext) && category.includes(searchcategory) && language.includes(searchlanguage) && status.includes(searchstatus) && project.visible === true;
searchtext = event.target.value.toLowerCase(); })
handleSearch() }
}
function handleSearchCategory(event) {
searchcategory = event.target.value.toLowerCase();
handleSearch()
}
function handleSearchLang(event) {
searchlanguage = event.target.value.toLowerCase();
handleSearch()
}
function handleSearchStatus(event) {
searchstatus = event.target.value.toLowerCase();
handleSearch()
}
function handleSearch() {
// set searchResults by filtering with searchtext, searchcategory, and searchlanguage
searchResults = projects.filter(project => {
var text = project.title.toLowerCase() + project.description.toLowerCase();
var category = project.categories.join(' ').toLowerCase();
var language = project.languages.join(' ').toLowerCase();
var status = project.status.toLowerCase();
return text.includes(searchtext) && category.includes(searchcategory) && language.includes(searchlanguage) && status.includes(searchstatus);
});
}
</script> </script>
<style> <style>
/* Import Font Awesome for social media icons */ /* Import Font Awesome for social media icons */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
.container { .container {
width: 90%; width: 90%;
} }
.project-container { .project-container {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
gap: 20px; gap: 20px;
width: 100%; width: 100%;
} }
.project { .project {
transition: background-color 0.3s; transition: background-color 0.3s;
transition: filter 0.3s; transition: filter 0.3s;
position: relative; position: relative;
padding: 20px; padding: 20px;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
padding-bottom: 50px; padding-bottom: 50px;
} }
.project-bg { .project-bg {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
z-index: -1; z-index: -1;
background-color: black; background-color: black;
} }
.project-bg img { .project-bg img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.918), rgba(0, 0, 0, 0)); mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.918), rgba(0, 0, 0, 0));
transition: 0.3s; transition: 0.3s;
} }
.project:hover img { .project:hover img {
-webkit-filter: blur(5px); -webkit-filter: blur(5px);
filter: blur(5px); filter: blur(5px);
} }
.project-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
}
.project-status { .project-title {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; margin-bottom: 10px;
margin-left: 10px; text-align: left;
margin-right: 10px; }
padding: 2px;
padding-left: 5px;
padding-right: 5px;
border: 3px solid #dcdcdc;
border-radius: 3px;
}
.project-version { .project-status {
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
color: white; margin-bottom: 10px;
margin-bottom: 10px; margin-left: 10px;
margin-left: 10px; margin-right: 10px;
margin-right: 10px; padding: 2px;
margin-top: -4px; padding-left: 5px;
padding: 2px; padding-right: 5px;
border: 3px solid #dcdcdc; border: 3px solid #dcdcdc;
border-radius: 100px; border-radius: 3px;
float: right; }
}
.project-description {
margin-top: 20px;
margin-bottom: 10px;
margin-right: 12px;
text-align: right;
}
.project-links {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
bottom: 20px;
}
.project-link {
display: inline-block;
margin-left: 10px;
color: #333;
text-decoration: none;
transition: color 0.3s;
}
.project-link:hover {
color: #666;
}
.download-button { .project-version {
margin-left: 10px; font-size: 20px;
color: white; font-weight: bold;
transition: color 0.3s; color: white;
background-color: rgb(25, 25, 100); margin-bottom: 10px;
border-radius: 5px; margin-left: 10px;
padding: 5px; margin-right: 10px;
padding-left: 10px; margin-top: -4px;
padding-right: 10px; padding: 2px;
text-decoration: none; border: 3px solid #dcdcdc;
border: 3px solid rgb(0, 0, 100); border-radius: 100px;
position: absolute; float: right;
bottom: 20px; }
right: 20px;
}
.search-bar { .project-description {
margin-bottom: 20px; margin-top: 20px;
background-color: rgba(0, 0, 0, 0.678); margin-bottom: 10px;
padding: 10px; margin-right: 12px;
text-align: right;
}
.project-links {
display: flex;
justify-content: space-between;
align-items: center;
position: absolute;
bottom: 20px;
}
.project-link {
display: inline-block;
margin-left: 10px;
color: #333;
text-decoration: none;
transition: color 0.3s;
}
.project-link:hover {
color: #666;
}
.download-button {
margin-left: 10px;
color: white;
transition: color 0.3s;
background-color: rgb(25, 25, 100);
border-radius: 5px; border-radius: 5px;
} padding: 5px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
border: 3px solid rgb(0, 0, 100);
position: absolute;
bottom: 20px;
right: 20px;
}
.search-bar input { .search-bar {
background-color: transparent; margin-bottom: 20px;
border: none; background-color: rgba(0, 0, 0, 0.678);
outline: none; padding: 10px;
color: white; border-radius: 5px;
font-size: 20px; }
.search-bar input {
background-color: transparent;
border: none;
outline: none;
color: white;
font-size: 20px;
width: 100%;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.search-bar select {
background-color: transparent;
border: none;
outline: none;
color: white;
font-size: 20px;
padding-left: 10px;
padding-right: 10px;
}
.smaller-screen {
display: none;
}
@media only screen and (max-width: 620px) {
.project-container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.container {
width: 100%; width: 100%;
padding-left: 10px; margin: 0;
padding-right: 10px; padding: 0;
text-align: center;
} }
.search-bar select {
background-color: transparent;
border: none;
outline: none;
color: white;
font-size: 20px;
padding-left: 10px;
padding-right: 10px;
}
.smaller-screen { .smaller-screen {
display: none; display: block;
} }
}
@media only screen and (max-width: 620px) { </style>
.project-container {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.container {
width: 100%;
margin: 0;
padding: 0;
}
.smaller-screen {
display: block;
}
}
</style>
<FontAwesome /> <FontAwesome />
<ParallaxBg> <ParallaxBg>
@ -247,6 +246,10 @@ function handleSearch() {
<option value="webdev">WebDev</option> <option value="webdev">WebDev</option>
<option value="website">Website</option> <option value="website">Website</option>
</optgroup> </optgroup>
<optgroup label="Other">
<option value="tools">Tool</option>
<option value="lib">Library</option>
</optgroup>
</select> </select>
<i class="fa fa-globe" aria-hidden="true"></i> <i class="fa fa-globe" aria-hidden="true"></i>
<select name="language" id="language" on:change={handleSearchLang}> <select name="language" id="language" on:change={handleSearchLang}>
@ -263,6 +266,7 @@ function handleSearch() {
<option value="sh">Shell</option> <option value="sh">Shell</option>
<option value="lualang">Lua</option> <option value="lualang">Lua</option>
<option value="ps2">PowerShell 2</option> <option value="ps2">PowerShell 2</option>
<option value="godot">Godot Lang</option>
</select> </select>
<i class="fa fa-tasks" aria-hidden="true"></i> <i class="fa fa-tasks" aria-hidden="true"></i>
<select name="status" id="status" on:change={handleSearchStatus}> <select name="status" id="status" on:change={handleSearchStatus}>
@ -278,56 +282,55 @@ function handleSearch() {
<a style="float: right;margin-right: 10px;margin-top: 10px;">{searchResults.length} results</a> <a style="float: right;margin-right: 10px;margin-top: 10px;">{searchResults.length} results</a>
</div> </div>
<div class="project-container"> <div class="project-container">
{#each searchResults as project} {#each searchResults as project}
<div class="project"> <div class="project">
<!-- svelte-ignore a11y-missing-attribute --> <!-- svelte-ignore a11y-missing-attribute -->
<h2 class="project-title">{project.title}<br class="smaller-screen"><br class="smaller-screen"><a class="project-status" style="color: {project.statuscolor};border-color:{project.statuscolor}">{project.status}</a><a class="project-version">{project.version}</a></h2> <h2 class="project-title">{project.title}<br class="smaller-screen"><br class="smaller-screen"><a class="project-status" style="color: {project.statuscolor};border-color:{project.statuscolor}">{project.status}</a><a class="project-version">{project.version}</a></h2>
<p class="project-description">{project.description}</p> <p class="project-description">{project.description}</p>
<div class="project-bg"> <div class="project-bg">
<img src="/project-banners/{project.backgroud}" alt=" " /> <img src="/project-banners/{project.backgroud}" alt=" " />
</div> </div>
<Padding /> <Padding />
<Padding /> <Padding />
<div class="project-links"> <div class="project-links">
<div> <div>
{#each Object.entries(project.links) as [platform, link]} {#each Object.entries(project.links) as [platform, link]}
<a <a
class="project-link" class="project-link"
href={link} href={link}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
{#if platform === "GH"} {#if platform === "GH"}
<i class="fa fa-github" aria-hidden="true"></i> <i class="fa fa-github" aria-hidden="true"></i>
{:else if platform === "WB"} {:else if platform === "WB"}
<i class="fa fa-globe" aria-hidden="true"></i> <i class="fa fa-globe" aria-hidden="true"></i>
{:else if platform === "YT"} {:else if platform === "YT"}
<i class="fa fa-youtube" aria-hidden="true"></i> <i class="fa fa-youtube" aria-hidden="true"></i>
{:else if platform === "TW"} {:else if platform === "TW"}
<i class="fa fa-twitter" aria-hidden="true"></i> <i class="fa fa-twitter" aria-hidden="true"></i>
{:else if platform === "DC"} {:else if platform === "DC"}
<i class="fa fa-discord" aria-hidden="true"></i> <i class="fa fa-discord" aria-hidden="true"></i>
{:else if platform === "PT"} {:else if platform === "PT"}
<i class="fa fa-patreon" aria-hidden="true"></i> <i class="fa fa-patreon" aria-hidden="true"></i>
{:else if platform === "SP"} {:else if platform === "SP"}
<i class="fa fa-spotify" aria-hidden="true"></i> <i class="fa fa-spotify" aria-hidden="true"></i>
{:else if platform === "IG"} {:else if platform === "IG"}
<i class="fa fa-instagram" aria-hidden="true"></i> <i class="fa fa-instagram" aria-hidden="true"></i>
{:else} {:else}
{platform} {platform}
{/if} {/if}
</a> </a>
{/each} {/each}
</div> </div>
</div> </div>
<div> <div>
<a class="download-button" href="/projects/{project.title}">More Info</a> <a class="download-button" href="/projects/{project.title}">More Info</a>
</div> </div>
</div> </div>
{/each} {/each}
</div> </div>
<Padding />
<Padding />
</div> </div>
<Footer /> <Footer />
</ParallaxBg> </ParallaxBg>

View file

@ -0,0 +1,836 @@
[
{
"title": "",
"description": "",
"status": "",
"statuscolor": "",
"categories": [
""
],
"languages": [
""
],
"gh_api": "",
"version": "",
"backgroud": "",
"links": {
"GH": "",
"WB": "",
"MR": ""
},
"visible": "",
"last_update": ""
},
{
"title": "Website",
"description": "My website at https://jonasjones.dev",
"status": "release",
"statuscolor": "green",
"categories": [
"webdev",
"website"
],
"languages": [
"css",
"svelte",
"js",
"html"
],
"gh_api": "J-onasJones/jonasjones.dev",
"version": "---",
"backgroud": "/homepage.png",
"links": {
"GH": "J-onasJones/jonasjones.dev",
"WB": "/",
"MR": ""
},
"visible": true,
"last_update": 1690149600
},
{
"title": "Minecraft Server Status",
"description": "A Python based program that displays Your Minecraft Server's Status Infos",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft",
"tools"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/Minecraft-server-Status",
"version": "1.0",
"backgroud": "/mcserverstatus.png",
"links": {
"GH": "J-onasJones/Minecraft-server-Status",
"WB": "/projects/Minecraft-server-Status"
},
"visible": true,
"last_update": 1688940000
},
{
"title": "Alpha Website",
"description": "Alpha Website at https://alpha.jonasjones.dev",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"webdev",
"website"
],
"languages": [
"svelte",
"css",
"js",
"html"
],
"gh_api": "J-onasJones/alpha.jonasjones.dev",
"version": "---",
"backgroud": "/alpha-homrpage.png",
"links": {
"GH": "J-onasJones/alpha.jonasjones.dev",
"WB": "/projects/alpha.jonasjones.dev"
},
"visible": true,
"last_update": 1688853600
},
{
"title": "Microcraft",
"description": "A Minecraft mod that allows for Microcontroller and Singleboard computer control",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/Microcraft",
"version": "0.1+alpha1",
"backgroud": "/microcraft.png",
"links": {
"GH": "J-onasJones/Microcraft",
"WB": "/projects/Microcraft"
},
"visible": true,
"last_update": 1687644000
},
{
"title": "Not Enough Cursedness",
"description": "A Minecraft mod introducing every little bit of cursed items/behavior into the game",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/NotEnoughCursedness",
"version": "0,2",
"backgroud": "/notenoughcursedness.png",
"links": {
"GH": "J-onasJones/NotEnoughCursedness",
"WB": "/projects/NotEnoughCursedness",
"MR": "https://modrinth.com/mod/not-enough-cursedness"
},
"visible": true,
"last_update": 1684101600
},
{
"title": "DayZ Linux GUI Launcher",
"description": "DayZ Linux GUI Launcher",
"status": "release",
"statuscolor": "green",
"categories": [
"tools",
"game"
],
"languages": [
"rslang",
"sh"
],
"gh_api": "J-onasJones/dayz-linux-gui-launcher",
"version": "0.1.0",
"backgroud": "/dayzlauncher.png",
"links": {
"GH": "J-onasJones/dayz-linux-gui-launcher",
"WB": "/projects/dayz-linux-gui-launcher"
},
"visible": true,
"last_update": 1682373600
},
{
"title": "ConsoleMC",
"description": "A mod that allows console commands to be executed over the ingame Minecraft chat",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/ConsoleMC",
"version": "0.1.0.1",
"backgroud": "/consolemc.png",
"links": {
"GH": "J-onasJones/ConsoleMC",
"WB": "/projects/ConsoleMC",
"MR": "https://modrinth.com/mod/consolemc"
},
"visible": true,
"last_update": 1682028000
},
{
"title": "Better ConsoleMC",
"description": "A more controlable and safer successor to the ConsoleMC mod",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/BetterConsoleMC",
"version": "0.0.1+alpha1",
"backgroud": "/betterconsolemc.png",
"links": {
"GH": "J-onasJones/BetterConsoleMC",
"WB": "/projects/BetterConsoleMC",
"MR": "https://modrinth.com/mod/betterconsolemc"
},
"visible": true,
"last_update": 1682028000
},
{
"title": "MC Webserver",
"description": "A simple webserver that runs alongside the Minecraft Server",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/McWebserver",
"version": "0.2",
"backgroud": "/mcwebserver.png",
"links": {
"GH": "J-onasJones/McWebserver",
"WB": "/projects/McWebserver"
},
"visible": true,
"last_update": 1682028000
},
{
"title": "MysteryMod",
"description": "The base mod of the Mystery Mod mod-family. It includes the Mystery-API that is required for all other Mystery Mods to work",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/MysteryMod",
"version": "0.1+alpha1",
"backgroud": "/mysterymod.png",
"links": {
"GH": "J-onasJones/MysteryMod",
"WB": "/projects/MysteryMod"
},
"visible": true,
"last_update": 1682028000
},
{
"title": "Jonas_Jones API",
"description": "api used for my website",
"status": "planned",
"statuscolor": "yellow",
"categories": [
"api",
"tools"
],
"languages": [
"js"
],
"gh_api": "J-onasJones/jonas_jones-api",
"version": "---",
"backgroud": "/jjapi.png",
"links": {
"GH": "J-onasJones/jonas_jones-api",
"WB": "/projects/jonas_jones-api"
},
"visible": false,
"last_update": 1677884400
},
{
"title": "Website V1",
"description": "The repository for my old homepage at https://old.jonasjones.me",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"webdev",
"website"
],
"languages": [
"html",
"css",
"js"
],
"gh_api": "J-onasJones/Website-v1",
"version": "1,0",
"backgroud": "/oldwebsite.png",
"links": {
"GH": "J-onasJones/Website-v1",
"WB": "https://old.jonasjones.dev"
},
"visible": true,
"last_update": 1675206000
},
{
"title": "MC Webserver Forge",
"description": "A simple webserver that runs alongside the Minecraft Server (Forge version).",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"minecraft",
"mcmodding",
"forge"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/McWebserver-forge",
"version": "0,2",
"backgroud": "/mcwebserver.png",
"links": {
"GH": "J-onasJones/McWebserver-forge",
"WB": "/projects/McWebserver-forge",
"MR": "https://modrinth.com/mod/mcwebserver",
"CF": "https://www.curseforge.com/minecraft/mc-mods/mcwebserver"
},
"visible": true,
"last_update": 1674946800
},
{
"title": "Windows Bloatware Remover",
"description": "A tool that allows for removal of all Preinstalled Apps on Windows that can't be removed by Windows, such as Microsoft Edge",
"status": "beta",
"statuscolor": "orange",
"categories": [
"tools"
],
"languages": [
"py",
"rslang"
],
"gh_api": "J-onasJones/WindowsBloatwareRemover",
"version": "0.1.2",
"backgroud": "/bloatremover.png",
"links": {
"GH": "J-onasJones/WindowsBloatwareRemover",
"WB": "/projects/WindowsBloatwareRemover"
},
"visible": true,
"last_update": 1661724000
},
{
"title": "Windows Info Overlay",
"description": "A highly configurable overlay that displays system infos",
"status": "dev",
"statuscolor": "purple",
"categories": [
"tools"
],
"languages": [
"rslang"
],
"gh_api": "J-onasJones/windows-info-overlay",
"version": "---",
"backgroud": "/winoverlay.png",
"links": {
"GH": "J-onasJones/windows-info-overlay",
"WB": "/projects/windows-info-overlay"
},
"visible": false,
"last_update": 1673737200
},
{
"title": "Better Simple Config",
"description": "An upgrade of magistermaks's fabric-simplelibs simple-config system with MC Mod integration",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"forge",
"quilt",
"lib"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/BetterSimpleConfig",
"version": "1.0",
"backgroud": "/bettersimpleconfig.png",
"links": {
"GH": "J-onasJones/BetterSimpleConfig",
"WB": "/projects/BetterSimpleConfig"
},
"visible": true,
"last_update": 1670886000
},
{
"title": "QR Generator",
"description": "A QR code generator written in rust",
"status": "dev",
"statuscolor": "purple",
"categories": [
"lib",
"tools"
],
"languages": [
"rslang"
],
"gh_api": "J-onasJones/Qr-generator",
"version": "---",
"backgroud": "/qrgen.png",
"links": {
"GH": "J-onasJones/Qr-generator",
"WB": "/projects/Qr-generator"
},
"visible": false,
"last_update": 1669935600
},
{
"title": "PyTerm2D",
"description": "A 2d Python module for easier terminal object rendering",
"status": "planned",
"statuscolor": "yellow",
"categories": [
"lib"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/pyterm2d",
"version": "---",
"backgroud": "/pyterm2d.png",
"links": {
"GH": "J-onasJones/pyterm2d",
"WB": "/projects/pyterm2d"
},
"visible": false,
"last_update": 1668034800
},
{
"title": "The Bobby Car Game",
"description": "A multiplayer racing game around bobby cars",
"status": "planned",
"statuscolor": "yellow",
"categories": [
"game"
],
"languages": [
"godot"
],
"gh_api": "J-onasJones/TheBobbycarGame",
"version": "---",
"backgroud": "/bobbycargame.png",
"links": {
"GH": "J-onasJones/TheBobbycarGame",
"WB": "/projects/TheBobbyCarGame"
},
"visible": false,
"last_update": 1666562400
},
{
"title": "Moddah",
"description": "A cli tool that allows for easy client and server installation of the FabricMC modloader for Minecraft",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"tools"
],
"languages": [
"rslang"
],
"gh_api": "J-onasJones/moddah",
"version": "0.1+alpha1",
"backgroud": "/moddah.png",
"links": {
"GH": "J-onasJones/moddah",
"WB": "/projects/moddah"
},
"visible": true,
"last_update": 1666044000
},
{
"title": "Bash Command Alias Editor",
"description": "This program helps you to create and edit command aliases on the Bash shell",
"status": "discontinued",
"statuscolor": "purple",
"categories": [
"tools"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/BashCommandAliasEditor",
"version": "2.0.1",
"backgroud": "/bashcmdaliaseditor.png",
"links": {
"GH": "J-onasJones/BashCommandAliasEditor",
"WB": "/projects/BashCommandAliasEditor"
},
"visible": true,
"last_update": 1663624800
},
{
"title": "PI Server Rack",
"description": "A system that allows Monitoring of Raspberry PI('s) and it's running Minecraft Server(s)",
"status": "dev",
"statuscolor": "purple",
"categories": [
"tools"
],
"languages": [
"c++",
"rslang",
"c"
],
"gh_api": "J-onasJones/PI-server-rack",
"version": "0.1+alpha1",
"backgroud": "/pi-server-rack.png",
"links": {
"GH": "J-onasJones/PI-server-rack",
"WB": "/projects/PI-server-rack"
},
"visible": true,
"last_update": 1662242400
},
{
"title": "PinBoardBot",
"description": "A discord bot that sends messages that you want to pin in a dedicated channel to avoid the pinned-messages limit per text-channel",
"status": "release",
"statuscolor": "green",
"categories": [
"bot",
"dcbot"
],
"languages": [
"js"
],
"gh_api": "J-onasJones/PinBoardBot",
"version": "0.1",
"backgroud": "/pinboardbot.png",
"links": {
"GH": "J-onasJones/PinBoardBot",
"WB": "/projects/PinBoardBot"
},
"visible": true,
"last_update": 1662156000
},
{
"title": "Winception",
"description": "A 2D explorer game that let's you expierience past Operating System of the Windows and Linux family",
"status": "dev",
"statuscolor": "purple",
"categories": [
"game"
],
"languages": [
"js",
"css",
"html"
],
"gh_api": "J-onasJones/Winception",
"version": "0.1+alpha1",
"backgroud": "/winception.png",
"links": {
"GH": "J-onasJones/Winception",
"WB": "/projects/Winception"
},
"visible": false,
"last_update": 1661464800
},
{
"title": "Mystery Dungeons",
"description": "A mod that is part of the MysteryMod mod-family and focuses on Dungeons",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/MysteryDungeons",
"version": "0.1+alpha1",
"backgroud": "/mysterymod.png",
"links": {
"GH": "J-onasJones/MysteryDungeons",
"WB": "/projects/MysteryDungeons"
},
"visible": false,
"last_update": 1661464800
},
{
"title": "Mystery Dimensions",
"description": "A mod that is port of the MysteryMod mod-family with the focus of enhancing and adding Dimensions",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/MysteryDimensions",
"version": "0.1+alpha1",
"backgroud": "/mysterymod.png",
"links": {
"GH": "J-onasJones/MysteryDimensions",
"WB": "/projects/MysteryDimensions"
},
"visible": false,
"last_update": 1661464800
},
{
"title": "MysteryRPG",
"description": "An RPG related mod for the Mystery Mod mod-family. Adds content containing what the name implies.",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/MysteryRPG",
"version": "0.1+alpha1",
"backgroud": "/mysterymod.png",
"links": {
"GH": "J-onasJones/MysteryRPG",
"WB": "/projects/MysteryRPG.png"
},
"visible": false,
"last_update": 1658872800
},
{
"title": "SyncMod",
"description": "A mod that sync's your mods with the ones from the server of your choice.",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/SyncMod",
"version": "0.1+alpha1",
"backgroud": "/syncmod.png",
"links": {
"GH": "J-onasJones/SyncMod",
"WB": "/projects/SyncMod"
},
"visible": true,
"last_update": 1656194400
},
{
"title": "SpotifyMC",
"description": "Spotify Integration for Minecraft. Allows ingame control over music",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/SpotifyMC",
"version": "0.1+alpha1",
"backgroud": "/spotifymc.png",
"links": {
"GH": "J-onasJones/SpotifyMC",
"WB": "/projects/SpotifyMC"
},
"visible": true,
"last_update": 1651356000
},
{
"title": "SiMP Resourcepack",
"description": "The serverside resourcepack for SiMP",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft"
],
"languages": [
""
],
"gh_api": "J-onasJones/simp-resourcepack",
"version": "1.0",
"backgroud": "/simp-rp.png",
"links": {
"GH": "J-onasJones/simp-resourcepack",
"WB": "/projects/simp-resourcepack"
},
"visible": true,
"last_update": 1643410800
},
{
"title": "Image Converter",
"description": "A Python based Image converter supporting a bunch of image formats.",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"tools",
"bazinga"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/ImageConverter",
"version": "1.2",
"backgroud": "/imageconverter.png",
"links": {
"GH": "J-onasJones/ImageConverter",
"WB": "/projects/ImageConverter"
},
"visible": true,
"last_update": 1642719600
},
{
"title": "J2 Technologies",
"description": "A lua based Whiteboard program inspired by i3-technologies",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"tools",
"bazinga"
],
"languages": [
"lua"
],
"gh_api": "J-onasJones/j2-technologies",
"version": "0.2.1+alpha1",
"backgroud": "/j2tech.png",
"links": {
"GH": "J-onasJones/j2-technologies",
"WB": "/projects/j2-technologies"
},
"visible": true,
"last_update": 1642201200
},
{
"title": "Make ZIP less compact",
"description": "With this program You will be able to make any zip archive less compact AND make it safe without the need of any encryption what soever",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"tools",
"bazinga"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/Make-ZIP-less-compact",
"version": "1.1",
"backgroud": "/mkzplsscmpct.png",
"links": {
"GH": "J-onasJones/Make-ZIP-less-compact",
"WB": "/projects/Make-ZIP-less-compect"
},
"visible": true,
"last_update": 1641250800
},
{
"title": "Resourcepack Editor",
"description": "A python based Editor for Minecraft Resourcepacks. It was designed to help with the structure of Resourcepacks when creating them",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"minecraft",
"tools",
"bazinga"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/Resourcepack-Editor",
"version": "0.1+alpha1",
"backgroud": "/rp-editor.png",
"links": {
"GH": "J-onasJones/Resourcepack-Editor",
"WB": "/projects/Resourcepack-Editor"
},
"visible": true,
"last_update": 1642114800
},
{
"title": "Mystery Core Mod",
"description": "The core mod of all Mystery Mods",
"status": "planned",
"statuscolor": "yellow",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/Mystery-core-mod",
"version": "---",
"backgroud": "/mysterymod.png",
"links": {
"GH": "J-onasJones/Mystery-core-mod",
"WB": "/projects/Mystery-core-mod"
},
"visible": false,
"updated": 1641337200
}
]

View file

@ -1,125 +1,836 @@
[ [
{ {
"title": "Microcraft", "title": "",
"description": "A Minecraft mod that allows for Microcontroller and Singleboard computer control.", "description": "",
"status": "Alpha", "status": "",
"statuscolor": "red", "statuscolor": "",
"categories": ["minecraft", "mcmodding","fabric", "quilt"], "categories": [
"languages": ["java"], ""
"gh_api": "https://api.github.com/repos/J-onasJones/Microcraft", ],
"version": "v0.0.1+alpha1", "languages": [
"backgroud": "/microcraft.png", ""
"links": { ],
"GH": "https://github.com/J-onasJones/Microcraft", "gh_api": "",
"WB": "/projects/Microcraft", "version": "",
"MR": "https://modrinth.com/mod/microcraft" "backgroud": "",
} "links": {
"GH": "",
"WB": "",
"MR": ""
}, },
{ "visible": "",
"title": "NotEnoughCursedness", "last_update": ""
"description": "A Minecraft mod introducing every little bit of cursed items and behavior into the game.", },
"status": "Beta", {
"statuscolor": "orange", "title": "Website",
"categories": ["minecraft", "mcmodding","fabric", "quilt"], "description": "My website at https://jonasjones.dev",
"languages": ["java"], "status": "release",
"gh_api": "https://api.github.com/repos/J-onasJones/NotEnoughCursedness", "statuscolor": "green",
"version": "v0.2.0", "categories": [
"backgroud": "/notenoughcursedness.png", "webdev",
"links": { "website"
"GH": "https://github.com/J-onasJones/NotEnoughCursedness", ],
"WB": "/projects/NotEnoughCursedness", "languages": [
"MR": "https://modrinth.com/mod/not-enough-cursedness" "css",
} "svelte",
"js",
"html"
],
"gh_api": "J-onasJones/jonasjones.dev",
"version": "---",
"backgroud": "/homepage.png",
"links": {
"GH": "J-onasJones/jonasjones.dev",
"WB": "/",
"MR": ""
}, },
{ "visible": true,
"title": "BetterConsoleMC", "last_update": 1690149600
"description": "A more controlable and safer successor to the ConsoleMC mod.", },
"status": "Alpha", {
"statuscolor": "red", "title": "Minecraft Server Status",
"categories": ["minecraft", "mcmodding","fabric", "quilt"], "description": "A Python based program that displays Your Minecraft Server's Status Infos",
"languages": ["java"], "status": "release",
"gh_api": "https://api.github.com/repos/J-onasJones/BetterConsoleMC", "statuscolor": "green",
"version": "v0.0.1-alpha02", "categories": [
"backgroud": "/betterconsolemc.png", "minecraft",
"links": { "tools"
"GH": "https://github.com/J-onasJones/BetterConsoleMC", ],
"WB": "/projects/BetterConsoleMC", "languages": [
"MR": "https://modrinth.com/mod/betterconsolemc" "py"
} ],
"gh_api": "J-onasJones/Minecraft-server-Status",
"version": "1.0",
"backgroud": "/mcserverstatus.png",
"links": {
"GH": "J-onasJones/Minecraft-server-Status",
"WB": "/projects/Minecraft-server-Status"
}, },
{ "visible": true,
"title": "ConsoleMC", "last_update": 1688940000
"description": "A mod that allows console commands to be executed over the ingame Minecraft chat.", },
"status": "Beta", {
"statuscolor": "orange", "title": "Alpha Website",
"categories": ["minecraft", "mcmodding","fabric", "quilt"], "description": "Alpha Website at https://alpha.jonasjones.dev",
"languages": ["java"], "status": "discontinued",
"gh_api": "https://api.github.com/repos/J-onasJones/ConsoleMC", "statuscolor": "gray",
"version": "v0.1.0.1", "categories": [
"backgroud": "/consolemc.png", "webdev",
"links": { "website"
"GH": "https://github.com/J-onasJones/ConsoleMC", ],
"WB": "/projects/ConsoleMC", "languages": [
"MR": "https://modrinth.com/mod/consolemc" "svelte",
} "css",
"js",
"html"
],
"gh_api": "J-onasJones/alpha.jonasjones.dev",
"version": "---",
"backgroud": "/alpha-homepage.png",
"links": {
"GH": "J-onasJones/alpha.jonasjones.dev",
"WB": "/projects/alpha.jonasjones.dev"
}, },
{ "visible": true,
"title": "MysteryMod", "last_update": 1688853600
"description": "The base mod of the Mystery Mod mod-family. It includes the Mystery-API that is required for all other Mystery Mods to work", },
"status": "Dev", {
"statuscolor": "purple", "title": "Microcraft",
"categories": ["minecraft", "mcmodding","fabric", "quilt"], "description": "A Minecraft mod that allows for Microcontroller and Singleboard computer control",
"languages": ["java"], "status": "dev",
"gh_api": "https://api.github.com/repos/J-onasJones/MysteryMod", "statuscolor": "purple",
"version": "v0.0.0", "categories": [
"backgroud": "/mysterymod.png", "minecraft",
"links": { "mcmodding",
"GH": "https://github.com/J-onasJones/MysteryMod", "fabric",
"WB": "/projects/MysteryMod" "quilt"
} ],
"languages": [
"java"
],
"gh_api": "J-onasJones/Microcraft",
"version": "0.1+alpha1",
"backgroud": "/microcraft.png",
"links": {
"GH": "J-onasJones/Microcraft",
"WB": "/projects/Microcraft"
}, },
{ "visible": true,
"title": "Minecraft-Server-Status", "last_update": 1687644000
"description": "A Python based program that displays Your Minecraft Server's Status Infos.", },
"status": "Release", {
"statuscolor": "green", "title": "Not Enough Cursedness",
"categories": ["minecraft"], "description": "A Minecraft mod introducing every little bit of cursed items/behavior into the game",
"languages": ["py"], "status": "release",
"gh_api": "https://api.github.com/repos/J-onasJones/Minecraft-Server-Status", "statuscolor": "green",
"version": "v1.2", "categories": [
"backgroud": "/minecraft-server-status.png", "minecraft",
"links": { "mcmodding",
"GH": "https://github.com/J-onasJones/Minecraft-Server-Status" "fabric",
} "quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/NotEnoughCursedness",
"version": "0,2",
"backgroud": "/notenoughcursedness.png",
"links": {
"GH": "J-onasJones/NotEnoughCursedness",
"WB": "/projects/NotEnoughCursedness",
"MR": "https://modrinth.com/mod/not-enough-cursedness"
}, },
{ "visible": true,
"title": "Homepage", "last_update": 1684101600
"description": "My website at https://jonasjones.dev", },
"status": "Release", {
"statuscolor": "green", "title": "DayZ Linux GUI Launcher",
"categories": ["webdev", "website"], "description": "DayZ Linux GUI Launcher",
"languages": ["svelte", "js", "html", "css"], "status": "release",
"gh_api": "https://api.github.com/repos/J-onasJones/jonasjones.me", "statuscolor": "green",
"version": "v1.0", "categories": [
"backgroud": "/homepage.png", "tools",
"links": { "game"
"GH": "https://github.com/J-onasJones/jonasjones.me", ],
"WB": "/" "languages": [
} "rslang",
"sh"
],
"gh_api": "J-onasJones/dayz-linux-gui-launcher",
"version": "0.1.0",
"backgroud": "/dayzlauncher.png",
"links": {
"GH": "J-onasJones/dayz-linux-gui-launcher",
"WB": "/projects/dayz-linux-gui-launcher"
}, },
{ "visible": true,
"title": "Alpha Homepage", "last_update": 1682373600
"description": "My alpha website at https://alpha.jonasjones.dev", },
"status": "discontinued", {
"statuscolor": "yellow", "title": "ConsoleMC",
"categories": ["webdev", "website"], "description": "A mod that allows console commands to be executed over the ingame Minecraft chat",
"languages": ["svelte", "js", "html", "css"], "status": "release",
"gh_api": "https://api.github.com/repos/J-onasJones/alpha.jonasjones.dev", "statuscolor": "green",
"version": "v1.0", "categories": [
"backgroud": "/alpha-homepage.png", "minecraft",
"links": { "mcmodding",
"GH": "https://github.com/J-onasJones/alpha.jonasjones.dev", "fabric",
"WB": "https://alpha.jonasjones.dev" "quilt"
} ],
} "languages": [
"java"
],
"gh_api": "J-onasJones/ConsoleMC",
"version": "0.1.0.1",
"backgroud": "/consolemc.png",
"links": {
"GH": "J-onasJones/ConsoleMC",
"WB": "/projects/ConsoleMC",
"MR": "https://modrinth.com/mod/consolemc"
},
"visible": true,
"last_update": 1682028000
},
{
"title": "Better ConsoleMC",
"description": "A more controlable and safer successor to the ConsoleMC mod",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/BetterConsoleMC",
"version": "0.0.1+alpha1",
"backgroud": "/betterconsolemc.png",
"links": {
"GH": "J-onasJones/BetterConsoleMC",
"WB": "/projects/BetterConsoleMC",
"MR": "https://modrinth.com/mod/betterconsolemc"
},
"visible": true,
"last_update": 1682028000
},
{
"title": "MC Webserver",
"description": "A simple webserver that runs alongside the Minecraft Server",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/McWebserver",
"version": "0.2",
"backgroud": "/mcwebserver.png",
"links": {
"GH": "J-onasJones/McWebserver",
"WB": "/projects/McWebserver"
},
"visible": true,
"last_update": 1682028000
},
{
"title": "MysteryMod",
"description": "The base mod of the Mystery Mod mod-family. It includes the Mystery-API that is required for all other Mystery Mods to work",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/MysteryMod",
"version": "0.1+alpha1",
"backgroud": "/mysterymod.png",
"links": {
"GH": "J-onasJones/MysteryMod",
"WB": "/projects/MysteryMod"
},
"visible": true,
"last_update": 1682028000
},
{
"title": "Jonas_Jones API",
"description": "api used for my website",
"status": "planned",
"statuscolor": "yellow",
"categories": [
"api",
"tools"
],
"languages": [
"js"
],
"gh_api": "J-onasJones/jonas_jones-api",
"version": "---",
"backgroud": "/jjapi.png",
"links": {
"GH": "J-onasJones/jonas_jones-api",
"WB": "/projects/jonas_jones-api"
},
"visible": false,
"last_update": 1677884400
},
{
"title": "Website V1",
"description": "The repository for my old homepage at https://old.jonasjones.me",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"webdev",
"website"
],
"languages": [
"html",
"css",
"js"
],
"gh_api": "J-onasJones/Website-v1",
"version": "1,0",
"backgroud": "/oldwebsite.png",
"links": {
"GH": "J-onasJones/Website-v1",
"WB": "https://old.jonasjones.dev"
},
"visible": true,
"last_update": 1675206000
},
{
"title": "MC Webserver Forge",
"description": "A simple webserver that runs alongside the Minecraft Server (Forge version).",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"minecraft",
"mcmodding",
"forge"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/McWebserver-forge",
"version": "0,2",
"backgroud": "/mcwebserver.png",
"links": {
"GH": "J-onasJones/McWebserver-forge",
"WB": "/projects/McWebserver-forge",
"MR": "https://modrinth.com/mod/mcwebserver",
"CF": "https://www.curseforge.com/minecraft/mc-mods/mcwebserver"
},
"visible": true,
"last_update": 1674946800
},
{
"title": "Windows Bloatware Remover",
"description": "A tool that allows for removal of all Preinstalled Apps on Windows that can't be removed by Windows, such as Microsoft Edge",
"status": "beta",
"statuscolor": "orange",
"categories": [
"tools"
],
"languages": [
"py",
"rslang"
],
"gh_api": "J-onasJones/WindowsBloatwareRemover",
"version": "0.1.2",
"backgroud": "/bloatremover.png",
"links": {
"GH": "J-onasJones/WindowsBloatwareRemover",
"WB": "/projects/WindowsBloatwareRemover"
},
"visible": true,
"last_update": 1661724000
},
{
"title": "Windows Info Overlay",
"description": "A highly configurable overlay that displays system infos",
"status": "dev",
"statuscolor": "purple",
"categories": [
"tools"
],
"languages": [
"rslang"
],
"gh_api": "J-onasJones/windows-info-overlay",
"version": "---",
"backgroud": "/winoverlay.png",
"links": {
"GH": "J-onasJones/windows-info-overlay",
"WB": "/projects/windows-info-overlay"
},
"visible": false,
"last_update": 1673737200
},
{
"title": "Better Simple Config",
"description": "An upgrade of magistermaks's fabric-simplelibs simple-config system with MC Mod integration",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"forge",
"quilt",
"lib"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/BetterSimpleConfig",
"version": "1.0",
"backgroud": "/bettersimpleconfig.png",
"links": {
"GH": "J-onasJones/BetterSimpleConfig",
"WB": "/projects/BetterSimpleConfig"
},
"visible": true,
"last_update": 1670886000
},
{
"title": "QR Generator",
"description": "A QR code generator written in rust",
"status": "dev",
"statuscolor": "purple",
"categories": [
"lib",
"tools"
],
"languages": [
"rslang"
],
"gh_api": "J-onasJones/Qr-generator",
"version": "---",
"backgroud": "/qrgen.png",
"links": {
"GH": "J-onasJones/Qr-generator",
"WB": "/projects/Qr-generator"
},
"visible": false,
"last_update": 1669935600
},
{
"title": "PyTerm2D",
"description": "A 2d Python module for easier terminal object rendering",
"status": "planned",
"statuscolor": "yellow",
"categories": [
"lib"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/pyterm2d",
"version": "---",
"backgroud": "/pyterm2d.png",
"links": {
"GH": "J-onasJones/pyterm2d",
"WB": "/projects/pyterm2d"
},
"visible": false,
"last_update": 1668034800
},
{
"title": "The Bobby Car Game",
"description": "A multiplayer racing game around bobby cars",
"status": "planned",
"statuscolor": "yellow",
"categories": [
"game"
],
"languages": [
"godot"
],
"gh_api": "J-onasJones/TheBobbycarGame",
"version": "---",
"backgroud": "/bobbycargame.png",
"links": {
"GH": "J-onasJones/TheBobbycarGame",
"WB": "/projects/TheBobbyCarGame"
},
"visible": false,
"last_update": 1666562400
},
{
"title": "Moddah",
"description": "A cli tool that allows for easy client and server installation of the FabricMC modloader for Minecraft",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"tools"
],
"languages": [
"rslang"
],
"gh_api": "J-onasJones/moddah",
"version": "0.1+alpha1",
"backgroud": "/moddah.png",
"links": {
"GH": "J-onasJones/moddah",
"WB": "/projects/moddah"
},
"visible": true,
"last_update": 1666044000
},
{
"title": "Bash Command Alias Editor",
"description": "This program helps you to create and edit command aliases on the Bash shell",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"tools"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/BashCommandAliasEditor",
"version": "2.0.1",
"backgroud": "/bashcmdaliaseditor.png",
"links": {
"GH": "J-onasJones/BashCommandAliasEditor",
"WB": "/projects/BashCommandAliasEditor"
},
"visible": true,
"last_update": 1663624800
},
{
"title": "PI Server Rack",
"description": "A system that allows Monitoring of Raspberry PI('s) and it's running Minecraft Server(s)",
"status": "dev",
"statuscolor": "purple",
"categories": [
"tools"
],
"languages": [
"c++",
"rslang",
"c"
],
"gh_api": "J-onasJones/PI-server-rack",
"version": "0.1+alpha1",
"backgroud": "/pi-server-rack.png",
"links": {
"GH": "J-onasJones/PI-server-rack",
"WB": "/projects/PI-server-rack"
},
"visible": true,
"last_update": 1662242400
},
{
"title": "PinBoardBot",
"description": "A discord bot that sends messages that you want to pin in a dedicated channel to avoid the pinned-messages limit per text-channel",
"status": "release",
"statuscolor": "green",
"categories": [
"bot",
"dcbot"
],
"languages": [
"js"
],
"gh_api": "J-onasJones/PinBoardBot",
"version": "0.1",
"backgroud": "/pinboardbot.png",
"links": {
"GH": "J-onasJones/PinBoardBot",
"WB": "/projects/PinBoardBot"
},
"visible": true,
"last_update": 1662156000
},
{
"title": "Winception",
"description": "A 2D explorer game that let's you expierience past Operating System of the Windows and Linux family",
"status": "dev",
"statuscolor": "purple",
"categories": [
"game"
],
"languages": [
"js",
"css",
"html"
],
"gh_api": "J-onasJones/Winception",
"version": "0.1+alpha1",
"backgroud": "/winception.png",
"links": {
"GH": "J-onasJones/Winception",
"WB": "/projects/Winception"
},
"visible": false,
"last_update": 1661464800
},
{
"title": "Mystery Dungeons",
"description": "A mod that is part of the MysteryMod mod-family and focuses on Dungeons",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/MysteryDungeons",
"version": "0.1+alpha1",
"backgroud": "/mysterymod.png",
"links": {
"GH": "J-onasJones/MysteryDungeons",
"WB": "/projects/MysteryDungeons"
},
"visible": false,
"last_update": 1661464800
},
{
"title": "Mystery Dimensions",
"description": "A mod that is port of the MysteryMod mod-family with the focus of enhancing and adding Dimensions",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/MysteryDimensions",
"version": "0.1+alpha1",
"backgroud": "/mysterymod.png",
"links": {
"GH": "J-onasJones/MysteryDimensions",
"WB": "/projects/MysteryDimensions"
},
"visible": false,
"last_update": 1661464800
},
{
"title": "MysteryRPG",
"description": "An RPG related mod for the Mystery Mod mod-family. Adds content containing what the name implies.",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/MysteryRPG",
"version": "0.1+alpha1",
"backgroud": "/mysterymod.png",
"links": {
"GH": "J-onasJones/MysteryRPG",
"WB": "/projects/MysteryRPG.png"
},
"visible": false,
"last_update": 1658872800
},
{
"title": "SyncMod",
"description": "A mod that sync's your mods with the ones from the server of your choice.",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/SyncMod",
"version": "0.1+alpha1",
"backgroud": "/syncmod.png",
"links": {
"GH": "J-onasJones/SyncMod",
"WB": "/projects/SyncMod"
},
"visible": true,
"last_update": 1656194400
},
{
"title": "SpotifyMC",
"description": "Spotify Integration for Minecraft. Allows ingame control over music",
"status": "dev",
"statuscolor": "purple",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/SpotifyMC",
"version": "0.1+alpha1",
"backgroud": "/spotifymc.png",
"links": {
"GH": "J-onasJones/SpotifyMC",
"WB": "/projects/SpotifyMC"
},
"visible": true,
"last_update": 1651356000
},
{
"title": "SiMP Resourcepack",
"description": "The serverside resourcepack for SiMP",
"status": "release",
"statuscolor": "green",
"categories": [
"minecraft"
],
"languages": [
""
],
"gh_api": "J-onasJones/simp-resourcepack",
"version": "1.0",
"backgroud": "/simp-rp.png",
"links": {
"GH": "J-onasJones/simp-resourcepack",
"WB": "/projects/simp-resourcepack"
},
"visible": true,
"last_update": 1643410800
},
{
"title": "Image Converter",
"description": "A Python based Image converter supporting a bunch of image formats.",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"tools",
"bazinga"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/ImageConverter",
"version": "1.2",
"backgroud": "/imageconverter.png",
"links": {
"GH": "J-onasJones/ImageConverter",
"WB": "/projects/ImageConverter"
},
"visible": true,
"last_update": 1642719600
},
{
"title": "J2 Technologies",
"description": "A lua based Whiteboard program inspired by i3-technologies",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"tools",
"bazinga"
],
"languages": [
"lua"
],
"gh_api": "J-onasJones/j2-technologies",
"version": "0.2.1+alpha1",
"backgroud": "/j2tech.png",
"links": {
"GH": "J-onasJones/j2-technologies",
"WB": "/projects/j2-technologies"
},
"visible": true,
"last_update": 1642201200
},
{
"title": "Make ZIP less compact",
"description": "With this program You will be able to make any zip archive less compact AND make it safe without the need of any encryption what soever",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"tools",
"bazinga"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/Make-ZIP-less-compact",
"version": "1.1",
"backgroud": "/mkzplsscmpct.png",
"links": {
"GH": "J-onasJones/Make-ZIP-less-compact",
"WB": "/projects/Make-ZIP-less-compect"
},
"visible": true,
"last_update": 1641250800
},
{
"title": "Resourcepack Editor",
"description": "A python based Editor for Minecraft Resourcepacks. It was designed to help with the structure of Resourcepacks when creating them",
"status": "discontinued",
"statuscolor": "gray",
"categories": [
"minecraft",
"tools",
"bazinga"
],
"languages": [
"py"
],
"gh_api": "J-onasJones/Resourcepack-Editor",
"version": "0.1+alpha1",
"backgroud": "/rp-editor.png",
"links": {
"GH": "J-onasJones/Resourcepack-Editor",
"WB": "/projects/Resourcepack-Editor"
},
"visible": true,
"last_update": 1642114800
},
{
"title": "Mystery Core Mod",
"description": "The core mod of all Mystery Mods",
"status": "planned",
"statuscolor": "yellow",
"categories": [
"minecraft",
"mcmodding",
"fabric",
"quilt"
],
"languages": [
"java"
],
"gh_api": "J-onasJones/Mystery-core-mod",
"version": "---",
"backgroud": "/mysterymod.png",
"links": {
"GH": "J-onasJones/Mystery-core-mod",
"WB": "/projects/Mystery-core-mod"
},
"visible": false,
"updated": 1641337200
}
] ]

View file

@ -1,9 +1,10 @@
<script> <script>
import Footer from "../../components/Footer.svelte"; import Footer from "../../components/Footer.svelte";
import NavBar from "../../components/NavBar.svelte"; import NavBar from "../../components/NavBar.svelte";
import ParallaxBg from "../../components/ParallaxBg.svelte"; import ParallaxBg from "../../components/ParallaxBg.svelte";
import Padding from "../../components/padding.svelte"; import Padding from "../../components/padding.svelte";
</script> </script>
<ParallaxBg> <ParallaxBg>
<title>Status</title> <title>Status</title>
<div class="container"> <div class="container">
@ -12,4 +13,4 @@ import Padding from "../../components/padding.svelte";
<h1>Coming Soonish</h1> <h1>Coming Soonish</h1>
</div> </div>
<Footer /> <Footer />
</ParallaxBg> </ParallaxBg>

Binary file not shown.

After

Width:  |  Height:  |  Size: 257 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 498 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 413 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 614 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 67 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.2 KiB

After

Width:  |  Height:  |  Size: 543 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 693 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 815 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 144 KiB

After

Width:  |  Height:  |  Size: 2 MiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 MiB