#alternate episode ix

[axkirak]

The Curse of Cassandra [EP : IX]

Read in Ao3 : here

Pairings :  Qimir x f!reader(SEA Reader)  [The Acolyte]

Content waring : 18+ smut/nsfw, dubcon, drugged, fingering, p in v, unprotected sex, creampie

tags/themes : Alternate Universe - Dune & Star wars, Partners in Crime, Strangers to Lovers

Summary : 'The Jessica Crime'  named after Paul Atreides' mother, instructs the Bene Gesserit to 'never fall in love and always prioritize humanity over personal feelings.' Your love for Qimir is no different from Lady Jessica's love for Duke Leto—a love that will lead to great losses. You come to realize this truth as you uncover his hidden secrets and true identity.

Status: just finished writing this fic! (It will end in Episode 14)

A/N : Great news! I just wrapped up this fic, and it’ll be finished in Episode 14. I’ll need a bit of time to proofread it, but I’ll do my best to post updates frequently so you won't have to wait too long!

Also, I want you to listen to this song while reading this episode. It fits perfectly with the moment: Ciara - Paint It, Black.

Ps.If you enjoy my work, please reblog it. Just liking the post won’t help others discover it.

➡  Intro // EP : 1 // EP : 2 // EP : 3 // EP : 4 // EP : 5 // EP : 6 // EP : 7 // EP : 8 // EP : 10 // EP : 11 // EP : 12 // EP : 13 // EP : 14 (Completed)

Special OS : Phantom Thread

[Episodes 9] The Jessica Crime

"You’ve been acting strangely since you woke up. What happened to you?" 

Qimir's voice echoes faintly from outside your consciousness. You can’t even tell from which point in time it’s coming—past, present, or maybe it’s all just a future that hasn't happened yet.

Loss of temporal footing.  Another voice fills your head, but this time it is the voice within your mind. The brief explanation brings you instant clarity. This is one of the symptoms experienced by those gifted with the ability to perceive across the dimensions of time. The flood of vast information overwhelms your mind, making it impossible to process in an orderly manner, intertwining the past, present, and future into a chaotic blend that is nearly impossible to separate.

You must find your anchor point, a point that makes you aware you are standing in the present.

The familiar voice urges you, guiding you on your next steps.

You recall the taste of spice in your tea cup—that peculiar blend of sweetness and fiery heat lingering on your tongue. You commit these sensations to memory, anchoring yourself in the present moment, while everything else beyond this remains as visions of what has been or what is yet to come.

"I think you’re taking too much spice." 

This is the present, you remind yourself, as Qimir pulls the tea cup from your grasp. At the mention of spice, your thoughts momentarily drift to Arrakis, the planet you once saw in your dreams. Arrakis used to be the primary source of spice, which was once the most valuable substance in the universe. But now, it’s merely a rare, costly drug, dismissed as useless by most.[1]

Few know that spice isn’t just a hallucinogen; it also enhances the ability to see into the future. That is why you need to consume it, despite the many side effects it has on your body.

You need to stay alert tonight to anticipate and prepare for what is coming next.

There’s a sedative in the food. 

You quietly review your plan in your mind. You have learned extensively about medicines from Qimir—how to identify herbs and concoct various potions with precision. Crafting a sedative isn't difficult; the challenge lies in administering it seamlessly so that even someone as sharp as Qimir won’t suspect a thing.

I used a method from the Suk School[2], you think, letting your mind drift back to the memories of your ancestors, back to a time before Paul Atreides became the Lisan al-Gaib.

You travel back to a pivotal moment in the galaxy's brutal history when House Harkonnen ruthlessly annihilated House Atreides. They initiated their plan by sedating everyone present before storming in to slaughter soldiers and servants, saving the key figures for last.

Your consciousness remains anchored in that moment, hearing the deep, mocking voice of Baron Vladimir Harkonnen as he taunts Lady Jessica, the Bene Gesserit and mother of Paul Atreides: “The sedative's effects were precisely calculated. We even know the exact second you will awaken.”

The method was simple: by knowing only height and weight, the Suk doctors could concoct the sedative in the precise dosage needed to control both the onset of drowsiness and the moment of awakening. Using this technique makes everything appear seamless and natural, as if the drowsiness were merely a result of natural fatigue rather than the effect of a drug. Qimir wouldn’t suspect he had been drugged—not until he woke up the next morning.

And by then, you’re certain you’ll be long gone from him.

He might harbor a slight suspicion now. you think, watching Qimir across the dinner table as he takes a bite of the Bocha[3] you prepared. But because he loves me, he chooses to trust me rather than doubt. And that will be his mistake.

“You’re awfully quiet,” Qimir remarks. You notice he’s finished eating and is now pouring you a glass of plain water—no spice. “What’s on your mind?”

You sense the growing suspicion in his eyes, sparked by your own lethargic and distant demeanor—a side effect of the spice and the temporal disorientation swirling in your mind. You know that Qimir's questioning isn't a good sign. If his doubts continue to deepen, the whole plan could easily unravel.

Clenching your fists, you deliberately press your nails into the soft skin of your palms, using the pain to anchor your mind in the present before responding in a calm voice: “I was just thinking of Arrakis. I dreamed of it a few nights ago.”

Arrakis. Qimir's brows furrow as he recalls how he’s heard you mutter the name of the ancient planet many times in your sleep.

He knows only that Arrakis was once the home planet of the Fremen, but beyond that, he knows little else. After the Holy Jihad ended, the stories of the Fremen became forbidden tales, lost to the sands of time. No records remain to testify to their existence. If Qimir hadn’t met you, he would have never believed that any Fremen still existed in this galaxy.

“Tell me,” he says softly. “About what you saw—about your home planet.”

You freeze for a moment, your mind pulled back into the past once more. Someone asked me this same question long ago.

How long? A thousand years, perhaps.

Deep in your consciousness, you find yourself sitting at the mouth of a sealed stone cave on Arrakis. Your gaze drifts over the distant rock formations and stretches of sand, a sense of peace settling over you. Cradled in your arms is a young Fremen woman of your age. As the night remains still, your lips meet in a silent kiss. She looks at you with eyes full of love, gently placing her hand on your cheek and whispering softly, “Usul, my beloved, tell me about your home planet.”

You blink, and the image shifts back to the present. The Fremen woman is replaced by Qimir. They share nothing in common except for those same eyes filled with love looking back at you.

Your heart wavers with confusion, a momentary urge to abandon your plan and confess the truth surging within you. But you can’t—there's no turning back now, only the choice to move forward.

“Arrakis was a desolate and arid planet, harsher than any other in the universe,” you say, setting your glass down on the table. “Water was so precious that we had to wear stillsuits at all times. These suits were designed to reclaim the body’s sweat and moisture, turning it into drinkable water.”

Qimir stares at you in amazement, a hint of apprehension creeping into his expression. “Are you saying that the Fremen used to drink their own sweat and... pee?”

You nod, almost smiling at his reaction. “We reclaimed even the water from corpses.”

“How did it taste?”

"Much worse than regular water," you reply, even though you've never actually tasted water from a stillsuit yourself. The memories of others make you feel as if you had. That warm, bland liquid was disgusting and bitter. "It was stale and unpleasant, but it was drinkable. We didn’t have much choice."

“That kind of life must’ve been incredibly hard.”

“Harder than anyone could imagine.” You hear a haunting wail deep within your mind as memories of brutal, unforgiving times resurface: stories of the Fremen fighting against ruthless rulers who came to exploit and plunder this planet, just to survive each day.

You take a deep breath before continuing, “But those hardships made us strong. We did whatever was necessary to survive.”

Qimir senses the bitterness in your words—the coldness laced with an undercurrent of isolation and pain hidden beneath those brief sentences.

He studies you for a moment, taking in your face and the deep blue eyes unique to the Fremen. The longer he looks, the more he senses a change within you. It’s as if you are no longer the person he once knew but someone from a distant, ancient world—a world he could never truly reach or understand, no matter how hard he tried.

Qimir moves closer, his hand reaching for yours. That's when he notices the small crescent-shaped marks from your nails on your palm. He stares at them for a moment before lifting your hand to his lips and pressing a soft kiss on the wound. “You’re not alone anymore, Hara.”

You know that whenever Qimir calls you by your Fremen name, it’s his way of expressing love and comfort. It always makes your heart soften, even though you know, deep down, that these feelings should never have existed in the first place.

The Bene Gesserit learned a harsh lesson from this long ago. They called it ‘The Jessica Crime,’[4] named after the mother of Paul Atreides. 

It is said that her love for Duke Leto led her to follow her heart rather than obey the Sisterhood's orders, giving birth to a son when she was supposed to bear a daughter. This act altered the fate of the universe by bringing forth the Kwisatz Haderach prematurely, sparking a galactic war that ultimately led to unimaginable losses.

Since then, the Bene Gesserit established an inviolable rule—a warning passed down to every sister of every generation: never fall in love and always place the greater good of humanity above personal feelings.

You alone truly understand Jessica's thoughts, even though you exist in different times. 

For to forbid someone from loving is like forbidding them from dying. As long as humanity has a heart, that rule will always remain impossible to follow.

