Ferris component

[jdonszelmann]

@grafische-republiek

rustnl2025/src/components/LocationDusRooms.astro

Lines 187 to 229 in e8db322

	> .ferris,
	> .ferris-arms {
	@include wider_than(sm) {
	background-repeat: no-repeat;
	background-size: contain;
	height: 120px;
	position: absolute;
	rotate: 90deg;
	width: 144px;
	}
	@include wider_than(xl) {
	height: 240px;
	width: 288px;
	}
	}
	> .ferris {
	@include wider_than(sm) {
	background-image: url("/images/ferris.png");
	/* This timing is for the leaving animation */
	transition: translate 300ms ease-out;
	translate: -24px;
	}
	}
	> .ferris-arms {
	@include wider_than(sm) {
	background-image: url("/images/ferris-arms.png");
	background-position: center -12px;
	/* This timing is for the leaving animation */
	transition:
	opacity 200ms 300ms ease-out,
	translate 200ms 200ms ease-out;
	translate: 10px;
	opacity: 0;
	z-index: 1;
	clip-path: circle(34%);
	}
	}
	}
	}

this css is duplicated several times

rustnl2025/src/components/LocationDusVenue.astro

Lines 188 to 229 in e8db322

	> .ferris,
	> .ferris-arms {
	@include wider_than(sm) {
	background-repeat: no-repeat;
	background-size: contain;
	height: 120px;
	position: absolute;
	rotate: 90deg;
	width: 144px;
	}
	@include wider_than(xl) {
	height: 240px;
	width: 288px;
	}
	}
	> .ferris {
	@include wider_than(sm) {
	background-image: url("/images/ferris.png");
	/* This timing is for the leaving animation */
	transition: translate 300ms ease-out;
	translate: -24px;
	}
	}
	> .ferris-arms {
	@include wider_than(sm) {
	background-image: url("/images/ferris-arms.png");
	background-position: center -12px;
	/* This timing is for the leaving animation */
	transition:
	opacity 200ms 300ms ease-out,
	translate 200ms 200ms ease-out;
	translate: 10px;
	opacity: 0;
	z-index: 1;
	clip-path: circle(34%);
	}
	}
	}
	}

idk why we didn't spot it in review but that should be a component

[jdonszelmann]

otherwise it becomes hard to maintain

[erikjee]

@jdonszelmann this was not @grafische-republiek but Mara and me just copying things. I asked @tertsdiepraam to re-work this at the time (not just the ferris part, but the full location component). That got lost somewhere, I guess.
Can one of you two do it, you think?