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

develop #17

Manually merged
samuel-p merged 3 commits from develop into master 2020-07-30 22:17:18 +00:00
Conversation 0 Commits 3 Files changed 6 +110 -51
6 changed files with 110 additions and 51 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
.drone.yml
View file

@ -12,7 +12,24 @@ steps:
commands: commands:
- npm install - npm install
- npm run build - npm run build
- name: deploy - name: deploy-develop
image: alpine
environment:
FTP_HOST:
from_secret: FTP_HOST
FTP_USERNAME:
from_secret: FTP_USERNAME
FTP_PASSWORD:
from_secret: FTP_PASSWORD
commands:
- which lftp || ( apk --update add lftp )
- lftp -e "set ftp:ssl-force true; set ssl:verify-certificate no; mirror -R ./dist/ dev.samuel-philipp.de/; bye" -u $FTP_USERNAME,$FTP_PASSWORD $FTP_HOST
when:
branch:
- develop
event:
- push
- name: deploy-master
image: alpine image: alpine
environment: environment:
FTP_HOST: FTP_HOST:

4
README.md
View file

@ -12,8 +12,8 @@ Website for samuel-philipp.de
The following Parameters are set directly on the Web-Server. The following Parameters are set directly on the Web-Server.
``` ```
Content-Security-Policy: default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; font-src 'self'; frame-ancestors 'none'; base-uri 'self'; form-action 'none' Content-Security-Policy: default-src 'none'; script-src 'self' https://plausible.sp-codes.de; object-src 'none'; style-src 'self'; img-src 'self' https://img.shields.io; media-src 'none'; frame-src 'none'; font-src 'self'; connect-src 'self' https://plausible.sp-codes.de
Referrer-Policy: same-origin Referrer-Policy: strict-origin-when-cross-origin
Feature-Policy: sync-xhr 'self' Feature-Policy: sync-xhr 'self'
Strict-Transport-Security: max-age=31536000; includeSubDomains; preload Strict-Transport-Security: max-age=31536000; includeSubDomains; preload
X-Content-Type-Options: nosniff X-Content-Type-Options: nosniff

2
renovate.json
View file

@ -3,7 +3,7 @@
"samuel-p" "samuel-p"
], ],
"baseBranches": [ "baseBranches": [
"master" "develop"
], ],
"rangeStrategy": "bump" "rangeStrategy": "bump"
} }

BIN
src/img/bg.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 614 KiB

After

Width:  |  Height:  |  Size: 33 KiB

49
src/index.html
View file