Under the intoxicating influence of the spice that still clouds your senses, the world around you feels like a mirage. Even as Qimir's lips trail up to your mouth and neck, lingering in a slow, tender kiss, and his large hands caress your body, sending shivers of electricity through your skin, 

This is real. All of this is real. You remind yourself as you surrender your body and being to his embrace.

You are fully aware that you're making the same mistake Jessica did. You grasp this truth with perfect clarity, knowing the consequences that will follow. Yet you allow it to happen because denying it would only arouse suspicion. Besides, deep down, you don’t want to deny your own feelings. This might be the last moment you and he share together before your fragile bond shatters beyond repair.

Your fading consciousness returns briefly as Qimir guides you to the bed. His hands deftly undo the knots of your clothes, just as he does with his own, leaving both your bodies and souls exposed.

Qimir pulls you onto his lap, your bare skin pressing against his, every soft curve and firm muscle meeting in intimate contact. You feel his growing arousal beneath your thighs.

For the first time, he lets you touch the cross-shaped scar on his back. You trace it gently, unable to stop yourself from asking, “Did it hurt much when you got this scar?”

“More than words can express,” he replies with a faint smile, though his eyes shine with anger at the memory. “I’ve never forgotten what happened that day.”

You don’t press him further; you know when to ask and when to remain silent. Besides, curiosity is unnecessary for you, as you've already glimpsed some of what he's faced and the terrible things he's done. Qimir may be gentle with you, but he's not a good man. His hands are stained with the blood of countless lives, and yet you still allow those hands to roughly explore every part of your body, fully aware of who he is and what he's done.

Your breath hitches as Qimir's fingers pinch and knead your nipple, sending a jolt of heat that spreads across your face. His other hand slowly glides down your stomach, lower and lower, until it reaches your most sensitive area. His fingertips explore your folds, circling your clit before sliding inside. He moves with a steady rhythm—neither too slow nor too fast—just enough to awaken your arousal. It wasn’t long before your desire soared, and the slickness between your legs made you ready for what comes next.

You lean over Qimir, carefully lowering yourself onto him, taking your time. A wave of desire washes over you as the tip of his cock gradually enters you. You exhale shakily, resting your forehead upon his shoulder, savoring the feeling as every vein of his length drags against your gummy walls. filling and stretching you in all the right ways. The sensation is overwhelming, a mix of intimacy and longing as your bodies merge completely.

Qimir's arms wrapped around your waist, holding you firmly as you begin to move your hips, riding his cock with a slow rhythm. He presses wet kisses along your jaw, trailing down to your neck, where he bites and sucks, leaving marks as if to claim you. Meanwhile, your nails dig into his back, uncaring that it might hurt him—you're certain he enjoys it.

A moan escapes your lips as Qimir thrusts up into you, his hips smacking sloppily against wet lips between your legs. bullying his cock deeper inside you. He begins to rut into you with increasing force, making your entire body tremble with pleasure, the intensity building as he swiftly took control. guiding your hips to move in sync with his, alternating between slow and quick thrusts. 

The rhythm of desire is as tangled and complex as the threads of time. He knows exactly what you need, and you know what he desires, as if you've known each other for an eternity.

As your bodies move in perfect synchrony, chasing the orgasm that coils tight in your stomach, your thoughts and emotions begin to merge into one. While making love with Qimir, you catch glimpses of fragmented memories hidden within him, each flashing before your eyes like a rapidly playing video. You see the deaths of Jedi, the twisted desires, and the ominous shadow of a man wearing a cracked metal helmet, its surface etched with a twisted smile—the Sith who tried to kill you in your dreams.

They’re all the same person—each one is him.

“Qimir!”

You cry out, your voice breaking as your eyes widen in shock. Your entire body quakes with an indescribable sensation, torn between the bliss of your orgasm and the terror buried deep within your mind. You hear Qimir's low growl in your ear as he drives into you harder, relentless thrusts, until his movements begin to slow. His cock throbs inside you as he finally releases, painting your insides white with his cum, filling you to the brim and overflowing.

Qimir leans back on the bed, his breathing noticeably slowing, his eyelids heavy with exhaustion. He looks more drained than usual but still has the strength to pull you into his arms. You barely dare to breathe, lying stiffly under his hold, watching him as he drifts off to sleep in mere moments.

You remain still for a while, waiting until you’re sure Qimir is in a deep sleep before carefully untangling yourself from his hold. Slipping out of bed, you dress quietly, your mind already knowing what you must do next. But when you glance back at Qimir one last time, hesitation grips you.

You bite your lip, knowing that the wisest thing to do right now is to gather your belongings, escape this place, and contact Sol immediately. Yet your mind refuses to settle until you confirm the truth with your own eyes, even though you already know deep down that the vision couldn’t possibly be wrong.

Moving with quiet precision, you find yourself in front of Qimir’s office—a place you were never allowed to enter. The door, locked with a digital passcode, is something you don’t know; however, the images from your vision guide your fingers as you type the code accurately. The door slides open.

Inside, the room is large and spacious, a blend of an office and a workshop. One corner holds a cluttered desk, while another is filled with tools and equipment, and shelves and crates are haphazardly cluttered around. 

But what draws your attention most is a metal chest on the lowest shelf. Something within seems to beckon to you, like a faint whisper, urging you toward the secret waiting to be uncovered.

Kneeling on the floor, your hand trembles as you reach out to touch the chest. The cold metal startles you slightly, and a sudden fear wells up within you, making you hesitate to open it. I must not fear. Fear is the mindkiller. You recite the Bene Gesserit litany in your mind to calm your nerves before finally deciding to open the chest with a swift motion.

What you find inside makes you cover your mouth in shock. The truth Qimir had been hiding all along now unfolds before you. 

Inside the chest lies a helmet made of cortosis, its dark, tarnished metal streaked with dull gold. The helmet is cracked in several places, though it has been mended. Its most distinct feature remains intact—the grotesque smile carved into the lower half of the helmet—the same smile you’ve seen countless times in your dreams

You think back to the events on the Trade Federation ship, where Qimir had appeared instead of the Sith. His face superimposes over the helmet in the chest, and in that instant, everything becomes crystal clear.

The man you've lived with all these years, the only one you've let into your life, is the very source of the darkness that haunts your dreams. Beneath the facade of a freelance trader and gentle lover lurks a terrifying truth—He is the Sith Lord, the threat to the galaxy, the ruthless Jedi killer, and possibly the one who may take your life.

Footnotes:

[1] This fic tweaks canon a bit—In canon, stopping spice use means losing prescient vision forever, but in this fic, you can quit without issue.

[2] Suk Doctors, trained at the Suk School, are elite physicians in the Dune universe, usually serving only wealthy families.

[3] Bocha is a crispy, delicious dish from The High Republic era, often served hot.

[4] According to the Dune novels, Lady Jessica’s defiance of the Bene Gesserit by having Paul Atreides is called 'The Jessica Crime,' a lesson for future generations to always control their emotions for humanity's sake."

[proship-april]

Here it is —after much deliberation and thought, the 2024 prompts!

This link will take you to the AO3 Proship April 2024 collection.

Day 9 Image Prompt | Day 17 Image Prompt | Day 27 Image Prompt

Each day has a primary and a secondary prompt. The primary ones are going to be broader, and the secondary ones are more specific ideas, phrases, or even dialogue.

Don't have the time, energy, or desire to complete a prompt per day? No problem! Click here to generate a 4x4 bingo card that you can complete (or pick through) at your leisure. Additionally, there is an SFW option for the bingo card.

If you see a word that you don't recognize, don't worry! There is a text-version of this prompt list beneath the keep reading link, and those words are linked to Wikipedia articles with the explanation. And, of course, you can always use our ask box for any further clarification.

Prompts can be applied as strictly or as loosely as you like. "Cursed" can mean that a character in your baking fic burns something and bemoans being 'cursed' with bad luck, or it can refer to fanart based off of an episode titled 'Cursed,' or it can be a F/O scenario in which your F/O goes to great lengths to undo your curse... You all you get the idea, I'm sure.

That's basically the basics! If you have a question that's not answered here, don't hesitate to ask. Other than that, happy planning and I hope to see you all in April!

What is Proship April? Click here for more information!

Keep reading for a text-list of the prompts.

Week 1 Day 1: Love Potion | Better off dead Day 2: Forbidden | Three words Day 3: Look-alike | Can't get caught Day 4: Forced | Alternate ending Day 5: Goodbye | A long way from home Day 6: Betrayal | "You're thinking too much."

Week 2 Day 7: Love vs Hate | Make the best of it Day 8: Rock Bottom | All in your head Day 9: "Fine, Great" by Modern Baseball | IMAGE PROMPT Day 10: Ashamed | "You know you're a bad liar." Day 11: Corpse | Body worship Day 12: Salirophilia | Humiliated Day 13: Odaxelagnia | Punishment

Week 3 | Hays Code Week Day 14: Crime | Mistaken identity Day 15: Sex | Infidelity/Adultery Day 16: Brutality | Consumption Day 17: "Eat You" by Caravan of Thieves | IMAGE PROMPT Day 18: Killing | Autassassinophilia Day 19: IX, X, & XI | Interracial Day 20: Authority | Flipped/unusual power dynamic

