Compare commits

..

No commits in common. "main" and "mylinks-v.1.2" have entirely different histories.

14 changed files with 85 additions and 761 deletions

8
LICENSE.md Normal file
View File

@ -0,0 +1,8 @@
MIT License
Copyright 2019-2021 Seth Cottle
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

View File

@ -1,4 +1,21 @@
# My Links # Mylinks
- My lightweight DIY alternative to services like Linktree https://yannmoelle.de
<img src="https://git.moelle.space/hxcde/mylinks/raw/branch/main/images/2023-05-17.png" > ## Create your own page
- Fork your own copy
- Edit the Page on your Gitea/Github/Gitlab etc
- Edit line 5 in install.sh to your own git link `[yourgit]/mylinks.git`.
- Edit line 4 in install.sh to your own git `[yourgit]/mylinks.git`
- Edit line 13 in README.md to `[yourgitlink]/install.sh`.
## Installation
```bash
sh -c "$(curl -L https://git.moelle.space/hxcde/mylinks/raw/branch/main/install.sh)"
```
## Update
```bash
sh /var/www/html/mylinks/update.sh
```
## Automatic Updates
This script installs a cronjob, that updates to the actual version every day at 00:00.
```bash
sh /var/www/html/mylinks/auto-update.sh
```

View File

