-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
62 lines (62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=880,maximum-scale=1,minimum-scale=.4">
<meta name="author" content="Barry Cap">
<meta name="description" content="The official website of Barry Cap. You can find on this site my different works in domains like image, video, 3D, music… and many cool sorts of things.">
<link rel="icon" href="/assets/favicon.ico">
<link rel="icon" href="/assets/favicon.svg">
<link rel="stylesheet" href="styles.css">
<link rel="manifest" href="manifest.json">
<script src="googleanalytics.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GY5Q2KLJ19"></script>
<script async src="script.js"></script>
<title>Barry Cap</title>
</head>
<body class="intro">
<h1>Barry Cap—The art of web.</h1>
<p><a tabindex="-1" href="about">I</a>’m a French artist and designer. Not living yet from my productions, I would love to work for others.</p>
<p>When I started learning <a tabindex="-1" href="https://html.spec.whatwg.org/multipage/">HTML</a> and <a tabindex="-1" href="https://www.w3.org/Style/CSS/">CSS</a>, it was for me an obvious way of expression.</p>
<svg viewBox="0 0 360 90" class="intro-header-svg">
<path fill="none" stroke="#fff" stroke-width="10" d="M25 25h10a5 5 0 110 20h-10h10a5 5 0 110 20h-10v-40zm40 20v25v-35a5 5 0 1120 0v35v-25zm40 25v-45h10a5 5 0 110 20h-10h10a10 10 0 0110 10v15m20 0v-45h10a5 5 0 110 20h-10h10a10 10 0 0110 10v15m20-50v20a5 5 0 005 5h5v25v-25h5a5 5 0 005-5v-20m55 5h-10a15 15 0 00-15 15v10a15 15 0 0015 15h10m15-20v25v-35a5 5 0 1120 0v35v-25zm40 25v-45h10a5 5 0 110 20h-10"/>
</svg>
<svg viewBox="0 0 360 90" class="intro-header-svg intro-header-svg-red">
<path fill="none" stroke="#f00" stroke-width="10" d="M25 25h10a5 5 0 110 20h-10h10a5 5 0 110 20h-10v-40zm40 20v25v-35a5 5 0 1120 0v35v-25zm40 25v-45h10a5 5 0 110 20h-10h10a10 10 0 0110 10v15m20 0v-45h10a5 5 0 110 20h-10h10a10 10 0 0110 10v15m20-50v20a5 5 0 005 5h5v25v-25h5a5 5 0 005-5v-20m55 5h-10a15 15 0 00-15 15v10a15 15 0 0015 15h10m15-20v25v-35a5 5 0 1120 0v35v-25zm40 25v-45h10a5 5 0 110 20h-10"/>
</svg>
<svg viewBox="0 0 360 90" class="intro-header-svg intro-header-svg-blue">
<path fill="none" stroke="#00f" stroke-width="10" d="M25 25h10a5 5 0 110 20h-10h10a5 5 0 110 20h-10v-40zm40 20v25v-35a5 5 0 1120 0v35v-25zm40 25v-45h10a5 5 0 110 20h-10h10a10 10 0 0110 10v15m20 0v-45h10a5 5 0 110 20h-10h10a10 10 0 0110 10v15m20-50v20a5 5 0 005 5h5v25v-25h5a5 5 0 005-5v-20m55 5h-10a15 15 0 00-15 15v10a15 15 0 0015 15h10m15-20v25v-35a5 5 0 1120 0v35v-25zm40 25v-45h10a5 5 0 110 20h-10"/>
</svg>
<div class="txt">
<p class="intro-button-container">
<a class="button intro-button" href="home">Home</a>
<a class="button intro-button" href="works">Works</a>
<a class="button intro-button" href="about">About</a>
<a class="button intro-button" href="random">Random</a>
</p>
</div>
<nav class="social">
<a target="_blank" href="https://www.youtube.com/BarryCap">
<img src="icon/social/youtube.svg" width="64" height="64" title="YouTube">
</a>
<a target="_blank" href="https://soundcloud.com/barrycap">
<img src="icon/social/soundcloud.svg" width="64" height="64" title="SoundCloud">
</a>
<a target="_blank" href="https://www.instagram.com/barrycap1/">
<img src="icon/social/instagram.svg" width="64" height="64" title="Instagram">
</a>
<a target="_blank" href="https://twitter.com/BarryCap0">
<img src="icon/social/twitter.svg" width="64" height="64" title="Twitter">
</a>
<a target="_blank" href="https://github.com/BarryCap">
<img src="icon/social/github.svg" width="64" height="64" title="GitHub">
</a>
<a target="_blank" href="https://codepen.io/barrycap">
<img src="icon/social/codepen.svg" width="64" height="64" title="CodePen">
</a>
</nav>
<video class="intro-video" muted autoplay loop poster="assets/bg/intro.png">
<source src="assets/bg/intro.mp4" type="video/mp4"/>
</video>
</body>
</html>