#Supes:... | Explore Tumblr posts and blogs

jcmarchi · 2 months ago

Text

Revisiting Image Maps

New Post has been published on https://thedigitalinsider.com/revisiting-image-maps/

Revisiting Image Maps

I mentioned last time that I’ve been working on a new website for Emmy-award-winning game composer Mike Worth. He hired me to create a highly graphical design that showcases his work.

Mike loves ’90s animation, particularly Disney’s Duck Tales and other animated series. He challenged me to find a way to incorporate their retro ’90s style into his design without making it a pastiche. But that wasn’t my only challenge. I also needed to achieve that ’90s feel by using up-to-the-minute code to maintain accessibility, performance, responsiveness, and semantics.

Designing for Mike was like a trip back to when mainstream website design seemed more spontaneous and less governed by conventions and best practices. Some people describe these designs as “whimsical”:

adjective

spontaneously fanciful or playful

given to whims; capricious

quaint, unusual, or fantastic

— Collins English Dictionary

But I’m not so sure that’s entirely accurate. “Playful?” Definitely. “Fanciful?” Possibly. But “fantastic?” That depends. “Whimsy” sounds superfluous, so I call it “expressive” instead.

Studying design from way back, I remembered how websites often included graphics that combined branding, content, and navigation. Pretty much every reference to web design in the ’90s — when I designed my first website — talks about Warner Brothers’ Space Jam from 1996.

Warner Brothers’ Space Jam (1996)

So, I’m not going to do that.

Brands like Nintendo used their home pages to direct people to their content while making branded visual statements. Cheestrings combined graphics with navigation, making me wonder why we don’t see designs like this today. Goosebumps typified this approach, combining cartoon illustrations with brightly colored shapes into a functional and visually rich banner, proving that being useful doesn’t mean being boring.

Left to right: Nintendo, Cheestrings, Goosebumps.

In the ’90s, when I developed graphics for websites like these, I either sliced them up and put their parts in tables or used mostly forgotten image maps.

A brief overview of properties and values

Let’s run through a quick refresher. Image maps date all the way back to HTML 3.2, where, first, server-side maps and then client-side maps defined clickable regions over an image using map and area elements. They were popular for graphics, maps, and navigation, but their use declined with the rise of CSS, SVG, and JavaScript.

<map> adds clickable areas to a bitmap or vector image.

That <map> is linked to an image using the usemap attribute:

Those elements can have separate href and alt attributes and can be enhanced with ARIA to improve accessibility:

The shape attribute specifies an area’s shape. It can be a primitive circle or rect or a polygon defined by a set of absolute x and y coordinates:

Despite their age, image maps still offer plenty of benefits. They’re lightweight and need (almost) no JavaScript. More on that in just a minute. They’re accessible and semantic when used with alt, ARIA, and title attributes. Despite being from a different era, even modern mobile browsers support image maps.

Design by Andy Clarke, Stuff & Nonsense. Mike Worth’s website will launch in April 2025, but you can see examples from this article on CodePen.

My design for Mike Worth includes several graphic navigation elements, which made me wonder if image maps might still be an appropriate solution.

Image maps in action

Mike wants his website to showcase his past work and the projects he’d like to do. To make this aspect of his design discoverable and fun, I created a map for people to explore by pressing on areas of the map to open modals. This map contains numbered circles, and pressing one pops up its modal.

My first thought was to embed anchors into the external map SVG:

This approach is problematic. Those anchors are only active when SVG is inline and don’t work with an <img> element. But image maps work perfectly, even though specifying their coordinates can be laborious. Fortunately, plenty of tools are available, which make defining coordinates less tedious. Upload an image, choose shape types, draw the shapes, and copy the markup:

Image maps work well when images are fixed sizes, but flexible images present a problem because map coordinates are absolute, not relative to an image’s dimensions. Making image maps responsive needs a little JavaScript to recalculate those coordinates when the image changes size:

function resizeMap() ["load", "resize"].forEach(event => window.addEventListener(event, resizeMap) );

I still wasn’t happy with this implementation as I wanted someone to be able to press on much larger map areas, not just the numbered circles.

Every <path> has coordinates which define how it’s drawn, and they’re relative to the SVG viewBox:

On the other hand, a map’s <area> coordinates are absolute to the top-left of an image, so <path> values need to be converted. Fortunately, Raphael Monnerat has written PathToPoints, a tool which does precisely that. Upload an SVG, choose the point frequency, copy the coordinates for each path, and add them to a map area’s coords:

More issues with image maps

Image maps are hard-coded and time-consuming to create without tools. Even with tools for generating image maps, converting paths to points, and then recalculating them using JavaScript, they could be challenging to maintain at scale.

<area> elements aren’t visible, and except for a change in the cursor, they provide no visual feedback when someone hovers over or presses a link. Plus, there’s no easy way to add animations or interaction effects.

But the deal-breaker for me was that an image map’s pixel-based values are unresponsive by default. So, what might be an alternative solution for implementing my map using CSS, HTML, and SVG?

Anchors positioned absolutely over my map wouldn’t solve the pixel-based positioning problem or give me the irregular-shaped clickable areas I wanted. Anchors within an external SVG wouldn’t work either.

But the solution was staring me in the face. I realized I needed to:

Create a new SVG path for each clickable area.

Make those paths invisible.

Wrap each path inside an anchor.

Place the anchors below other elements at the end of my SVG source.

Replace that external file with inline SVG.

I created a set of six much larger paths which define the clickable areas, each with its own fill to match its numbered circle. I placed each anchor at the end of my SVG source:

Then, I reduced those anchors’ opacity to 0 and added a short transition to their full-opacity hover state:

