158 lines
6.0 KiB
HTML
158 lines
6.0 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="shortcut icon" type="image/png" href="favicon.ico" />
|
|
|
|
<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="Style.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="card profile">
|
|
|
|
<!-- BASIC INFORMATION -->
|
|
<img src="img/logo.png" width="200px" height="200px" fetchpriority="low">
|
|
<h1>Hii! 👋 I'm Julian Lechner!</h1>
|
|
<h3>📍 Austria, Vienna</h3>
|
|
|
|
<br>
|
|
<hr>
|
|
|
|
<!-- CLICKABLE TEXT > TO SEE BIO TEXT-->
|
|
<div class="max60">
|
|
<div id="short-desc" class="hover-items">
|
|
<i id="left-arrow" class="fas fa-arrow-right"></i>
|
|
|
|
<a onclick="plausible('expandprofile')">
|
|
<u>
|
|
<h3>A young enthusiastic developer from Austria!</h3>
|
|
</u>
|
|
</a>
|
|
|
|
<i id="right-arrow" class="fas fa-arrow-left"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- HIDDEN BIO TEXT -->
|
|
<div class="bio-text hidden">
|
|
<p>
|
|
My name is Julian, many people also call me Julie. I'm
|
|
<script>let startDate = new Date('2009-03-03'); let today = new Date(); let diffTime = Math.abs(today - startDate); let diffYears = diffTime / (1000 * 60 * 60 * 24 * 365.25); document.write(diffYears.toFixed(1));</script>
|
|
years old and come from beautiful Austria. I spend most of my time in front of the computer.
|
|
<br />
|
|
<br />
|
|
My biggest hobby apart from software development is diving. Floating in deep water and only thinking
|
|
about the here and now always brings me back to the depths. I try to practice this hobby as often as
|
|
possible.
|
|
<br />
|
|
<br />
|
|
I currently work mainly for the Viennese company SobIT Gmbh. This company develops software for any
|
|
care company, for scheduling employees as well as recording the status of patients.
|
|
<br />
|
|
<br />
|
|
I also work for the company GERLACH SYSTEMS or SynHost. They rent out servers, domains, web servers,
|
|
game servers etc. in various locations.
|
|
<br />
|
|
<br />
|
|
<a href="mailto:fraujulian@lechner.top" onclick="plausible('envelope')" target="_blank">
|
|
<h3>Just contact me!</h3>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
|
|
<hr>
|
|
<br>
|
|
|
|
<!-- JAVASCRIPT REMINDER -->
|
|
<p class="js-reminder">Enable JavaScript to see what I do.</p>
|
|
|
|
<!-- TOOLS/LANGUAGES/FRAMEWORKS -->
|
|
<div class="bio grid-container">
|
|
<div class="grid-item-start">
|
|
<h1>I code with</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>NodeJS</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>JavaScript</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>TypeScript</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>HTML</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>CSS</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>C#</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>.NET</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>WPF</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>Docker</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>Linux</h1>
|
|
</div>
|
|
<div class="grid-item">
|
|
<h1>Jetbrains</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ICONS -->
|
|
<div class="icon-area">
|
|
<a href="mailto:contact@fraujulian.xyz" 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>
|
|
|
|
<!-- GITHUB PROJECTS -->
|
|
<div id="github_projects" class="card">
|
|
<h2>Loading...</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
|
|
<!-- FOOTER -->
|
|
<p>
|
|
<a href="/imprint/">Imprint</a>
|
|
|
|
|
©
|
|
2023 -
|
|
<script>document.write(new Date().getFullYear())</script> Julian Lechner - All rights reserved.
|
|
</p>
|
|
|
|
<!-- SCRIPTS -->
|
|
<script defer data-domain="fraujulian.xyz" src="https://plausible.io/js/plausible.js"></script>
|
|
<script rel="preload" src="Javascript.js"></script>
|
|
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |