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

Add files via upload

Browse Source
This commit is contained in:
fraujulian
2024-04-28 22:39:15 +02:00
committed by GitHub
parent 0277fd1590
commit e9edb1a8de
2 changed files with 18 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+11 -7
View File
@@ -36,7 +36,7 @@ body {
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-image: url(".././img/back.jpg");
background-image: url("../img/back.jpg");
height: 100%;
}
@@ -55,6 +55,10 @@ footer a {
text-decoration-line: underline;
}
#preloader div {
background: url("../img/back.jpg"), url("../img/loading.gif") no-repeat center center;
}
.js-reminder {
font-style: normal;
font-weight: 900;
@@ -114,7 +118,7 @@ footer a {
height: auto;
transition: .5s ease;
backface-visibility: hidden;
box-shadow: 0 4px 8px 0 rgba(2, 41, 84, 0.8);
box-shadow: 0 4px 8px 0 #0e85b456;
transition: 0.3s;
}
@@ -162,7 +166,7 @@ ul.nav {
margin: 0;
overflow: hidden;
backdrop-filter: blur(150px);
box-shadow: 0 4px 8px 0 rgba(2, 41, 84, 0.8);
box-shadow: 0 4px 8px 0 #0e85b456;
transition: 0.3s;
}
@@ -194,13 +198,13 @@ ul.nav li.left {
.card-projects {
display: grid;
box-shadow: 0 4px 8px 0 rgba(2, 41, 84, 0.8);
box-shadow: 0 4px 8px 0 #0e85b456;
transition: 0.3s;
backdrop-filter: blur(150px);
}
.card-projects:hover {
box-shadow: 0 8px 16px 0 rgba(2, 41, 84, 0.8);
box-shadow: 0 8px 16px 0 #0e85b456;
}
.icon-area i {
@@ -222,7 +226,7 @@ ul.nav li.left {
.card {
margin-top: var(--main-padding);
box-shadow: 0 4px 8px 0 rgba(2, 41, 84, 0.8);
box-shadow: 0 4px 8px 0 #0e85b456;
transition: 0.3s;
backdrop-filter: blur(20px);
padding: var(--main-padding);
@@ -257,7 +261,7 @@ ul.nav li.left {
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(2, 41, 84, 0.8);
box-shadow: 0 8px 16px 0 #0e85b456;
}
.container {
index.html
+7 -65
View File
@@ -10,13 +10,11 @@
<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)
@@ -25,63 +23,7 @@
</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 id="preloader"></div>
<div class="container">
<div class="card profile">
@@ -98,7 +40,7 @@
</div>
<div class="bio-text hidden">
<p>
My name is Julian, I am 14 years old and I live in beautiful Lower Austria! In my free time I mainly sit in front of the PC and work on my projects, I also go suba diving a lot!
My name is Julian, I am 15 years old and I live in beautiful Lower Austria! In my free time I mainly sit in front of the PC and work on my projects, I also go suba diving a lot!
<br />
<br />
I am currently in my final year! Next year, 2024, I would like to start an apprenticeship as an application developer!
@@ -110,7 +52,7 @@
Of course I also have smaller projects, including Botlist.me and SynRadio.de! I work on these projects on the side.
<br />
<br />
Currently you can hire my services as a NodeJS and Web Developer! I mainly program Chatbots of any kind for you, with already existing features as well as completely new ones.
Currently you can hire my services as a NodeJS Developer! I develop almost everything for you, with already existing features as well as completely new ones.
<br />
<h3>Just contact me!</h3>
</p>
@@ -139,7 +81,7 @@
<h1>NodeJS</h1>
</div>
<div class="grid-item">
<h1>Discord.JS</h1>
<h1>json</h1>
</div>
<div class="grid-item">
<h1>NPM</h1>
@@ -160,7 +102,7 @@
<h1>Linux</h1>
</div>
<div class="grid-item">
<h1>MySQL</h1>
<h1>phpMyAdmin</h1>
</div>
<div class="grid-item">
<h1>SQL</h1>
@@ -168,7 +110,8 @@
</div>
</div>
<div id="github_projects" class="card">
Loading...
<div id="preloader">
</div>
</div>
</div>
@@ -180,7 +123,6 @@
<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>