#links a opacity: 0; transition: all .25s ease-in-out; #links a:hover opacity: 1;

While using an image map’s <area> sadly provides no visual feedback, embedded anchors and their content can respond to someone’s action, hint at what’s to come, and add detail and depth to a design.

I might add gloss to those numbered circles to be consistent with the branding I’ve designed for Mike. Or, I could include images, titles, or other content to preview the pop-up modals:

Try it for yourself:

Expressive design, modern techniques

Designing Mike Worth’s website gave me a chance to blend expressive design with modern development techniques, and revisiting image maps reminded me just how important a tool image maps were during the period Mike loves so much.

Ultimately, image maps weren’t the right tool for Mike’s website. But exploring them helped me understand what I really needed: a way to recapture the expressiveness and personality of ’90s website design using modern techniques that are accessible, lightweight, responsive, and semantic. That’s what design’s about: choosing the right tool for a job, even if that sometimes means looking back to move forward.

Biography: Andy Clarke

Often referred to as one of the pioneers of web design, Andy Clarke has been instrumental in pushing the boundaries of web design and is known for his creative and visually stunning designs. His work has inspired countless designers to explore the full potential of product and website design.

Andy’s written several industry-leading books, including Transcending CSS, Hardboiled Web Design, and Art Direction for the Web. He’s also worked with businesses of all sizes and industries to achieve their goals through design.

Visit Andy’s studio, Stuff & Nonsense, and check out his Contract Killer, the popular web design contract template trusted by thousands of web designers and developers.

1 note · View note

hadesrise · 6 months ago

Text

## one true love !!

summary──── ben feels true love with you, his enemy, and finds himself able to break from the toxic masculinity he surrounded himself with.

pairings──── soldier boy / benjamin x anti-hero!male reader

warnings──── nsfw content, porn with too much feelings, fluff, slight angst, foul language, probably (very definitely) ooc soldier boy, top!reader, sub!bottom!ben, gentle love, praise kink, hair pulling, creampie, fingering, unprotected sex, overstimulation, vibrator, pet names ( love, baby, pup, etc. ), short oral ( r. receiving ), love-making, mating press, missionary, riding, aftercare, light D/S dynamics, pillow talk, a lot of vulnerability, ben proposes to reader unexpectedly, enemies in forbidden love, internalised homophobia, morally grey!reader, possessiveness, homophobic slurs, canon typical misogyny, reader’s anti-hero name is lucifer, reader has magical powers

author’s note──── i might’ve made him too soft and vulnerable, so forewarning that he doesn’t show much of his asshole side in this fic. the ooc warning already says much, i guess?

MINORS DNI !!

Peaceful jazz music and well dressed crowd fills the grand hall decorated in gold curtains, men and women from different wealthy families flaunting around their riches with drinks in hand. Adorned in nothing but expensive attires that feeds off of the poor were most guests that have been invited to celebrate another success of Vought-American with a superhero movie that starred its own team, Payback, while the heroes themselves remained in their pretty little costumes for the publicity and fame.

Cameras, photographers, and journalists lurked in the corner section of the hall, where they’ve been assigned to fulfil their destiny of capturing significant moments that are interesting enough to be written on headlines or shown on television.

Nights like this were when Soldier Boy wanted to beat the shit out of Vought employees for their incapability in making celebrations entertaining. The lack of excitement and chaos infuse Ben with excessive boredom that just gives him the urge to shoot himself in the head, all of its professionalism becoming nothing but a burden and straight up pain in the ass. He’s been hardly enjoying the night, having to put up with Crimson Countess attached to his hip at all times to keep appearances, which he admits is worse than fucking a loose cunt. It didn’t make him feel better that Stan fucking Edgar was watching, making sure things are under control.

The jazz music suddenly stops short with a loud screeching sound that has everyone covering their ears in pain, startled murmurs filling the air as all eyes turned to the stage where a famous band stood, confusion also plastered across their faces. One of them repeatedly presses down on the piano’s key, frowning when it does nothing as if it lost its function all of a sudden. Sensing the panic slowly rise among guests, Stan opens his mouth to speak, only for his words to die in his throat when the lights begin to flicker.

“You know, I’m quite displeased to not have received an invitation.” Deep, resonant, husky voice littered with confidence and cockiness erupt out of nowhere as the flickering lights return to normal, an utterly familiar figure making themselves known.

Gasps, of either excitement or fear, falls from everyone’s lips to your powerful presence that almost immediately caused a shift in atmosphere. Soldier Boy’s breath hitched, feeling his throat dry as he cleared his throat and swallowed.

You don’t miss the quick look of surprise and panic flashing across Stan’s face before they were hidden behind his casual mask of greedy businessman, making the corner of your lips twitch up.

“You’re simply not welcome here, Lucifer.” The man uttered with barely contained irritation despite his best efforts to remain calm, spitting your antihero name — given by, not Vought, but the public themselves — in distaste.

Amusement emerge on your expression, completely unbothered by the antagonistic perspective Stan sees you with.

There’s an underlying overconfidence and arrogance to the way you hold yourself, a man who clearly knows how influential and threatening your own existence is and isn’t even apologetic for it. It wasn’t just for a show — you knew you mattered, knew exactly your worth, and didn’t hide behind the fake persona of a beloved public figure that pretends they’re enjoying a single bit of what they’re doing. Your ego and pride seemingly rivals that of Soldier Boy’s yet yours come more naturally, like you were born with it without the need to develop them in amidst of your life to trick yourself into feeling more relevant. You held charisma, a charm that seems to pull people closer to you despite the dangerous, deceitful, fucking jackass attitude you had that’s supposed to be driving them away. It makes Ben want to either punch your face or suck your cock like a fag whore.