Week 4 Day 21: Heartbroken | Bite your tongue Day 22: Accident | Munchausen syndrome by proxy Day 23: Regrets | Blood in the water Day 24: Cursed | Puppetmaster Day 25: Abasiophilia | Rendered helpless Day 26: In The Rain | "If we do this, we can't go back." Day 27: "doomsday" by Lizzy McAlpine | IMAGE PROMPT

Week 5 Day 28: Remember | Consequences Day 29: Delirious | Reluctant caretaker Day 30: Experiment | Mechanophilia

[apatheticlexicographer]

BYLER FIC REC WEEK 2023 DAY 5: FULL AU recs

breathe (in the air) by clearskiies

mike-centric; no plot. 1970s AU, the party are in their 20s. mike and will’s friend groups meet at a music festival and they spend the whole time attached at the hip. there’s a lot of internalized homophobia angs,tbut mike doesn’t lash out at will over it and their flirting is sweet. elumax are going through their own shit in the background too. multichapter, ongoing

wheeler news by solarhazard

will-centric; some plot. social media fic where mike is a famous musician and will runs a stan twt account for him. his world gets flipped upside down when mike notices him and they start becoming friends. it’s so dumb but so fun. multichapter, hasn't updated in a while but it hasn’t been officially discontinued to my knowledge

Nocturne by lilacline

mike-centric; plot. mike rescues a small brown bat from a weirdly evil plant and nurses it back to health, befriending it in the process. side note: bats aren’t supposed to understand human speech, mike. that’s not normal. that’s not a normal bat you have there, mike. considering it’s tagged as a vampire AU, i’m sure u can see where this is going. mike is a mess (affectionate) and he’s filled with Queer Terror. will has only just appeared as a character (...officially) but he’s already melting all 3 of mike’s braincells. mike is actually the best brother ever to holly and i would die for her. multichapter, ongoing

A New Fight by Tea_For_One_Please, and both of its sequels

alternates between mike-centric and will-centric; plot. a star wars fusion AU where will is a stormtrooper who defects to the rebellion and becomes a member of mike’s crew. el escaped the jedi massacre and teaches him to wield the force. the first fic takes place about a year before episode IV, the second concludes directly before episode IV, and the third is set in the gap between episodes VI and VII. since this is a fusion AU the canon events of the star wars timeline happen as usual, with the party’s story taking place in the background. you could probably read this without having seen star wars, but it wouldn’t make much sense. i was so engrossed that i read all three 30k~ long fics in one sitting. multichapter, all entries complete

with honor, we hound by hiscleric

mike-centric (so far, may have will POV); plot. as of now there’s only been one proper chapter of this, not including the prologue, but i can already tell it’s gonna be sooo good. it’s a fantasy/cleradin AU which is always a win, and the writing is lyrical. will was the youngest prince of the kingdom, who mysteriously vanished one day. mike is a knight and the heir to a noble family, but secretly wished to be a scholar. there’s a prophecy, a quest, and what seems like it’s gonna be a secret identity plot with will. literally what more could you want??? multichapter, ongoing

ground control to major tom (your circuit’s dead, there’s something wrong) by andthentheybow

alternates between mike-centric and will-centric; plot. another star wars AU!!! there’s only one chapter out so far, but it’s the setup for a heist story so i just know it’s gonna slay. this one is set several centuries after episode IX, rather than in tandem with star wars canon. mike is a bounty hunter and will is very… mysterious ;))) i can’t wait to see what comes of it!!! multichapter, ongoing

A Flower That Resembles You by perexcri

will-centric; plot. a byler fantasy AU that’s not cleradin??? gasssp :000 i won’t spoil to much but it’s got childhood friends to strangers to friends to lovers, really pretty depictions of magic, hella quantities of angst and yearning so sweet and tender it makes even my aro heart ache. the mortifying ordeal of allowing yourself to love and be loved… effervescent. multichapter, complete

Ley Lines and Shadows by Aabh

will-centric; plot. fantasy AU! will is a baker who lives in a tiny town. the town was cursed years ago by a now-dead witch. he helps a stray cat after it gets attacked, but as he spends more time around it it becomes clear that it's not a normal animal. the ominous dreams that plague will's sleep only add to the feeling that something is…off. the writing is flowery and fits the fairytale setting nicely. there's a mild sexual content tag on the fic, but i believe that refers to a single paragraph. there's nothing explicit and they're adults. multichapter, complete

another one bites the dust by losingcontrolnow

will-centric; not really plot. high quality zombie apocalypse content!!! i like more hardcore apocalypse stories than the stuff you usually get in s5 speculative fics, so this AU makes me very happy. the contents of the fic itself don't make me happy because, duh, it's a zombie apocalypse AU, but it's soooo good. oneshot, complete

didn't i (blow your mind this time) also by losingcontrolnow

mike-centric; no plot. you know spiderwill, you love spiderwill, but for your humble consideration: spidermike!!! featuring yearning (both), pining (both), oblivious idiots (both), and sudden onset superpowers (just mike). mike is exactly as much of a mess about, well, everything as you would hope and he is so so dear to me. longshot, complete

[brooklynislandgirl]

TAG NINE PEOPLE YOU’D LIKE TO KNOW BETTER! I. Favourite Colours: Any shade of green {forest and emerald in particular}, black, silver, garnet. II. Favourite Flavours: Good coffee, deeply brewed tea, dark chocolate, coconut, and a 'scent flavour'... it's gonna either be beef being cooked on a fire, or specific to New Mexico... a crisp/cool afternoon when the sun is bright but not hot and you smell it...smoke, something earthy and green with an almost acidic bite if you breath it in just right. It's chile season, and it's being open roasted in giant metal roasters. And lastly, pinon. III. Favourite Genres: Most fantasy though with a penchant for High Fantasy. True Noir/ Mystery, Horror, History/Alternative History. I do enjoy Romance and Sci-Fi {typically golden and silver age are most often forgotten but truly a guilty pleasure} but tend to prefer them blended with a different genre. Poetry is entirely different and for me it's more like music than narrative fiction, though I do have a soft spot for the Romantics, and the Beat Generation. {You can have my Kerouac and my Ginsberg whence you've pried them from my cold, dead, yaddah yaddah}. And because I am a bastard, I'm going to ruin it all for you: Literally almost any Emily Dickinson poem can be read/sung to the tune of the Yellow Rose of Texas, or the theme to Gilligan's Island. You're welcome. IV. Favourite Music: Classical, Tribal Trap, Country, Grunge, Classic Rock {stfu, G-N-R and them are not YET classic rock}, 80s Rock/Metal. Broadway Musicals, Rap/R&B, really just about anything. Probably my favourite singers are Eddie Vedder {yes, I know}, Geoff Tate who's is utterly incredible even after 40 years. And honestly? Garth Brooks. V. Favourite Movies: SW: The Empire Strikes Back, Tombstone, Indiana Jones and the Last Crusade, League of Extraordinary Gentlemen, Strange Days, Highlander, CA:TWS, Doctor Strange, ST: The Undiscovered Country and just so so so many more. VI. Favourite Series: Constantine, Doom Patrol, Legends of Tomorrow, Supernatural, Babylon 5, Farscape, Loki, ST: DS9/TNG/TOS/SNW {Really all of them except Voyager and Discovery}, Salem, Original Charmed, Witches of East End, Burn Notice, Fargo, Resident Alien, Res Dogs, Longmire, Justified, Dallas {Original and Revival} and Dark Shadows {Original AND Revival}. Family Guy, Bob's Burgers {and Archer}. Robot Chicken. Lastly I'm also going to say the Orville, which yes is a sort of parody of Star Trek, but also an homage, and a surprisingly well written one. VII. Last Song: Paint it Black ~ Ciara cover, Superhero ~ Johnny Hollow VIII. Last Series: Loki Episode 1-Season 2 or American Gigolo Episode 1. IX. Last Movie: The Noel Diary, The Dark Knight trilogy X. Currently Reading: Ten Little Indians anthology by Sherman Alexie, Digitisation and Digital Archiving: A Practical Guide for Librarians {second ed.} by Elizabeth R Leggett, ¡Sin resolver! Misterios de la historia by Dona Herwick Rice. XI. Currently Watching: The Fall of the House of Usher, Loki, Resident Alien XII. Currently Working On: The 500 or so posts I owe across my blogs. I am so sorry for being absolute fail.

~*~ Tagged by: @nightmarefuele my sweet and disturbing C. Tagging: @fasciinating, @respondedinkind, @chiefofstafftanner, @smolcuriouskitten, @rhodestoruin, @lalamoon, @mouthoftheocean, @ifyoucatchacriminal, @morgansmornings and anyone who would like to do this!

[infintasmal]

tag nine people you'd like to know better

I. favourite colours: Pink, in most varieties. I like bright colors most often, esp paired with black. But I think pink is one of the colors were I'm not picky on shade or w/e so I'd say it's a contender for favorite.

II. favourite flavours: I'm a sucker for most anything sweet but I love chocolate & peanut butter together.

III. favourite genres: Fantasy or sci fi. Most of the books or series I get into fall into either category. I like media that imagines other worlds or even other variants of our world like modern fantasy or speculative fiction.

IV. favourite music: I have a lot of variety in my music playlists, like anything from broadway to metal. Most of the artists I listen to are somewhere in the rock genre, lots of indie, alternative or hard rock/metal. But I also like some pop, I've been listening to a lot of indie/alt pop recently.

V. favourite movies: Admittedly, I don't watch a lot of movies. But favorites or ones I've seen several times would probs be Repo! The Genetic Opera, Captain America 2, or Spirited Away.

VI. favourite series: TV series? Criminal Minds. Anime series, probs D Gray Man, Cowboy Bebop, or Yu Yu Hakusho.

VII. last song: Back to Black by Amy Winehouse

VIII. last series: I've been slowly making my way through One Piece and I'm on episode 100 or smth lmao

IX. last movie: Been watching a lot of kids movies lately bc cartoons are my comfort but I also recently watched YYH Poltergeist Report

X. currently reading: The Mask of Mirrors by MA Carrick, seems cool so far but it's def got a slow start

XI. currently watching: One Piece

XII. currently working on: Trying to get caught back up in HSR but I'm also playing Borderlands

Tagged by: @thuganomxcs <3

Tagging: @universestreasures, @goresugars, @celesticlnstcrs, anyone who wants to steal it

[bluntblade]

Thanks very much for the tag @sinvulkt - here we go...

1. How many works do you have on AO3?

71 as of just last weekend.

2. What’s your total AO3 word count?

484,157

3. What fandoms do you write for?

Primarily Star Wars (and that mostly Sequel Trilogy, though I written some High Republic and a little Original Trilogy and Clone Wars), Horizon: Zero Dawn/Forbidden West and The Horus Heresy (WH40K)

4. What are your top five fics by kudos?

Fire Hawk, Snow Thrush (Horizon Zero Dawn/The Frozen Wilds)

Episode IX: Resurgence and Reckoning (Star Wars Sequels)

Rex's Ruminations (Star Wars: The Bad Batch)

In the Footsteps of a Death Seeker (Horizon Zero Dawn/The Frozen Wilds)

Treat it like a Duel (The Horus Heresy)

5. Do you respond to comments? Why or why not?

If I get a comment then yes, I absolutely respond. They're relatively sparse for me, so I appreciate them very much.

6. What’s the fic you wrote with the angstiest ending?

Angstiest ending, you say. I'm kind of bad at sitting in a bad feeli- no, I tell a lie. It's absolutely A Fine Officer, A Good Soldier. Captain Appo locked inside his own head by the Order 66 programming, watching helplessly as his body advances on the Jedi Temple with a blaster in his hands...

7. What’s the fic you wrote with the happiest ending?

I'd say my Episode IX but there is a big sad beat toward the happy ending, so really Fire Hawk, Snow Thrush carries the day here.

8. Do you get hate on your fic?

Luckily no. My shipping choices and maybe other elements make my fics pretty niche, but that also means that I'm not involved in shipping drama, and I don't seem to enrage anyone to the point of leaving angry comments.

9. Do you write smut?

You won't find any under this moniker, that's all I'll say.

10. Do you write crossovers?

I don't presently, although, a year after everyone seemed to be drawing Spider-loys there is a full-on "Horizon characters as Marvel comics superheroes" AU running riot in my head (with Aloy dating Ikrie, who's X-23 Wolverine, Talanah as Hawkeye, Erend Odinsson, Helis as Venom and Regalla as the Prowler). If I ever free up the spare brainpower... maybe that'll happen.

