-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
99 lines (99 loc) · 5 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
<!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 › Home</title>
</head>
<body class="home" onload="window.scrollTo(0,0)">
<div>
<a href="./">
<svg viewBox="0 0 320 50" width="780" height="122" class="header-svg">
<style>
.header-svg{stroke:#fff;stroke-width:10;transition-duration:.2s;mix-blend-mode:difference}
.header-svg:hover{stroke:#ccc;stroke-width:7.5}
.header-svg:active{stroke:#888;stroke-width:5}
</style>
<title>Barry Cap</title>
<path fill="none" d="M5 5h10a5 5 0 110 20h-10h10a5 5 0 110 20h-10v-40zM45 25v25v-35a5 5 0 1120 0v35v-25zM85 50v-45h10a5 5 0 110 20h-10h10a10 10 0 0110 10v15M125 50v-45h10a5 5 0 110 20h-10h10a10 10 0 0110 10v15M165 0v20a5 5 0 005 5h5v25v-25h5a5 5 0 005-5v-20M240 5h-10a15 15 0 00-15 15v10a15 15 0 0015 15h10M255 25v25v-35a5 5 0 1120 0v35v-25zM295 50v-45h10a5 5 0 110 20h-10"/>
</svg>
</a>
<div class="txt">
<p class="button-container">
<a class="button" href="home">Home</a>
<a class="button" href="works">Works</a>
<a class="button" href="about">About</a>
<a class="button" href="random">Random</a>
</p>
</div>
<a href="images/warning">
<img src="thumbnails/warning.png" alt="warning" title="Warning" width="780" height="439">
</a>
<a class="button button-spot" href="spotlight">Spotlight</a>
<br>
<a href="images/04BDE03_2880p">
<img src="thumbnails/04BDE03_2880p.png" alt="04BDE03_2880p" title="Bulle D'Eau" width="388" height="218">
</a>
<a href="images/08LC25_2880p">
<img src="thumbnails/08LC25_2880p.png" alt="08LC25_2880p" title="Le Clocher" width="388" height="218">
</a>
<br>
<a href="images/FW8000">
<img src="thumbnails/FW8000.png" alt="FW8000" title="FW8000" width="496" height="280">
</a>
<a href="images/logobcap_v1.1">
<img src="assets/old-favicon.svg" alt="logobcap_v1.1" title="old BCAP logo" width="280" height="280" style="border-radius:44px">
</a>
<br>
<a href="videos/NightOfTheAlien">
<video width="388" height="218" muted autoplay loop poster="/thumbnails/NightOfTheAlien.gif">
<source src="thumbnails/NightOfTheAlien.mp4" type="video/mp4"/>
</video>
</a>
<a href="images/ArbreMort">
<img src="thumbnails/ArbreMort.jpg" alt="Arbre Mort" title="Arbre Mort" width="388" height="218">
</a>
<p class="sub-txt">Click on any image to display additional information.</p>
</div>
<div class="button-help-container" title="Help">
<a class="button-help" id="button-help-home" href="/help">
<svg viewBox="0 0 40 40" fill="none" stroke="#fff" stroke-width="3">
<path d="M20,2 a1 1 0 010,36 a1 1 0 010,-36z m-8,13 a8 8 0 118,8 v6"/>
<circle cx="20" cy="33" r=".5"/>
</svg>
</a>
</div>
<div class="cookie-container">
<svg class="cookie-svg" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="#fff" stroke-width="2">
<path d="M16 1a1 1 0 000 30a16 16 0 0015-15a1 1 0 01-5-2a1 1 0 01-4-4a1 1 0 01-3-5a1 1 0 01-3-4m-10 13a1 1 0 000 4a2 2 0 002-2q2-2-2-2zm11 7a1 1 0 004 0a2 2 0 00-2-2q-2-1-2 2zm-7 4a1 1 0 014 0c0 1-4 4-4 0zm0-17a1 1 0 004 0q0-3-2-2t-2 2z"/>
</svg>
<p class="cookie-txt">This site uses two little cookies from Google.</p>
<button class="cookie-button" onclick="cookieButton()">
<svg class="cookie-svg-cross" viewBox="0 0 16 16" fill="none" stroke="#fff" stroke-width="2">
<path d="M1 1L15 15M15 1L1 15"/>
</svg>
</button>
</div>
<footer>
<img class="img-footer" src="/assets/smile.svg" alt=":)" width="780" height="186">
<div class="footer-wide">
<p class="footer-table-copyright">© 2022 <a href="/">Barry Cap</a></p>
<nav class="footer-table">
<a class="footer-table-button button" href="/help">Help</a>
<a class="footer-table-button button" href="/contributing">Contribution guidelines</a>
<a class="footer-table-button button" href="/license">License</a>
<a class="footer-table-button button" target="_blank" href="https://github.com/BarryCap/BarryCap.github.io">GitHub</a>
</nav>
</div>
</footer>
</body>
</html>