“Fair enough,” You shrugged. “But I certainly make parties more fun. You could learn a couple or two from me.”

Stan’s eye twitches in annoyance at your arrogance; it’s much worse that he can’t use anything to stomp on it because your ego wasn’t fragile like the others. While most men, supe or not, wrap their self-importance in toxic masculinity in order to feel superior than they actually are, you were fully comfortable with yourself. Your emotional capacity was extremely high that developed you to become invincible against criticism or rejection. He can attempt to hurt your feelings, manipulate you, use your own ego against you all he wants — none of it will force you to surrender or submit no matter what because you, quite simply, loved yourself too much to be under power hungry maniacs.

When Stan can’t seem to muster a snarky remark, you smirk and invite yourself in, walking further into the grand hall as you snap your fingers, the white bright lights turning into colourful disco lights with your magic.

You stared at the band members on stage, eyes glowing red, and forcefully overtake their minds to play an upbeat party worth music instead of the boring jazz they did. It’s not that you dislike jazz music, it’s peculiar and beautiful on its own, you’re just not really fond of formal parties where everyone’s required to be in their good behaviours, barely having the time of their life if not to shove their riches down less wealthy people’s throat, which you don’t particularly find amusing or fun at all.

It seems to excite the guests, some of them even beginning to bop their heads to the catchy rhythm, moving their previously still bodies along with the beats. Energy surges through them, life revealing itself within their eyes that was filled with misery before you barged in.

“Let go of the fucking formality, ladies and gentlemen.” You grinned wide with your arms spread open to your sides. “It’s time for a true fun party!”

Ben was in awe when all cheered at your declaration, how quick you were able to turn this entire place into your own playground despite the hosts — authorities — being present, how much of a natural you were at gaining people’s faith and attention without doing more than show up and be yourself.

It should be making him envious; he’s doing all these heroism, model, actor bullshit and hiding behind a perfect macho-man façade to be loved and paid attention to for fuck’s sake, and yet it’s so easy for you to bend people at your own will just by being yourself. He should be pissed as he always did when others get the spotlight more than him, but Ben couldn’t find it in himself to.

How the fuck is he going to be pissed when you look so disgustingly hot doing all of it?

“He’s fucking doing it again,” Countess seethes through gritted teeth, glaring at you. Her little tug on his arm snaps him out of daze as he shifts his gaze to her. “Taking all the attention away from you. With the rate he’s going, I wouldn’t be surprised if he interrupts everything you’re in.”

Ben had to pretend to irritably clench his jaw, and smiled with sarcasm. “As if I’d let him. Fucking asshole needs to be put in his place.”

He knew you heard him when the corner of your lips pulled up in a smirk, one of your brows raising to shoot him a challenging look. It sends a thrill down Ben’s spine as he scowled, giving you a death glare that everyone sees for it is; rage, hatred, despise.

“Pleasure to see you here, Soldier Boy. Crimson Countess.” You greet in a feigned enthusiasm, swiftly taking a cocktail from the waiter that just passed, and approach them in all your glory.

“Fuck you,” Soldier Boy quickly snarled as Countess spits, “Get the fuck away from us.”

Amusement instantly cross your face, nearly making both of them want to punch you. “So much for greeting lovebirds in clown costumes,” You dejectedly say with a hand over your chest for dramatic effect, in contrast to the mocking way in which you spoke. “C’mon, I just made this boring, useless party worth your precious little time. At least now you can stop being a pussy hiding behind an awfully constructed television personality.”

That strikes a nerve in Soldier Boy as his face hardened and a cold look appeared, stepping forward warningly, “I’d choose my next fucking words wisely if I were you.” Countess tugs his arm in a nervous manner while scanning their surroundings, taking notice of people watching your interaction.

You meet his glare with a calm yet daring look and leaned closer, “I wouldn’t. I know I can beat you.” Your eyes glowed in red once again as you grinned confidently.

Ben’s hand twitched, but before he could make a move, a woman approached you from behind and tugged on your elbow, interrupting the little rivalry you had going on. “I’m sorry, do you mind if we dance and have fun for a bit?” She shyly but bravely asked you, not even sparing Soldier Boy a glance.

An unimpressed look flashes in your eyes that only Ben took notice of, the subtle annoyance to the woman for cutting into your rather hostile conversation. You, however, plastered on an emotionless smile within a split second, not giving anyone the chance to see through you. “I’ll lead the way,” You barely looked at him before walking off with her to the centre of the hall where bodies swayed to the beat.

It takes everything in Ben not to square up and make a mess of this party when you started dancing with her, your body dangerously close to hers as she stares at you with a look that made him want to strangle her slim neck. As if you’re a divine sculpture created by Gods, like you’re the entire universe, most precious being to ever exist in this planet, like she knew everything about you when she, in fact, absolutely did not. But he does.

And Ben knows he’ll be screaming your name, holding you impossibly close to him, digging his nails onto your back as you grind into him — everything she wished you’ll do to her — when all of this shit show is over.

At the end of the day, no slut or pussy fucker would come home to you but him; you’ve chosen him despite the countless amount of people throwing themselves pathetically at you, and Ben will make sure he’ll forever be the only one who does.

Lewd squelching, sucking sounds fill the dimly lit bedroom of your home as the stench of sex and arousal surround the air, more prominent due to your and Ben’s enhanced senses. You sat comfortably against the headboard of your shared bed with Ben in between your legs as he sucks and slurps your cock, taking it as far as he can in his mouth and gagging. Tiny muffled moans or groans escape him occasionally, hips grinding against the mattress to stimulate his own aching dick while the vibrator you bought for him nestled deep inside his prepped hole.

