← back to Dw Marketing Reels
Graduate flipbook: settlement cleanup — regen from 23 clean patterns (dropped 12 directional-leaf/bird designs), clean banner
fd0b2c0338a082f70e8c1d116dd50ab55bfca9dc · 2026-07-30 10:50:41 -0700 · Steve Abrams
Files touched
A data/graduate-clean.jsonM flipbooks/graduate-collection/audio.jsonM flipbooks/graduate-collection/index.html
Diff
commit fd0b2c0338a082f70e8c1d116dd50ab55bfca9dc
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Thu Jul 30 10:50:41 2026 -0700
Graduate flipbook: settlement cleanup — regen from 23 clean patterns (dropped 12 directional-leaf/bird designs), clean banner
---
data/graduate-clean.json | 186 ++++++++
flipbooks/graduate-collection/audio.json | 2 +-
flipbooks/graduate-collection/index.html | 704 +++++++++++--------------------
3 files changed, 431 insertions(+), 461 deletions(-)
diff --git a/data/graduate-clean.json b/data/graduate-clean.json
new file mode 100644
index 0000000..a64eb94
--- /dev/null
+++ b/data/graduate-clean.json
@@ -0,0 +1,186 @@
+[
+ {
+ "title": "All Over Leopard - Blue",
+ "handle": "copy-of-exotic-tiger-wallpaper-charcoal",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/AlloverLeopardCharcoal.png?v=1709835248",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/AlloverLeopardCharcoalRoom.png?v=1709835248",
+ "has_room": true,
+ "chapter": "big cats"
+ },
+ {
+ "title": "All Over Leopard Blue",
+ "handle": "copy-of-all-over-leopard-blue",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/Screenshot2025-06-24at12.37.36PM.png?v=1750793883",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/AlloverLeopardCharcoalRoom_e9a4799e-903c-417e-99b9-158270cc5cfd.png?v=1750793863",
+ "has_room": true,
+ "chapter": "big cats"
+ },
+ {
+ "title": "All Over Leopard Charcoal",
+ "handle": "copy-of-all-over-leopard-charcoal",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/Screenshot2025-06-24at12.36.31PM.png?v=1750793823",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/Screenshot2025-06-24at12.36.55PM.png?v=1750793822",
+ "has_room": true,
+ "chapter": "big cats"
+ },
+ {
+ "title": "All Over Leopard - Aubergine",
+ "handle": "all-over-leopard-aubergine-graduate-collection",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/B48C9B51-6F0D-4973-985F-992BBF14F800.jpg?v=1772164893",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/A902549B-ECE0-4410-8226-32E31F07196B.jpg?v=1772164893",
+ "has_room": true,
+ "chapter": "big cats"
+ },
+ {
+ "title": "All Over Leopard - Brown",
+ "handle": "all-over-leopard-brown-graduate-collection",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/80F7ADF4-D400-4D78-89E2-E8024E0C12EB.jpg?v=1772164915",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/9B0CD372-BE5E-4886-9E91-0574F2BADC00.jpg?v=1772164915",
+ "has_room": true,
+ "chapter": "big cats"
+ },
+ {
+ "title": "Cheetah - Brown",
+ "handle": "cheetah-brown-graduate-collection",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/IMG-1501.jpg?v=1772164931",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/3E800CF2-DCD4-4AF0-A7D9-344DB9DD0CDB.jpg?v=1772164931",
+ "has_room": true,
+ "chapter": "big cats"
+ },
+ {
+ "title": "Cheetah Brown",
+ "handle": "cheetah-brown-wallpaper-graduate-collection",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/IMG-1501_1eec4f1c-a048-47e3-9ff5-cb5966b054b7.jpg?v=1773663602",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/IMG-1501_0ea917fa-2488-405b-a543-2cb32ef2e233.jpg?v=1775762462",
+ "has_room": true,
+ "chapter": "big cats"
+ },
+ {
+ "title": "Visitorian - Taupe",
+ "handle": "visitorian-wallpaper",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Graduate_Collection_wallpaper_trade_book_Page_06_Image_0001.jpg?v=1570091053",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/ScreenShot2021-10-08at4.01.27PM.png?v=1633734145",
+ "has_room": true,
+ "chapter": "characters"
+ },
+ {
+ "title": "Visitorian Navy",
+ "handle": "visitorian-wallpaper-1",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Graduate_Collection_wallpaper_trade_book_Page_06_Image_0002.jpg?v=1570091053",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Graduate_Collection_wallpaper_trade_book_Page_06_Image_0002.jpg?v=1570091053",
+ "has_room": false,
+ "chapter": "characters"
+ },
+ {
+ "title": "Visitorian Mauve",
+ "handle": "visitorian-wallpaper-2",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Graduate_Collection_wallpaper_trade_book_Page_06_Image_0003.jpg?v=1570091053",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Graduate_Collection_wallpaper_trade_book_Page_06_Image_0003.jpg?v=1570091053",
+ "has_room": false,
+ "chapter": "characters"
+ },
+ {
+ "title": "Visitorian Blue",
+ "handle": "visitorian-wallpaper-3",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Graduate_Collection_wallpaper_trade_book_Page_06_Image_0004.jpg?v=1570091053",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/ScreenShot2021-10-08at3.49.25PM.png?v=1633733413",
+ "has_room": true,
+ "chapter": "characters"
+ },
+ {
+ "title": "Jolly Boy Dog & Friends",
+ "handle": "jolly-boy-friends-wallpaper",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/Screenshot2025-05-12at7.30.51AM.png?v=1747060405",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/Screenshot2025-05-12at7.31.36AM.png?v=1747060363",
+ "has_room": true,
+ "chapter": "characters"
+ },
+ {
+ "title": "Steampunk Notice Board",
+ "handle": "steampunk-notice-board-wallpaper",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Graduate_Collection_wallpaper_trade_book_Page_07_Image_0002.jpg?v=1612388486",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/QqjaFxcfRPyeCGYhD9G3_steampunk_notice_board_insitu_grande_7d8d9494-189c-43cb-9488-24944ce782b8.jpg?v=1612388487",
+ "has_room": true,
+ "chapter": "characters"
+ },
+ {
+ "title": "Portarait Gallery Taupe",
+ "handle": "dwc-1001302",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Portarait_Gallery_Taupe_1.jpg?v=1602006843",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Portarait_Gallery_Taupe_1.jpg?v=1602006843",
+ "has_room": false,
+ "chapter": "characters"
+ },
+ {
+ "title": "Dachshund Dog",
+ "handle": "copy-of-dachshund-natural",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/NEWDachshund_NATURAL.jpg?v=1750792583",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DachshundNaturalRoom_dce6601a-c864-4764-b024-8e4d2ac7b818.png?v=1750792583",
+ "has_room": true,
+ "chapter": "characters"
+ },
+ {
+ "title": "Colonel Fox at the Gentleman's Club - Mustard",
+ "handle": "grd-8900-designerwallcoverings-com",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/GRD-8900-DesignerWallcoverings-Los-Angeles-1_e3102e92-3911-4763-8ffd-1bb3d218d57e.jpg?v=1730485220",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/Gentlemans_Club_Mustard.png?v=1730485289",
+ "has_room": true,
+ "chapter": "characters"
+ },
+ {
+ "title": "Stag Grande - Plum",
+ "handle": "stag-wallpaper",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Graduate_Collection_wallpaper_trade_book_Page_17_Image_0002.jpg?v=1570091054",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/stag_plum_offset_grande_7ce7d09c-2260-43df-9408-be0985c14fe0.jpg?v=1570091054",
+ "has_room": true,
+ "chapter": "stags"
+ },
+ {
+ "title": "Stag Grande Teal",
+ "handle": "stag-grande-wallpaper",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Graduate_Collection_wallpaper_trade_book_Page_17_Image_0006.jpg?v=1570091054",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Stag_Teal_Large_head_grande_e3b54fee-2979-4805-9de2-145b12fe2eed.jpg?v=1570091054",
+ "has_room": true,
+ "chapter": "stags"
+ },
+ {
+ "title": "Stag Grande Grey",
+ "handle": "stag-grande-wallpaper-1",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/Graduate_Collection_wallpaper_trade_book_Page_17_Image_0007.jpg?v=1570091054",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/ABgIgtqVS3OOiOgAFth3_stag_head_grey_grande_28e10eef-c4f6-4ac0-831d-139f08c675f3.jpg?v=1570091054",
+ "has_room": true,
+ "chapter": "stags"
+ },
+ {
+ "title": "Small Stag Teal",
+ "handle": "small-stag-wallpaper-teal",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/products/ScreenShot2021-10-08at3.36.54PM.png?v=1633732668",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/Stag_Print_Wallpaper_-_Teal_1024x1024_74130f65-820d-4318-862d-4a3bb0bf93a5.png?v=1730488729",
+ "has_room": true,
+ "chapter": "stags"
+ },
+ {
+ "title": "Dipped In Moonlight Charcoal",
+ "handle": "copy-of-dipped-in-moonlight-charcoal",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DippedinMoonlightMetalllicGold_Teal_c272519f-6ae8-4897-b33d-f518c24008df.png?v=1730484627",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DippedinMoonlightMetalllicGold_TealRoom_891a94b2-3962-4f18-b19d-102772052fd7.png?v=1730484627",
+ "has_room": true,
+ "chapter": "stags"
+ },
+ {
+ "title": "Dipped In Moonlight Cream",
+ "handle": "copy-of-dipped-in-moonlight-cream",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DippedinMoonlightMetalllic_Cream_4c873c3d-77ee-4fcf-8900-ad39cdbdfe1c.png?v=1730484621",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DippedinMoonlightMetalllic_CreamRoom_b6207c57-e66f-4645-979e-cb39a415a9fb.png?v=1730484621",
+ "has_room": true,
+ "chapter": "stags"
+ },
+ {
+ "title": "Dipped In Moonlight Teal",
+ "handle": "copy-of-dipped-in-moonlight-teal",
+ "image": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DippedinMoonlightMetalllic_Teal_fc6a1852-7e7d-472b-a075-06ef92f14c8a.png?v=1730484615",
+ "room": "https://cdn.shopify.com/s/files/1/0015/4117/7456/files/DippedinMoonlightMetalllic_TealRoom_cada0f29-52ed-43d3-b40c-4e78c71b3e1e.png?v=1730484615",
+ "has_room": true,
+ "chapter": "stags"
+ }
+]
\ No newline at end of file
diff --git a/flipbooks/graduate-collection/audio.json b/flipbooks/graduate-collection/audio.json
index 270b7d7..ba7fe92 100644
--- a/flipbooks/graduate-collection/audio.json
+++ b/flipbooks/graduate-collection/audio.json
@@ -2,7 +2,7 @@
"bgm": { "src": "assets/audio/jazz.wav", "volume": 0.2 },
"vo": [
{ "src": "assets/audio/vo1.wav", "anchor": "intro" },
- { "src": "assets/audio/vo2.wav", "anchor": "+6" },
+ { "src": "assets/audio/vo2.wav", "anchor": "+3" },
{ "src": "assets/audio/vo3.wav", "anchor": "chapter:characters" },
{ "src": "assets/audio/vo4.wav", "anchor": "chapter:stags" },
{ "src": "assets/audio/vo5.wav", "anchor": "hold" },
diff --git a/flipbooks/graduate-collection/index.html b/flipbooks/graduate-collection/index.html
index e0dfb34..a0e1fbd 100644
--- a/flipbooks/graduate-collection/index.html
+++ b/flipbooks/graduate-collection/index.html
@@ -1,7 +1,7 @@
-<!DOCTYPE html>
+<!doctype html>
<html lang="en" data-resolution="landscape">
<head>
-<meta charset="UTF-8">
+<meta charset="UTF-8" />
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
<style>
:root { --ink:#1c1a17; --cream:#f4efe6; --paper:#fbf8f1; --gold:#b08d57; }
@@ -50,392 +50,272 @@
</style>
</head>
<body>
- <div data-hf-id="hf-dj4a" id="main-composition" data-composition-id="flipbook" data-width="1920" data-height="1080" data-start="0" data-duration="41">
+ <div id="main-composition" data-composition-id="flipbook" data-width="1920" data-height="1080" data-start="0" data-duration="29.6">
- <div data-hf-id="hf-t48p" class="card" id="cover">
- <div data-hf-id="hf-8ss8" class="kicker">Designer Wallcoverings presents</div>
- <div data-hf-id="hf-rocx" class="big">Graduate Collection</div>
- <div data-hf-id="hf-a46i" class="rule"></div>
- <div data-hf-id="hf-d7ol" class="sub">London · Maximalist British Wallpaper</div>
+ <div class="card" id="cover">
+ <div class="kicker">Designer Wallcoverings presents</div>
+ <div class="big">Graduate Collection</div>
+ <div class="rule"></div>
+ <div class="sub">London · Maximalist British Wallpaper</div>
</div>
- <div data-hf-id="hf-lp42" class="stage" id="stage">
- <div data-hf-id="hf-lu5p" class="verso">
- <div data-hf-id="hf-cb03" class="wordmark"><div data-hf-id="hf-68tn" class="wm">Designer Wallcoverings</div><div data-hf-id="hf-i20x" class="wsub">est. lookbook</div><div data-hf-id="hf-qmxb" class="wr"></div></div>
- <div data-hf-id="hf-63nz" class="roomstack">
- <div data-hf-id="hf-ce2m" class="room" id="room0">
- <img data-hf-id="hf-0n0p" class="rimg" src="assets/room/r0.jpg" alt="Savannah Cheetah - Mustard room">
- <div data-hf-id="hf-p81p" class="rtint"></div>
- <div data-hf-id="hf-az76" class="rcap"><div data-hf-id="hf-vwxa" class="rpat">Savannah Cheetah - Mustard</div><div data-hf-id="hf-0mhf" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-ijsf" class="room" id="room1">
- <img data-hf-id="hf-j4ly" class="rimg" src="assets/room/r1.jpg" alt="Tiger Tiger - In the Jungle - Cream room">
- <div data-hf-id="hf-xt01" class="rtint"></div>
- <div data-hf-id="hf-ezxy" class="rcap"><div data-hf-id="hf-nqjg" class="rpat">Tiger Tiger - In the Jungle - Cream</div><div data-hf-id="hf-scab" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-epvk" class="room fallback" id="room2">
- <img data-hf-id="hf-wys4" class="rimg" src="assets/room/r2.jpg" alt="Tiger Tiger - In the Jungle - Green room">
- <div data-hf-id="hf-yzx4" class="rtint"></div>
- <div data-hf-id="hf-fe8z" class="rcap"><div data-hf-id="hf-evj9" class="rpat">Tiger Tiger - In the Jungle - Green</div><div data-hf-id="hf-rxza" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-8fyl" class="room" id="room3">
- <img data-hf-id="hf-msmu" class="rimg" src="assets/room/r3.jpg" alt="Toucan And Bee Catcher room">
- <div data-hf-id="hf-ylm3" class="rtint"></div>
- <div data-hf-id="hf-fsk0" class="rcap"><div data-hf-id="hf-x326" class="rpat">Toucan And Bee Catcher</div><div data-hf-id="hf-rjo9" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-6tni" class="room fallback" id="room4">
- <img data-hf-id="hf-29qz" class="rimg" src="assets/room/r4.jpg" alt="Tiger Cream Bathroom room">
- <div data-hf-id="hf-wm2y" class="rtint"></div>
- <div data-hf-id="hf-d0et" class="rcap"><div data-hf-id="hf-ousw" class="rpat">Tiger Cream Bathroom</div><div data-hf-id="hf-r5d8" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-v5sb" class="room" id="room5">
- <img data-hf-id="hf-vaip" class="rimg" src="assets/room/r5.jpg" alt="Savannah Cheetah - Charcoal room">
- <div data-hf-id="hf-w7rx" class="rtint"></div>
- <div data-hf-id="hf-depu" class="rcap"><div data-hf-id="hf-qur7" class="rpat">Savannah Cheetah - Charcoal</div><div data-hf-id="hf-qr27" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-mhwg" class="room" id="room6">
- <img data-hf-id="hf-3as4" class="rimg" src="assets/room/r6.jpg" alt="Tiger And Temple Green room">
- <div data-hf-id="hf-xep0" class="rtint"></div>
- <div data-hf-id="hf-dt0v" class="rcap"><div data-hf-id="hf-r0bt" class="rpat">Tiger And Temple Green</div><div data-hf-id="hf-qcr6" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-n9k9" class="room" id="room7">
- <img data-hf-id="hf-8q2p" class="rimg" src="assets/room/r7.jpg" alt="Botanical Print - Multi room">
- <div data-hf-id="hf-x0dz" class="rtint"></div>
- <div data-hf-id="hf-e7bw" class="rcap"><div data-hf-id="hf-fvq9" class="rpat">Botanical Print - Multi</div><div data-hf-id="hf-pyg5" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-619y" class="room" id="room8">
- <img data-hf-id="hf-li28" class="rimg" src="assets/room/r8.jpg" alt="Savannah Cheetah - Green room">
- <div data-hf-id="hf-1dra" class="rtint"></div>
- <div data-hf-id="hf-bf6p" class="rcap"><div data-hf-id="hf-wwej" class="rpat">Savannah Cheetah - Green</div><div data-hf-id="hf-pk54" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-9zdz" class="room" id="room9">
- <img data-hf-id="hf-ca72" class="rimg" src="assets/room/r9.jpg" alt="All Over Leopard - Blue room">
- <div data-hf-id="hf-0zg9" class="rtint"></div>
- <div data-hf-id="hf-bthq" class="rcap"><div data-hf-id="hf-uzlw" class="rpat">All Over Leopard - Blue</div><div data-hf-id="hf-p5u3" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-kvd1" class="room" id="room10">
- <img data-hf-id="hf-zh6r" class="rimg" src="assets/room/r10.jpg" alt="All Over Leopard Blue room">
- <div data-hf-id="hf-ipkj" class="rtint"></div>
- <div data-hf-id="hf-bub6" class="rcap"><div data-hf-id="hf-eid9" class="rpat">All Over Leopard Blue</div><div data-hf-id="hf-boah" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-k3p8" class="room" id="room11">
- <img data-hf-id="hf-5kyf" class="rimg" src="assets/room/r11.jpg" alt="All Over Leopard Charcoal room">
- <div data-hf-id="hf-j3vk" class="rtint"></div>
- <div data-hf-id="hf-bg05" class="rcap"><div data-hf-id="hf-ubia" class="rpat">All Over Leopard Charcoal</div><div data-hf-id="hf-c2li" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-srl3" class="room" id="room12">
- <img data-hf-id="hf-tajw" class="rimg" src="assets/room/r12.jpg" alt="Monkey Biz Black room">
- <div data-hf-id="hf-hwyh" class="rtint"></div>
- <div data-hf-id="hf-cmx8" class="rcap"><div data-hf-id="hf-9qby" class="rpat">Monkey Biz Black</div><div data-hf-id="hf-cgwj" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-oth2" class="room" id="room13">
- <img data-hf-id="hf-8zey" class="rimg" src="assets/room/r13.jpg" alt="Monkey Biz Pink room">
- <div data-hf-id="hf-ib9i" class="rtint"></div>
- <div data-hf-id="hf-c8m7" class="rcap"><div data-hf-id="hf-vmcv" class="rpat">Monkey Biz Pink</div><div data-hf-id="hf-cv7k" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-1mm5" class="room fallback" id="room14">
- <img data-hf-id="hf-mg3e" class="rimg" src="assets/room/r14.jpg" alt="On Safari Cream room">
- <div data-hf-id="hf-h4cf" class="rtint"></div>
- <div data-hf-id="hf-dfja" class="rcap"><div data-hf-id="hf-evla" class="rpat">On Safari Cream</div><div data-hf-id="hf-a32d" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-wpp4" class="room" id="room15">
- <img data-hf-id="hf-x8pj" class="rimg" src="assets/room/r15.jpg" alt="All Over Leopard - Aubergine room">
- <div data-hf-id="hf-hing" class="rtint"></div>
- <div data-hf-id="hf-d189" class="rcap"><div data-hf-id="hf-xe5y" class="rpat">All Over Leopard - Aubergine</div><div data-hf-id="hf-ahde" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-7l6r" class="room" id="room16">
- <img data-hf-id="hf-7dga" class="rimg" src="assets/room/r16.jpg" alt="All Over Leopard - Brown room">
- <div data-hf-id="hf-gbqd" class="rtint"></div>
- <div data-hf-id="hf-e85c" class="rcap"><div data-hf-id="hf-oxok" class="rpat">All Over Leopard - Brown</div><div data-hf-id="hf-avof" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-3n2q" class="room" id="room17">
- <img data-hf-id="hf-ifqx" class="rimg" src="assets/room/r17.jpg" alt="Cheetah - Brown room">
- <div data-hf-id="hf-gq1e" class="rtint"></div>
- <div data-hf-id="hf-dtub" class="rcap"><div data-hf-id="hf-vm82" class="rpat">Cheetah - Brown</div><div data-hf-id="hf-b9zg" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-tfrh" class="room" id="room18">
- <img data-hf-id="hf-yy1n" class="rimg" src="assets/room/r18.jpg" alt="Cheetah Brown room">
- <div data-hf-id="hf-fj4b" class="rtint"></div>
- <div data-hf-id="hf-8nuy" class="rcap"><div data-hf-id="hf-4unh" class="rpat">Cheetah Brown</div><div data-hf-id="hf-8hu9" class="rcol">Graduate Collection · jungle</div></div>
- </div>
- <div data-hf-id="hf-so3o" class="room" id="room19">
- <img data-hf-id="hf-392m" class="rimg" src="assets/room/r19.jpg" alt="Visitorian - Taupe room">
- <div data-hf-id="hf-fxfc" class="rtint"></div>
- <div data-hf-id="hf-89jx" class="rcap"><div data-hf-id="hf-8gxx" class="rpat">Visitorian - Taupe</div><div data-hf-id="hf-xtx2" class="rcol">Graduate Collection · characters</div></div>
- </div>
- <div data-hf-id="hf-930o" class="room fallback" id="room20">
- <img data-hf-id="hf-lulu" class="rimg" src="assets/room/r20.jpg" alt="Visitorian Navy room">
- <div data-hf-id="hf-ijzs" class="rtint"></div>
- <div data-hf-id="hf-b2nd" class="rcap"><div data-hf-id="hf-g1s9" class="rpat">Visitorian Navy</div><div data-hf-id="hf-puze" class="rcol">Graduate Collection · characters</div></div>
- </div>
- <div data-hf-id="hf-9uoh" class="room fallback" id="room21">
- <img data-hf-id="hf-a9y5" class="rimg" src="assets/room/r21.jpg" alt="Visitorian Mauve room">
- <div data-hf-id="hf-i5or" class="rtint"></div>
- <div data-hf-id="hf-bgye" class="rcap"><div data-hf-id="hf-avbv" class="rpat">Visitorian Mauve</div><div data-hf-id="hf-q9af" class="rcol">Graduate Collection · characters</div></div>
- </div>
- <div data-hf-id="hf-ghji" class="room" id="room22">
- <img data-hf-id="hf-5ono" class="rimg" src="assets/room/r22.jpg" alt="Visitorian Blue room">
- <div data-hf-id="hf-hrdq" class="rtint"></div>
- <div data-hf-id="hf-bv9f" class="rcap"><div data-hf-id="hf-n0d1" class="rpat">Visitorian Blue</div><div data-hf-id="hf-qnlg" class="rcol">Graduate Collection · characters</div></div>
- </div>
- <div data-hf-id="hf-kfnj" class="room" id="room23">
- <img data-hf-id="hf-g7qs" class="rimg" src="assets/room/r23.jpg" alt="Jolly Boy Dog & Friends room">
- <div data-hf-id="hf-hd2p" class="rtint"></div>
- <div data-hf-id="hf-c9kg" class="rcap"><div data-hf-id="hf-9f0e" class="rpat">Jolly Boy Dog & Friends</div><div data-hf-id="hf-r1wh" class="rcol">Graduate Collection · characters</div></div>
- </div>
- <div data-hf-id="hf-odrk" class="room" id="room24">
- <img data-hf-id="hf-xrda" class="rimg" src="assets/room/r24.jpg" alt="Steampunk Notice Board room">
- <div data-hf-id="hf-gyro" class="rtint"></div>
- <div data-hf-id="hf-9hf9" class="rcap"><div data-hf-id="hf-edn5" class="rpat">Steampunk Notice Board</div><div data-hf-id="hf-rg7i" class="rcol">Graduate Collection · characters</div></div>
- </div>
- <div data-hf-id="hf-v12t" class="room fallback" id="room25">
- <img data-hf-id="hf-twvy" class="rimg" src="assets/room/r25.jpg" alt="Portarait Gallery Taupe room">
- <div data-hf-id="hf-gkgn" class="rtint"></div>
- <div data-hf-id="hf-9vqa" class="rcap"><div data-hf-id="hf-bo6q" class="rpat">Portarait Gallery Taupe</div><div data-hf-id="hf-ruij" class="rcol">Graduate Collection · characters</div></div>
- </div>
- <div data-hf-id="hf-vb56" class="room" id="room26">
- <img data-hf-id="hf-gkyo" class="rimg" src="assets/room/r26.jpg" alt="Dachshund Dog room">
- <div data-hf-id="hf-g65m" class="rtint"></div>
- <div data-hf-id="hf-aa1b" class="rcap"><div data-hf-id="hf-5xr9" class="rpat">Dachshund Dog</div><div data-hf-id="hf-s8tk" class="rcol">Graduate Collection · characters</div></div>
- </div>
- <div data-hf-id="hf-z997" class="room" id="room27">
- <img data-hf-id="hf-je0q" class="rimg" src="assets/room/r27.jpg" alt="Colonel Fox at the Gentleman's Club - Mustard room">
- <div data-hf-id="hf-frul" class="rtint"></div>
- <div data-hf-id="hf-aocc" class="rcap"><div data-hf-id="hf-itew" class="rpat">Colonel Fox at the Gentleman's Club - Mustard</div><div data-hf-id="hf-sn4l" class="rcol">Graduate Collection · characters</div></div>
- </div>
- <div data-hf-id="hf-37d8" class="room" id="room28">
- <img data-hf-id="hf-4hvf" class="rimg" src="assets/room/r28.jpg" alt="Stag Grande - Plum room">
- <div data-hf-id="hf-lqg0" class="rtint"></div>
- <div data-hf-id="hf-7w75" class="rcap"><div data-hf-id="hf-u1ji" class="rpat">Stag Grande - Plum</div><div data-hf-id="hf-5p02" class="rcol">Graduate Collection · stags</div></div>
- </div>
- <div data-hf-id="hf-3z11" class="room" id="room29">
- <img data-hf-id="hf-ekh1" class="rimg" src="assets/room/r29.jpg" alt="Stag Grande Teal room">
- <div data-hf-id="hf-lc4z" class="rtint"></div>
- <div data-hf-id="hf-8ai6" class="rcap"><div data-hf-id="hf-vo2r" class="rpat">Stag Grande Teal</div><div data-hf-id="hf-gs2e" class="rcol">Graduate Collection · stags</div></div>
- </div>
- <div data-hf-id="hf-zmtr" class="room" id="room30">
- <img data-hf-id="hf-w3iw" class="rimg" src="assets/room/r30.jpg" alt="Stag Grande Grey room">
- <div data-hf-id="hf-jbnl" class="rtint"></div>
- <div data-hf-id="hf-aazk" class="rcap"><div data-hf-id="hf-l602" class="rpat">Stag Grande Grey</div><div data-hf-id="hf-h6df" class="rcol">Graduate Collection · stags</div></div>
- </div>
- <div data-hf-id="hf-vopq" class="room" id="room31">
- <img data-hf-id="hf-3rkq" class="rimg" src="assets/room/r31.jpg" alt="Small Stag Teal room">
- <div data-hf-id="hf-jpym" class="rtint"></div>
- <div data-hf-id="hf-9woj" class="rcap"><div data-hf-id="hf-nbwb" class="rpat">Small Stag Teal</div><div data-hf-id="hf-hkog" class="rcol">Graduate Collection · stags</div></div>
- </div>
- <div data-hf-id="hf-rqlp" class="room" id="room32">
- <img data-hf-id="hf-sw54" class="rimg" src="assets/room/r32.jpg" alt="Dipped In Moonlight Charcoal room">
- <div data-hf-id="hf-k49n" class="rtint"></div>
- <div data-hf-id="hf-9idi" class="rcap"><div data-hf-id="hf-an08" class="rpat">Dipped In Moonlight Charcoal</div><div data-hf-id="hf-esj9" class="rcol">Graduate Collection · stags</div></div>
- </div>
- <div data-hf-id="hf-orc4" class="room" id="room33">
- <img data-hf-id="hf-eu9o" class="rimg" src="assets/room/r33.jpg" alt="Dipped In Moonlight Cream room">
- <div data-hf-id="hf-kiko" class="rtint"></div>
- <div data-hf-id="hf-942h" class="rcap"><div data-hf-id="hf-oskn" class="rpat">Dipped In Moonlight Cream</div><div data-hf-id="hf-f6ua" class="rcol">Graduate Collection · stags</div></div>
- </div>
- <div data-hf-id="hf-c8tn" class="room" id="room34">
- <img data-hf-id="hf-77b5" class="rimg" src="assets/room/r34.jpg" alt="Dipped In Moonlight Teal room">
- <div data-hf-id="hf-hqfh" class="rtint"></div>
- <div data-hf-id="hf-8prg" class="rcap"><div data-hf-id="hf-i2px" class="rpat">Dipped In Moonlight Teal</div><div data-hf-id="hf-fl5b" class="rcol">Graduate Collection · stags</div></div>
+ <div class="stage" id="stage">
+ <div class="verso">
+ <div class="wordmark"><div class="wm">Designer Wallcoverings</div><div class="wsub">est. lookbook</div><div class="wr"></div></div>
+ <div class="roomstack">
+ <div class="room" id="room0">
+ <img class="rimg" src="assets/room/r0.jpg" alt="All Over Leopard - Blue room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">All Over Leopard - Blue</div><div class="rcol">Graduate Collection · big cats</div></div>
+ </div>
+ <div class="room" id="room1">
+ <img class="rimg" src="assets/room/r1.jpg" alt="All Over Leopard Blue room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">All Over Leopard Blue</div><div class="rcol">Graduate Collection · big cats</div></div>
+ </div>
+ <div class="room" id="room2">
+ <img class="rimg" src="assets/room/r2.jpg" alt="All Over Leopard Charcoal room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">All Over Leopard Charcoal</div><div class="rcol">Graduate Collection · big cats</div></div>
+ </div>
+ <div class="room" id="room3">
+ <img class="rimg" src="assets/room/r3.jpg" alt="All Over Leopard - Aubergine room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">All Over Leopard - Aubergine</div><div class="rcol">Graduate Collection · big cats</div></div>
+ </div>
+ <div class="room" id="room4">
+ <img class="rimg" src="assets/room/r4.jpg" alt="All Over Leopard - Brown room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">All Over Leopard - Brown</div><div class="rcol">Graduate Collection · big cats</div></div>
+ </div>
+ <div class="room" id="room5">
+ <img class="rimg" src="assets/room/r5.jpg" alt="Cheetah - Brown room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Cheetah - Brown</div><div class="rcol">Graduate Collection · big cats</div></div>
+ </div>
+ <div class="room" id="room6">
+ <img class="rimg" src="assets/room/r6.jpg" alt="Cheetah Brown room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Cheetah Brown</div><div class="rcol">Graduate Collection · big cats</div></div>
+ </div>
+ <div class="room" id="room7">
+ <img class="rimg" src="assets/room/r7.jpg" alt="Visitorian - Taupe room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Visitorian - Taupe</div><div class="rcol">Graduate Collection · characters</div></div>
+ </div>
+ <div class="room fallback" id="room8">
+ <img class="rimg" src="assets/room/r8.jpg" alt="Visitorian Navy room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Visitorian Navy</div><div class="rcol">Graduate Collection · characters</div></div>
+ </div>
+ <div class="room fallback" id="room9">
+ <img class="rimg" src="assets/room/r9.jpg" alt="Visitorian Mauve room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Visitorian Mauve</div><div class="rcol">Graduate Collection · characters</div></div>
+ </div>
+ <div class="room" id="room10">
+ <img class="rimg" src="assets/room/r10.jpg" alt="Visitorian Blue room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Visitorian Blue</div><div class="rcol">Graduate Collection · characters</div></div>
+ </div>
+ <div class="room" id="room11">
+ <img class="rimg" src="assets/room/r11.jpg" alt="Jolly Boy Dog & Friends room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Jolly Boy Dog & Friends</div><div class="rcol">Graduate Collection · characters</div></div>
+ </div>
+ <div class="room" id="room12">
+ <img class="rimg" src="assets/room/r12.jpg" alt="Steampunk Notice Board room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Steampunk Notice Board</div><div class="rcol">Graduate Collection · characters</div></div>
+ </div>
+ <div class="room fallback" id="room13">
+ <img class="rimg" src="assets/room/r13.jpg" alt="Portarait Gallery Taupe room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Portarait Gallery Taupe</div><div class="rcol">Graduate Collection · characters</div></div>
+ </div>
+ <div class="room" id="room14">
+ <img class="rimg" src="assets/room/r14.jpg" alt="Dachshund Dog room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Dachshund Dog</div><div class="rcol">Graduate Collection · characters</div></div>
+ </div>
+ <div class="room" id="room15">
+ <img class="rimg" src="assets/room/r15.jpg" alt="Colonel Fox at the Gentleman's Club - Mustard room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Colonel Fox at the Gentleman's Club - Mustard</div><div class="rcol">Graduate Collection · characters</div></div>
+ </div>
+ <div class="room" id="room16">
+ <img class="rimg" src="assets/room/r16.jpg" alt="Stag Grande - Plum room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Stag Grande - Plum</div><div class="rcol">Graduate Collection · stags</div></div>
+ </div>
+ <div class="room" id="room17">
+ <img class="rimg" src="assets/room/r17.jpg" alt="Stag Grande Teal room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Stag Grande Teal</div><div class="rcol">Graduate Collection · stags</div></div>
+ </div>
+ <div class="room" id="room18">
+ <img class="rimg" src="assets/room/r18.jpg" alt="Stag Grande Grey room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Stag Grande Grey</div><div class="rcol">Graduate Collection · stags</div></div>
+ </div>
+ <div class="room" id="room19">
+ <img class="rimg" src="assets/room/r19.jpg" alt="Small Stag Teal room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Small Stag Teal</div><div class="rcol">Graduate Collection · stags</div></div>
+ </div>
+ <div class="room" id="room20">
+ <img class="rimg" src="assets/room/r20.jpg" alt="Dipped In Moonlight Charcoal room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Dipped In Moonlight Charcoal</div><div class="rcol">Graduate Collection · stags</div></div>
+ </div>
+ <div class="room" id="room21">
+ <img class="rimg" src="assets/room/r21.jpg" alt="Dipped In Moonlight Cream room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Dipped In Moonlight Cream</div><div class="rcol">Graduate Collection · stags</div></div>
+ </div>
+ <div class="room" id="room22">
+ <img class="rimg" src="assets/room/r22.jpg" alt="Dipped In Moonlight Teal room" />
+ <div class="rtint"></div>
+ <div class="rcap"><div class="rpat">Dipped In Moonlight Teal</div><div class="rcol">Graduate Collection · stags</div></div>
</div>
</div>
</div>
- <div data-hf-id="hf-94su" class="leaf" id="leaf0">
- <div data-hf-id="hf-d62e" class="face front"><img data-hf-id="hf-gi12" class="art" src="assets/img/p0.jpg" alt="Savannah Cheetah - Mustard"><div data-hf-id="hf-q0n7" class="shade"></div></div>
- <div data-hf-id="hf-yq90" class="face back"></div>
+ <div class="leaf" id="leaf0">
+ <div class="face front"><img class="art" src="assets/img/p0.jpg" alt="All Over Leopard - Blue" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-d2wv" class="leaf" id="leaf1">
- <div data-hf-id="hf-d74q" class="face front"><img data-hf-id="hf-26kt" class="art" src="assets/img/p1.jpg" alt="Tiger Tiger - In the Jungle - Cream"><div data-hf-id="hf-iber" class="shade"></div></div>
- <div data-hf-id="hf-6pzw" class="face back"></div>
+ <div class="leaf" id="leaf1">
+ <div class="face front"><img class="art" src="assets/img/p1.jpg" alt="All Over Leopard Blue" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-27f8" class="leaf" id="leaf2">
- <div data-hf-id="hf-dlfr" class="face front"><img data-hf-id="hf-qz1x" class="art" src="assets/img/p2.jpg" alt="Tiger Tiger - In the Jungle - Green"><div data-hf-id="hf-hx3q" class="shade"></div></div>
- <div data-hf-id="hf-5j2t" class="face back"></div>
+ <div class="leaf" id="leaf2">
+ <div class="face front"><img class="art" src="assets/img/p2.jpg" alt="All Over Leopard Charcoal" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-2z31" class="leaf" id="leaf3">
- <div data-hf-id="hf-dzqs" class="face front"><img data-hf-id="hf-h921" class="art" src="assets/img/p3.jpg" alt="Toucan And Bee Catcher"><div data-hf-id="hf-hisp" class="shade"></div></div>
- <div data-hf-id="hf-5xdu" class="face back"></div>
+ <div class="leaf" id="leaf3">
+ <div class="face front"><img class="art" src="assets/img/p3.jpg" alt="All Over Leopard - Aubergine" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-lqsq" class="leaf" id="leaf4">
- <div data-hf-id="hf-ee1t" class="face front"><img data-hf-id="hf-snp4" class="art" src="assets/img/p4.jpg" alt="Tiger Cream Bathroom"><div data-hf-id="hf-h4ho" class="shade"></div></div>
- <div data-hf-id="hf-7wwz" class="face back"></div>
+ <div class="leaf" id="leaf4">
+ <div class="face front"><img class="art" src="assets/img/p4.jpg" alt="All Over Leopard - Brown" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-powr" class="leaf" id="leaf5">
- <div data-hf-id="hf-escu" class="face front"><img data-hf-id="hf-xvpk" class="art" src="assets/img/p5.jpg" alt="Savannah Cheetah - Charcoal"><div data-hf-id="hf-gq6n" class="shade"></div></div>
- <div data-hf-id="hf-8b80" class="face back"></div>
+ <div class="leaf" id="leaf5">
+ <div class="face front"><img class="art" src="assets/img/p5.jpg" alt="Cheetah - Brown" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-h10w" class="leaf" id="leaf6">
- <div data-hf-id="hf-f6nv" class="face front"><img data-hf-id="hf-cpct" class="art" src="assets/img/p6.jpg" alt="Tiger And Temple Green"><div data-hf-id="hf-gbvm" class="shade"></div></div>
- <div data-hf-id="hf-74ax" class="face back"></div>
+ <div class="leaf" id="leaf6">
+ <div class="face front"><img class="art" src="assets/img/p6.jpg" alt="Cheetah Brown" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-hsop" class="leaf" id="leaf7">
- <div data-hf-id="hf-fkyw" class="face front"><img data-hf-id="hf-tggg" class="art" src="assets/img/p7.jpg" alt="Botanical Print - Multi"><div data-hf-id="hf-fxkl" class="shade"></div></div>
- <div data-hf-id="hf-7ily" class="face back"></div>
+ <div class="leaf" id="leaf7">
+ <div class="face front"><img class="art" src="assets/img/p7.jpg" alt="Visitorian - Taupe" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-0kee" class="leaf" id="leaf8">
- <div data-hf-id="hf-fz9x" class="face front"><img data-hf-id="hf-3eix" class="art" src="assets/img/p8.jpg" alt="Savannah Cheetah - Green"><div data-hf-id="hf-fj9k" class="shade"></div></div>
- <div data-hf-id="hf-358n" class="face back"></div>
+ <div class="leaf" id="leaf8">
+ <div class="face front"><img class="art" src="assets/img/p8.jpg" alt="Visitorian Navy" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-4iif" class="leaf" id="leaf9">
- <div data-hf-id="hf-gdky" class="face front"><img data-hf-id="hf-vqph" class="art" src="assets/img/p9.jpg" alt="All Over Leopard - Blue"><div data-hf-id="hf-f4yj" class="shade"></div></div>
- <div data-hf-id="hf-3jjo" class="face back"></div>
+ <div class="leaf" id="leaf9">
+ <div class="face front"><img class="art" src="assets/img/p9.jpg" alt="Visitorian Mauve" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-vmj9" class="leaf" id="leaf10">
- <div data-hf-id="hf-57tq" class="face front"><img data-hf-id="hf-xiz4" class="art" src="assets/img/p10.jpg" alt="All Over Leopard Blue"><div data-hf-id="hf-j9c9" class="shade"></div></div>
- <div data-hf-id="hf-624k" class="face back"></div>
+ <div class="leaf" id="leaf10">
+ <div class="face front"><img class="art" src="assets/img/p10.jpg" alt="Visitorian Blue" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-sn9o" class="leaf" id="leaf11">
- <div data-hf-id="hf-4tip" class="face front"><img data-hf-id="hf-3fre" class="art" src="assets/img/p11.jpg" alt="All Over Leopard Charcoal"><div data-hf-id="hf-jnna" class="shade"></div></div>
- <div data-hf-id="hf-5ntj" class="face back"></div>
+ <div class="leaf" id="leaf11">
+ <div class="face front"><img class="art" src="assets/img/p11.jpg" alt="Jolly Boy Dog & Friends" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-3irb" class="leaf" id="leaf12">
- <div data-hf-id="hf-60fs" class="face front"><img data-hf-id="hf-xggx" class="art" src="assets/img/p12.jpg" alt="Monkey Biz Black"><div data-hf-id="hf-k1yb" class="shade"></div></div>
- <div data-hf-id="hf-59ii" class="face back"></div>
+ <div class="leaf" id="leaf12">
+ <div class="face front"><img class="art" src="assets/img/p12.jpg" alt="Steampunk Notice Board" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-zkna" class="leaf" id="leaf13">
- <div data-hf-id="hf-5m4r" class="face front"><img data-hf-id="hf-rwul" class="art" src="assets/img/p13.jpg" alt="Monkey Biz Pink"><div data-hf-id="hf-kg9c" class="shade"></div></div>
- <div data-hf-id="hf-4v7h" class="face back"></div>
+ <div class="leaf" id="leaf13">
+ <div class="face front"><img class="art" src="assets/img/p13.jpg" alt="Portarait Gallery Taupe" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-88j5" class="leaf" id="leaf14">
- <div data-hf-id="hf-3mlm" class="face front"><img data-hf-id="hf-jjtz" class="art" src="assets/img/p14.jpg" alt="On Safari Cream"><div data-hf-id="hf-ho45" class="shade"></div></div>
- <div data-hf-id="hf-7nco" class="face back"></div>
+ <div class="leaf" id="leaf14">
+ <div class="face front"><img class="art" src="assets/img/p14.jpg" alt="Dachshund Dog" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-7gvc" class="leaf" id="leaf15">
- <div data-hf-id="hf-38al" class="face front"><img data-hf-id="hf-gxvu" class="art" src="assets/img/p15.jpg" alt="All Over Leopard - Aubergine"><div data-hf-id="hf-i2f6" class="shade"></div></div>
- <div data-hf-id="hf-791n" class="face back"></div>
+ <div class="leaf" id="leaf15">
+ <div class="face front"><img class="art" src="assets/img/p15.jpg" alt="Colonel Fox at the Gentleman's Club - Mustard" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-g4r7" class="leaf" id="leaf16">
- <div data-hf-id="hf-4f7o" class="face front"><img data-hf-id="hf-rig7" class="art" src="assets/img/p16.jpg" alt="All Over Leopard - Brown"><div data-hf-id="hf-igq7" class="shade"></div></div>
- <div data-hf-id="hf-6uqm" class="face back"></div>
+ <div class="leaf" id="leaf16">
+ <div class="face front"><img class="art" src="assets/img/p16.jpg" alt="Stag Grande - Plum" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-c6n6" class="leaf" id="leaf17">
- <div data-hf-id="hf-40wn" class="face front"><img data-hf-id="hf-aigk" class="art" src="assets/img/p17.jpg" alt="Cheetah - Brown"><div data-hf-id="hf-iv18" class="shade"></div></div>
- <div data-hf-id="hf-6gfl" class="face back"></div>
+ <div class="leaf" id="leaf17">
+ <div class="face front"><img class="art" src="assets/img/p17.jpg" alt="Stag Grande Teal" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-1zbx" class="leaf" id="leaf18">
- <div data-hf-id="hf-8e9y" class="face front"><img data-hf-id="hf-3r08" class="art" src="assets/img/p18.jpg" alt="Cheetah Brown"><div data-hf-id="hf-g2w1" class="shade"></div></div>
- <div data-hf-id="hf-98ks" class="face back"></div>
+ <div class="leaf" id="leaf18">
+ <div class="face front"><img class="art" src="assets/img/p18.jpg" alt="Stag Grande Grey" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-17o4" class="leaf" id="leaf19">
- <div data-hf-id="hf-7zyx" class="face front"><img data-hf-id="hf-f9vh" class="art" src="assets/img/p19.jpg" alt="Visitorian - Taupe"><div data-hf-id="hf-gh72" class="shade"></div></div>
- <div data-hf-id="hf-8u9r" class="face back"></div>
+ <div class="leaf" id="leaf19">
+ <div class="face front"><img class="art" src="assets/img/p19.jpg" alt="Small Stag Teal" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-odb8" class="leaf" id="leaf20">
- <div data-hf-id="hf-4g5x" class="face front"><img data-hf-id="hf-tv8l" class="art" src="assets/img/p20.jpg" alt="Visitorian Navy"><div data-hf-id="hf-k102" class="shade"></div></div>
- <div data-hf-id="hf-25q7" class="face back"></div>
+ <div class="leaf" id="leaf20">
+ <div class="face front"><img class="art" src="assets/img/p20.jpg" alt="Dipped In Moonlight Charcoal" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-rckt" class="leaf" id="leaf21">
- <div data-hf-id="hf-4ugy" class="face front"><img data-hf-id="hf-hi7i" class="art" src="assets/img/p21.jpg" alt="Visitorian Mauve"><div data-hf-id="hf-jmp1" class="shade"></div></div>
- <div data-hf-id="hf-2k18" class="face back"></div>
+ <div class="leaf" id="leaf21">
+ <div class="face front"><img class="art" src="assets/img/p21.jpg" alt="Dipped In Moonlight Cream" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
- <div data-hf-id="hf-vaou" class="leaf" id="leaf22">
- <div data-hf-id="hf-58rz" class="face front"><img data-hf-id="hf-9a2b" class="art" src="assets/img/p22.jpg" alt="Visitorian Blue"><div data-hf-id="hf-ktm4" class="shade"></div></div>
- <div data-hf-id="hf-1d45" class="face back"></div>
- </div>
- <div data-hf-id="hf-z8sv" class="leaf" id="leaf23">
- <div data-hf-id="hf-5n30" class="face front"><img data-hf-id="hf-zxy1" class="art" src="assets/img/p23.jpg" alt="Jolly Boy Dog & Friends"><div data-hf-id="hf-kfb3" class="shade"></div></div>
- <div data-hf-id="hf-1rf6" class="face back"></div>
- </div>
- <div data-hf-id="hf-36ww" class="leaf" id="leaf24">
- <div data-hf-id="hf-61e1" class="face front"><img data-hf-id="hf-3vo1" class="art" src="assets/img/p24.jpg" alt="Steampunk Notice Board"><div data-hf-id="hf-lm86" class="shade"></div></div>
- <div data-hf-id="hf-3qyb" class="face back"></div>
- </div>
- <div data-hf-id="hf-3ykp" class="leaf" id="leaf25">
- <div data-hf-id="hf-6fp2" class="face front"><img data-hf-id="hf-mpkb" class="art" src="assets/img/p25.jpg" alt="Portarait Gallery Taupe"><div data-hf-id="hf-l7x5" class="shade"></div></div>
- <div data-hf-id="hf-459c" class="face back"></div>
- </div>
- <div data-hf-id="hf-7woq" class="leaf" id="leaf26">
- <div data-hf-id="hf-6u03" class="face front"><img data-hf-id="hf-3dlr" class="art" src="assets/img/p26.jpg" alt="Dachshund Dog"><div data-hf-id="hf-meu8" class="shade"></div></div>
- <div data-hf-id="hf-2yc9" class="face back"></div>
- </div>
- <div data-hf-id="hf-busr" class="leaf" id="leaf27">
- <div data-hf-id="hf-78b4" class="face front"><img data-hf-id="hf-8cu7" class="art" src="assets/img/p27.jpg" alt="Colonel Fox at the Gentleman's Club - Mustard"><div data-hf-id="hf-m0j7" class="shade"></div></div>
- <div data-hf-id="hf-3cna" class="face back"></div>
- </div>
- <div data-hf-id="hf-i0ik" class="leaf" id="leaf28">
- <div data-hf-id="hf-19pp" class="face front"><img data-hf-id="hf-6gda" class="art" src="assets/img/p28.jpg" alt="Stag Grande - Plum"><div data-hf-id="hf-guju" class="shade"></div></div>
- <div data-hf-id="hf-yz9z" class="face back"></div>
- </div>
- <div data-hf-id="hf-is6d" class="leaf" id="leaf29">
- <div data-hf-id="hf-1o0q" class="face front"><img data-hf-id="hf-9vk6" class="art" src="assets/img/p29.jpg" alt="Stag Grande Teal"><div data-hf-id="hf-gg8t" class="shade"></div></div>
- <div data-hf-id="hf-zdl0" class="face back"></div>
- </div>
- <div data-hf-id="hf-86e7" class="leaf" id="leaf30">
- <div data-hf-id="hf-mlos" class="face front"><img data-hf-id="hf-s6a9" class="art" src="assets/img/p30.jpg" alt="Stag Grande Grey"><div data-hf-id="hf-ksnv" class="shade"></div></div>
- <div data-hf-id="hf-1e2e" class="face back"></div>
- </div>
- <div data-hf-id="hf-48a6" class="leaf" id="leaf31">
- <div data-hf-id="hf-m7dr" class="face front"><img data-hf-id="hf-pf81" class="art" src="assets/img/p31.jpg" alt="Small Stag Teal"><div data-hf-id="hf-l6yw" class="shade"></div></div>
- <div data-hf-id="hf-0zrd" class="face back"></div>
- </div>
- <div data-hf-id="hf-0a65" class="leaf" id="leaf32">
- <div data-hf-id="hf-lt2q" class="face front"><img data-hf-id="hf-5ls9" class="art" src="assets/img/p32.jpg" alt="Dipped In Moonlight Charcoal"><div data-hf-id="hf-k01t" class="shade"></div></div>
- <div data-hf-id="hf-26og" class="face back"></div>
- </div>
- <div data-hf-id="hf-ziic" class="leaf" id="leaf33">
- <div data-hf-id="hf-lerp" class="face front"><img data-hf-id="hf-nf73" class="art" src="assets/img/p33.jpg" alt="Dipped In Moonlight Cream"><div data-hf-id="hf-kecu" class="shade"></div></div>
- <div data-hf-id="hf-1sdf" class="face back"></div>
- </div>
- <div data-hf-id="hf-mzzv" class="leaf" id="leaf34">
- <div data-hf-id="hf-o6ww" class="face front"><img data-hf-id="hf-67wm" class="art" src="assets/img/p34.jpg" alt="Dipped In Moonlight Teal"><div data-hf-id="hf-j7fr" class="shade"></div></div>
- <div data-hf-id="hf-zsua" class="face back"></div>
+ <div class="leaf" id="leaf22">
+ <div class="face front"><img class="art" src="assets/img/p22.jpg" alt="Dipped In Moonlight Teal" /><div class="shade"></div></div>
+ <div class="face back"></div>
</div>
</div>
- <div data-hf-id="hf-aj3h" class="card" id="outro">
- <div data-hf-id="hf-8vyo" class="kicker">Shop the collection</div>
- <div data-hf-id="hf-y3d1" class="big">Graduate Collection</div>
- <div data-hf-id="hf-9hzb" class="url">designerwallcoverings.com</div>
+ <div class="card" id="outro">
+ <div class="kicker">Shop the collection</div>
+ <div class="big">Graduate Collection</div>
+ <div class="url">designerwallcoverings.com</div>
</div>
- <audio data-hf-id="hf-4pru" id="bgm" src="assets/audio/jazz.wav" data-start="0" data-duration="41" data-track-index="20" data-volume="0.2"></audio>
- <audio data-hf-id="hf-2y33" id="vo0" src="assets/audio/vo1.wav" data-start="2.4" data-track-index="21" data-volume="1"></audio>
- <audio data-hf-id="hf-36io" id="vo1" src="assets/audio/vo2.wav" data-start="8.6" data-track-index="22" data-volume="1"></audio>
- <audio data-hf-id="hf-65bb" id="vo2" src="assets/audio/vo3.wav" data-start="20" data-track-index="23" data-volume="1"></audio>
- <audio data-hf-id="hf-p04g" id="vo3" src="assets/audio/vo4.wav" data-start="28.55" data-track-index="24" data-volume="1"></audio>
- <audio data-hf-id="hf-q7c2" id="vo4" src="assets/audio/vo5.wav" data-start="35.3" data-track-index="25" data-volume="1"></audio>
- <audio data-hf-id="hf-vmc7" id="vo5" src="assets/audio/vo6.wav" data-start="38.15" data-track-index="26" data-volume="1"></audio>
+ <audio id="bgm" src="assets/audio/jazz.wav" data-start="0" data-duration="29.6" data-track-index="20" data-volume="0.2"></audio>
+ <audio id="vo0" src="assets/audio/vo1.wav" data-start="2.4" data-track-index="21" data-volume="1"></audio>
+ <audio id="vo1" src="assets/audio/vo2.wav" data-start="5.75" data-track-index="22" data-volume="1"></audio>
+ <audio id="vo2" src="assets/audio/vo3.wav" data-start="8.6" data-track-index="23" data-volume="1"></audio>
+ <audio id="vo3" src="assets/audio/vo4.wav" data-start="17.15" data-track-index="24" data-volume="1"></audio>
+ <audio id="vo4" src="assets/audio/vo5.wav" data-start="23.9" data-track-index="25" data-volume="1"></audio>
+ <audio id="vo5" src="assets/audio/vo6.wav" data-start="26.75" data-track-index="26" data-volume="1"></audio>
<script>
window.__timelines = window.__timelines || {};
const tl = gsap.timeline({ paused: true });
- gsap.set("#leaf0", { rotateY:0, zIndex:35 });
- gsap.set("#leaf1", { rotateY:0, zIndex:34 });
- gsap.set("#leaf2", { rotateY:0, zIndex:33 });
- gsap.set("#leaf3", { rotateY:0, zIndex:32 });
- gsap.set("#leaf4", { rotateY:0, zIndex:31 });
- gsap.set("#leaf5", { rotateY:0, zIndex:30 });
- gsap.set("#leaf6", { rotateY:0, zIndex:29 });
- gsap.set("#leaf7", { rotateY:0, zIndex:28 });
- gsap.set("#leaf8", { rotateY:0, zIndex:27 });
- gsap.set("#leaf9", { rotateY:0, zIndex:26 });
- gsap.set("#leaf10", { rotateY:0, zIndex:25 });
- gsap.set("#leaf11", { rotateY:0, zIndex:24 });
- gsap.set("#leaf12", { rotateY:0, zIndex:23 });
- gsap.set("#leaf13", { rotateY:0, zIndex:22 });
- gsap.set("#leaf14", { rotateY:0, zIndex:21 });
- gsap.set("#leaf15", { rotateY:0, zIndex:20 });
- gsap.set("#leaf16", { rotateY:0, zIndex:19 });
- gsap.set("#leaf17", { rotateY:0, zIndex:18 });
- gsap.set("#leaf18", { rotateY:0, zIndex:17 });
- gsap.set("#leaf19", { rotateY:0, zIndex:16 });
- gsap.set("#leaf20", { rotateY:0, zIndex:15 });
- gsap.set("#leaf21", { rotateY:0, zIndex:14 });
- gsap.set("#leaf22", { rotateY:0, zIndex:13 });
- gsap.set("#leaf23", { rotateY:0, zIndex:12 });
- gsap.set("#leaf24", { rotateY:0, zIndex:11 });
- gsap.set("#leaf25", { rotateY:0, zIndex:10 });
- gsap.set("#leaf26", { rotateY:0, zIndex:9 });
- gsap.set("#leaf27", { rotateY:0, zIndex:8 });
- gsap.set("#leaf28", { rotateY:0, zIndex:7 });
- gsap.set("#leaf29", { rotateY:0, zIndex:6 });
- gsap.set("#leaf30", { rotateY:0, zIndex:5 });
- gsap.set("#leaf31", { rotateY:0, zIndex:4 });
- gsap.set("#leaf32", { rotateY:0, zIndex:3 });
- gsap.set("#leaf33", { rotateY:0, zIndex:2 });
- gsap.set("#leaf34", { rotateY:0, zIndex:1 });
+ gsap.set("#leaf0", { rotateY:0, zIndex:23 });
+ gsap.set("#leaf1", { rotateY:0, zIndex:22 });
+ gsap.set("#leaf2", { rotateY:0, zIndex:21 });
+ gsap.set("#leaf3", { rotateY:0, zIndex:20 });
+ gsap.set("#leaf4", { rotateY:0, zIndex:19 });
+ gsap.set("#leaf5", { rotateY:0, zIndex:18 });
+ gsap.set("#leaf6", { rotateY:0, zIndex:17 });
+ gsap.set("#leaf7", { rotateY:0, zIndex:16 });
+ gsap.set("#leaf8", { rotateY:0, zIndex:15 });
+ gsap.set("#leaf9", { rotateY:0, zIndex:14 });
+ gsap.set("#leaf10", { rotateY:0, zIndex:13 });
+ gsap.set("#leaf11", { rotateY:0, zIndex:12 });
+ gsap.set("#leaf12", { rotateY:0, zIndex:11 });
+ gsap.set("#leaf13", { rotateY:0, zIndex:10 });
+ gsap.set("#leaf14", { rotateY:0, zIndex:9 });
+ gsap.set("#leaf15", { rotateY:0, zIndex:8 });
+ gsap.set("#leaf16", { rotateY:0, zIndex:7 });
+ gsap.set("#leaf17", { rotateY:0, zIndex:6 });
+ gsap.set("#leaf18", { rotateY:0, zIndex:5 });
+ gsap.set("#leaf19", { rotateY:0, zIndex:4 });
+ gsap.set("#leaf20", { rotateY:0, zIndex:3 });
+ gsap.set("#leaf21", { rotateY:0, zIndex:2 });
+ gsap.set("#leaf22", { rotateY:0, zIndex:1 });
gsap.set("#room0", { opacity:1 });
gsap.set("#room1", { opacity:0 });
gsap.set("#room2", { opacity:0 });
@@ -459,18 +339,6 @@
gsap.set("#room20", { opacity:0 });
gsap.set("#room21", { opacity:0 });
gsap.set("#room22", { opacity:0 });
- gsap.set("#room23", { opacity:0 });
- gsap.set("#room24", { opacity:0 });
- gsap.set("#room25", { opacity:0 });
- gsap.set("#room26", { opacity:0 });
- gsap.set("#room27", { opacity:0 });
- gsap.set("#room28", { opacity:0 });
- gsap.set("#room29", { opacity:0 });
- gsap.set("#room30", { opacity:0 });
- gsap.set("#room31", { opacity:0 });
- gsap.set("#room32", { opacity:0 });
- gsap.set("#room33", { opacity:0 });
- gsap.set("#room34", { opacity:0 });
gsap.set("#stage", { opacity: 0 });
gsap.set("#outro", { opacity: 0 }); gsap.set("#outro .big", { y: 34, opacity: 0 }); gsap.set("#outro .url", { opacity: 0 });
gsap.set("#cover .big", { y: 40, opacity: 0 }); gsap.set("#cover .kicker,#cover .sub,#cover .rule", { opacity: 0 });
@@ -638,113 +506,29 @@
tl.set("#leaf21", { opacity: 0 }, 23.450);
tl.to("#room21", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 23.15);
tl.to("#room22", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 23.15);
- tl.to("#leaf22", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 23.8);
- tl.to("#leaf22 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 23.8);
- tl.to("#leaf22 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 24.1);
- tl.set("#leaf22", { zIndex: 1022 }, 24.1);
- tl.set("#leaf22", { opacity: 0 }, 24.400);
- tl.to("#room22", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 24.1);
- tl.to("#room23", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 24.1);
- tl.to("#leaf23", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 24.75);
- tl.to("#leaf23 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 24.75);
- tl.to("#leaf23 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 25.05);
- tl.set("#leaf23", { zIndex: 1023 }, 25.05);
- tl.set("#leaf23", { opacity: 0 }, 25.350);
- tl.to("#room23", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 25.05);
- tl.to("#room24", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 25.05);
- tl.to("#leaf24", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 25.7);
- tl.to("#leaf24 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 25.7);
- tl.to("#leaf24 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 26);
- tl.set("#leaf24", { zIndex: 1024 }, 26);
- tl.set("#leaf24", { opacity: 0 }, 26.300);
- tl.to("#room24", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 26);
- tl.to("#room25", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 26);
- tl.to("#leaf25", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 26.65);
- tl.to("#leaf25 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 26.65);
- tl.to("#leaf25 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 26.95);
- tl.set("#leaf25", { zIndex: 1025 }, 26.95);
- tl.set("#leaf25", { opacity: 0 }, 27.250);
- tl.to("#room25", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 26.95);
- tl.to("#room26", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 26.95);
- tl.to("#leaf26", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 27.6);
- tl.to("#leaf26 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 27.6);
- tl.to("#leaf26 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 27.9);
- tl.set("#leaf26", { zIndex: 1026 }, 27.9);
- tl.set("#leaf26", { opacity: 0 }, 28.200);
- tl.to("#room26", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 27.9);
- tl.to("#room27", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 27.9);
- tl.to("#leaf27", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 28.55);
- tl.to("#leaf27 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 28.55);
- tl.to("#leaf27 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 28.85);
- tl.set("#leaf27", { zIndex: 1027 }, 28.85);
- tl.set("#leaf27", { opacity: 0 }, 29.150);
- tl.to("#room27", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 28.85);
- tl.to("#room28", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 28.85);
- tl.to("#leaf28", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 29.5);
- tl.to("#leaf28 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 29.5);
- tl.to("#leaf28 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 29.8);
- tl.set("#leaf28", { zIndex: 1028 }, 29.8);
- tl.set("#leaf28", { opacity: 0 }, 30.100);
- tl.to("#room28", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 29.8);
- tl.to("#room29", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 29.8);
- tl.to("#leaf29", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 30.45);
- tl.to("#leaf29 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 30.45);
- tl.to("#leaf29 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 30.75);
- tl.set("#leaf29", { zIndex: 1029 }, 30.75);
- tl.set("#leaf29", { opacity: 0 }, 31.050);
- tl.to("#room29", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 30.75);
- tl.to("#room30", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 30.75);
- tl.to("#leaf30", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 31.4);
- tl.to("#leaf30 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 31.4);
- tl.to("#leaf30 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 31.7);
- tl.set("#leaf30", { zIndex: 1030 }, 31.7);
- tl.set("#leaf30", { opacity: 0 }, 32.000);
- tl.to("#room30", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 31.7);
- tl.to("#room31", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 31.7);
- tl.to("#leaf31", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 32.35);
- tl.to("#leaf31 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 32.35);
- tl.to("#leaf31 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 32.65);
- tl.set("#leaf31", { zIndex: 1031 }, 32.65);
- tl.set("#leaf31", { opacity: 0 }, 32.950);
- tl.to("#room31", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 32.65);
- tl.to("#room32", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 32.65);
- tl.to("#leaf32", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 33.3);
- tl.to("#leaf32 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 33.3);
- tl.to("#leaf32 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 33.6);
- tl.set("#leaf32", { zIndex: 1032 }, 33.6);
- tl.set("#leaf32", { opacity: 0 }, 33.900);
- tl.to("#room32", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 33.6);
- tl.to("#room33", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 33.6);
- tl.to("#leaf33", { rotateY: -180, duration: 0.6, ease: "power2.inOut" }, 34.25);
- tl.to("#leaf33 .shade", { opacity: 0.5, duration: 0.300, ease:"power1.in" }, 34.25);
- tl.to("#leaf33 .shade", { opacity: 0, duration: 0.300, ease:"power1.out" }, 34.55);
- tl.set("#leaf33", { zIndex: 1033 }, 34.55);
- tl.set("#leaf33", { opacity: 0 }, 34.850);
- tl.to("#room33", { opacity: 0, duration: 0.4, ease:"power1.inOut" }, 34.55);
- tl.to("#room34", { opacity: 1, duration: 0.4, ease:"power1.inOut" }, 34.55);
- tl.to("#leaf34 .art", { scale: 1.05, duration: 3.20, ease:"power1.out" }, 35.2);
- tl.to("#room34 .rimg", { scale: 1.06, duration: 3.20, ease:"power1.out" }, 35.2);
+ tl.to("#leaf22 .art", { scale: 1.05, duration: 3.20, ease:"power1.out" }, 23.8);
+ tl.to("#room22 .rimg", { scale: 1.06, duration: 3.20, ease:"power1.out" }, 23.8);
// outro
- tl.to("#stage", { opacity:0, duration:0.6, ease:"power1.in" }, 38.00);
- tl.to("#outro", { opacity:1, duration:0.5 }, 38.20);
- tl.to("#outro .big", { opacity:1, y:0, duration:0.7, ease:"power2.out" }, 38.40);
- tl.to("#outro .url", { opacity:1, duration:0.5 }, 38.90);
+ tl.to("#stage", { opacity:0, duration:0.6, ease:"power1.in" }, 26.60);
+ tl.to("#outro", { opacity:1, duration:0.5 }, 26.80);
+ tl.to("#outro .big", { opacity:1, y:0, duration:0.7, ease:"power2.out" }, 27.00);
+ tl.to("#outro .url", { opacity:1, duration:0.5 }, 27.50);
gsap.set("#bgm", { volume: 0.2 });
tl.to("#bgm", { volume: 0.10, duration: 0.4 }, 2.10);
tl.to("#bgm", { volume: 0.2, duration: 0.6 }, 5.00);
+ tl.to("#bgm", { volume: 0.10, duration: 0.4 }, 5.45);
+ tl.to("#bgm", { volume: 0.2, duration: 0.6 }, 8.35);
tl.to("#bgm", { volume: 0.10, duration: 0.4 }, 8.30);
tl.to("#bgm", { volume: 0.2, duration: 0.6 }, 11.20);
- tl.to("#bgm", { volume: 0.10, duration: 0.4 }, 19.70);
- tl.to("#bgm", { volume: 0.2, duration: 0.6 }, 22.60);
- tl.to("#bgm", { volume: 0.10, duration: 0.4 }, 28.25);
- tl.to("#bgm", { volume: 0.2, duration: 0.6 }, 31.15);
- tl.to("#bgm", { volume: 0.10, duration: 0.4 }, 35.00);
- tl.to("#bgm", { volume: 0.2, duration: 0.6 }, 37.90);
- tl.to("#bgm", { volume: 0.10, duration: 0.4 }, 37.85);
- tl.to("#bgm", { volume: 0.2, duration: 0.6 }, 40.75);
- tl.to("#bgm", { volume: 0, duration: 1.0, ease:"power1.in" }, 39.90);
+ tl.to("#bgm", { volume: 0.10, duration: 0.4 }, 16.85);
+ tl.to("#bgm", { volume: 0.2, duration: 0.6 }, 19.75);
+ tl.to("#bgm", { volume: 0.10, duration: 0.4 }, 23.60);
+ tl.to("#bgm", { volume: 0.2, duration: 0.6 }, 26.50);
+ tl.to("#bgm", { volume: 0.10, duration: 0.4 }, 26.45);
+ tl.to("#bgm", { volume: 0.2, duration: 0.6 }, 29.35);
+ tl.to("#bgm", { volume: 0, duration: 1.0, ease:"power1.in" }, 28.50);
window.__timelines["flipbook"] = tl;
</script>
← 6426992 marketing.dw: expose /collections/<slug> pages + assets publ
·
back to Dw Marketing Reels
·
Graduate page: copy fix (leopards not tigers, 23 patterns) 7714ca7 →