Updated Website
- changed background - updated information
This commit is contained in:
+93
-89
@@ -4,51 +4,119 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta name="google-adsense-account" content="ca-pub-8132805866670069">
|
||||
|
||||
<title>Julian Lechner</title>
|
||||
<link rel="shortcut icon" type="image/png" href="favicon.ico"/>
|
||||
<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="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="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>
|
||||
<h2>aka. FrauJulian or Julie</h2>
|
||||
<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')">A young enthusiastic developer from Austria!</a>
|
||||
|
||||
<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>
|
||||
I come from beautiful Lower Austria and my name is Julian, many people also call me Julie. I spend most of my time in front of the PC, so I am very tied to it. In my spare time I spend a lot of time diving all over Austria in various lakes with compressed air and possibly with technical gases.
|
||||
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 />
|
||||
I mainly work for the company SobIT GmbH as a software developer. This company develops software for care services.
|
||||
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 also work as a software developer and support technician for the sole proprietorship SynHost. This company rents out servers in various data centers in Europe.
|
||||
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 />
|
||||
Currently you can buy services from me. Especially in the NodeJS area. e.g. Discord/Telegram bots, APIs, websites and co. On request, I am also happy to develop other applications with other programming languages, e.g. C#, Java, TypeScript
|
||||
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 />
|
||||
<h3>Just contact me!</h3>
|
||||
<a href="mailto:fraujulian@lechner.top" onclick="plausible('envelope')" target="_blank">
|
||||
<h3>Just contact me!</h3>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="icon-area">
|
||||
|
||||
<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>
|
||||
|
||||
@@ -60,95 +128,31 @@
|
||||
|
||||
<a href="https://github.com/fraujulian" onclick="plausible('github')" target="_blank">
|
||||
<i class="fab fa-github fa-3x"></i></a>
|
||||
|
||||
</div>
|
||||
<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>C#</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>WPF</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>.NET</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>NPM</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>HTML</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>Java</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>CSS</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>JavaScript</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>Linux</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>Windows</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>SQL</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>VSC</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>Cloudflare</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>express</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>TypeScript</h1>
|
||||
</div>
|
||||
<div class="grid-item">
|
||||
<h1>DOCKER</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- GITHUB PROJECTS -->
|
||||
<div id="github_projects" class="card">
|
||||
Loading...
|
||||
<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>
|
||||
|
||||
<script rel="preload" src="js/github.js"></script>
|
||||
<script rel="preload" src="js/dynamic.js"></script>
|
||||
|
||||
<script rel="preload" 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 hot choclate!" data-message="" data-color="#5F7FFF" data-position="Right" data-x_margin="18" data-y_margin="18" defer></script>
|
||||
|
||||
<script rel="preload" 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>
|
||||
|
||||
<script rel="preload" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8132805866670069" crossorigin="anonymous" defer></script>
|
||||
<!-- 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>
|
||||
</html>
|
||||
Reference in New Issue
Block a user