-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (59 loc) · 4.11 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="description" content="Jamstacked Template!" />
<meta charset="utf-8" />
<title>A little Jamstack ditty</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="" />
<style>
body {
background: linear-gradient(180deg,
#121a39,
#18119F);
width: 100%;
height: 100vh;
padding: 10vmin;
overflow: hidden;
color: white;
font-size: 16px;
font-family: Roboto, sans-serif;
}
h1 {
font-size: 8vmin;
}
p {
opacity: 0.8;
}
section.info {
margin: 80px 0 100px;
}
.phil {
position: absolute;
bottom: 100px;
right: 100px;
border: 3px solid pink;
}
</style>
</head>
<body>
<svg width="300" height="50" viewBox="0 0 773 109" xmlns="http://www.w3.org/2000/svg" class="header-logo"
aria-labelledby="logo" role="presentation">
<title id="logo">Jamstack Logo</title>
<path
d="M163.8 15.8h-15.1v39.5c0 1.4 0 3.2-.6 4.8-.5 1.5-1.7 2.7-4 2.7-3.2 0-4-2.7-4.4-5l-.1-1.8h-16.1c0 1.6.1 3 .4 4.5 2.5 15.6 18.1 15.6 19.5 15.6 4 0 8.3-1.1 12-3.4a18 18 0 006.5-7 34 34 0 001.9-14.1V15.8zm55.3 14.8h-13.3v4.7c-1.7-2.7-5.8-6.2-13-6.2-12 0-22.4 9.1-22.4 23.7 0 12.7 8.2 23.7 22.3 23.7 5.2 0 10.7-2 13.1-6.3V75h13.3V30.6zm-35.4 22.3c0-5 3.3-11.4 11-11.4 5.5 0 8.6 3.1 10 6.1 1 1.9 1.3 3.9 1.1 5.9-.1 2-.7 3.9-1.8 5.7-1.7 2.7-4.6 5-9.3 5-8 0-11-7.1-11-11.2zM228.8 75h13.3V51.4c0-1.4 0-3.8 1-6 1-2 2.8-3.8 6.5-3.8 3.4 0 5 1.6 5.9 3.7.8 2 .8 4.3.8 5.5V75h13.2V50.8c0-1.3 0-3.6 1-5.6.9-2 2.7-3.6 6.4-3.6 3.4 0 5.1 1.5 6 3.6.8 2 .8 4.4.8 6.2V75H297V50.8c0-9.9-.7-12.8-4.8-17.2a16 16 0 00-11.7-4.5c-4.6 0-8.2 1.7-10.9 4a18.2 18.2 0 00-3.2 3.9 15 15 0 00-2.6-3.7 13.6 13.6 0 00-10.2-4.2c-4.6 0-7.7 1.5-9.7 3.1-1.9 1.5-2.7 3.1-2.7 3.1v-4.7h-12.4V75zm109.4-32c-1-11.6-11.2-14-17-14-9.2 0-17.2 6-17.2 15.1 0 6 4.8 9.8 10.6 11.6 8.4 3.3 11.7 3.7 11.7 6.7 0 2.2-2.4 3.5-4.6 3.5-.6 0-4.5 0-5-4.1h-13.3c1.2 11.7 11.4 14.7 18.1 14.7 9.9 0 18.1-5.7 18.1-15.5 0-9.6-8-11.8-15.5-14-3.5-1-6.8-2.3-6.8-4.3 0-1.2 1-3 3.7-3 4 0 4.1 2.4 4.2 3.4h13zM349 75h13.3V40.7h6.4V30.6h-6.4V15.8h-13.3v14.8h-6.6v10h6.6V75zm70.5-44.4H406v4.7c-1.8-2.7-5.9-6.2-13.1-6.2-11.9 0-22.4 9.1-22.4 23.7 0 12.7 8.3 23.7 22.4 23.7 5.2 0 10.7-2 13-6.3V75h13.4V30.6zm-35.5 22.3c0-5 3.4-11.4 11-11.4 5.6 0 8.6 3.1 10 6.1 1 1.9 1.3 3.9 1.2 5.9-.2 2-.7 3.9-1.9 5.7-1.6 2.7-4.5 5-9.2 5-8 0-11-7.1-11-11.2zm76.5 5.2c-1.4 2.7-4 6-9.6 6-6.3 0-10.6-4.9-10.6-11.3 0-3.2 1-6.1 3-8.2 1.9-2 4.5-3.3 7.6-3.1 5.5 0 8.2 3.2 9.6 6.2H474a23.5 23.5 0 00-23.6-18.6A23.3 23.3 0 00427 52.7a23.5 23.5 0 0023.8 23.7c12 0 20.8-8.2 23.2-18.3h-13.5zM480.5 75h13.3V53.6L506.5 75h15l-16.2-24.9 16.8-19.5h-15.8l-12.5 16V15.9h-13.3V75zm115-22.2c-1 2.1-4.8 10-14.3 10-9.8 0-15.9-8.6-15.9-17.6 0-8.4 5.7-17.2 15.8-17.2 8.2 0 12.7 5.9 14.4 10.3h15.8a30.3 30.3 0 00-30-23.6c-19.4 0-31.1 15.5-31.1 30.6 0 16 12.6 30.8 31.2 30.8 14.3 0 26.5-9.3 29.9-23.3h-15.8zm21 0c0 10.8 7.8 23.6 24 23.6 16 0 23.8-12.8 23.8-23.6 0-11-7.7-23.6-23.9-23.6-16.1 0-23.9 12.7-23.9 23.5zm13.3 0c0-6.5 4.9-11.2 10.6-11.2 5.8 0 10.7 4.7 10.7 11.2 0 6.4-5 11.2-10.7 11.2-5.7 0-10.6-4.8-10.6-11.2zm42 22.2h13.3V50.8c0-4.5 1-9.2 7.6-9.2 6 0 7 4.3 7 9.2V75H713V47.2c0-6-1.5-18.1-16.5-18.1-8 0-10.7 4-12.2 6.2v-4.7h-12.4V75zm51 0h13.4V40.7h5.6V30.6h-5.6v-1.7c0-4.2 3-4.2 5.6-4.2v-10c-9.4 0-19 1.1-19 14v1.9H718v10h5V75z"
fill="#fff"></path>
<path d="M48.7.2a48.4 48.4 0 1048.5 48.5V.2H48.7z" fill="#F0047F"></path>
<path d="M47.1 50.2v34a35.6 35.6 0 01-34-34h34zM50.2 50.3h34a35.6 35.6 0 01-34 34v-34zM50.2 13.1h34v34h-34v-34z"
fill="#fff" stroke="#F0047F"></path>
</svg>
<section class="info">
<h1>Deploy this template!</h1>
<p>Whoever deploys this site the fastest wins! Here we go here we go here we go now.</p>
<a href="https://app.netlify.com/start/deploy?repository=https://github.com/netlify-labs/jamstack-template">
<img src="https://www.netlify.com/img/deploy/button.svg" title="Deploy to Netlify">
</a>
</section>
<img class="phil" src="https://assets.codepen.io/28963/phil-street.gif" />
</body>
</html>