samuel-p/samuel-philipp.de
samuel-p/samuel-philipp.de
1
0
Fork 0
Code Issues Pull requests 8 Releases Activity Actions

develop #177

Merged
samuel-p merged 14 commits from develop into main 2023-05-20 20:03:31 +00:00
Conversation 0 Commits 14 Files changed 9 +60 -90
4 changed files with 60 additions and 90 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 051deb6f27 - Show all commits

1
.eleventy.js
View file

@ -24,6 +24,7 @@ module.exports = function (eleventyConfig) {
eleventyConfig.setUseGitIgnore(false); eleventyConfig.setUseGitIgnore(false);
eleventyConfig.addPassthroughCopy({ eleventyConfig.addPassthroughCopy({
"src/js": "js",
"src/img": "img", "src/img": "img",
"src/font": "font", "src/font": "font",
"src/favicon.*": "", "src/favicon.*": "",

29
src/index.html
View file

@ -38,8 +38,8 @@ title: {{site.title}}
src="https://umami.sp-codes.de/umami.js"></script> src="https://umami.sp-codes.de/umami.js"></script>
</head> </head>
<body> <body>
<header id="top" class="vh-100"> <header id="top">
<div class="overlay"></div> <div class="overlay">
<div class="container"> <div class="container">
<div class="row justify-content-md-center"> <div class="row justify-content-md-center">
<div class="col-md-12 col-lg-8 text-center position-relative"> <div class="col-md-12 col-lg-8 text-center position-relative">
@ -60,7 +60,8 @@ title: {{site.title}}
<h1>{{site.title}}</h1> <h1>{{site.title}}</h1>
<h3>{{site.subtitle}}</h3> <h3>{{site.subtitle}}</h3>
<ul class="social-icons my-4"> <ul class="social-icons my-4">
<li><a href="mailto:info@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a></li> <li><a href="mailto:info@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a>
</li>
<li><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i <li><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i
class="i-matrix i-2x i-fw"></i></a></li> class="i-matrix i-2x i-fw"></i></a></li>
<li><a href="https://social.sp-codes.de/@samuel_p" rel="me"><i <li><a href="https://social.sp-codes.de/@samuel_p" rel="me"><i
@ -71,14 +72,17 @@ title: {{site.title}}
</li> </li>
<li><a href="https://www.linkedin.com/in/samuel-philipp"><i <li><a href="https://www.linkedin.com/in/samuel-philipp"><i
class="i-linkedin i-2x i-fw"></i></a></li> class="i-linkedin i-2x i-fw"></i></a></li>
<li><a href="https://git.sp-codes.de/samuel-p"><i class="i-gitea i-2x i-fw"></i></a></li> <li><a href="https://git.sp-codes.de/samuel-p"><i class="i-gitea i-2x i-fw"></i></a>
</li>
<li><a href="https://github.com/samuel-p"><i class="i-github i-2x i-fw"></i></a></li> <li><a href="https://github.com/samuel-p"><i class="i-github i-2x i-fw"></i></a></li>
<li><a href="https://stackoverflow.com/users/9662601/samuel-philipp"><i <li><a href="https://stackoverflow.com/users/9662601/samuel-philipp"><i
class="i-stackoverflow i-2x i-fw"></i></a></li> class="i-stackoverflow i-2x i-fw"></i></a></li>
</ul> </ul>
<ul class="social-icons"> <ul class="social-icons">
<li><a href="https://samuel-philipp.de"><span class="fi fi-de i-2x mx-2"></span></a></li> <li><a href="https://samuel-philipp.de"><span class="fi fi-de i-2x mx-2"></span></a>
<li><a href="https://samuel-philipp.com"><span class="fi fi-us i-2x mx-2"></span></a></li> </li>
<li><a href="https://samuel-philipp.com"><span class="fi fi-us i-2x mx-2"></span></a>
</li>
</ul> </ul>
</div> </div>
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
@ -90,6 +94,7 @@ title: {{site.title}}
</div> </div>
</div> </div>
</div> </div>
</div>
</header> </header>
<section id="about"> <section id="about">
<div class="container"> <div class="container">
@ -339,16 +344,6 @@ title: {{site.title}}
</div> </div>
</footer> </footer>
<a class="back-top" href="#top">^</a> <a class="back-top" href="#top">^</a>
<script> <script type="text/javascript" src="{{ '/js/main.js' | rev }}"></script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
</body> </body>
</html> </html>

34
src/js/main.js
View file

@ -1,29 +1,9 @@
const developer = document.getElementById('developer'); document.querySelectorAll('a[href^="#"]').forEach(anchor => {
const magician = document.getElementById('magician'); anchor.addEventListener('click', function (e) {
const links = document.getElementById('links'); e.preventDefault();
document.addEventListener('touchmove', function (event) { document.querySelector(this.getAttribute('href')).scrollIntoView({
event.preventDefault(); behavior: 'smooth'
var e = event.touches[0]; });
move(e); });
}); });
document.addEventListener('mousemove', function (event) {
event.preventDefault();
move(event);
});
function move(event) {
let body = document.getElementsByTagName('body')[0];
const width = window.innerWidth || document.documentElement.clientWidth || body.clientWidth;
const height= window.innerHeight|| document.documentElement.clientHeight|| body.clientHeight;
const traX = (((50 * event.pageX) / width)) - 50;
const traY = (((50 * event.pageY) / height)) - 50;
const traX2 = (50 + traX) * -1;
const traY2 = (50 + traY) * -1;
magician.style.left = traX + 'px';
magician.style.top = traY + 'px';
links.style.left = traX + 'px';
links.style.top = traY + 'px';
developer.style.left = traX2 + 'px';
developer.style.top = traY2 + 'px';
}

6
src/scss/main.scss
View file

@ -18,7 +18,6 @@ body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
padding: 0; padding: 0;
margin: 0; margin: 0;
//overflow-anchor: none;
} }
header { header {
@ -34,11 +33,6 @@ header {
z-index: 1; z-index: 1;
.overlay { .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba($secondary, 0.9); background-color: rgba($secondary, 0.9);
} }