“You love my fuckin’ cock so much, don’t you?” You chuckled hoarsely, almost degrading, and Ben shudders. “It’s alright, love. m’not goin’ anywhere.” Your fingers tread through his hair, gently scraping your nails against his scalp, making him groan as his hips stutter.

Maintaining eye contact with you, Ben inhales a deep breath through his nose before taking your cock further down his throat, tears gathering in his eyes when he nearly gagged. A genuine smile adorns your face when he looks at you expectantly, the most beautiful green eyes you’d ever seen holding desperation and self-doubt. Pleading expression that he shows only to you.

“You want me to praise you, pup? Call you good boy?” He whines in response — God, that fucking sound you know he’d rather die than let anyone else hear. Ben doesn’t have any idea how much it affects you, the fact that you’re the only one whom he allows a vulnerable side of him show.

Realising he has to earn what he yearns for, Ben gently wraps his hand around the base of your cock where it didn’t fit and starts to bob his head. You moaned softly, throwing your head back; the sight being such a blessing to Ben’s eyes that makes his own cock throb and needy. He swirls his tongue on the underside of your shaft, his free hand gripping your thigh for support.

“Doin’ so good, love. You’ve gotten better at this,” You cooed, petting his hair and gently thrusting up into his throat. Ben closed his eyes, a blissful look appearing on his face as he relaxed and allowed you to move instead.

The trust and faith Ben has in you makes something explode within your chest, heart swelling in love and adoration at your troubled yet adorable partner.

Building a healthy and trustful relationship with him was more difficult than anything you’ve ever done before, considering the absolute bigotry his father forcefully fed into him and all the unresolved issues he had with himself. Despite the tough and harsh exterior he constantly put on, you had seen right through him when you first met — those broken spirit that yearned to be loved or needed by people hiding behind his douche, Soldier Boy persona, a man that his imbecile of a father always wanted him to be. It amused you as much as it squeezed your chest; one of the first strongest superhero being a fucking attention starved bastard was undeniably funny, but pitiful. It’s also why you fell in love with him.

You’ve accepted that Ben was always going to have a deep rooted homophobia in him, that there won’t be a day where you’ll be seen in the public with him holding hands like star-fucking-crossed lovers, that he’ll always be too much of a pussy to be fully himself — but you never expected him to be so open, comfortable, with you like this to the extent of willingly trusting you with a needy and desperate version of himself.

Benjamin is laying his heart out bare for you to take, and you didn’t know whether you wanted to make love to him or fuck his brains out. You decided with the former.

Confusion settles on Ben’s expression when you gently pushed his shoulders to make him pull away, a sudden worry if he’s done something wrong, but all thoughts flies out the window after you passionately smashed your lips against his and guided him on your lap. Ben gasps when you pulled the vibrator out of his hole and replaced it with your thick fingers, hooking his arms on the back of your neck.

“So good, love. Lookin’ all pretty for me.” He moans at your praise, the compliment making his heart flutter rather than boost his ego.

“s’for you…” They come out in whisper from his lips, littered with slight reluctance around the edge, but you hear it loud and clear. “All for you. I— fuck… just for you,” He grinds on your fingers, crying out when you curled them just right to stimulate his prostate.

You almost feel dizzy for his words that he’s never uttered before.

The utmost pride he upholds made it difficult for Ben to completely submit to you, often being a disobedient brat that needs to be put in his place or a quiet, reserved man that’s embarrassed to be loved by another man which causes him to be tense for the first half of this activity — so seeing him like this, hesitantly yet openly letting you in to his comfort zone, spilling the thoughts he’s always been fearful of admitting, holding you tight to him as if you’d slip from his grasp if he let you go, was pleasantly surprising. Your heart flutters, butterflies filling your stomach as the urge to protect and gently take him apart piece by piece runs like electricity through your veins, fuelling your desire for Ben.

You thrust your digits with gentle pace, Ben’s hips moving on its own to chase the pleasure. “That’s right, baby. All f’me, yeah? My pretty darling?”

The gentleness of your whispered voice and your eyes staring at him with pure love sends shivers down his spine; Ben holds your face and nods, pulling you in for a kiss. You can feel his suppressed fear through his desperate lips, the doubts that lingers in his mind that you might see him differently for being so vulnerable like this, and you quickly silence his thoughts by slipping your tongue inside his mouth.

Ben mewled when you add another digit in him, now having three fingers penetrating his hole, as he breaks the kiss to breathe for air. There’s a hazy look in his tearful eyes when he meets your gaze, “Take care of me, please.”

You groan at the plea, immediately pulling your fingers out to instead align your cock with his entrance. Ben must’ve been waiting for so long because he doesn’t hesitate to sink down on it almost in an instant, a loud collective moan escaping the two of you. Your hands gripped his hips while he rested both hands on your shoulders, and fuck he felt so fucking good. The way his warm, tight velvety walls deliciously clamp around you as if swallowing your cock whole, the way his divinely beautiful body perfectly fit against yours like he was made for you.

“fuck… you’re so fuckin’ perfect,” You praised, kissing up his throat as he threw his head back in pleasure. “Completely mine, so is Soldier Boy. Everythin’ about you, Ben. It’s all mine.”

Ben nods vigorously, gripping the back of your neck and starting to ride you at a perfect pace, tiny sounds escaping his mouth. Slipping his fingers through your hair, he gently tugged on them just enough that had you groaning, and laid his forehead to rest against yours. “Y-yours- ah… Yours as… as much as you’re fucking mine,” He grunts out, possessiveness hanging onto his every word that shot excitement through your body. “No one gets to f-fucking have you… oh fuck—!” He cuts himself off with a strangled moan when you snapped your hips up.

