202 lines
7.7 KiB
HTML
202 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<title>Julian Lechner</title>
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<link rel="stylesheet" type="text/css" href="css/style.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/github.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/donation.css" />
|
|
<link rel="shortcut icon" type="image/png" href="favicon.ico" />
|
|
|
|
<link rel="stylesheet" type="text/css" href="fonts/roboto.css" />
|
|
<link rel="stylesheet" type="text/css" href="fonts/exo.css" />
|
|
|
|
<script async defer data-domain="erictrenkel.com" src="https://analytics.bostrot.com/js/plausible.js"></script>
|
|
<script>
|
|
window.plausible = window.plausible || function () {
|
|
(window.plausible.q = window.plausible.q || []).push(arguments)
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<!--
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
-->
|
|
|
|
<div class="container">
|
|
<div class="card profile">
|
|
<img src="img/logo.png">
|
|
<h1>Hy! 👋 I'm Julian Lechner!</h1>
|
|
<h2>aka. FrauJulian</h2>
|
|
|
|
<hr>
|
|
<div class="max60">
|
|
<div id="short-desc" class="hover-items">
|
|
<i id="left-arrow" class="fas fa-arrow-right"></i>
|
|
<a onclick="plausible('expandprofile')">A young enthusiastic developer from Austria!</a>
|
|
<i id="right-arrow" class="fas fa-arrow-left"></i>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="bio-text hidden">
|
|
<p>
|
|
My name is Julian I'm 14 years old and I live in the beautiful Lower Austria!
|
|
In my spare time I mainly sit in front of the PC and work on my projects, I also often go scuba diving!
|
|
<br />
|
|
I am currently in my final year! Next year, 2024, I would like to start an apprenticeship as an IT specialist for application development!
|
|
<br />
|
|
<br />
|
|
I mainly work for SynHost.de, which is a German hosting company. I help the customers and program new features!
|
|
<br />
|
|
Of course I also have smaller projects, including Botlist.me and SynRadio.de! I work on these projects when I have nothing to do.
|
|
<br />
|
|
<br />
|
|
Currently you can hire my services as a NodeJS (Discord.JS) Developer! I program Discord bots of any kind for you, with already existing features as well as completely new ones. Just contact me!
|
|
<br />
|
|
</p>
|
|
</div>
|
|
<hr>
|
|
<p class="js-reminder">ENABLE JAVASCRIPT</p>
|
|
<div class="bio grid-container">
|
|
<div class="grid-item-start">
|
|
<h1>I develop with</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>NodeJS</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>Discord.JS</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>NPM</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>HTML</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>CSS</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>JavaScript</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>Java</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>Linux</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>MySQL</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>SQL</h1>
|
|
</div>
|
|
</div>
|
|
<div class="icon-area">
|
|
|
|
<a href="mailto:fraujulian@lechner.top" onclick="plausible('envelope')" target="_blank">
|
|
<i class="fa-solid fa-envelope fa-3x"></i></a>
|
|
|
|
<a href="tel:+436609254001" onclick="plausible('phone')" target="_blank">
|
|
<i class="fa-solid fa-phone fa-3x"></i></a>
|
|
|
|
<a href="https://discord.com/users/860206216893693973" onclick="plausible('discord')" target="_blank">
|
|
<i class="fab fa-discord fa-3x"></i></a>
|
|
|
|
<a href="https://github.com/fraujulian" onclick="plausible('github')" target="_blank">
|
|
<i class="fab fa-github fa-3x"></i></a>
|
|
|
|
</div>
|
|
</div>
|
|
<div id="github_projects" class="card">
|
|
Loading...
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>
|
|
© 2024 Julian Lechner
|
|
</p>
|
|
|
|
<script src="js/jquery-3.5.1.min.js"></script>
|
|
<script src="js/slide.js"></script>
|
|
<script src="js/github.js"></script>
|
|
<script src="js/donation.js"></script>
|
|
<script src="js/dynamic.js"></script>
|
|
|
|
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="fraujuliannn" data-description="Support me on Buy me a coffee!" data-message="" data-color="#5F7FFF" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
|
|
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-33TY5MDJ3X"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-33TY5MDJ3X');
|
|
</script>
|
|
|
|
</footer>
|
|
</body>
|
|
|
|
</html>
|