77 lines
2.8 KiB
XML
77 lines
2.8 KiB
XML
// https://mspaintadventures.fandom.com/wiki/Mortality
|
|
// bobbing would be great...
|
|
// ^ requires a bit too much artistry to fill in the gaps i fear
|
|
// ^ or just. clone stamp that could work
|
|
// ^ it did, yay! :D
|
|
// bit of code i used on this page that i felt proud of:
|
|
// https://homestuck.net/img/resources/assets/uncategorized-assets/
|
|
// document.querySelectorAll("a").forEach(a => {
|
|
// const img = document.createElement("img");
|
|
// img.src = a.href;
|
|
// a.insertAdjacentElement("afterend", img);
|
|
// })
|
|
// didn't find anything there btw
|
|
// pretty hopeless to try to recreate the pulsing light
|
|
// ^ a gif would have worked lel
|
|
// ^ but, again, artistry
|
|
|
|
import {
|
|
DragResizableImage,
|
|
HomestuckSpan,
|
|
Main,
|
|
render_and_copy,
|
|
static_url,
|
|
} from "./common.tsx";
|
|
|
|
// DONE: rip a hole in the panel (for blood on back)
|
|
render_and_copy(
|
|
<div
|
|
style={{
|
|
background: `url(${static_url("incipisphere-thingie.png")}) fixed`,
|
|
width: "fit-content",
|
|
display: "grid",
|
|
overflow: "hidden",
|
|
gridTemplateRows: "1fr",
|
|
}}
|
|
>
|
|
<DragResizableImage
|
|
url={static_url("homestuck-3853-egbertful.png")}
|
|
width={650}
|
|
height={650}
|
|
top={0}
|
|
left={0}
|
|
indicator_opacity={0.6}
|
|
/>
|
|
<img
|
|
id="panel"
|
|
src={static_url("homestuck-3853-transparent-egbertless.png")}
|
|
alt="part of page 3853 of homestuck. rose lalonde, wearing a black dress with a pinkish-purple sash and a green communicator on her head, is lying incapicitated on the grey ground. a pool of blood is collecting, with an incisphereish thingie showing through it. there is a blue, partially sloppily clone-stamped void with a dark purple horizon above it."
|
|
style={{
|
|
gridArea: "1/1",
|
|
margin: 0,
|
|
aspectRatio: 1,
|
|
}}
|
|
/>
|
|
{/* <img
|
|
id="egbert"
|
|
src={static_url("homestuck-3853-egbertful.png")}
|
|
alt="part of page 3853 of homestuck. egbert's silhouette with colorful tendrils all around it and a patch of blood that also shows the incipisphereish thingie."
|
|
style={{
|
|
gridArea: "1/1",
|
|
margin: 0,
|
|
aspectRatio: 1,
|
|
transform: "translateY(-0.15rem)",
|
|
animation: "0.15s infinite alternate-reverse linear spin",
|
|
}}
|
|
/> */}
|
|
<div style={{ backgroundColor: "white" }}>
|
|
basically,{" "}
|
|
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment">
|
|
background-attachment: fixed
|
|
</a>{" "}
|
|
+ some <a href="https://photopea.com">photopea</a> fun{" "}
|
|
<HomestuckSpan color="#008282">:]</HomestuckSpan>
|
|
</div>
|
|
</div>
|
|
);
|