Skip to content

Commit 7614da0

Browse files
devansmelldevansmell
authored
dont make set rates lol
1 parent c323150 commit 7614da0

2 files changed

Lines changed: 390 additions & 59 deletions

File tree

‎index.html‎

Lines changed: 19 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -110,13 +110,12 @@
110110
.freeform-gallery {
111111
position: relative;
112112
width: 100%;
113-
padding-bottom: 110%; /* approximate aspect for the overlap layout */
114113
margin: 2rem auto;
115114
}
116115
.freeform-gallery img {
117116
position: absolute;
118117
cursor: pointer;
119-
transition: transform 0.15s ease, z-index 0s;
118+
transition: transform 0.15s ease;
120119
}
121120
.freeform-gallery img:hover { transform: scale(1.04); z-index: 99 !important; }
122121

@@ -162,12 +161,8 @@
162161
/* ── Blur word ── */
163162
.blur-word { color: white; filter: blur(3px); }
164163

165-
/* ── Section spacer ── */
166-
.spacer { display: block; height: 1rem; }
167-
168164
@media (max-width: 700px) {
169165
.hero-img { max-width: 95%; }
170-
.freeform-gallery { padding-bottom: 200%; }
171166
.column-set { grid-template-columns: 1fr; }
172167
h1 { font-size: 2.5rem; }
173168
}
@@ -184,7 +179,6 @@
184179
<h1>HIRE ME</h1>
185180
<br><br>
186181

187-
<!-- Hero image: hash U2843125805986363442443944499253 = 651695099_858942100526700_4792455759673415436_n.jpg -->
188182
<img class="hero-img zoomable" src="img/651695099_858942100526700_4792455759673415436_n.jpg" alt="Hero photo">
189183

190184
<br><br><br>
@@ -203,27 +197,12 @@ <h1>HIRE ME</h1>
203197

204198
<!-- ══════════════════════════════════════════
205199
SECTION 2 — 35MM FILM
206-
9 images: 000008–000041 (35mm film shots)
207200
══════════════════════════════════════════ -->
208201
<section class="page" id="35mm">
209202
<div class="page-content">
210203
<h1>35mm film</h1>
211204
<br>
212205

213-
<!--
214-
Freeform gallery — 9 images.
215-
Positions preserved from freeform-x / freeform-y / freeform-z / freeform-scale attributes.
216-
Images mapped in slot order:
217-
slot-0 000008.jpg (31.5%, x=2.3%, y=0%)
218-
slot-1 000011.jpg (41.4%, x=30.9%, y=4.9%)
219-
slot-2 000012.jpg (31.7%, x=70.5%, y=22.4%)
220-
slot-3 000020.jpg (34.3%, x=4.9%, y=36.5%)
221-
slot-4 000021.jpg (35.9%, x=53.4%, y=37.5%)
222-
slot-5 000022.jpg (32.6%, x=29.9%, y=51.4%)
223-
slot-6 000023.jpg (29.5%, x=71.4%, y=56.7%)
224-
slot-7 000031.jpg (33.1%, x=-2.2%, y=66.6%)
225-
slot-8 000041.jpg (28.5%, x=27.7%, y=77.0%)
226-
-->
227206
<div class="freeform-gallery" id="gallery-35mm" style="padding-bottom: 110%; margin-bottom: 18rem;">
228207
<img src="img/000008.jpg" style="width:31.5%; left:2.3%; top:0%; z-index:5;" alt="35mm photo">
229208
<img src="img/000011.jpg" style="width:41.4%; left:30.9%; top:4.9%; z-index:6;" alt="35mm photo">
@@ -239,9 +218,9 @@ <h1>35mm film</h1>
239218
<div class="column-set">
240219
<div class="column-unit">
241220
<h1>
242-
Press Pics + Gig Pics<br>75 eur<br>
243-
<br>Gig Pics:<br>60eur<br>
244-
<br>Press Pics:<br>55eur
221+
Press Pics + Gig Pics<br>
222+
<br>Gig Pics<br>
223+
<br>Press Pics
245224
</h1>
246225
</div>
247226
<div class="column-unit">
@@ -261,53 +240,34 @@ <h1>
261240

262241
<!-- ══════════════════════════════════════════
263242
SECTION 3 — DIGICAM
264-
13 images: P1010055–edit10 (digicam shots)
265243
══════════════════════════════════════════ -->
266244
<section class="page" id="digicam">
267245
<div class="page-content">
268246
<h1>DIGICAM</h1>
269247
<br>
270248