11. Have you ever had a fic stolen?

Yep. It was one of those "steal fics to sell" trawls and it was very odd.

12. Have you ever had a fic translated?

I haven't, but if anyone would like to, please drop me a message.

13. Have you ever co-written a fic?

Not since my time in the Brotherhood of the Lost "alternate Horus Heresy" AU project, and that was fairly sparse too. I like collaborating more broadly, but when it comes to the writing itself, I prefer to fly solo.

14. What‘s your all-time favourite ship?

Rey/Kaydel in Star Wars, and Aloy/Ikrie in Horizon. I can't choose between those two.

15. What’s the WIP you want to finish but doubt you ever will?

Probably one of my Sequels-era fics, set between The Last Jedi and Resurgence and Reckoning. I have some WIPs that threaten to be very plotty and I just don't have as much spare time as I used to. Also I have some OC apprentices for Rey and Finn, whose stories I really want to begin telling and promise to let me move the older characters forward as well.

16. What’s your writing strengths?

Probably my action writing. I read a lot of action and films and tv influence my prose a lot. I think a lot about rhythm, dynamics and all that stuff, and I just enjoy it, which probably helps.

17. What’s your writing weaknesses?

Mystery? I'm yet to really try to write one tbh, but I look at something like Glass Onion or Silo and just struggle to imagine coiling my brain into those shapes.

18. Thoughts on writing dialogue in another language for a fic?

I've only used it the once, I think, and very much for comic effect. It depends very much on how long a scene is, and how much I want to emphasise a language gap.

19. First fandom you wrote for?

Horus Heresy

20. Favourite fic you’ve ever written?

Err. Arrgh. I really can't answer that. But I am very proud of my recent Star Wars: Lost Stars one, so let's say Stars' Flight.

Not tagging, but feel free to run with this :D

[ao3feed--reylo]

Once Upon a Very Monstrous Reylo May

read it on the AO3 at https://ift.tt/phr9baF

by Eirenare

A collection of glimpses into the various lives of Rey and Ben across different universes.

— — —

A compilation of little, monster-themed Reylo and Breylo tales told in microfics and short fics, written for the #MonstrousMay 2023 event.

Other ships involving Ben and Rey will probably appear or be mentioned, and every ship (be it these or Reylo or Breylo), will be specified both in the tags and at the notes of their corresponding chapter, along with other information and tags that apply.

Some darker stories might be included as well in this compilation, so please make sure to check the tags (which will update with almost every new chapter) and the information given at the notes of each chapter.

Words: 99, Chapters: 1/?, Language: English

Series: Part 1 of "Monstrous May" tales

Fandoms: Star Wars, Star Wars - All Media Types, Star Wars Sequel Trilogy, Star Wars Episode VII: The Force Awakens (2015), Star Wars Episode VIII: The Last Jedi (2017), Star Wars Episode IX: The Rise of Skywalker (2019)

Rating: Explicit

Warnings: No Archive Warnings Apply

Categories: F/M, M/M, Multi

Characters: Rey (Star Wars), Ben Solo | Kylo Ren, Ben Solo, Kylo Ren

Relationships: Rey/Ben Solo | Kylo Ren, Rey/Kylo Ren/Ben Solo, Kylo Ren/Rey/Ben Solo, Rey/Ben Solo, Kylo Ren/Rey, Ben Solo/Kylo Ren - Relationship, Kylo Ren/Ben Solo

Additional Tags: Monstrous May, Tags Contain Spoilers, Other Additional Tags to Be Added, (tags will update as new tales are added), (some tales are Reylo and others are Breylo), (other ships involving Rey and Ben might appear or be mentioned), (the ship and content tags will be specified as well in the notes of every chapter), (multiple stories and multiple AUs), Elden Ring AU, Alternate Universe - Fantasy, Fantasy, Alternate Universe - Medieval, Medieval, Alternate Universe - Soulmates, Soulmates, Reylo - Freeform, breylo - Freeform, BENLO, Romance, Polyamory, (Rey as Marika), (Kylo Ren as Maliketh), (Ben Solo as Radagon), Incest, Pseudo-Incest, Half-Sibling Incest, Sibling Incest, Brother/Sister Incest, (Elden Ring refers to Maliketh as a half brother to Marika in an item description so yeah)

read it on the AO3 at https://ift.tt/phr9baF

[jcmarchi]

The Different (and Modern) Ways to Toggle Content

New Post has been published on https://thedigitalinsider.com/the-different-and-modern-ways-to-toggle-content/

The Different (and Modern) Ways to Toggle Content

If all you have is a hammer, everything looks like a nail.

Abraham Maslow

It’s easy to default to what you know. When it comes to toggling content, that might be reaching for display: none or opacity: 0 with some JavaScript sprinkled in. But the web is more “modern” today, so perhaps now is the right time to get a birds-eye view of the different ways to toggle content — which native APIs are actually supported now, their pros and cons, and some things about them that you might not know (such as any pseudo-elements and other non-obvious stuff).

So, let’s spend some time looking at disclosures (<details> and <summary>), the Dialog API, the Popover API, and more. We’ll look at the right time to use each one depending on your needs. Modal or non-modal? JavaScript or pure HTML/CSS? Not sure? Don’t worry, we’ll go into all that.

Disclosures (<details> and <summary>)

Use case: Accessibly summarizing content while making the content details togglable independently, or as an accordion.

Going in release order, disclosures — known by their elements as <details> and <summary> — marked the first time we were able to toggle content without JavaScript or weird checkbox hacks. But lack of web browser support obviously holds new features back at first, and this one in particular came without keyboard accessibility. So I’d understand if you haven’t used it since it came to Chrome 12 way back in 2011. Out of sight, out of mind, right?