@ -1,253 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<style>
body {
background: rgb(46,49,64);
background: -moz-radial-gradient(circle, rgba(46,49,64,1) 0%, rgba(22,22,22,1) 80%);
background: -webkit-radial-gradient(circle, rgba(46,49,64,1) 0%, rgba(22,22,22,1) 80%);
background: radial-gradient(circle, rgba(46,49,64,1) 0%, rgba(22,22,22,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endColorstr="#161616",GradientType=1);
}
.dot {
height: 12px;
width: 12px;
background-color: #ADD8E6;
border-radius: 50%;
display: inline-block;
}
</style>
<script defer data-domain="yannmoelle.de" src="https://analytics.m-csc.de/js/script.file-downloads.hash.outbound-links.pageview-props.tagged-events.js"></script>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
<head>
<!-- Page Information
-->
<meta charset="utf-8">
<title>Yann Mölle</title>
<meta name="description" content="Find us online!">
<meta name="author" content="Yann Mölle"">
<!-- Mobile Specific Metas
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS
-->
<link rel="stylesheet" href="css/line.css">
<link rel="stylesheet" href="css/normalize.css">
<!-- Themes:
Auto: css/skeleton-auto.css
Light: css/skeleton-light.css
Dark: css/skeleton-dark.css
-->
<link rel="stylesheet" href="css/skeleton-auto.css">
<!-- Brand Styles -->
<link rel="stylesheet" href="css/brands.css">
<!-- Custom -->
<link rel="stylesheet" href="custom.css">
<!-- Favicon
-->
<link rel="icon" type="image/png" href="images/IMG_4145.png">
</head>
<body>
<!-- Primary Page Layout
-->
<div class="container">
<div class="row">
<div class="column" style="margin-top: 10%">
<!-- Your Image Here -->
<div>
<img src="images/IMG_4145.png" class="avatar shake" srcset="images/IMG_4145.png 2x" alt="Avatar Logo">
</div>
<!-- Title -->
<h1 style="color:white;">Career</h1>
<a href="/"> Back Home</a> <br><br>
<div>
<a style="font-size:30px;color:White;"><strong> Now</strong></a><br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div class="animate-zoom-1" style="color:white;">
<span class="dot"></span><a style="font-size:20px;color:#ADD8E6;"><strong> 05.2023</strong></a>
<br>Certified as Sophos Administrator<br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div class="animate-zoom-2" style="color:white;">
<span class="dot"></span><a style="font-size:20px;color:#ADD8E6;"><strong> 05.2023</strong></a>
<br>Founded M-CSC <br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div>
<a style="font-size:30px;color:White;"><strong> 2023</strong></a><br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div class="animate-zoom-3" style="color:white;">
<span class="dot"></span><a style="font-size:20px;color:#ADD8E6;"><strong> 09.2021</strong></a>
<br>Started working at ADAC Heliservice as IT Specialist<br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div class="animate-zoom-4" style="color:white;">
<span class="dot"></span><a style="font-size:20px;color:#ADD8E6;"><strong> 09.2021</strong></a>
<br>Stopped working as Technical Engineer at Fraunhofer SCAI<br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div>
<a style="font-size:30px;color:White;"><strong> 2021</strong></a><br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div class="animate-zoom-5" style="color:white;">
<span class="dot"></span> <a style="font-size:20px;color:#ADD8E6;"><strong> 06.2018</strong></a>
<br>Started working as Technical Engineer at Fraunhofer SCAI<br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div class="animate-zoom-6" style="color:white;">
<span class="dot"></span><a style="font-size:20px;color:#ADD8E6;"><strong> 06.2018</strong></a>
<br>Completed apprenticeship at Fraunhofer SCAI<br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div>
<a style="font-size:30px;color:White;"><strong> 2018</strong></a><br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div class="animate-zoom-7" style="color:white;">
<span class="dot"></span><a style="font-size:20px;color:#ADD8E6;"><strong> 06.2015</strong></a>
<br>Started apprenticeship at Fraunhofer SCAI<br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div>
<a style="font-size:30px;color:White;"><strong> 2015</strong></a><br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div class="animate-zoom-8" style="color:white;">
<span class="dot"></span><a style="font-size:20px;color:#ADD8E6;"><strong> 11.2013</strong></a>
<br>Internship at T-Systems<br>
</div>
<!-- Line start -->
<a style="font-size:24px;color:White;"><strong> |</strong></a>
<!-- Line end -->
<div>
<a style="font-size:30px;color:White;"><strong> 2013</strong></a><br>
</div>
<br>
<br><br>
</div>
</div>
</div>
<!-- End Document
-->
</body>
</html>

View File

@ -84,29 +84,6 @@ button:hover,
filter: brightness(90%); filter: brightness(90%);
} }
/* MCSC */
.button.button-mcsc {
color: #6c2bd9;
background-color: #ffffff;
}
.button.button-mcsc:hover,
.button.button-mcsc:focus {
filter: brightness(90%);
}
/* Work */
.button.button-career {
color: #ffffff;
background-image: linear-gradient(-135deg, #120967, #1d6ff5, #b61dff);
}
.button.button-career:hover,
.button.buttoon-career:focus {
filter: brightness(90%);
}
/* Amazon */ /* Amazon */
.button.button-amazon { .button.button-amazon {
color: #000000; color: #000000;

View File

@ -203,8 +203,8 @@ hr {
50% (default): True circle 50% (default): True circle
*/ */
.avatar { .avatar {
width: 160px; width: 128px;
height: 160px; height: 128px;
object-fit: cover; object-fit: cover;
background-position: center; background-position: center;
border-radius: 50%; border-radius: 50%;
@ -277,10 +277,8 @@ hr {
} }
.animate-zoom-1 {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .animate-zoom-1 {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-2 {animation:animatezoom 0.8s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .animate-zoom-2 {animation:animatezoom 0.9s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-3 {animation:animatezoom 1.0s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .animate-zoom-3 {animation:animatezoom 1.2s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-4 {animation:animatezoom 1.2s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .animate-zoom-4 {animation:animatezoom 1.5s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-5 {animation:animatezoom 1.4s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .animate-zoom-5 {animation:animatezoom 1.8s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-6 {animation:animatezoom 1.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .animate-zoom-6 {animation:animatezoom 2.1s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-7 {animation:animatezoom 1.8s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

View File

@ -1,79 +0,0 @@
/* Animations */
.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
/* Animate Zoom */
.animate-zoom-1 {animation:animatezoom 0.3s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-2 {animation:animatezoom 0.5s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-3 {animation:animatezoom 0.7s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-4 {animation:animatezoom 0.9s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-5 {animation:animatezoom 1.1s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-6 {animation:animatezoom 1.3s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-7 {animation:animatezoom 1.5s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-8 {animation:animatezoom 1.7s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-9 {animation:animatezoom 1.9s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
/* Animate Top */
.animate-top-1{position:relative;animation:animatetop 0.3s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-top-2{position:relative;animation:animatetop 0.5s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-top-3{position:relative;animation:animatetop 0.7s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-top-4{position:relative;animation:animatetop 0.9s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-top-5{position:relative;animation:animatetop 1.1s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-top-6{position:relative;animation:animatetop 1.3s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-top-7{position:relative;animation:animatetop 1.5s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-top-8{position:relative;animation:animatetop 1.7s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-top-9{position:relative;animation:animatetop 1.9s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
/* Animate Bottom */
.animate-bottom-1{position:relative;animation:animatebottom 0.3s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-bottom-2{position:relative;animation:animatebottom 0.5s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-bottom-3{position:relative;animation:animatebottom 0.7s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-bottom-4{position:relative;animation:animatebottom 0.9s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-bottom-5{position:relative;animation:animatebottom 1.1s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-bottom-6{position:relative;animation:animatebottom 1.3s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-bottom-7{position:relative;animation:animatebottom 1.5s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-bottom-8{position:relative;animation:animatebottom 1.7s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-bottom-9{position:relative;animation:animatebottom 1.9s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
/* Zoom Box */
.zoom-box {
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.zoom-box:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
/* Hide on phone */
@media (max-width: 576px) {
.element {
display: none;
}
}
/* Gradient Text */
.text-gradient {
background: linear-gradient(to right, rgba(22,91,189,1) 0%, rgba(144,30,254,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 452 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 244 KiB

View File

@ -1,341 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1539 911">
<g stroke-width="2.00" fill="none" stroke-linecap="butt">
<path stroke="#6369e6" vector-effect="non-scaling-stroke" d="
M 724.75 315.29
Q 726.35 323.02 719.31 326.56
Q 696.59 338.00 676.38 355.40
Q 650.98 377.26 634.98 406.63
Q 633.64 409.09 632.47 410.88
Q 631.10 412.95 629.71 415.00"
/>
<path stroke="#9561ef" vector-effect="non-scaling-stroke" d="
M 407.00 278.96
Q 393.34 270.58 380.87 260.58
Q 374.95 255.83 367.44 248.56
Q 357.64 239.09 354.69 235.81
Q 330.85 209.38 315.54 177.25"
/>
<path stroke="#4d69e9" vector-effect="non-scaling-stroke" d="
M 912.21 420.50
Q 906.25 423.57 901.31 420.19
Q 898.60 418.33 897.99 414.48
A 0.63 0.37 7.3 0 0 897.52 414.11
Q 897.24 414.05 897.22 413.60
Q 897.21 413.15 897.13 412.91
Q 883.65 374.51 851.44 350.56
Q 841.63 343.27 829.42 336.30
Q 826.09 334.39 824.45 332.19
Q 818.98 324.81 820.25 315.04"
/>
<path stroke="#6cafe1" vector-effect="non-scaling-stroke" d="
M 906.79 509.00
Q 906.50 506.01 904.56 498.94
Q 904.15 497.42 903.04 497.50"
/>
<path stroke="#3c77c7" stroke-opacity="0.569" vector-effect="non-scaling-stroke" d="
M 903.04 497.50
Q 902.70 497.10 902.31 497.56
Q 900.81 499.34 900.37 501.32
Q 899.78 503.92 899.76 503.99
Q 894.48 519.84 884.81 535.31
Q 865.91 565.56 835.00 581.79"
/>
<path stroke="#3166ab" stroke-opacity="0.714" vector-effect="non-scaling-stroke" d="
M 835.00 581.79
Q 821.65 588.02 807.54 592.25"
/>
<path stroke="#6cafe1" vector-effect="non-scaling-stroke" d="
M 807.54 592.25
Q 800.56 594.54 793.25 595.29"
/>
<path stroke="#3166ab" stroke-opacity="0.714" vector-effect="non-scaling-stroke" d="
M 793.25 595.29
Q 791.95 594.74 790.75 595.54"
/>
<path stroke="#6cafe1" vector-effect="non-scaling-stroke" d="
M 790.75 595.54
Q 789.66 595.80 788.55 595.96
Q 788.46 595.97 787.96 595.96
Q 787.34 595.95 787.50 596.71"
/>
<path stroke="#69a1b0" stroke-opacity="0.714" vector-effect="non-scaling-stroke" d="
M 790.75 595.54
Q 792.04 595.92 793.25 595.29"
/>
<path stroke="#69a1b0" stroke-opacity="0.714" vector-effect="non-scaling-stroke" d="
M 807.54 592.25
Q 821.91 588.99 835.00 582.21"
/>
<path stroke="#82c0cc" stroke-opacity="0.569" vector-effect="non-scaling-stroke" d="
M 835.00 582.21
Q 857.38 571.03 872.56 553.31
Q 887.62 535.73 896.84 514.50
Q 899.21 509.05 900.56 503.26
Q 901.29 500.16 903.04 497.50"
/>
</g>
<path fill="#824dee" d="
M 446.31 0.00
L 457.81 0.00
Q 494.54 1.63 525.68 20.82
Q 552.94 37.62 568.94 63.81
Q 585.15 90.35 589.67 122.73
Q 593.04 146.82 595.65 171.01
Q 597.15 184.92 599.62 198.68
Q 603.52 220.37 612.96 240.06
Q 617.44 249.39 622.96 257.34
Q 642.78 285.90 674.50 300.50
Q 697.79 311.22 724.75 315.29
Q 726.35 323.02 719.31 326.56
Q 696.59 338.00 676.38 355.40
Q 650.98 377.26 634.98 406.63
Q 633.64 409.09 632.47 410.88
Q 631.10 412.95 629.71 415.00
Q 628.02 405.98 624.75 394.25
Q 617.15 366.96 601.32 344.44
Q 595.45 336.09 588.62 329.01
Q 572.28 312.08 551.16 301.11
Q 532.78 291.57 512.87 286.27
Q 504.47 284.03 494.33 282.74
Q 484.34 281.48 475.50 281.00
Q 444.08 279.29 407.00 278.96
Q 393.34 270.58 380.87 260.58
Q 374.95 255.83 367.44 248.56
Q 357.64 239.09 354.69 235.81
Q 330.85 209.38 315.54 177.25
Q 311.52 152.85 314.00 127.25
Q 317.47 91.50 336.94 62.65
Q 342.32 54.67 349.36 47.01
Q 372.06 22.30 401.81 9.56
Q 421.74 1.03 446.31 0.00
Z"
/>
<path fill="#554df3" d="
M 912.21 420.50
Q 906.25 423.57 901.31 420.19
Q 898.60 418.33 897.99 414.48
A 0.63 0.37 7.3 0 0 897.52 414.11
Q 897.24 414.05 897.22 413.60
Q 897.21 413.15 897.13 412.91
Q 883.65 374.51 851.44 350.56
Q 841.63 343.27 829.42 336.30
Q 826.09 334.39 824.45 332.19
Q 818.98 324.81 820.25 315.04
Q 837.30 311.56 856.56 304.06
Q 887.47 292.03 910.07 267.82
Q 922.62 254.37 930.56 238.31
Q 938.03 223.20 942.07 206.16
Q 947.82 181.92 947.94 157.00
Q 947.97 151.98 948.32 146.99
Q 948.63 142.57 949.12 137.00
Q 951.24 112.81 959.94 90.28
Q 963.71 80.52 968.54 72.26
Q 984.28 45.29 1010.69 28.19
Q 1025.34 18.70 1042.04 12.47
Q 1051.54 8.92 1061.24 6.97
Q 1101.71 -1.17 1140.19 13.26
Q 1149.86 16.88 1158.21 21.86
Q 1183.45 36.93 1200.31 62.19
Q 1209.88 76.52 1216.03 90.45
Q 1227.56 116.59 1226.87 144.77
Q 1226.63 154.52 1224.62 164.61
Q 1220.30 186.21 1209.80 205.81
Q 1201.25 221.75 1189.38 235.39
Q 1168.27 259.63 1139.75 270.00
Q 1117.04 278.26 1092.25 279.25
Q 1079.00 279.78 1070.00 279.96
Q 1055.79 280.24 1041.82 282.59
Q 1031.43 284.33 1022.23 286.68
Q 991.19 294.61 967.50 313.75
Q 947.85 329.62 935.30 351.55
Q 924.27 370.82 918.19 393.19
Q 914.22 407.79 912.21 420.50
Z"
/>
<path fill="#a875f0" d="
M 315.54 177.25
Q 330.85 209.38 354.69 235.81
Q 357.64 239.09 367.44 248.56
Q 374.95 255.83 380.87 260.58
Q 393.34 270.58 407.00 278.96
Q 391.48 282.15 381.50 285.25
Q 322.34 303.60 296.72 358.08
Q 292.85 366.32 289.51 376.71
Q 279.33 408.35 276.50 444.50
Q 273.47 483.15 283.95 520.40
Q 289.59 540.44 299.52 558.74
Q 326.26 608.01 379.99 624.53
Q 400.77 630.92 422.50 631.69
Q 435.00 632.13 447.50 632.37
Q 475.62 632.90 502.00 642.50
Q 528.68 652.21 550.65 674.35
Q 565.28 689.08 575.71 707.02
Q 597.98 745.29 591.41 789.49
Q 588.39 809.81 580.50 827.00
Q 567.20 855.98 543.13 877.29
Q 535.18 884.32 527.24 889.42
Q 501.24 906.12 469.00 908.50
Q 426.52 911.64 390.23 892.88
Q 381.48 888.36 373.26 882.33
Q 326.68 848.20 316.53 789.55
Q 313.72 773.32 313.50 755.00
Q 313.25 733.81 308.60 712.48
Q 306.30 701.95 303.25 693.21
Q 284.07 638.33 229.61 614.24
Q 207.56 604.48 183.82 600.14
Q 146.71 593.36 137.00 592.50
Q 113.66 590.44 96.50 585.25
Q 78.19 579.71 63.56 570.19
Q 38.66 553.97 22.53 528.67
Q 16.98 519.98 12.76 511.23
Q 1.53 487.94 0.00 461.69
L 0.00 452.44
Q 0.80 439.85 3.25 429.50
Q 8.86 405.77 21.75 383.83
Q 37.51 356.99 60.44 340.69
Q 79.89 326.85 103.02 320.81
Q 125.12 315.04 148.00 314.94
Q 162.91 314.87 177.63 312.84
Q 188.50 311.34 197.32 309.35
Q 221.31 303.93 242.47 291.51
Q 251.36 286.29 258.89 280.13
Q 274.50 267.34 285.96 250.47
Q 296.71 234.63 303.50 216.71
Q 310.79 197.44 314.66 177.21
A 0.46 0.35 -72.2 0 1 315.20 176.83
Q 315.42 176.96 315.54 177.25
Z"
/>
<path fill="#4485de" d="
M 820.25 315.04
Q 818.98 324.81 824.45 332.19
Q 826.09 334.39 829.42 336.30
Q 841.63 343.27 851.44 350.56
Q 883.65 374.51 897.13 412.91
Q 897.21 413.15 897.22 413.60
Q 897.24 414.05 897.52 414.11
A 0.63 0.37 7.3 0 1 897.99 414.48
Q 898.60 418.33 901.31 420.19
Q 906.25 423.57 912.21 420.50
L 906.79 509.00
Q 906.50 506.01 904.56 498.94
Q 904.15 497.42 903.04 497.50
Q 902.70 497.10 902.31 497.56
Q 900.81 499.34 900.37 501.32
Q 899.78 503.92 899.76 503.99
Q 894.48 519.84 884.81 535.31
Q 865.91 565.56 835.00 581.79
Q 821.65 588.02 807.54 592.25
Q 800.56 594.54 793.25 595.29
Q 791.95 594.74 790.75 595.54
Q 789.66 595.80 788.55 595.96
Q 788.46 595.97 787.96 595.96
Q 787.34 595.95 787.50 596.71
Q 778.88 596.90 770.25 596.97
Q 745.89 597.16 723.75 590.50
Q 714.30 587.66 704.19 582.06
Q 692.10 575.37 679.20 564.17
Q 671.15 557.17 664.96 550.16
Q 635.73 517.10 629.79 472.25
Q 626.24 445.50 629.78 418.75
Q 630.02 416.86 629.71 415.00
Q 631.10 412.95 632.47 410.88
Q 633.64 409.09 634.98 406.63
Q 650.98 377.26 676.38 355.40
Q 696.59 338.00 719.31 326.56
Q 726.35 323.02 724.75 315.29
Q 727.01 315.30 734.25 316.00
Q 776.18 320.07 820.25 315.04
Z"
/>
<path fill="#93d8e4" d="
M 1539.00 446.31
L 1539.00 455.81
Q 1536.82 488.98 1521.50 520.75
Q 1509.30 546.05 1490.06 562.56
Q 1460.01 588.36 1418.75 594.75
Q 1403.84 597.07 1388.75 596.95
Q 1362.13 596.74 1336.59 603.47
Q 1326.38 606.16 1317.64 609.78
Q 1280.34 625.24 1256.27 658.50
Q 1243.52 676.12 1235.17 696.22
Q 1230.83 706.65 1228.69 718.44
Q 1224.87 739.46 1222.70 758.44
Q 1221.16 771.85 1219.43 785.24
Q 1216.93 804.68 1211.50 823.50
Q 1205.92 842.85 1192.28 860.04
Q 1154.26 907.99 1092.44 911.00
L 1081.19 911.00
Q 1053.12 909.91 1030.81 901.19
Q 991.34 885.75 969.44 848.56
Q 962.24 836.35 957.92 824.06
Q 955.24 816.42 953.10 804.67
Q 949.14 782.87 947.31 760.74
Q 945.26 735.86 939.44 712.81
Q 933.76 690.32 921.94 669.51
Q 898.79 628.72 856.71 610.27
Q 847.95 606.43 837.85 603.67
Q 813.85 597.12 788.75 596.99
Q 788.10 596.99 787.50 596.71
Q 787.34 595.95 787.96 595.96
Q 788.46 595.97 788.55 595.96
Q 789.66 595.80 790.75 595.54
Q 792.04 595.92 793.25 595.29
Q 800.56 594.54 807.54 592.25
Q 821.91 588.99 835.00 582.21
Q 857.38 571.03 872.56 553.31
Q 887.62 535.73 896.84 514.50
Q 899.21 509.05 900.56 503.26
Q 901.29 500.16 903.04 497.50
Q 904.15 497.42 904.56 498.94
Q 906.50 506.01 906.79 509.00
Q 906.86 512.32 907.75 515.50
Q 912.13 531.17 918.88 545.97
Q 947.78 609.45 1014.99 628.79
Q 1046.70 637.91 1079.75 637.58
Q 1118.95 637.19 1156.19 627.44
Q 1172.27 623.22 1187.63 615.08
Q 1227.85 593.77 1245.56 551.78
Q 1258.54 520.99 1262.80 487.81
Q 1264.78 472.42 1266.54 457.00
Q 1268.20 442.51 1271.25 424.00
Q 1272.46 416.63 1274.26 409.94
Q 1276.08 403.15 1279.22 396.51
Q 1295.54 362.11 1327.54 341.97
Q 1336.02 336.63 1345.07 332.35
Q 1377.90 316.82 1413.75 320.75
Q 1442.45 323.90 1468.88 340.08
Q 1495.43 356.34 1514.81 380.69
Q 1537.03 408.60 1539.00 446.31
Z"
/>
<path fill="#05121f" fill-opacity="0.137" d="
M 903.04 497.50
Q 901.29 500.16 900.56 503.26
Q 899.21 509.05 896.84 514.50
Q 887.62 535.73 872.56 553.31
Q 857.38 571.03 835.00 582.21
L 835.00 581.79
Q 865.91 565.56 884.81 535.31
Q 894.48 519.84 899.76 503.99
Q 899.78 503.92 900.37 501.32
Q 900.81 499.34 902.31 497.56
Q 902.70 497.10 903.04 497.50
Z"
/>
<path fill="#061f35" fill-opacity="0.427" d="
M 835.00 581.79
L 835.00 582.21
Q 821.91 588.99 807.54 592.25
Q 821.65 588.02 835.00 581.79
Z"
/>
<path fill="#061f35" fill-opacity="0.427" d="
M 793.25 595.29
Q 792.04 595.92 790.75 595.54
Q 791.95 594.74 793.25 595.29
Z"
/>
</svg>

Before

Width:  |  Height:  |  Size: 10 KiB

View File

@ -1,7 +0,0 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#ffffff">
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
<g id="SVGRepo_iconCarrier"> <path d="M9 7H5C3.89543 7 3 7.89543 3 9V18C3 19.1046 3.89543 20 5 20H19C20.1046 20 21 19.1046 21 18V9C21 7.89543 20.1046 7 19 7H15M9 7V5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7M9 7H15" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g>
</svg>

Before

Width:  |  Height:  |  Size: 757 B

View File

@ -10,8 +10,6 @@ background: radial-gradient(circle, rgba(46,49,64,1) 0%, rgba(22,22,22,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endColorstr="#161616",GradientType=1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endColorstr="#161616",GradientType=1);
} }
</style> </style>
<script defer data-domain="yannmoelle.de" src="https://analytics.m-csc.de/js/script.file-downloads.hash.outbound-links.pageview-props.tagged-events.js"></script>
<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
<head> <head>
@ -29,7 +27,8 @@ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endCo
<!-- CSS <!-- CSS
--> -->
<link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/normalize.css">
<!-- Themes:
<!-- Themes:
Auto: css/skeleton-auto.css Auto: css/skeleton-auto.css
Light: css/skeleton-light.css Light: css/skeleton-light.css
Dark: css/skeleton-dark.css Dark: css/skeleton-dark.css
@ -38,11 +37,11 @@ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endCo
<!-- Brand Styles --> <!-- Brand Styles -->
<link rel="stylesheet" href="css/brands.css"> <link rel="stylesheet" href="css/brands.css">
<!-- Custom -->
<link rel="stylesheet" href="custom.css">
<!-- Favicon <!-- Favicon
--> -->
<link rel="icon" type="image/png" href="images/IMG_4145.png"> <link rel="icon" type="image/png" href="images/avatar.png">
</head> </head>
@ -50,86 +49,66 @@ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3140",endCo
<!-- Primary Page Layout <!-- Primary Page Layout
--> -->
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="column" style="margin-top: 10%"> <div class="column" style="margin-top: 10%">
<!-- Your Image Here --> <!-- Your Image Here -->
<div> <img src="images/avatar.png" class="avatar" srcset="images/avatar@2x.png 2x" alt="LittleLink Logo">
<img src="images/IMG_4145.png" class="avatar shake" srcset="images/IMG_4145.png 2x" alt="Avatar Logo">
</div>
<!-- Title --> <!-- Title -->
<h1 style="color:white;">Yann Mölle</h1> <h1 style="color:white;">Yann Mölle</h1>
<!-- Short Bio --> <!-- Short Bio -->
<p style="color:white;">IT specialist <p style="color:white;">IT specialist @ ADAC Heliservice | Hobby photographer and gearhead, technology & smart home enthusiast. <br>
<a href="https://www.alt-heliservice.de/">@ ADAC Heliservice 🚁</a> <br>
Founder and IT consultant of
<a href="https://m-csc.de">M-CSC</a><br>
Gearhead, technology and smart home enthusiast.
<br><br>
<a href="https://twitter.com/search?q=%23cybersecurity&src=hashtag_click">#cybersec</a>
<a href="https://twitter.com/search?q=%23teamlinux&src=hashtag_click">#teamlinux</a>
<a href="https://twitter.com/search?q=%23cars&src=hashtag_click">#cars</a> and
<a href="https://twitter.com/search?q=%23coffee&src=hashtag_click">#coffee</a>
<p>
<!-- Work -->
<a class="button button-career zoom-box animate-zoom-1" href="career.html">
<img class="icon" src="images/icons/work.svg" alt="Work Logo">Career</a>
<br>
<!-- M-CSC -->
<a class="button button-mcsc zoom-box animate-zoom-2" href="https://m-csc.de" target="_blank" rel="noopener">
<img class="icon" src="images/icons/mcsc.svg" alt="company Logo">M-CSC</a>
<br> <br>
<a href="https://twitter.com/search?q=%23cybersec&src=hashtag_click">#cybersec</a>
<a href="https://twitter.com/search?q=%23teamlinux&src=hashtag_click">#teamlinux</a>
<a href="https://twitter.com/search?q=%23cars&src=hashtag_click">#cars</a> and
<a href="https://twitter.com/search?q=%23coffee&src=hashtag_click">#coffee</a>
</p>
<!--
<!-- LinkedIn --> <!-- LinkedIn -->
<a class="button button-linked zoom-box animate-zoom-3" href="https://de.linkedin.com/in/yannmoelle" target="_blank" rel="noopener"> <a class="button button-linked zoom-box animate-zoom-1" href="https://de.linkedin.com/in/yannmoelle" target="_blank" rel="noopener">
<img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a> <img class="icon" src="images/icons/linkedin.svg" alt="LinkedIn Logo">LinkedIn</a>
<br> <br>
<!-- XING --> <!-- XING -->
<a class="button button-xing zoom-box animate-zoom-4" href="https://www.xing.com/profile/Yann_Moelle" target="_blank" rel="noopener"> <a class="button button-xing zoom-box animate-zoom-2" href="https://www.xing.com/profile/Yann_Moelle" target="_blank" rel="noopener">
<img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a> <img class="icon" src="images/icons/xing.svg" alt="xing Logo">Xing</a>
<br> <br>
<!-- Gitea --> <!-- Gitea -->
<a class="button button-gitea zoom-box animate-zoom-5" href="https://git.moelle.space/hxcde" target="_blank" rel="noopener"> <a class="button button-gitea zoom-box animate-zoom-3" href="https://git.moelle.space/hxcde" target="_blank" rel="noopener">
<img class="icon" src="images/icons/gitea.svg" alt="Gitea Logo">Gitea</a> <img class="icon" src="images/icons/gitea.svg" alt="Gitea Logo">Gitea</a>
<br> <br>
<!-- GitHub --> <!-- GitHub -->
<a class="button button-github zoom-box animate-zoom-6" href="https://github.com/hxcde" target="_blank" rel="noopener"> <a class="button button-github zoom-box animate-zoom-4" href="https://github.com/hxcde" target="_blank" rel="noopener">
<img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a> <img class="icon" src="images/icons/github.svg" alt="GitHub Logo">GitHub</a>
<br> <br>
<!-- Twitter --> <!-- Twitter -->
<a class="button button-twit zoom-box animate-zoom-7" href="https://twitter.com/hxcde" target="_blank" rel="noopener"> <a class="button button-twit zoom-box animate-zoom-5" href="https://twitter.com/hxcde" target="_blank" rel="noopener">
<img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a> <img class="icon" src="images/icons/twitter.svg" alt="Twitter Logo">Twitter</a>
<br> <br>
<a style="font-size:24px;color:White;"><strong> Contact me </strong></a><br> <a style="font-size:24px;color:White;"><strong> Contact me </strong></a><br>
<br> <br>
<!-- Email --> <!-- Email -->
<a class="button button-default zoom-box animate-zoom-8" href="mailto:contact@yannmoelle.de" target="_blank" rel="noopener"> <a class="button button-default zoom-box animate-zoom-6" href="mailto:contact@yannmoelle.de" target="_blank" rel="noopener">
<img class="icon" src="images/icons/email.svg" alt="Email Icon">Email</a> <img class="icon" src="images/icons/email.svg" alt="Email Icon">Email</a>
<br> <br>
<br> <br>
<p><a href="https://git.moelle.space/hxcde/mylinks">This site on my Git</a></p> <br>
<br><br>
<p><a href="https://git.moelle.space/hxcde/mylinks">Diese Seite auf meinem Git</a></p>
</div> </div>
</div> </div>
</div> </div>

12
install.sh Normal file
View File

@ -0,0 +1,12 @@
#!/bin/bash
echo Startting installation
apt install curl apache2 git -y
cd /var/www/html/
git clone https://git.moelle.space/hxcde/mylinks.git
mv mylinks/mylinks.conf /etc/apache2/sites-available/
a2ensite mylinks
a2dissite 000-default.conf
echo Cleaning installation
rm mylinks/README.md
rm mylinks/install.sh
echo Finished installation

6
mylinks.conf Normal file
View File

@ -0,0 +1,6 @@
<VirtualHost *:80>
ServerAdmin webmaster@localhost
DocumentRoot /var/www/html/mylinks/
ErrorLog ${APACHE_LOG_DIR}/error.log
CustomLog ${APACHE_LOG_DIR}/access.log combined
</VirtualHost>

7
update.sh Normal file
View File

@ -0,0 +1,7 @@
#!/bin/bash
rm -rf /var/www/html/mylinks
cd /var/www/html/
git clone https://git.moelle.space/hxcde/mylinks.git
rm mylinks/README.md
rm mylinks/install.sh
rm mylinks/mylinks.conf