nick/ikwilvanmijnicmpaf.nl
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Nick Bouwhuis 2020-12-30 16:38:19 +01:00
commit 01acb20fbc
4 changed files with 69 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
.drone.yml Normal file
View File

@ -0,0 +1,16 @@
pipeline:
publish:
image: drillster/drone-rsync
hosts:
from_secret: rsync_host
key:
from_secret: rsync_key
user:
from_secret: rsync_user
source: ./
target: /var/www/vhosts/nick.bouwhuis.io/ikwilvanmijnicmpaf.nl
recursive: true
delete: true
when:
branch: [master]
event: [push]

25
index.html Normal file
View File

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<title>ikwilvanmijnicmpaf.nl</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="description" content="Ik wil van mijn ICMP af" />
<meta name="keywords" content="" />
<meta name="language" content="NL">
<meta name="msapplication-TileColor" content="#fa6900">
<meta name="theme-color" content="#ffffff">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="stylesheet" href="res/style.css">
</head>
<body>
<div class="shadow"><img class="logo" src="res/logo.png" /></div>
</body>
</html>

BIN
res/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

28
res/style.css Normal file
View File

@ -0,0 +1,28 @@
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
margin: 0px;
position: relative;
}
div.shadow {
position: absolute;
max-width: 45%;
max-height: 45%;
top: 50%;
left: 50%;
overflow: visible;
}
img.logo {
position: relative;
max-width: 100%;
max-height: 100%;
margin-top: -50%;
margin-left: -50%;
}