Here’s the low-down:

It’s functional without JavaScript (without any compromises).

It’s fully stylable without appearance: none or the like.

You can hide the marker without non-standard pseudo-selectors.

You can connect multiple disclosures to create an accordion.

Aaaand… it’s fully animatable, as of 2024.

Marking up disclosures

What you’re looking for is this:

<details> <summary>Content summary (always visible)</summary> Content (visibility is toggled when summary is clicked on) </details>

Behind the scenes, the content’s wrapped in a pseudo-element that as of 2024 we can select using ::details-content. To add to this, there’s a ::marker pseudo-element that indicates whether the disclosure’s open or closed, which we can customize.

With that in mind, disclosures actually look like this under the hood:

<details> <summary><::marker></::marker>Content summary (always visible)</summary> <::details-content> Content (visibility is toggled when summary is clicked on) </::details-content> </details>

To have the disclosure open by default, give <details> the open attribute, which is what happens behind the scenes when disclosures are opened anyway.

<details open> ... </details>

Styling disclosures

Let’s be real: you probably just want to lose that annoying marker. Well, you can do that by setting the display property of <summary> to anything but list-item:

summary display: block; /* Or anything else that isn't list-item */

Alternatively, you can modify the marker. In fact, the example below utilizes Font Awesome to replace it with another icon, but keep in mind that ::marker doesn’t support many properties. The most flexible workaround is to wrap the content of <summary> in an element and select it in CSS.

<details> <summary><span>Content summary</span></summary> Content </details>

details /* The marker */ summary::marker content: "f150"; font-family: "Font Awesome 6 Free"; /* The marker when <details> is open */ &[open] summary::marker content: "f151"; /* Because ::marker doesn’t support many properties */ summary span margin-left: 1ch; display: inline-block;

Creating an accordion with multiple disclosures

To create an accordion, name multiple disclosures (they don’t even have to be siblings) with a name attribute and a matching value (similar to how you’d implement <input type="radio">):

<details name="starWars" open> <summary>Prequels</summary> <ul> <li>Episode I: The Phantom Menace</li> <li>Episode II: Attack of the Clones</li> <li>Episode III: Revenge of the Sith</li> </ul> </details> <details name="starWars"> <summary>Originals</summary> <ul> <li>Episode IV: A New Hope</li> <li>Episode V: The Empire Strikes Back</li> <li>Episode VI: Return of the Jedi</li> </ul> </details> <details name="starWars"> <summary>Sequels</summary> <ul> <li>Episode VII: The Force Awakens</li> <li>Episode VIII: The Last Jedi</li> <li>Episode IX: The Rise of Skywalker</li> </ul> </details>

Using a wrapper, we can even turn these into horizontal tabs:

<div> <!-- Flex wrapper --> <details name="starWars" open> ... </details> <details name="starWars"> ... </details> <details name="starWars"> ... </details> </div>

div gap: 1ch; display: flex; position: relative; details min-height: 106px; /* Prevents content shift */ &[open] summary, &[open]::details-content background: #eee; &[open]::details-content left: 0; position: absolute;

…or, using 2024’s Anchor Positioning API, vertical tabs (same HTML):

div display: inline-grid; anchor-name: --wrapper; details[open] summary, &::details-content background: #eee; &::details-content position: absolute; position-anchor: --wrapper; top: anchor(top); left: anchor(right);

If you’re looking for some wild ideas on what we can do with the Popover API in CSS, check out John Rhea’s article in which he makes an interactive game solely out of disclosures!

Adding JavaScript functionality

Want to add some JavaScript functionality?

// Optional: select and loop multiple disclosures document.querySelectorAll("details").forEach(details => details.addEventListener("toggle", () => // The disclosure was toggled if (details.open) // The disclosure was opened else // The disclosure was closed ); );

Creating accessible disclosures

Disclosures are accessible as long as you follow a few rules. For example, <summary> is basically a <label>, meaning that its content is announced by screen readers when in focus. If there isn’t a <summary> or <summary> isn’t a direct child of <details> then the user agent will create a label for you that normally says “Details” both visually and in assistive tech. Older web browsers might insist that it be the first child, so it’s best to make it so.

To add to this, <summary> has the role of button, so whatever’s invalid inside a <button> is also invalid inside a <summary>. This includes headings, so you can style a <summary> as a heading, but you can’t actually insert a heading into a <summary>.

The Dialog element (<dialog>)

Use case: Modals

Now that we have the Popover API for non-modal overlays, I think it’s best if we start to think of dialogs as modals even though the show() method does allow for non-modal dialogs. The advantage that the popover attribute has over the <dialog> element is that you can use it to create non-modal overlays without JavaScript, so in my opinion there’s no benefit to non-modal dialogs anymore, which do require JavaScript. For clarity, a modal is an overlay that makes the main document inert, whereas with non-modal overlays the main document remains interactive. There are a few other features that modal dialogs have out-of-the-box as well, including:

a stylable backdrop,

an autofocus onto the first focusable element within the <dialog> (or, as a backup, the <dialog> itself — include an aria-label in this case),

a focus trap (as a result of the main document’s inertia),

the esc key closes the dialog, and

both the dialog and the backdrop are animatable.Marking up and activating dialogs

Start with the <dialog> element:

<dialog> ... </dialog>

It’s hidden by default and, similar to <details>, we can have it open when the page loads, although it isn’t modal in this scenario since it does not contain interactive content because it doesn’t opened with showModal().

<dialog open> ... </dialog>

I can’t say that I’ve ever needed this functionality. Instead, you’ll likely want to reveal the dialog upon some kind of interaction, such as the click of a button — so here’s that button:

<button data-dialog="dialogA">Open dialogA</button>

Wait, why are we using data attributes? Well, because we might want to hand over an identifier that tells the JavaScript which dialog to open, enabling us to add the dialog functionality to all dialogs in one snippet, like this:

// Select and loop all elements with that data attribute document.querySelectorAll("[data-dialog]").forEach(button => // Listen for interaction (click) button.addEventListener("click", () => // Select the corresponding dialog const dialog = document.querySelector(`#$ button.dataset.dialog `); // Open dialog dialog.showModal(); // Close dialog dialog.querySelector(".closeDialog").addEventListener("click", () => dialog.close()); ); );

Don’t forget to add a matching id to the <dialog> so it’s associated with the <button> that shows it:

<dialog id="dialogA"> <!-- id and data-dialog = dialogA --> ... </dialog>

And, lastly, include the “close” button:

<dialog id="dialogA"> <button class="closeDialog">Close dialogA</button> </dialog>

Note: <form method="dialog"> (that has a <button>) or <button formmethod="dialog"> (wrapped in a <form>) also closes the dialog.

How to prevent scrolling when the dialog is open

Prevent scrolling while the modal’s open, with one line of CSS:

body:has(dialog:modal) overflow: hidden;

Styling the dialog’s backdrop

And finally, we have the backdrop to reduce distraction from what’s underneath the top layer (this applies to modals only). Its styles can be overwritten, like this:

::backdrop background: hsl(0 0 0 / 90%); backdrop-filter: blur(3px); /* A fun property just for backdrops! */

On that note, the <dialog> itself comes with a border, a background, and some padding, which you might want to reset. Actually, popovers behave the same way.

Dealing with non-modal dialogs

To implement a non-modal dialog, use:

show() instead of showModal()

dialog[open] (targets both) instead of dialog:modal

Although, as I said before, the Popover API doesn’t require JavaScript, so for non-modal overlays I think it’s best to use that.

The Popover API (<element popover>)

Use case: Non-modal overlays

Popups, basically. Suitable use cases include tooltips (or toggletips — it’s important to know the difference), onboarding walkthroughs, notifications, togglable navigations, and other non-modal overlays where you don’t want to lose access to the main document. Obviously these use cases are different to those of dialogs, but nonetheless popovers are extremely awesome. Functionally they’re just like just dialogs, but not modal and don’t require JavaScript.

Marking up popovers

To begin, the popover needs an id as well as the popover attribute with the manual value (which means clicking outside of the popover doesn’t close it), the auto value (clicking outside of the popover does close it), or no value (which means the same thing). To be semantic, the popover can be a <dialog>.

<dialog id="tooltipA" popover> ... </dialog>

Next, add the popovertarget attribute to the <button> or <input type="button"> that we want to toggle the popover’s visibility, with a value matching the popover’s id attribute (this is optional since clicking outside of the popover will close it anyway, unless popover is set to manual):

<dialog id="tooltipA" popover> <button popovertarget="tooltipA">Hide tooltipA</button> </dialog>

Place another one of those buttons in your main document, so that you can show the popover. That’s right, popovertarget is actually a toggle (unless you specify otherwise with the popovertargetaction attribute that accepts show, hide, or toggle as its value — more on that later).

Styling popovers

By default, popovers are centered within the top layer (like dialogs), but you probably don’t want them there as they’re not modals, after all.

<main> <button popovertarget="tooltipA">Show tooltipA</button> </main> <dialog id="tooltipA" popover> <button popovertarget="tooltipA">Hide tooltipA</button> </dialog>