@ -31,11 +31,18 @@
<meta name="twitter:image" content="https://samuel-philipp.de/img/samuel-philipp.jpg"> <meta name="twitter:image" content="https://samuel-philipp.de/img/samuel-philipp.jpg">
<link rel="shortcut icon" href="img/samuel.png"> <link rel="shortcut icon" href="img/samuel.png">
<link rel="stylesheet" href="css/main.min.css"> <link rel="stylesheet" href="css/main.min.css">
<script async defer data-domain="samuel-philipp.de" src="https://plausible.sp-codes.de/js/plausible.js"></script>
</head> </head>
<body> <body>
<div id="developer" class="image"></div> <div class="site-container">
<div id="magician" class="image"></div> <div class="content">
<div class="headers"> <div class="follow">
<a rel="me" href="https://social.tchncs.de/@samuel_p">
<img alt="Mastodon Follow" src="https://img.shields.io/mastodon/follow/249926?domain=https%3A%2F%2Fsocial.tchncs.de"></a>
</div>
<div id="developer" class="image"></div>
<div id="magician" class="image"></div>
<div class="headers">
<div class="codes"> <div class="codes">
<h1 class="developer">Software Engineer</h1> <h1 class="developer">Software Engineer</h1>
</div> </div>
@ -43,28 +50,46 @@
<div class="magic"> <div class="magic">
<h1 class="magician">Magician</h1> <h1 class="magician">Magician</h1>
</div> </div>
</div> </div>
<code id="links" class="image"> <code id="links" class="image">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" width="100%" height="100%" viewBox="0 0 2560 1440" preserveAspectRatio="xMidYMid slice"> version="1.1" width="100%" height="100%" viewBox="0 0 2560 1440" preserveAspectRatio="xMidYMid slice">
<a xlink:href="//sp-codes.de" style="width: 100%; height: 100%;"> <a xlink:href="//sp-codes.de" class="full-size">
<path d="M 0,796 C 0,796 1330,480 2560,460 L 2560,0 L 0,0 Z" fill-opacity="0"></path> <path d="M 0,796 C 0,796 1330,480 2560,460 L 2560,0 L 0,0 Z" fill-opacity="0"></path>
</a> </a>
<a xlink:href="//sp-magic.de" style="width: 100%; height: 100%;"> <a xlink:href="//sp-magic.de" class="full-size">
<path d="M 0,796 C 0,796 1330,480 2560,460 L 2560,1440 L 0,1440 Z" fill-opacity="0"></path> <path d="M 0,796 C 0,796 1330,480 2560,460 L 2560,1440 L 0,1440 Z" fill-opacity="0"></path>
</a> </a>
</svg> </svg>
</code> </code>
<div class="menu py-2 px-3"> <div class="menu py-2 px-3">
<div><a href="https://sp-codes.de/de/imprint"><span <div><a href="https://sp-codes.de/de/imprint"><span
class="fas fa-info-circle mr-2"></span>Imprint</a></div> class="fas fa-info-circle mr-2"></span>Imprint</a></div>
<div><a href="https://sp-codes.de/de/privacy"><span <div><a href="https://sp-codes.de/de/privacy"><span
class="fas fa-user-secret mr-2"></span>Privacy</a></div> class="fas fa-user-secret mr-2"></span>Privacy</a></div>
<div><a target="_blank" href="https://git.sp-codes.de/samuel-p/samuel-philipp.de"><span <div><a target="_blank" href="https://git.sp-codes.de/samuel-p/samuel-philipp.de"><span
class="fas fa-code mr-2"></span>Code</a></div> class="fas fa-code mr-2"></span>Code</a></div>
</div> </div>
<div class="d-none"> </div>
<a rel="me" href="https://social.tchncs.de/@samuel_p">Mastodon</a> <div class="footer">
<div class="d-flex justify-content-start flex-wrap p-2 menu border-top">
<div class="d-flex justify-content-start flex-wrap">
<div class="mr-3">Made with <span class="fas fa-heart highlight"></span> in Germany</div>
<div class="mr-3"><span class="far fa-copyright mr-2"></span>Samuel Philipp</div>
</div>
<div class="flex-sm-grow-1"></div>
<div class="d-flex justify-content-sm-start flex-wrap">
<div class="mr-3"><a href="//sp-codes.de/de/imprint"><span class="fas fa-info-circle mr-2"></span>Impressum</a>
</div>
<div class="mr-3"><a href="//sp-codes.de/de/privacy"><span class="fas fa-user-secret mr-2"></span>Datenschutz</a>
</div>
<div class="mr-3"><a target="_blank" href="https://git.sp-codes.de/samuel-p/samuel-philipp.de"><span
class="fas fa-code mr-2"></span>Code</a></div>
<div><a target="_blank" href="https://plausible.sp-codes.de/samuel-philipp.de"><span
class="fas fa-chart-line mr-2"></span>Statistiken</a></div>
</div>
</div>
</div>
</div> </div>
<script type="text/javascript" src="js/main.min.js"></script> <script type="text/javascript" src="js/main.min.js"></script>
</body> </body>

49
src/scss/main.scss
View file

@ -18,10 +18,24 @@ 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;
}
&.legal { .site-container {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
overflow: hidden;
.content {
position: relative;
flex: 1 1 auto;
}
.footer {
background-image: url("../img/bg.png"); background-image: url("../img/bg.png");
padding: 2%; color: #ffffff;
z-index: 1;
} }
} }
@ -30,7 +44,7 @@ body {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
position: fixed; position: absolute;
top: -25px; top: -25px;
left: -25px; left: -25px;
width: calc(100% + 50px); width: calc(100% + 50px);
@ -38,6 +52,14 @@ body {
z-index: 0; z-index: 0;
} }
.follow {
position: absolute;
top: 0;
right: 0;
padding: 1rem;
z-index: 1;
}
#developer { #developer {
background-image: url('../img/sp-codes.png'); background-image: url('../img/sp-codes.png');
} }
@ -47,7 +69,7 @@ body {
} }
.headers { .headers {
position: fixed; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
@ -111,19 +133,14 @@ body {
} }
.menu { .menu {
position: fixed;
right: 0;
bottom: 0;
background-color: rgba(255, 255, 255, 0.6);
border-top: 1px solid #ffffff; border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-top-left-radius: 8px; a {
color: #ffffff;
}
} }
.menu a { .full-size {
color: #000000; width: 100%;
} height: 100%;
.menu a:hover {
color: #222222;
} }