“Yeah? Not even that slut that danced with me on the dance floor?” You teased, smirking.

His bright green eyes seem to darken as he sinks even further down on your cock, forcefully stretching himself out, hissing at the delicious pain. You moaned, wrapping an arm around him to pull him to your chest. “Fuck, especially her.” Ben almost growls, one hand coming up to wrap around your throat, feeling you throb and seemingly get bigger inside him due to it. “You… belong to me, o-only me.”

You hum, moaning softly when he squeezed your jugular just right. “Always, my love.”

Relief washes over his entire body as he begins to roll his hips and move again, leaning down to suck and kiss on your exposed collarbone. “Oh fuck… It’s— a-agh…! Tell me- tell me, please…” He whined desperately.

Ben needed to hear you say it, have the promises of you completely belonging to him nailed into his brain so he’ll never feel insecure or doubtful again. He’ll never admit it, but you always know every little thing that goes on inside his head, those haunting words of his father that seems to have a tight grip over him. You’re the only one that could see right through his soul; someone exactly opposite from his father, someone who fearlessly challenges the normality or ancient traditions, someone who actually have their shit together that enabled you to be mature, wise, unapologetically yourself.

You were extraordinary in every way possible, and Ben knew his inner vulnerable — not quite the man his father wanted him to be — self was safe with you. Always secured. Never judged nor ridiculed, instead embraced perfectly by your strong and warm arms that shields him away from the mental, emotional harm.

He knew you would catch him when he falls. You would keep him and his treasured thoughts safe. You weren’t afraid to love him loudly, wholeheartedly, and Ben allows himself to be brave just this once without thinking about his fears.

Trailing one of your hands up his nape, you pull him back to a searing kiss, pouring all the desire and love into it. Ben melted, his hand on your throat loosening as you gently twist your bodies around to lay him down on the bed without pulling out. He whimpers and chases you when you detached your lips from his, which nearly made your heart explode.

“I belong to you, my love.” You whispered, kissing down his neck and chest, thrusting your cock sensually slow inside him. Nothing quite like the animalistic sex you two usually have due to your powers, but it was more right than ever. “My heart, my body, my soul, my spirit. All for you, belong with you.”

Ben feels as if his heart would hammer right out of his ribcage from how rapid it was beating.

Your soothing yet powerful presence all over the place, hovering over him and embracing every bit of the damaged part of himself that he refused to acknowledge. There’s resistance gnawing on his skin, the unhealthy urge to push you away and guard himself again with a thick wall despite being the one who willingly showed vulnerability, but Ben uses all of his ability to shove it down. He wanted to listen to your overwhelmingly romantic and gentle words that he’s been taught men should never utter, he wanted to be held with so much care like he was your most prized possession, he wanted to be actually loved. For once, he wanted to allow himself to not be drowned in the toxicity his father had force-fed him with.

It doesn’t take you a second to notice him relaxing even further underneath your body, practically leaning onto your existence as the pretty noises escaping his mouth seems to gradually get louder, like he stopped holding himself back.

An awe surrounds your expression, genuinely taken aback by him letting everything go, and a soft sigh of pleasure falls from your lips. “That’s it, baby. You make the most prettiest sound. Don’t hold back,” Cooing gently, you adjust your hips and rolled into him, brushing his prostate at a perfect angle.

Ben keened, arching his back. “Fuuuck… oh, please. Deeper.”

You obliged, keeping the same slow and sensual pace but pushing further inside. “You’re made for me, aren’t you? Just as I’m made for you,” You sharply snap your hips once to emphasise, and he cries out. “We’re one, my love. No one can have me, I come home to you and only to you no matter what.”

His breath hitched, the pleasure and your words sending explosions of euphoria into his brain, nodding mindlessly at your promises. “Y-yes, fuck… I’m- I’m yours, too— ah, hng…” Tears spill from his beautiful green eyes as he spread his legs more wide, one hand grabbing your wrist that was propped beside his head to stabilise your body, almost clinging onto you while the other scratched against the mattress. “F-fucking Christ, always- always yours.”

“I know,” You softly acknowledged. “Always mine, no matter how much some part of you can’t accept it. I can see right through you, love. I understand everything about you.”

“I- oh yes! There, fuck!” Ben sobs when you start picking up your pace, hips bucking against you. “Y-you do… God, you a-always fucking do.”

That causes a grin to spread across your lips before you leaned down to devour him again.

Truth be told, Ben was afraid of how much you saw everything he’s been trying to hide all his life. It takes a bit of his soul every-time he learns to be indifferent, more sick and twisted. The innocence in him had died out long ago, but the desperation of a child never vanquished — the pathetic, ruined and heavily deprived of any love someone that he always forced himself to forget or get rid of, was seen entirely by you without much effort. He didn’t need to say anything, you always understood all the hidden insecurity, longing, pain, and fear nested deep in his mind. You also understood why he was the way he was, why he does what he does, who he had to become.

To be loved is to be seen and understood, he guesses.

A love he’s never thought he’ll ever experience from anyone, let alone his supposed enemy. You gave it to him, though. All so willingly, happily, like he was meant for it, like he was always meant for you.

Strangled, loud moan was forced out of him when your hand wrapped around his achingly hard dick, making him feel dizzy from all the overwhelming desire and pleasure. Every bit of love that emits from your touch sends a frying electricity through his veins, fulfilling his inner thirst that was supposed to be unquenchable.

