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-repeat: no-repeat;
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
background-image: url(".././img/back.jpg"); background-image: url("../img/back.jpg");
height: 100%; height: 100%;
} }
@@ -55,6 +55,10 @@ footer a {
text-decoration-line: underline; text-decoration-line: underline;
} }
#preloader div {
background: url("../img/back.jpg"), url("../img/loading.gif") no-repeat center center;
}
.js-reminder { .js-reminder {
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;
@@ -114,7 +118,7 @@ footer a {
height: auto; height: auto;
transition: .5s ease; transition: .5s ease;
backface-visibility: hidden; 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; transition: 0.3s;
} }
@@ -162,7 +166,7 @@ ul.nav {
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
backdrop-filter: blur(150px); 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; transition: 0.3s;
} }
@@ -194,13 +198,13 @@ ul.nav li.left {
.card-projects { .card-projects {
display: grid; display: grid;
box-shadow: 0 4px 8px 0 rgba(2, 41, 84, 0.8); box-shadow: 0 4px 8px 0 #0e85b456;
transition: 0.3s; transition: 0.3s;
backdrop-filter: blur(150px); backdrop-filter: blur(150px);
} }
.card-projects:hover { .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 { .icon-area i {
@@ -222,7 +226,7 @@ ul.nav li.left {
.card { .card {
margin-top: var(--main-padding); 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; transition: 0.3s;
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
padding: var(--main-padding); padding: var(--main-padding);
@@ -257,7 +261,7 @@ ul.nav li.left {
} }
.card:hover { .card:hover {
box-shadow: 0 8px 16px 0 rgba(2, 41, 84, 0.8); box-shadow: 0 8px 16px 0 #0e85b456;
} }
.container { .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" 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/style.css" />
<link rel="stylesheet" type="text/css" href="css/github.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="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/roboto.css" />
<link rel="stylesheet" type="text/css" href="fonts/exo.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> <script>
window.plausible = window.plausible || function () { window.plausible = window.plausible || function () {
(window.plausible.q = window.plausible.q || []).push(arguments) (window.plausible.q = window.plausible.q || []).push(arguments)
@@ -25,63 +23,7 @@
</head> </head>
<body> <body>
<!-- <div id="preloader"></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="circle"></div>
-->
<div class="container"> <div class="container">
<div class="card profile"> <div class="card profile">
@@ -98,7 +40,7 @@
</div> </div>
<div class="bio-text hidden"> <div class="bio-text hidden">
<p> <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 />
<br /> <br />
I am currently in my final year! Next year, 2024, I would like to start an apprenticeship as an application developer! 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. Of course I also have smaller projects, including Botlist.me and SynRadio.de! I work on these projects on the side.
<br /> <br />
<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 /> <br />
<h3>Just contact me!</h3> <h3>Just contact me!</h3>
</p> </p>
@@ -139,7 +81,7 @@
<h1>NodeJS</h1> <h1>NodeJS</h1>
</div> </div>
<div class="grid-item"> <div class="grid-item">
<h1>Discord.JS</h1> <h1>json</h1>
</div> </div>
<div class="grid-item"> <div class="grid-item">
<h1>NPM</h1> <h1>NPM</h1>
@@ -160,7 +102,7 @@
<h1>Linux</h1> <h1>Linux</h1>
</div> </div>
<div class="grid-item"> <div class="grid-item">
<h1>MySQL</h1> <h1>phpMyAdmin</h1>
</div> </div>
<div class="grid-item"> <div class="grid-item">
<h1>SQL</h1> <h1>SQL</h1>
@@ -168,7 +110,8 @@
</div> </div>
</div> </div>
<div id="github_projects" class="card"> <div id="github_projects" class="card">
Loading... <div id="preloader">
</div>
</div> </div>
</div> </div>
@@ -180,7 +123,6 @@
<script src="js/jquery-3.5.1.min.js"></script> <script src="js/jquery-3.5.1.min.js"></script>
<script src="js/slide.js"></script> <script src="js/slide.js"></script>
<script src="js/github.js"></script> <script src="js/github.js"></script>
<script src="js/donation.js"></script>
<script src="js/dynamic.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 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>