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

develop #149

Merged
samuel-p merged 118 commits from develop into main 2023-01-13 19:19:26 +00:00
Conversation 0 Commits 118 Files changed 36 +110 -103
5 changed files with 110 additions and 103 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit d73295ab3e - Show all commits

50
src/_data/i18n/de.json
View file

@ -118,10 +118,10 @@
"url": "https://sp-codes.de" "url": "https://sp-codes.de"
}, },
{ {
"icon": "sp-codes.svg", "icon": "samuel.png",
"name": "Samuel's Blog", "name": "Open Source",
"description": "Wenn ich Zeit finde schreibe ich gelegentlich den ein oder anderen Artikel für meinen Blog.", "description": "Wenn ich Zeit finde beteilige ich mich an Open Source Projekten oder schreibe gelegentlich den ein oder anderen Artikel dazu.",
"url": "https://samuels-blog.de" "url": ""
}, },
{ {
"icon": "op.png", "icon": "op.png",
@ -177,17 +177,21 @@
"percent": 40 "percent": 40
}, },
{ {
"name": "Elasticsearch", "name": "Git",
"percent": 40 "percent": 90
},
{
"name": "Intellij IDEA",
"percent": 90
},
{
"name": "CI/CD",
"percent": 90
}, },
{ {
"name": "Spring Framework", "name": "Spring Framework",
"percent": 85 "percent": 85
}, },
{
"name": "Git",
"percent": 90
},
{ {
"name": "Angular", "name": "Angular",
"percent": 80 "percent": 80
@ -197,12 +201,8 @@
"percent": 75 "percent": 75
}, },
{ {
"name": "Intellij IDEA", "name": "Elasticsearch",
"percent": 90 "percent": 40
},
{
"name": "CI/CD",
"percent": 90
}, },
{ {
"name": "Node.js", "name": "Node.js",
@ -214,27 +214,23 @@
"title": "Interessen", "title": "Interessen",
"list": [ "list": [
{ {
"image": "", "image": "softwerke",
"name": "Softwerke Magdeburg e.V.", "name": "Softwerke Magdeburg e.V.",
"description": "Mitglied", "url": "https://softwerke.md/"
"url": ""
}, },
{ {
"image": "", "image": "magic",
"name": "Zauberkunst", "name": "Zauberkunst",
"description": "",
"url": "https://sp-magic.de" "url": "https://sp-magic.de"
}, },
{ {
"image": "", "image": "sports",
"name": "Kraftsport", "name": "Kraftsport & Bouldern",
"description": "",
"url": "" "url": ""
}, },
{ {
"image": "", "image": "photography",
"name": "Bouldern", "name": "Fotografie",
"description": "",
"url": "" "url": ""
} }
] ]

BIN
src/img/dumbbell.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 228 KiB

BIN
src/img/photography.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

98
src/index.html
View file

@ -48,12 +48,14 @@ 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="#"><i class="i-envelope i-2x i-fw"></i></a></li> <li><a href="mailto:mail@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a></li>
<li><a href="#"><i class="i-matrix i-2x i-fw"></i></a></li> <li><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i class="i-matrix i-2x i-fw"></i></a></li>
<li><a href="#"><i class="i-mastodon i-2x i-fw"></i></a></li> <li><a href="https://social.sp-codes.de/@samuel_p"><i class="i-mastodon i-2x i-fw"></i></a></li>
<li><a href="#"><i class="i-stackoverflow i-2x i-fw"></i></a></li> <li><a href="https://www.xing.com/profile/Samuel_Philipp"><i class="i-xing i-2x i-fw"></i></a></li>
<li><a href="#"><i class="i-gitea i-2x i-fw"></i></a></li> <li><a href="https://www.linkedin.com/in/samuel-philipp"><i class="i-linkedin i-2x i-fw"></i></a></li>
<li><a href="#"><i class="i-github 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://stackoverflow.com/users/9662601/samuel-philipp"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -86,13 +88,15 @@ title: {{site.title}}
<div class="col-md-8"> <div class="col-md-8">
<h2>{{site.strings.about.hello}}</h2> <h2>{{site.strings.about.hello}}</h2>
<p>{{site.strings.about.text}}</p> <p>{{site.strings.about.text}}</p>
<ul class="social-icons mt-4"> <ul class="social-icons my-4">
<li><a href="#"><i class="i-envelope i-2x i-fw"></i></a></li> <li><a href="mailto:mail@samuel-philipp.de"><i class="i-envelope i-2x i-fw"></i></a></li>
<li><a href="#"><i class="i-matrix i-2x i-fw"></i></a></li> <li><a href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de"><i class="i-matrix i-2x i-fw"></i></a></li>
<li><a href="#"><i class="i-mastodon i-2x i-fw"></i></a></li> <li><a href="https://social.sp-codes.de/@samuel_p"><i class="i-mastodon i-2x i-fw"></i></a></li>
<li><a href="#"><i class="i-stackoverflow i-2x i-fw"></i></a></li> <li><a href="https://www.xing.com/profile/Samuel_Philipp"><i class="i-xing i-2x i-fw"></i></a></li>
<li><a href="#"><i class="i-gitea i-2x i-fw"></i></a></li> <li><a href="https://www.linkedin.com/in/samuel-philipp"><i class="i-linkedin i-2x i-fw"></i></a></li>
<li><a href="#"><i class="i-github 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://stackoverflow.com/users/9662601/samuel-philipp"><i class="i-stackoverflow i-2x i-fw"></i></a></li>
</ul> </ul>
</div> </div>
</div> </div>
@ -231,10 +235,9 @@ title: {{site.title}}
<div class="row"> <div class="row">
{%- for item in site.strings.interests.list %} {%- for item in site.strings.interests.list %}
<div class="col-md-3 text-center p-3"> <div class="col-md-3 text-center p-3">
<a href="{{item.url}}" target="_blank" class="work" style="background-image: url(images/portfolio-1.jpg);"> <a href="{{item.url}}" target="_blank" class="interest interest-{{item.image}}">
<div class="desc"> <div class="desc">
<h3>{{item.name}}</h3> <h3>{{item.name}}</h3>
<span>{{item.description}}</span>
</div> </div>
</a> </a>
</div> </div>
@ -242,40 +245,37 @@ title: {{site.title}}
</div> </div>
</div> </div>
</section> </section>
<section id="contact" class="p-0 d-flex"> <!--<section id="contact" class="p-0 d-flex">-->
<div class="video" style="background-image: url(img/sp-magic.png);"> <!-- <div class="video" style="background-image: url(img/sp-magic.png);">-->
<div class="overlay"></div> <!-- <div class="overlay"></div>-->
</div> <!-- </div>-->
<div class="choose"> <!-- <div class="choose">-->
<h2 class="mb-5">{{site.strings.contact.title}}</h2> <!-- <h2 class="mb-5">{{site.strings.contact.title}}</h2>-->
<form action="#"> <!-- <form action="#">-->
<div class="row mb-4"> <!-- <div class="row mb-4">-->
<div class="col-md-12"> <!-- <div class="col-md-12">-->
<input type="text" id="name" class="form-control" placeholder="Your name"> <!-- <input type="text" id="name" class="form-control" placeholder="Your name">-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<!-- <div class="row mb-4">-->
<div class="row mb-4"> <!-- <div class="col-md-12">-->
<div class="col-md-12"> <!-- <input type="text" id="email" class="form-control" placeholder="Your email address">-->
<input type="text" id="email" class="form-control" placeholder="Your email address"> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- <div class="row mb-4">-->
<!-- <div class="col-md-12">-->
<div class="row mb-4"> <!-- <textarea name="message" id="message" cols="30" rows="5" class="form-control h-auto"-->
<div class="col-md-12"> <!-- placeholder="Say something about us"></textarea>-->
<textarea name="message" id="message" cols="30" rows="5" class="form-control h-auto" <!-- </div>-->
placeholder="Say something about us"></textarea> <!-- </div>-->
</div> <!-- <div class="row mb-4">-->
</div> <!-- <div class="col-md-12">-->
<div class="row mb-4"> <!-- <input type="submit" value="Send Message" class="btn btn-primary">-->
<div class="col-md-12"> <!-- </div>-->
<input type="submit" value="Send Message" class="btn btn-primary"> <!-- </div>-->
</div> <!-- </form>-->
</div> <!-- </div>-->
<!--</section>-->
</form>
</div>
</section>
<footer id="footer"> <footer id="footer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">

65
src/scss/main.scss
View file

@ -1,4 +1,4 @@
$primary: #fea500; $primary: #843809;
@import "bootstrap/scss/bootstrap"; @import "bootstrap/scss/bootstrap";
$icomoon-font-path: "../font"; $icomoon-font-path: "../font";
@import "icons/style"; @import "icons/style";
@ -26,7 +26,7 @@ header {
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
background: rgba(254, 165, 0, 0.9); background: rgba(132, 56, 9, 0.9);
} }
.profile-thumb { .profile-thumb {
@ -392,7 +392,7 @@ section {
} }
} }
.work { .interest {
background-size: cover; background-size: cover;
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -405,48 +405,59 @@ section {
text-decoration: none !important; text-decoration: none !important;
color: #000; color: #000;
&:hover {
color: #000;
}
.desc { .desc {
display: table-cell; display: table-cell;
vertical-align: middle;
height: 270px; height: 270px;
background: #fff; padding: 20px;
opacity: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
h3 { h3 {
font-size: 20px; font-size: 20px;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
} }
span { span {
display: block; display: block;
color: lighten(#000, 60%); color: lighten(#000, 60%);
font-size: 14px; font-size: 14px;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
} }
} }
&:hover { &.interest-softwerke {
background-image: url(../img/sp-codes.png);
.desc { .desc {
opacity: 1; vertical-align: top;
color: #fff;
}
}
h3 { &.interest-magic {
-webkit-transform: translate3d(0, 0, 0); background-image: url(../img/sp-magic.png);
transform: translate3d(0, 0, 0);
}
span { .desc {
-webkit-transform: translate3d(0, 0, 0); vertical-align: bottom;
transform: translate3d(0, 0, 0); color: #000;
} }
}
&.interest-sports {
background-image: url(../img/dumbbell.jpg);
.desc {
vertical-align: middle;
color: #fff;
}
}
&.interest-photography {
background-image: url(../img/photography.jpg);
.desc {
vertical-align: top;
color: #000;
} }
} }
} }