-
Notifications
You must be signed in to change notification settings - Fork 0
/
spotlight.html
101 lines (101 loc) · 5.49 KB
/
spotlight.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
<!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 › Spotlight</title>
</head>
<body class="spotlight">
<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:#c8f;stroke-width:7.5}
.header-svg:active{stroke:#80f;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>
<h3 class="sub-title" style="background:#80f4;margin-bottom:16px">Spotlight</h3>
<p class="sub-txt img-title">Warning</p>
<a href="images/warning">
<img src="thumbnails/warning.png" alt="warning" title="Warning" width="780" height="439">
</a>
<p class="spot-sub-txt">This picture was spotlighted on the 29<sup>th</sup> of July 2022.</p>
<p class="sub-txt img-title">Build</p>
<a href="images/build">
<img src="thumbnails/build.jpg" alt="build" title="Build" width="780" height="439">
</a>
<p class="spot-sub-txt">This picture was spotlighted on the 7<sup>th</sup> of November 2021.</p>
<p class="sub-txt img-title">Indefinite Piano</p>
<a href="images/IP08_2880pDirty">
<img src="thumbnails/IP08_2880pDirty.png" alt="IP08_2880pDirty" title="Indefinite Piano" width="780" height="439">
</a>
<p class="spot-sub-txt">This picture was spotlighted on the 29<sup>th</sup> of September 2021.</p>
<p class="sub-txt img-title">Square Systems</p>
<a href="images/SquareSystems">
<img src="images/SquareSystems.svg" alt="SquareSystems" title="Square Systems" width="780" height="439">
</a>
<p class="spot-sub-txt">This picture was spotlighted on the 4<sup>th</sup> of September 2021.</p>
<p class="sub-txt img-title">Forme</p>
<a href="images/13F09_2880pSubmarineUnderPinkWater">
<img src="thumbnails/13F09_2880p.jpg" alt="13F09_2880pSubmarineUnderPinkWater" title="Forme" width="780" height="439">
</a>
<p class="spot-sub-txt">This picture was spotlighted on the 4<sup>th</sup> of August 2021.</p>
<p class="sub-txt img-title">Chemin Sombre</p>
<a href="images/CheminSombre">
<img src="images/CheminSombre.svg" alt="CheminSombre" title="Chemin Sombre" width="780px" height="439" style="background:#fff">
</a>
<p class="spot-sub-txt">This picture was spotlighted on the 13<sup>th</sup> of July 2021.</p>
<p class="sub-txt img-title">Light Ice Fraktur</p>
<a href="images/LI3D19_2880pGreener">
<img src="thumbnails/LI3D19_2880pGreener.jpg" alt="LI3D19_2880pGreener" title="Light Ice Fraktur" width="780" height="439">
</a>
<p class="spot-sub-txt">This picture was spotlighted on the 28<sup>th</sup> of May 2021.</p>
<p class="sub-txt img-title">Colone</p>
<a href="images/12C17_2880pOIDp">
<img src="thumbnails/12C17_2880pOIDp.png" alt="12C17_2880pOIDp" title="Colone" width="780" height="439">
</a>
<p class="spot-sub-txt">This picture was spotlighted on the 15<sup>th</sup> of May 2021.</p>
</div>
<div class="button-help-container" title="Help">
<a class="button-help" 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>
<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>