“Fuck, fuckfuckfuck—!” Ben wails, arching his back and digging his nails on your forearm as your thumb rubbed his sensitive slit and smeared precum all over. “C-close… oh, Christ! Cummin’, cummin’, please—”

“It’s alright, Ben. I got you,” You purred, slamming your hips down on him. “Let go, cum for me.”

As if that’s all the permission he needed, Ben instantly tumbles over the edge with a loud breathy whine as his eyes rolled to the back of his head, sticky loads shooting out from his cock to his stomach. Body spasming and head thrown back, letting his mind-blowing orgasm wave right off of him, still clinging onto you. You gritted your teeth when his hole tightened impossibly around you, feeling yourself throb and ache to release.

Ben — in spite of his cloudy, mushed state of mind as well as hazy and cock-drunk look in his eyes — suddenly wraps both strong legs around your hips to keep you in place, which forces you forward to bury yourself deeper inside him, eliciting a growl of curses from you.

His mouth splits into a dumb, shit-eating grin. “Inside, baby. Fill me up… give me all you got. I need you.” He moves his hips and squeezes down like a fucking expert prostitute, and it’s enough to have you let out a guttural groan as you spilled inside his tight hole.

Ben released a shattered breath, moaning delightfully at your warm cum that taints his insides, his hand that was gripping your forearm moving down to caress his belly where he could feel you finishing.

It makes your breath hitch; the action sparking a deep hidden desire and possessiveness within you that you’ve had shackled for so long in order to not be too greedy.

But Ben, oh your precious Benjamin, pressed down on his perfect belly and whined so brokenly that tugged the strings of your heart, as if he wanted something so unreachable. He attempts to bury his face on the pillow in what you recognised as shame and you quickly hold his face to keep him from hiding from you, subtle concern glimmering in your gentle eyes.

“What’s bothering your mind, love?” You whispered with such carefulness, afraid speaking too loud would break the bubble of sensitivity that surrounded the two of you as you pressed a light kiss on his temple. “You can tell me, Benji. It’s not embarrassing nor shameful.”

Ben’s heart swells at the way you cage him in your protective arms and words, the back of his eyes stinging from the tears that threatened to come out. He doesn’t deserve you; he never did, but you’re so good to him and he doesn’t think he can live without you. No, he knows he can’t live without you.

What would he do without your captivating eyes looking at him with so much passion no one ever gave him before, your gentle voice uttering such carefully crafted words that embraces rather than cut through him, your big and muscular yet warmly protective arms holding him like he was a treasure to behold, your soul healing and rebuilding every damaged bit of his spirit like it was your purpose? What would he do without you?

And fuck, everything would be so much easier if he wasn’t a fucking man. If he wasn’t such a pussy who’s afraid of risking everything.

You gently roll your hips against his, slow and steady, as if to comfort his nerves and overthinking thoughts with a soft pleasure.

Letting out a quiet, breathy sigh, Ben holds your face close and internally fights back against the restraints that wanted to keep him from opening his soul up to you. “We’d be… We’d be so much happier if I wasn’t a fucking man,” His whispered voice breaks at the end.

His heart ached and so did yours, a realisation dwelling on you of how serious Ben actually was with your relationship. It comes off as an unexpected admittance. While you knew he did love you like you love him, you didn’t think it was to this extent of imagining the countless possibilities if either of you was a woman instead, much less he’d think of himself to be the woman. It was odd and so unlike him — true love brings out something within people, you suppose.

Tears glimmered in his green eyes that’s filled by storm of emotions.

Ben hated this, hated you for making him such a crybaby and a pussy, but he’s so in love with you it fucking hurts. He doesn’t know what triggered him to be an annoying, pathetic, insecure loser the moment you held him. God, he’s Soldier Boy for fuck’s sake!

Then, you look at him with so much tenderness like he hung the moon and was the only thing that grounds you down to earth, and Ben realises it’s this.

“You’re such a fucking fool,” You affectionately cursed with a tone barely above whisper before pressing a lingering kiss on his lips. “I wouldn’t have spared you a glance if you weren’t. Women never captivated me, love. Only you.”

Wrapping his arms around your back and burying his face on the crook of your neck, Ben inhales your scent as you gently rock your bodies together. “Love me more,” He almost demands, voice low and trembling.

You smiled, “Of course, Benji.”

Pressing a sweet kiss on his head, you grab the back of his thighs and push them to his muscular chest, Ben’s flexibility despite his well defined physique making it easier for you to fold him. In a swift motion, you slam down on him, beginning to pound away the loud thoughts that made home in his mind. Angelic, high pitched sounds escape Ben’s mouth with each rough thrusts, bordering on pornographic. The blissful look across his face enhance his already ethereal features, and you can’t help but stare intently at him.

“You look so beautiful like this, love. Taking me in so well, letting me cherish you.” You praised, earning a needy whimper from the love of your life. “My Benjamin… my brave soldier.”

At the unexpected pet name, Ben’s body jolts and a choked sob erupted from his throat, suddenly pushed over the edge as he cums undone on his stomach. “F-fuck!”

“G-god, baby…” You groaned, shuddering in pleasure at the way his gummy walls spasms around your girth. “Drivin’ me insane, y’know that? Cummin’ with just my words alone? Shit, wanna fuck you hard and love you at the same time.”

Digging his nails on your back, Ben attached his lips on your collarbone with an intent to leave several possessive marks, making you jut your hips forward. “D-do it, fuck me.” He mumbled breathlessly.