You can easily pull them into a corner using fixed positioning, but for a tooltip-style popover you’d want it to be relative to the trigger that opens it. CSS Anchor Positioning makes this super easy:

main [popovertarget] anchor-name: --trigger; [popover] margin: 0; position-anchor: --trigger; top: calc(anchor(bottom) + 10px); justify-self: anchor-center; /* This also works but isn’t needed unless you’re using the display property [popover]:popover-open ... */

The problem though is that you have to name all of these anchors, which is fine for a tabbed component but overkill for a website with quite a few tooltips. Luckily, we can match an id attribute on the button to an anchor attribute on the popover, which isn’t well-supported as of November 2024 but will do for this demo:

<main> <!-- The id should match the anchor attribute --> <button id="anchorA" popovertarget="tooltipA">Show tooltipA</button> <button id="anchorB" popovertarget="tooltipB">Show tooltipB</button> </main> <dialog anchor="anchorA" id="tooltipA" popover> <button popovertarget="tooltipA">Hide tooltipA</button> </dialog> <dialog anchor="anchorB" id="tooltipB" popover> <button popovertarget="tooltipB">Hide tooltipB</button> </dialog>

main [popovertarget] anchor-name: --anchorA; /* No longer needed */ [popover] margin: 0; position-anchor: --anchorA; /* No longer needed */ top: calc(anchor(bottom) + 10px); justify-self: anchor-center;

The next issue is that we expect tooltips to show on hover and this doesn’t do that, which means that we need to use JavaScript. While this seems complicated considering that we can create tooltips much more easily using ::before/::after/content:, popovers allow HTML content (in which case our tooltips are actually toggletips by the way) whereas content: only accepts text.

Adding JavaScript functionality

Which leads us to this…

Okay, so let’s take a look at what’s happening here. First, we’re using anchor attributes to avoid writing a CSS block for each anchor element. Popovers are very HTML-focused, so let’s use anchor positioning in the same way. Secondly, we’re using JavaScript to show the popovers (showPopover()) on mouseover. And lastly, we’re using JavaScript to hide the popovers (hidePopover()) on mouseout, but not if they contain a link as obviously we want them to be clickable (in this scenario, we also don’t hide the button that hides the popover).

<main> <button id="anchorLink" popovertarget="tooltipLink">Open tooltipLink</button> <button id="anchorNoLink" popovertarget="tooltipNoLink">Open tooltipNoLink</button> </main> <dialog anchor="anchorLink" id="tooltipLink" popover>Has <a href="#">a link</a>, so we can’t hide it on mouseout <button popovertarget="tooltipLink">Hide tooltipLink manually</button> </dialog> <dialog anchor="anchorNoLink" id="tooltipNoLink" popover>Doesn’t have a link, so it’s fine to hide it on mouseout automatically <button popovertarget="tooltipNoLink">Hide tooltipNoLink</button> </dialog>

[popover] margin: 0; top: calc(anchor(bottom) + 10px); justify-self: anchor-center; /* No link? No button needed */ &:not(:has(a)) [popovertarget] display: none;

/* Select and loop all popover triggers */ document.querySelectorAll("main [popovertarget]").forEach((popovertarget) => /* Select the corresponding popover */ const popover = document.querySelector(`#$popovertarget.getAttribute("popovertarget")`); /* Show popover on trigger mouseover */ popovertarget.addEventListener("mouseover", () => popover.showPopover(); ); /* Hide popover on trigger mouseout, but not if it has a link */ if (popover.matches(":not(:has(a))")) popovertarget.addEventListener("mouseout", () => popover.hidePopover(); ); );

Implementing timed backdrops (and sequenced popovers)

At first, I was sure that popovers having backdrops was an oversight, the argument being that they shouldn’t obscure a focusable main document. But maybe it’s okay for a couple of seconds as long as we can resume what we were doing without being forced to close anything? At least, I think this works well for a set of onboarding tips:

<!-- Re-showing ‘A’ rolls the onboarding back to that step --> <button popovertarget="onboardingTipA" popovertargetaction="show">Restart onboarding</button> <!-- Hiding ‘A’ also hides subsequent tips as long as the popover attribute equates to auto --> <button popovertarget="onboardingTipA" popovertargetaction="hide">Cancel onboarding</button> <ul> <li id="toolA">Tool A</li> <li id="toolB">Tool B</li> <li id="toolC">Another tool, “C”</li> <li id="toolD">Another tool — let’s call this one “D”</li> </ul> <!-- onboardingTipA’s button triggers onboardingTipB --> <dialog anchor="toolA" id="onboardingTipA" popover> onboardingTipA <button popovertarget="onboardingTipB" popovertargetaction="show">Next tip</button> </dialog> <!-- onboardingTipB’s button triggers onboardingTipC --> <dialog anchor="toolB" id="onboardingTipB" popover> onboardingTipB <button popovertarget="onboardingTipC" popovertargetaction="show">Next tip</button> </dialog> <!-- onboardingTipC’s button triggers onboardingTipD --> <dialog anchor="toolC" id="onboardingTipC" popover> onboardingTipC <button popovertarget="onboardingTipD" popovertargetaction="show">Next tip</button> </dialog> <!-- onboardingTipD’s button hides onboardingTipA, which in-turn hides all tips --> <dialog anchor="toolD" id="onboardingTipD" popover> onboardingTipD <button popovertarget="onboardingTipA" popovertargetaction="hide">Finish onboarding</button> </dialog>

::backdrop animation: 2s fadeInOut; [popover] margin: 0; align-self: anchor-center; left: calc(anchor(right) + 10px);

/* After users have had a couple of seconds to breathe, start the onboarding */ setTimeout(() => document.querySelector("#onboardingTipA").showPopover(); , 2000);

Again, let’s unpack. Firstly, setTimeout() shows the first onboarding tip after two seconds. Secondly, a simple fade-in-fade-out background animation runs on the backdrop and all subsequent backdrops. The main document isn’t made inert and the backdrop doesn’t persist, so attention is diverted to the onboarding tips while not feeling invasive.

Thirdly, each popover has a button that triggers the next onboarding tip, which triggers another, and so on, chaining them to create a fully HTML onboarding flow. Typically, showing a popover closes other popovers, but this doesn’t appear to be the case if it’s triggered from within another popover. Also, re-showing a visible popover rolls the onboarding back to that step, and, hiding a popover hides it and all subsequent popovers — although that only appears to work when popover equates to auto. I don’t fully understand it but it’s enabled me to create “restart onboarding” and “cancel onboarding” buttons.

With just HTML. And you can cycle through the tips using esc and return.

Creating modal popovers

Hear me out. If you like the HTML-ness of popover but the semantic value of <dialog>, this JavaScript one-liner can make the main document inert, therefore making your popovers modal:

document.querySelectorAll("dialog[popover]").forEach(dialog => dialog.addEventListener("toggle", () => document.body.toggleAttribute("inert")));

However, the popovers must come after the main document; otherwise they’ll also become inert. Personally, this is what I’m doing for modals anyway, as they aren’t a part of the page’s content.

<body> <!-- All of this will become inert --> </body> <!-- Therefore, the modals must come after --> <dialog popover> ... </dialog>

Aaaand… breathe

Yeah, that was a lot. But…I think it’s important to look at all of these APIs together now that they’re starting to mature, in order to really understand what they can, can’t, should, and shouldn’t be used for. As a parting gift, I’ll leave you with a transition-enabled version of each API:

[thezombiegeekinthehawaiianshirt]

"YOU are in charge of Lucasfilm. What’s the first thing you do? Green-light a new film? Cancel a series? Tell us and we’ll read out some favorites on our next episode?" ---StarWarsSession

"1: Fire everyone associated with Kathleen Kennedy, from Dave Filoni on down. Get Kennedy’s stink out of that place once and for all and replace all those people with people who actually like and understand Star Wars.

2: Decanonize the entirety of Disney Star Wars. Yes, even Mandalorian seasons 1-2 and Rogue One. The Mandalorian was tainted by that 3rd season and its association with all those crappy spin-offs which would get in the way of my future plans. And while I enjoyed Rogue One, it took away from Luke’s achievement, as he made an impossible shot no one else could make. But then Rogue One comes along and says the Death Star was booby trapped to go off, taking away from Luke’s accomplishment.

3: Recanonize the EU. Every bit of it. The roadmap for future movie and tv productions would then be built around bringing parts of that to life, with the most accurate adaptations as possible, respecting the EU, rather than picking over its rotted carcass.

4: Set out to make two trilogies. The first one would be the new Episodes 7-9, and would star recasts of Luke, Leia, and Han. I’m leaning towards Anthony Ingruber as Han. I’m not sure about Luke and Leia. Sadly, Sebastian Stan and Billie Lourd are too old for what I have in mind, but they would’ve been great choices otherwise. The new trilogy would be based on the Thrawn trilogy. So…

Episode VII: Heir to the Empire

Episode VIII: Dark Force Rising

Episode IX: The Last Command

The OTHER trilogy would be based on the Old Republic game with Darth Revan, and I’d move Heaven and Earth to get Keanu Reeves to take on the role of Revan. Each trilogy would shoot all at once, like Lord of the Rings, and when they’re ready, I’d release them one at a time, alternating from one to the other. So you’d get Episode VII, then the first Revan movie, then Episode VIII, then the second Revan movie, etc.