271-
<!--
272-
Freeform gallery — 13 images.
273-
Mapped in slot order to digicam files:
274-
slot-0 P1010055.jpg (32.5%, x=1.3%, y=0%)
275-
slot-1 P1010176.jpg (30.0%, x=68.1%, y=1.4%)
276-
slot-2 P1010223.jpg (30.8%, x=32.1%, y=12.0%)
277-
slot-3 P1010224.jpg (38.9%, x=58.9%, y=27.0%)
278-
slot-4 P1010232.jpg (31.0%, x=3.7%, y=27.9%)
279-
slot-5 P1010249.jpg (25.8%, x=29.8%, y=41.7%)
280-
slot-6 P1010267.jpg (20.0%, x=71.4%, y=49.1%)
281-
slot-7 2026-03-14_16-25-01.jpg (29%, x=4.1%, y=57.4%)
282-
slot-8 2026-03-14_16-45-48.jpg (27%, x=31.4%, y=58.9%)
283-
slot-9 edit5.jpg (32.2%, x=56.2%, y=62.4%)
284-
slot-10 edit7.jpg (29.7%, x=36.5%, y=74.4%)
285-
slot-11 edit9.jpg (33%, x=57.8%, y=82.4%)
286-
slot-12 edit10.jpg (26%, x=17.5%, y=87.5%)
287-
-->
288249
<div class="freeform-gallery" id="gallery-digicam" style="padding-bottom: 130%; margin-bottom: 18rem;">
289-
<img src="img/P1010055.jpg" style="width:32.5%; left:1.3%; top:0%; z-index:7;" alt="Digicam photo">
290-
<img src="img/P1010176.jpg" style="width:30.0%; left:68.1%; top:1.4%; z-index:9;" alt="Digicam photo">
291-
<img src="img/P1010223.jpg" style="width:30.8%; left:32.1%; top:12.0%; z-index:10;" alt="Digicam photo">
292-
<img src="img/P1010224.jpg" style="width:38.9%; left:58.9%; top:27.0%; z-index:11;" alt="Digicam photo">
293-
<img src="img/P1010232.jpg" style="width:31.0%; left:3.7%; top:27.9%; z-index:8;" alt="Digicam photo">
294-
<img src="img/P1010249.jpg" style="width:25.8%; left:29.8%; top:41.7%; z-index:13;" alt="Digicam photo">
295-
<img src="img/P1010267.jpg" style="width:20.0%; left:71.4%; top:49.1%; z-index:12;" alt="Digicam photo">
296-
<img src="img/2026-03-14_16-25-01.jpg" style="width:29.0%; left:4.1%; top:57.4%; z-index:1;" alt="Digicam photo">
297-
<img src="img/2026-03-14_16-45-48.jpg" style="width:27.0%; left:31.4%; top:58.9%; z-index:2;" alt="Digicam photo">
298-
<img src="img/edit5.jpg" style="width:32.2%; left:56.2%; top:62.4%; z-index:3;" alt="Digicam photo">
299-
<img src="img/edit7.jpg" style="width:29.7%; left:36.5%; top:74.4%; z-index:5;" alt="Digicam photo">
300-
<img src="img/edit9.jpg" style="width:33.0%; left:57.8%; top:82.4%; z-index:6;" alt="Digicam photo">
301-
<img src="img/edit10.jpg" style="width:26.0%; left:17.5%; top:87.5%; z-index:4;" alt="Digicam photo">
250+
<img src="img/P1010055.jpg" style="width:32.5%; left:1.3%; top:0%; z-index:7;" alt="Digicam photo">
251+
<img src="img/P1010176.jpg" style="width:30.0%; left:68.1%; top:1.4%; z-index:9;" alt="Digicam photo">
252+
<img src="img/P1010223.jpg" style="width:30.8%; left:32.1%; top:12.0%; z-index:10;" alt="Digicam photo">
253+
<img src="img/P1010224.jpg" style="width:38.9%; left:58.9%; top:27.0%; z-index:11;" alt="Digicam photo">
254+
<img src="img/P1010232.jpg" style="width:31.0%; left:3.7%; top:27.9%; z-index:8;" alt="Digicam photo">
255+
<img src="img/P1010249.jpg" style="width:25.8%; left:29.8%; top:41.7%; z-index:13;" alt="Digicam photo">
256+
<img src="img/P1010267.jpg" style="width:20.0%; left:71.4%; top:49.1%; z-index:12;" alt="Digicam photo">
257+
<img src="img/2026-03-14_16-25-01.jpg" style="width:29.0%; left:4.1%; top:57.4%; z-index:1;" alt="Digicam photo">
258+
<img src="img/2026-03-14_16-45-48.jpg" style="width:27.0%; left:31.4%; top:58.9%; z-index:2;" alt="Digicam photo">
259+
<img src="img/edit5.jpg" style="width:32.2%; left:56.2%; top:62.4%; z-index:3;" alt="Digicam photo">
260+
<img src="img/edit7.jpg" style="width:29.7%; left:36.5%; top:74.4%; z-index:5;" alt="Digicam photo">
261+
<img src="img/edit9.jpg" style="width:33.0%; left:57.8%; top:82.4%; z-index:6;" alt="Digicam photo">
262+
<img src="img/edit10.jpg" style="width:26.0%; left:17.5%; top:87.5%; z-index:4;" alt="Digicam photo">
302263
</div>
303264

304265
<div class="column-set">
305266
<div class="column-unit">
306267
<h1>
307-
Experimental Gig Shoot:<br>25eur<br>
268+
Experimental Gig Shoot<br>
308269
<br>
309-
Mad <span class="blur-word">Sh*t</span> Edit:<br>
310-
Additional 5eur
270+
Mad <span class="blur-word">Sh*t</span> Edit
311271
</h1>
312272
</div>
313273
<div class="column-unit">

0 commit comments

Comments
 (0)