That’s the only permission you needed to let go of your own self-control and just rut into him like an animal, thrusting your cock with more vigour and roughness that forced the headboard to repeatedly bang against the wall. Feeling the way your shaft practically drill into and rearrange his guts that brought immeasurable ecstasy, Ben finds himself finally unable to make out a coherent thought as drools drip down his chin. The two orgasms you milked out of him already left him sensitive enough, his thighs quivering under your grasps.

Lewd sounds of skin slapping against skin and wet squelches filled the room, accompanied by feral noises of both of your moans and grunts.

It’s nearly incomprehensible how you’re able to quickly switch between loving him and treating him like a slut next, a perfect balance to Ben’s constant yearning for admiration or appreciation and his tendency to always be an inconsolable brat that needs to be put back in his place.

He feels so complete and whole, so loved. And so so fucking dumb for your cock. He could stay like this forever without heavy expectations weighing over his head all the time, just taking you whole and letting you ruin his body, looking all pretty and beautiful for you. Yeah, he can do that. Being pretty and sexy has always been a talent of his, after all. He can even learn to cook for you like a fucking perfect, pretty housewife, maybe you’ll stuff him full of your cum again while at it and tell him to keep them in. Fuck, he can do that too. He wants to do that.

“Oh fuck, Ben…” An almost pornographic, low growl rumbles from your chest when he squeezed down on you, his warm walls fluttering against your girth from the imagination. The coil in your stomach tightens as you twitched inside him, too close to your high.

“I- ah—! Please, pleaseplease—!” He babbles, one hand shifting to press your ass and push you in deeper, syllables slightly slurred from how cockdrunk he was.

Understanding his wordless signal, you increase your pace with an angle that drives your instincts wild, a chill running through your spine from the overwhelming pleasure. Seeing Ben completely fall apart and surrender underneath you gives your ego an infinite boost, the powerful man such a sobbing, wrecked, pretty little mess just because of your cock. Drunk in every little euphoria and precious love you feed him. Oh, how fucking adorable and gorgeous he was.

Before long, Ben feels you throb inside him and pulls you in with what little willpower he had left, clumsily slipping his tongue in your mouth, overwhelming you with different sensations of his body against yours. It’s enough to have you harshly ram your hips down in one swift motion and empty yourself inside him, a loud wail of your name leaving Ben’s lips as he finishes as well. You feel his body tremble violently due to overstimulation, breath stuttering.

“You look so fucked out,” You laugh breathlessly, hips softly grinding to ride out your climax. “Still fuckin’ hot when you’re all dumb n’ mindless.”

Petting his disheveled hair, a soft contented hum leaves Ben as he closed his eyes and nuzzled to your touch. The entire erotic sight of his hair sticking to his forehead from the sweat, tears staining his cheeks, hazy look across his eyes, and swollen lips sends amusement and satisfaction through your veins — you definitely fucked whatever self-loathing thoughts he’s had out of his head.

Having completely spilled inside him, you moved to pull out only for Ben to groan in protest. “Stay the fuck in,” He grumbled, panting to catch his breath.

“I need to clean us up, love.” You gently say, but kept yourself sheathed inside him as your lips attach to his neck. “Wanna take care of you properly.”

Ben quietly sighs in content, “You already do.” Before he tilts his head to capture you in a passionate kiss. You slowly pull out of him in amidst of the moment, holding his face and reciprocating with equal passion.

He breathes low and heavy when you start to wipe him up with a wet towel you magically conjured up, running it across his body gently as your other hand massaged his sore hip with such tenderness. Your eyes taking in every part of his physique feels much more innocent now compared to before, deep appreciation and subtle awe flashing across your irises the more you stare, which causes his cheeks to tint slightly. You find it adorable how shy or embarrassed he gets whenever you look at him like he’s something born out of the stars in contrast to the overinflated cockiness he displays when others compliment him; it just proves he feels different, more special with you.

You shoot him a gentle smile that makes his brain shut down and his heart jump.

Christ on a cross, just what did you fucking reduce him into?

“Will you marry me?” The words had left his mouth before he could even process.

You froze, eyes wide as you snapped your gaze to him at the same time his own widened in shock. Fuck, did he just say what he thinks he did? After you fucked him ‘til he couldn’t even speak properly? God, his legs feel wobbly after all that delicious pounding of your dick in his tight little—

His distracting thoughts were interrupted by your hands cupping his cheeks and forcing him to look at you. There’s a bit of doubt lingered across your expression, worried that you mistakenly heard him, and Ben’s gaze softened. “Will you marry me?” He repeats quietly this time with genuine emotion, wiping away your worry.

Excitement and happiness seem to explode within you as you beam; “Yes! Fuck, yes, I’ll marry you.” However, your smile slowly deflates and a foreign look of insecurity replaces the joy surrounding you. “Are you… are you sure? You’re not pushing yourself?”

Confusion spreads across his face, “Why would you think I am?”

“It’s just not that easy to break away from all the homophobia, love.” You softly remind him. “You’re still having a hard time accepting it, could barely even call yourself the right term. You’re afraid, and that’s fine. We can continue on like this. You don’t have to marry me because you feel obligated to.”

Ben frowns, his hand pulling you down to the mattress at his side as he props up on his elbow and stares at you incredulously. “You think I wanna fucking marry you just ‘cause I’m guilty about hiding this? Did it ever occur to you that I actually fuckin’ love you?”

You smile to yourself; what a long way it took for him to just be able to admit that. At least he’s letting himself know he can be vulnerable with you now, compared to when he was convinced you’ll despise his inner self — a big fucking pussy, he says — and completely shut himself off in the beginning.

“Hey,” He grabs your chin to make you pay attention. “I know I still don’t do enough to show you, but I do. I really fucking do, baby.”

