fraujulian/Personal-Portfolio-Website
1
0
Fork 0
Code Issues Pull Requests 7 Actions Projects Releases 2 Wiki Activity

Updated my Website

Browse Source 
- other (better) Theme
- added more Features
- changed Text
- added more animations
This commit is contained in:
fraujulian
2024-01-05 22:49:17 +01:00
committed by GitHub
parent f27aba8a9a
commit 0225da051b
8 changed files with 260 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+98 -22
View File
@@ -7,7 +7,7 @@
<title>Julian Lechner</title>
<link rel="stylesheet" type="text/css" href="fontawesome/css/all.min.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="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/github.css" />
<link rel="stylesheet" type="text/css" href="css/donation.css" />
@@ -25,25 +25,83 @@
</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" alt="Julian Lechner Bitmoji">
<img src="img/logo.png">
<h1>Hy! 👋 I'm Julian Lechner!</h1>
<h2>aka. FrauJulian</h2>
<hr>
<div class="max60">
<hr>
<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')">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 ist Julian I'm 14 years old and i live in the beautiful Lower Austria!
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! Preferably in the field of web development.
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!
@@ -53,21 +111,10 @@
<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 />
<br />
<h3>Contact me!</h3>
<a href="mailto:fraujulian@lechner.top" class="contact-link">E-Mail ➜ fraujulian@lechner.top</a>
<br />
<a href="tel:+436609254001" class="contact-link">Phone ➜ +43 660 9254001</a>
<br />
<br />
<a href="https://discord.com/users/860206216893693973" class="contact-link">Discord ➜ fraujulian</a>
<br />
<a href="https://github.com/fraujulian" class="contact-link">Github ➜ fraujulian</a>
</p>
</div>
<hr>
<p class="js-reminder">Enable JavaScript to see what I do.</p>
<p class="js-reminder">ENABLE JAVASCRIPT</p>
<div class="bio grid-container">
<div class="grid-item-start">
<h1>I code with</h1>
@@ -90,6 +137,9 @@
<div class="grid-item">
<h1>JavaScript</h1>
</div>
<div class="grid-item">
<h1>Java</h1>
</div>
<div class="grid-item">
<h1>Linux</h1>
</div>
@@ -97,23 +147,49 @@
<h1>MySQL</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 -->
<footer>
<p>
&copy; 2023 Julian Lechner
&copy; 2024 Julian Lechner
</p>
<!-- JS Imports -->
<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>