5: I’d rebuild the TV universe from the ground up, but again, with the EU continuity in mind rather than Disney Star Wars. So no build-up to the First Order, Snoke, a Luke Skywalker who’s a loser, or any of that other garbage. But that’s if I were in charge, of course." --- Thor_Odinson

He has a point.

[articlesofnote]

SCoR - Section I, Ch. 1 "The Reality of Everyday Life"

summary of "The Social Construction of Reality" by Berger and Luckmann, gotta repost because Tumblr fucked up the article slugs and I couldn't link to individual posts correctly I. Our first goal is to construct a theory of reality as it is experienced in everyday life.

II. To proceed, we must first clarify the foundations of knowledge in everyday life: the objectivations of subjective processes and meanings, by which the inter-subjective commonsense world is constructed, i.e. taking what is understood internally by individuals, and externalizing that understanding.

III. We’re taking a basic crack at this effort of theory-building via empirical descriptions aka “phenomenological analysis”.

IV. This analysis refrains from causal explanations, but acknowledges the interpretations that the analytic subject embeds within itself.

V. We assert that consciousness is intentional, i.e always “intending” or “directed”, and we care about this aspect of consciousness in and of itself as opposed to the complexities of experience that result from this aspect.

VI. “I” - standing hereafter for ordinary self-consciousness in everyday life - am conscious of the world as consisting of multiple realities, and experience the transition between them as ‘a kind of shock.’

VII. Of these realities, one is paramount; this is the reality of everyday life, 'impossible to ignore.’

VIII. “I” apprehend this paramount reality as already ordered and objectified; language provides the designations and relationships between objects that “I” encounter in this reality, from “my chess club” to “the United States of America.’

IX. 'The reality of everyday life is organized around the "here” of my body and the “now” of my present.’ However, it also embraces other parts of reality at varying removes.

X. Everyday reality is shared with other people, and “I” understand there are certain aspects of reality we share, and aspects we do not share eg. their “here” is my “there” and so on.

XI. “I” do not doubt the reality of reality, except under extreme circumstances, and generally take for granted its “realness” as “I” continue to exist within it. However, reality is not always easily apprehended in any given aspect.

XII. When problems obtrude into normal “unproblematic”/familiar reality, “I” am able to recognize them as still part of reality even though they may be completely unfamiliar.

XIII. Other realities eg. dreaming, playing, etc. are embedded in the paramount reality, which consciousness can enter and return from 'as from an excursion.’

XIV. Other realities are entered as finite provinces of meaning where paramount reality is still paramount, but cannot provide good, or even adequate, symbolic/linguistic framing for communicating the “alternate” (theoretical, aesthetic, religious, mystical, etc.) experiences.

XV. The world is structured spatially and temporally. Spatial organization doesn’t matter much for this analysis and can be ignored for now.

XVI. Temporal organization of reality is much more important, both internally and inter-subjectively. We have a personal/physiological sense of time, as well as culturally-shared calendars based on 'cosmic time,’ and the interaction between these is complex as fuck.

XVII. “I” encounter time as continuous and finite, and all my existence is ordered by it. 'My own life is an episode in the externally factitious stream of time’ shared with others, and the knowledge that our experience is necessarily finite structures much of our experience. Memento mori.

XVIII. The same temporal structure is additionally coercive in that it imposes an ordering on the events of my life. It also provides the context within which the events of my life are anchored and comprehended; “I” am “a man of my time.”

----

Notes:

re: XIV: 'Play’ can be understood, using this framing, as a special reality that can be fully represented using the symbolic/linguistic architecture of paramount reality, but which ignores or transforms the usual relationships of that architecture. Similar to surrealism in this sense?

re: XVI: cultural calendars and physiological time-sense can be thought of as the same phenomenon at two different scales and with two different systemic bases/substrates. Does this mean that some kind of “meaningfulness of time” is necessarily part of a complex (as opposed to simple or chaotic) system? An internalized time sense is a necessary basis for causal reasoning, this-follows-that, perception-response, etc. so probably yes.

[lj-writes]

What is, in your opinion, the biggest battle (Republic v. Mandalore, Republic v. Separatist, Rebellion v. Empire, Resistance V. First Order) in the entire Star Wars franchise, and how would you try to top all of them in your version of IX?

What an excellent question, and it really helped me focus my Episode IX feels. I’d say the Battle of Endor from RotJ was the biggest with significant resources thrown in on both sides with a ground battle element, though the Battles of Scarif and Yavin were IMO better written with higher emotional stakes.

My Episode IX could roll all those elements together and bring the trio of trilogies full circle to… the Second Battle of Tatooine! The existence and plans of the Galactic Union have been revealed, and while it has failed to take Coruscant the worlds loyal to the Union have declared their allegiance. The Republic is split in two and turning on itself, while Mandalore faces an impossible dilemma: Must it fight its own stolen children? See also my alternate Episodes VII (link) and VIII (link).

The action would be divided into three parts: space battle over Tatooine, ground battle on Tatooine, and an uprising plot with Finn turning the Union’s Crusaders. The newly reinstated Chancellor Leia Organa together with Admiral Ackbar leads the Republic forces to Tatooine and Geonosis space, where the Galactic Union had been hiding a large part of its fleet and personnel now ready to deploy and take Naboo, Takodana, Jakku, Hosnia and more.

Leia implores Boba Fett for help, but the Mandalorians have their own problems. The part of the Republic now loyal to the Union is continuing the assault against the Mandalorians, tying them down.  The Mandalorians are also hesitant to fight the main body of the Galactic Union and the Crusaders who were revealed to be Mandalorians stolen as children. Unable to count on Mandalorian help Leia nevertheless continues to Tatooine, Lando’s fleet from Bespin joining hers. Poe and Black Squadron have scouted the area and report back that the Union fleet are close to deploying. Luke has already been on his home planet a while, brokering a peace treaty between the Republic and the various factions on Tatooine with the help of C3PO (link).

Rey is on a separate mission looking for Finn. Finn himself, imprisoned and being reconditioned, tries desperately to hang onto his sense of self. Rey senses his pain and resolve, and dives into a dangerous defunct hyperspace route in search of him. She makes it through a hyperspace storm that she barely steers the Falcon through before finding herself in a regular hyperspace route alongside the Union flagship. They drop into normal space and so does she, and is tractored on board. Taken prisoner and facing Kylo Ren with the Knights of Ren arrayed around him, she finds Finn–standing guard next to Kylo, staring straight ahead, not seeming to hear her pleas. Ren offers her a place in the Union and she refuses. Ren then orders Finn to fight Rey, and during the fight reveals to her that Finn’s father killed her parents. Rey realizes he’s telling the truth and fights back in hate and rage until she realizes she is falling to the Dark Side and, remembering her love for Finn, throws down her saber.

Ren orders Finn to kill Rey and he marches forward, seemingly about to strike her down before he turns his attack on Phasma. He had been repeating a phrase drilled into him, a Mandalorian motto that the Union had stolen and twisted around, and held onto it while he was being reconditioned. Now, with the revelation of his heritage by Ren, his memories rush back and he remembers his fathers, his sense of belonging, Mandalore in whose ways he had been brought up all along though in a way that was twisted to serve his kidnappers. He rallies the Crusaders, reminding them that they are Mandalorians even though they were stolen and bred as weapons. They are not weapons, however, they are warriors. Some of the Crusaders rally to him, others turn on them, and there is enough confusion for Finn and Rey to escape with the freed Mandalorians and damage the flagship in the process.

Back on Tatooine the Tatooine Alliance of Hutts, Jawas, Tuskens, and farmers attack the Union ships and supplies, destroying a significant number of ships before they can launch. Luke is in the thick of the fray, with C3PO complaining about how disorderly everything is and also directing a droids for espionage and sabotage.

In the space above Tatooine Leia and Lando’s fleet shoot down the Union fleet while Ackbar blocks off the perimeter with mines and bombers. The Union fleet is still an enormous force and are wearing down the Republic fleet. They need help and have nowhere to expect it from.

On Mandalore, the warriors are defending the home world from Union forces while a Union dreadnought moves into position for bombardment from orbit, a move that would wipe out all life on the surface. At that desperate hour more Union ships emerge from hyperspace and it looks like all is lost–but these are the free Mandalorian warriors led by Finn and they fall on the Dreadnought, destroying it! Finn informs the Mandalorians by comm of what happened. Watching this brave young man, Idrian Fett and Teros Kryze are gripped by the strangest feeling of recognition while telling themselves it can’t be. The Mandalorians together send the Union fleet into a route.

The Mandalorians must now decide whether to stay and protect their homeworld or go to Leia and the Republic’s aid. Finn argues that they must save the Republic’s fleet. The Union’s entire strategy consisted of sowing dissension between the Republic and the Mandalorians, and it is only together that they can win the day. Idrian, thinking of the long-ago tragedy his own anger caused, backs him up, convincing the Mandalore.