You look into his captivating green eyes for a second before releasing a deep breath, “I know. Trust me, you don’t have to do enough to show it, I can already tell. And I love you too.”

Ben nods and kisses your lips, lying down beside you. Your hand instinctually attaches to his waist, caressing his soft skin and shooting warmth throughout his body.

He can’t help but stare at your features, the way you look different now from how you looked at the party you crashed earlier. A certain amount of coldness, hostility and displeasure usually lurked your expression in a daily manner — hidden behind the undeniable charisma and obnoxious arrogance — directed at others that told exactly what their worth to you was; nothing. Ben hasn’t seen a day you were even remotely pleased by someone in the long years of knowing you, the people who attempted to get in your good graces often ended up screwing everything up instead and irritating you enough to kill them off.

But with him, you wouldn’t even spare him a cold glance. Your gaze twinkling with a pleasant spark, always warm, always comforting, always proud. God forbid you look at him with hatred like you’re supposed to. So affectionate for a man who’s been named after the Devil by the idiotic public that only sees what you let them see.

It is then had Ben realised; to him, true love is you.

True love is when you embrace a part of him that he deems undesirable, mend his broken soul, and melt the ice of deep rooted trauma surrounding his heart — it is when Soldier Boy doesn’t drive you away from seeing Benjamin, an ordinary boy from South Philadelphia who desperately wanted to make his father proud. You see them as one, as equally significant parts of him.

Good fucking Lord, he was a gigantic imbecile if he didn’t want to marry you, even if the idea still makes him feel quite… odd. Fuck’s sake, he really needs to learn how to deal with this homophobia bullshit, doesn’t he?

Ben licks his lips anxiously, reluctance plastered on his face. “I… I actually got the rings,” He hesitantly admitted.

Your eyes widened. “You did?”

“I- Jesus Christ, of course I did! I know I don’t fucking do shit like that, okay?” He snapped before quietly muttering, “Just wanted you to believe me when I propose.”

“I do,” You don’t miss to give him comfort, grabbing his hand. Ben’s nerves soothes at your touch. “I just thought we still have a long way to go and you need more time to figure yourself out.”

He shakes his head, “Gotta claim you before some fucker decides you’re free for them.”

“Yeah?” You smirked, raising one eyebrow. “Could’ve gone with a collar, y’know. It would get your point straight across. Plus, it’s more visible.” Tapping your neck to emphasise, which made Ben swallow.

Yeah, you’ll look good with a collar in his colour. You can even wear both. That’ll definitely get his point across to anyone that even looks at you. Maybe next time, he decides.

A mischievous smirk spreads across his lips, “That’ll fucking work best. Think I could put a leash on you too?” He teased, letting out a chuckle and sliding his hand up to your neck and hold you there.

“Mhm, fuck yes,” You almost purred from how pleased you were at the idea.

Ben laughs, lightly squeezing your neck in affection before turning around to rummage through the cabinet on the side of your bed, pulling out a velvet box that’s in the shade of his green. You could tell he was enthusiastic and overwhelmed with emotions from the way his hands slightly trembled, though you made no mention of it to avoid bursting his adorable bubble.

His grin was as bright as the sun on a sunny day when the ring perfectly fits around your finger, already snuggling comfortably on your skin and bringing a weight of new purpose in life. You slip the other ring on his as well, feeling the entanglement of your destiny with one another, the red strings of fate on both of your pinky fingers thickening. It’s a sacred oath that ties you to each other forever.

Warmth spreads around your chest at the fact it’s his first time giving you a gift and it’s something so unexpectedly intimate. A silver engagement ring with a ruby in his shade of green and his name engraved on the inner side; practically a part of his soul, settling itself home around your finger. You shift your gaze to the one he wears — the same silver ring but with a dark red ruby instead, your signature colour, and you assume also have your name engraved on the inner side as well.

A big, significant step for a man who’s constantly afraid of what others think about him, and you couldn’t be more prouder.

Lying back down on the bed together, Ben turns his back on you and scoots closer to your chest, making you smile when he grabbed your wrist to pull your arm over his torso. He always loved being hugged by you from behind despite the fact he’ll never admit it out loud; as much as it sounds pathetic and unmanly, he doesn’t argue with himself of how it gives him safety and protection from the harsh judgmental world. Being in your arms always dissipated the cruel words of his father carved in his mind.

You gently pulled him closer to your body and pressed a kiss on his shoulder blade. “Don’t have to rush about coming out, love. It’ll take more than a simple courage to be open about something considered taboo by our society. You’re still dealing with personal issues, we’ll focus on that for now.”

Ben’s heart warms at your consideration, unable to resist the urge to stick to you like a glue as he leans back on your chest. “How the fuck did you do it? This feels like a pain in the fucking ass,” He muttered disdainfully, though there was a hint of willingness in his tone, like he’s willing to make an effort just for you.

You shrugged, “m’not exactly shaped by my childhood trauma, Benji, and I didn’t like my parents that much. Never really gave a fuck about somethin’ that has no benefit to my life whatsoever.”

“Entitled asshole,” He laughs.

“So are you,” You teased, making you both erupt in loud laughter.

I could get used to this, Ben thinks as genuine happiness glows bright in his heart, your love anchoring him and providing a solid land for him to stand on. Dealing with his own problems doesn’t sound so bad when you’re there for him every step of the way. With your protective arms around his body, both Soldier Boy and Benjamin knew their heart will always be safe with you.

For once, Ben believes he can finally learn to create a family of his own.

Until disaster struck and life suddenly decides to not be fair on someone as fucked up as him — ripping his world apart into shreds in the form of coward, betraying bastards known as his fucking teammates.

1K notes · View notes