-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.html
133 lines (128 loc) · 4.33 KB
/
gallery.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
130
131
132
133
<!doctype html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="src/styles.css" />
<title>benvosper.com</title>
<script
src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"
integrity="sha256-FZsW7H2V5X9TGinSjjwYJ419Xka27I8XPDmWryGlWtw="
crossorigin="anonymous"
></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css"
integrity="sha256-5uKiXEwbaQh9cgd2/5Vp6WmMnsUr3VZZw0a8rKnOKNU="
crossorigin="anonymous"
/>
</head>
<div id="bar">
<div id="links">
<a href="../index.html">Home</a>
</div>
<div id="about">
<a href="../about.html">About</a>
</div>
</div>
<div id="main" style="max-width: 95%">
<h2>Gallery</h2>
<section id="carousel" class="splide" aria-label="carousel">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<a href="assets/buck-663-experiment/663.JPG">
<img
data-splide-lazy="assets/buck-663-experiment/663.JPG"
data-splide-alias="663"
/>
</a>
<p class="caption">
<a href="/projects/buck-663-experiment.html">Buck 663 Copy</a>
</p>
<p class="caption">1084 steel, Kirinite scales. Kydex sheath.</p>
</li>
<li class="splide__slide">
<a href="assets/round-knife/bevel.jpg">
<img
data-splide-lazy="assets/round-knife/bevel.jpg"
data-splide-alias="roundknife"
/>
</a>
<p class="caption">
<a href="/projects/round-knife.html">Round knife</a> for leather
work.
</p>
<p class="caption">1095 steel with walnut handle.</p>
</li>
<li class="splide__slide">
<a href="assets/puukkos/first.jpg">
<img
data-splide-lazy="assets/puukkos/first.jpg"
data-splide-alias="puukko"
/>
</a>
<p class="caption">
Finnish <a href="/projects/puukkos.html">Puukko</a> with stacked
leather handle
</p>
</li>
<li class="splide__slide">
<a href="assets/satchel/v2-a.jpg">
<img
data-splide-lazy="assets/satchel/v2-a.jpg"
data-splide-alias="satchels"
/>
</a>
<p class="caption">
<a href="/projects/satchel.html">Leather Satchels</a>
</p>
</li>
<li class="splide__slide">
<a href="assets/gallery/RG_Para3_2.JPG">
<img data-splide-lazy="assets/gallery/RG_Para3_2.JPG" />
</a>
<p class="caption">
Custom Spyderco Para 3 with
<a href="https://rgcustommetalworks.com/">RG Metalworks</a> Titanium
Scales.
</p>
<p class="caption">
Acid-washed Maxamet blade. Black titanium hardware.
</p>
<p class="caption">Titanium lanyard bead turned by me. Too big?</p>
</li>
<li class="splide__slide">
<a href="assets/gallery/Mule_T15_2.JPG">
<img data-splide-lazy="assets/gallery/Mule_T15_2.JPG" />
</a>
<p class="caption">
Spyderco Mule in CPM REX T15. Acid washed by me.
</p>
<p class="caption">Carbon Fibre and G10 scales made by me.</p>
</li>
<li class="splide__slide">
<a href="assets/gallery/spyderco-customs-2.JPG">
<img data-splide-lazy="assets/gallery/spyderco-customs-2.JPG" />
</a>
<p class="caption">
(Top) Spyderco PM2 in Cru-Wear with
<a href="projects/pm2-scales.html">custom brass scales</a>.
</p>
<p class="caption">
(Bottom) Spyderco Manix 2 in S110V with custom anodised titanium
scales.
</p>
</li>
<li class="splide__slide">
<a href="assets/gallery/clapmaster.jpg">
<img data-splide-lazy="assets/gallery/clapmaster.jpg" />
</a>
<p class="caption">The Clapmaster 5000. Need I say more?</p>
</li>
</ul>
</div>
</section>
<div id="footer">
<p class="note">BV23</p>
</div>
</div>
<script type="module" src="src/gallery.js"></script>