-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
129 lines (128 loc) · 3.54 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
---
permalink: /
---
<html>
<head>
<title>Rien de spécial</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<style>
body {
background: #DB4436;
background-image: url(/assets/img/background.svg);
background-size: 1440px 1280px;
background-repeat: no-repeat;
font-family: sans-serif;
padding: 0;
}
a {
text-decoration: none;
font: inherit;
color: inherit;
}
#content {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap-reverse;
justify-content: space-evenly;
align-items: center;
align-content: space-around;
width: 100%;
max-width: 1800px;
height: 100%;
max-height: 1200px;
}
.card {
width: 280px;
height: 180px;
box-shadow: 10px 10px 40px rgba(0,0,0,0.5);
margin: 10px 40px;
padding: 10px;
background: white;
font-size: 24px;
}
.bg-blue {
background: #03A9F4;
color: white;
}
.bg-red {
background: #DB4436;
}
.bg-fbblue {
background: #3b5998;
color: white;
}
.no-padding {
padding: 0 !important;
}
.card.no-padding {
width: 300px;
height: 200px;
}
.card-content {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.pos-abs {
position: absolute;
}
@media screen and (max-width: 400px) {
.card {
width: 205px;
height: 140px;
margin: 5px 20px;
padding: 5px;
}
.card.no-padding,
.profileimg {
width: 195px;
height: 130px;
}
}
</style>
{% include head_favico.html %}
{% include head_prefetch.html %}
</head>
<body>
<div id="content">
<div class="card bg-fbblue">
<a href="{{site.social.fb}}">
<div class="card-content">Facebook</div>
</a>
</div>
<div class="card bg-blue">
<a href="/blog/">
<div class="card-content">Blog</div>
</a>
</div>
<div class="card bg-red no-padding">
<img width="300" height="200" class="profileimg pos-abs" src="data:image/webp;base64,UklGRu4BAABXRUJQVlA4IOIBAABQEwCdASqWAGQAP/3+/3+/v7+7rVctE/A/iWYA0o4WK9BUWEy8IudXKN3qYvS/AC4hRDqePo73+XcBS/RHFBqosFUysLfSLs5DzwP8Gsv6rYX8VwOLq9iOtSjVb2ljVqZLDslR5zV77jlM/2oiQlsga4UzH5AvNipzbPHcSSX5ZiOlwwttY9Oq3Zst4dIyRjtOuy9qp1MdwxnT5NpTFUFEFDOAAP3FziIFpGum14SuNWtNFxvSSPflbnY4r7igJxeXNf3SFY5EyhYZpGmWAoEuLcVvy1gnitjaOEVfemR22fFs8DWoMa4KRjmQDn1ksFMW7f8ZS/MOKZtKjn61nwWp5yrOOHBWNBbgAcRBr+zfVMqPZOmfqQziuZKGmLkarBC/IOpbCZFc/j9XG2PIS7bMTBnwbZxD7e77A45yOUMwhF0Ab5MC6HCyD8gCvMt/dwG9KnBZ7unynrVVyG/5Y4tnLECBaEQdwTk2ye/vy/a0E6MRloORQSnAXfCanJg22pR7QXPY4iPnL7pKkrrZoj4SBcmbj3ZN3L8g0KWbiQn8Wg7wHYZCamS0SQ+KYTg/GrK6ZhAisIuEkT+KBq9CkrA2yrpjUaD0cCI0zDNC/3Xt2GTNURw21z+aYwDx6SOhyIAAAA==">
<img id="profile-hd" width="300" height="200" class="profileimg pos-abs">
<noscript>
<img src="/assets/img/profile.webp" width="300" height="200" class="profileimg pos-abs">
</noscript>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function(event) {
var i=document.getElementById('profile-hd');
i.setAttribute('src', "/assets/img/profile.webp");
});
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"name": "Régis Décamps",
"url": "http://regis.decamps.info",
"sameAs": [
"https://www.facebook.com/regis.decamps",
"https://plus.google.com/+R%C3%A9gisD%C3%A9camps",
"https://soundcloud.com/regisd"
]
}
</script>
</body>
</html>