Over Tatooine Lando personally shoots down a number of ships at the head of the Bespin fleet. Leia crashes enemy starships together using the Force. Ackbar’s defense never wavers, despite great sacrifices. Droid-piloted ships crash into the enemy, leaving holes in their lines. Poe and Black Squadron bring down a capital ship. If the Republic is to fall here, they will make every death count to at least give a fighting chance to the rest of the galaxy.

That is when new Union ships arrive, alongside Mandalorian ships! There is confusion for a moment before they realize the Mandalorian cavalry is here, and the day seems to be theirs.

Meanwhile, the Tatooine Alliance back on the surface of the planet discover among the captured Union equipment some kind of regulator that is connected to one of Tatooine’s suns. Luke is stunned when he realizes that, essentially, the suns of Tatooine have been turned into bombs. The Union must have been waiting for their enemies to gather in one place and one of the suns will engulf the entire system in twenty minutes, setting off the other in a chain reaction.

Luke warns Leia to get the fleet out of harm’s way while he attempts to evacuate the planet, but when none of the ships can jump into hyperspace they realize that the Union has blocked off hyperspace travel in the area.

Then Kylo Ren’s Union flagship bursts into normal space. Ren informs his mother by comm that this system is about to be destroyed and he will take her away, installing her as the political head of the new Union to rule the galaxy as she sees fit–as she deserves to, as their family deserves to after all it has done for the universe. Leia flat-out refuses, saying she won’t be a puppet front for a mass murdering regime. She urges her son to stop the bomb and Kylo is angry with her, berating her for her ingratitude when he has paid such a high price for her. He tries to tractor and drag her ship into hyperspace, but she orders thrusters reversed and holds fast.

Ren, now panicked at the thought of losing his mother as well as his father, leads a boarding party to her ship to extract her. When the hatch opens he is greeted by Finn and his Mandalorian warriors who jump into battle with Ren and his Knights.

Meanwhile Rey is on the Falcon, having hit on a plan with Luke over the comm to try and open a hyperspace route to divert the solar flare from the first sun before it hits Tatooine and reaches the other sun in the system. Luke, with no time to join her physically, goes into Force meditation on Tatooine.

Finn and Ren have a rematch and it looks like Finn is done for when Ren disarms him. But Finn takes Ren’s lightsaber to replace his own, wins the fight, then pulls a T’Challa and captures Ren before he can kill himself. Ren needs to face a tribunal–and worse, his mother–for his crimes.

Together Rey and Luke manage to open a route into hyperspace and Rey disappears into it ahead of the flare, trapping it in hyperspace. Back on Tatooine Luke disappears in the light of the binary sunset, too much of his essence poured into the Force. Finn and the others watch and wait for Rey to emerge into normal space and contact them, but she doesn’t.

The battle won, the captured Union database gives the freed Mandalorians information of their origins and Finn reunites in an emotional scene with Idrian and Teros. Leia, unsmiling, tells an arrested Ben that he is grounded for life. A memorial is held for those lost in battle, and Rey’s name is among them.

After a time skip Finn is proclaiming the creation of a new joint force between the Republic and Mandalore to keep peace in the Outer Rim and root out slavery. At that moment a ship jumps out of hyperspace, its hull red-hot and visibly falling apart, and a giant gout of flame follows in its wake. Finn recognizes the Falcon and tells Rey through the Force to eject, which she does just before the Falcon is consumed by the flames and blows up. Told you my version of Finn solves far too many problems by ejecting people into space Finn blasts into space to catch her and they bring her in, burned, frostbitten, and barely conscious but clinging to Finn as she tells him she followed him home, his light burns so bright.

When Rey comes to she is safe and in treatment. Her right hand was damaged and had to replaced with a mechanical prosthesis. She is, little by little, introduced to the new reality and we learn it through her. The Galactic Union is in disarray, and Republic and Mandalorian forces are hunting them throughout space. Leia is working to pull the Republic back together and bring the pro-Union leaders to justice. Hearings are beginning on Ben’s trial. Rey talks about her own ordeal, how she was lost in space and time and thought she was going to die, how she found Finn’s Force signature in the maeltrom and made her way out.

Hesitantly Finn introduces Rey to his fathers, and Rey hears from Idrian himself what happened. She learns that her mother is alive, though comatose, and goes to see her in the same hospital. When Rey stands over her mother’s bed she and Finn both feel Irena trying to wake up and reach out to her daughter, and they clasp hands to join their Force powers and bring Irena back. You see glimpses of Force ghosts around the bed, Qui-Gonn, Obi-Wan, Yoda, Anakin, and Luke, helping them. Irena opens her eyes and, without a moment’s hesitation, calls her daughter’s name. They hug, camera pans out, credits.

[echoesofmyfootsteps]

Sent this post to @rebelrebelbliss and had the following convo:

This scene but with Ben watching through the Force bond, leaning casually against a tree.

“That’s not how you do it.”

“Shut UP,” Rey groans, throwing a rock in his direction.

She refuses to open her eyes but can still hear the smirk in his voice when he says, “You missed.”

[sahind]

Opening Crawl of Colin Trevorrow's Star Wars - Episode IX

[bluntblade]

I don’t answer to Rey Nobody, not any more. Once that was me, but I’ve carved out my place in this Galaxy and I can say proudly that I’ve found a family who I will fight and die for. I’m Rey of the Resistance, Skywalker’s successor, Rey of the Jedi.

Maybe it was overly obvious for the 40K fanfic-writer who branched out into Star Wars to go to a 40K artist to get a design made, but then again Iron Hands Fanatic is very, very good. So here’s Rey as I’d roughly envisaged her for Resurgence and Reckoning, because I’ve always been happiest with Jedi who most look like actual knights in armour. 

She’s in Resistance colours, because I feel like that fits where her arc was going a bit better than purest white. The yellow blade stays because that’s one thing from TRoS that I actually liked, and it’s a saberstaff integrating bits of the old Skywalker saber as per Duel of the Fates.

And here she is with her old staff, customised with Stormtrooper shock-coils:

[ao3feed--reylo]

Thawing, blooming: snippets of a lifetime

read it on the AO3 at https://ift.tt/VWsEhx2

by Eirenare

"It's enough for Rey to see him simply live—simply survive—for now, despite the predicament her heart finds itself in when Ben's aches hurt like her own, despite when in their silent stares she can sometimes swear his eyes carry the same longing she feels in her bones.

The thriving will come later, or so Rey hopes.

In the meantime, she and her little family take care of Ben, and Ben learns to take care of them, his reluctance and fears slowly eroding.

And as winter begins to melt, so does he."

— — —

(A little tale of blooming love between Lady Rey and the former knight Ben Solo told in microfics, written for the "A Winter Fantasy" event of February 2022 from the Reylo Microfics Hub on Twitter.)

Words: 452, Chapters: 1/7, Language: English

Series: Part 6 of Microfics and microfic-built fics (based on prompts by the ReyloMicrofic Hub)

Fandoms: Star Wars, Star Wars - All Media Types, Star Wars Sequel Trilogy, Star Wars Episode VII: The Force Awakens (2015), Star Wars Episode VIII: The Last Jedi (2017), Star Wars Episode IX: The Rise of Skywalker (2019)

Rating: Teen And Up Audiences

Warnings: No Archive Warnings Apply

Categories: F/M

Characters: Rey (Star Wars), Ben Solo | Kylo Ren, Ben Solo, Kylo Ren

Relationships: Rey/Ben Solo | Kylo Ren

Additional Tags: Tags Contain Spoilers, Tags May Change, (tags will probably update with every new microfic), Rating May Change, (smut might be added at some point though Im not entirely sure), Alternate Universe - Fantasy, Fantasy, Alternate Universe - Medieval, Medieval, Angst, Angst with a Happy Ending, Hurt/Comfort, Emotional Hurt/Comfort, Fluff, Happy Ending, HEA, happy ever after, Orphan Rey (Star Wars), Orphanage Caregiver Rey (Star Wars), Knight Ben Solo, Knight Kylo Ren, Orphanage, Children, Child Abandonment, Near Death Experiences, (near death experience not shown only mentioned), Blood and Injury, (unspecified injuries), (unspecified injuries for now but they will probably be specified more later), Trauma, Depression, Anxiety, Pining, Mutual Pining, Found Family, depressed ben solo, depressed kylo ren, Ben Solo Needs A Hug, Kylo Ren Needs a Hug, Rey Needs A Hug (Star Wars), Soft Rey (Star Wars), Soft Ben Solo, Soft Kylo Ren, (Rey being a softie for the orphaned kids and for Ben), (Ben being a softie for the orphaned kids and for Rey)

read it on the AO3 at https://ift.tt/VWsEhx2

[neonvqmpire]

heeyo reylofam 🎆

In honor of episode ix releasing in THREE WEEKS FROM TODAY (at least for me being a european lol) I’m going to be doing a little bit of a countdown yayy

Through the years I collected a ton of songs either being very connected with reylo or star wars in general, so I’m going to present to you a song a day of my reylo/sw playlist. These songs mostly of the alternative rock genre, so if u like that here’s the place for you <3.

If u want to you can send me ideas/categories/themes and i choose a song based on that.

I hope you have a wonderful day and may the force be with you 💫 (always)