ariadnecodes

[ariadnecodes]

So this evening I've been working on a way to make it easier to add filters to blog pages without JS. This is mainly an alternative to isotope, commonly used in icon, media, downloads, and portfolio pages. CSS only solutions, especially like this, can be intimidating to look at even if you're not new to CSS.

I'm hoping this will take care of the bulk of the work/the more complicated parts so that you can make more complex custom pages without the user having to wait for permission to use JS.

Here's a simple example with just display: none added to the CSS

And on my preview page, I've used the same code and added multiple filter groups and some CSS animations.

If you are familiar enough with HTML and CSS, you can try out what I currently have, but keep in mind you will still need to write most of the HTML and CSS yourself. I want to make a more detailed guide so that it's easier to use soon!

[ariadnecodes]

Faces are hard enough to draw on their own, but stylizing them presents a bunch of new challenges. How much detail is too much? How can you get the features ‘right’ even though they’re not realistic? Here are some of my thoughts on the topic ✨

This is a snippet from a longer tutorial I made about drawing stylized faces! You can watch it on my Patreon ❤️

[ariadnecodes]

NEUTRAL LEANING MASC NAMES ⌇　abner.　 abram.　 adam.　 adrian.　 alex.　 alistair.　 andreas.　 ariel.　 arlen.　 arley.　 arlo.　 ash.　 atlas.　 auden.　 august.　 austin.　 avery.　 bailey.　 baron.　 barrett.　 baylor.　 beauden.　 bee.　 bellamy.　 bennett.　 blair.　 blaise.　 bowen.　 brayden.　 brendan.　 bronson.　 bryce.　 byron.　 caius.　 caleb.　 callahan.　 callan.　 calloway.　 callum.　 camden.　 cameron.　 carlin.　 carson.　 casey.　 cassian.　 chandler.　 chase.　 cody.　 cole.　 connolly.　 corban.　 corwin.　 cyrus.　 dallas.　 damion.　 damon.　 daniel.　 darius.　 davis.　 dawson.　 daylon.　 denver.　 desmond.　 devin.　 doran.　 dorian.　 drew.　 elian.　 elias.　 ellery.　 ellison.　 emery.　 ethan.　 evan.　 ezra.　 fallen.　 farren.　 finley.　 ford.　 foster.　 gabriel.　 gannon.　 garner.　 gavin.　 gentry.　 graham.　 greer.　 griffin.　 guthrie.　 harley.　 harlow.　 hartley.　 hayden.　 henley.　 henry.　 heron.　 hollis.　 hunter.　 ian.　 irving.　 isaiah.　 jace.　 james.　 jameson.　 jared.　 jeremiah.　 joel.　 jonah.　 joran.　 jordan.　 jory.　 josiah.　 jovian.　 jude.　 julian.　 juno.　 justus.　 kalen.　 kamden.　 kay.　 kayden.　 keaton.　 kellan.　 keller.　 kelly.　 kendon.　 kieran.　 kit.　 kylan.　 landry.　 lane.　 lennon.　 leslie.　 levi.　 leyton.　 liam.　 linden.　 lowell.　 luca.　 madden.　 marley.　 marlow.　 marshall.　 martin.　 mason.　 mathias.　 mercer.　 merritt.　 micah.　 miles.　 miller.　 milo.　 morgan.　 morrie.　 morrison.　 nate.　 nevin.　 nick.　 nicky.　 nico.　 nicolas.　 noah.　 noel.　 nolan.　 oren.　 orion.　 owen.　 parker.　 percy.　 perrin.　 peyton.　 pierce.　 porter.　 preston.　 quincy.　 quinn.　 reece.　 reid.　 reign.　 rein.　 remi.　 remington.　 renley.　 riley.　 river.　 robin.　 rollins.　 ronan.　 rory.　 rowan.　 russell.　 ryan.　 rylan.　 sam.　 samuel.　 sawyer.　 saylor.　 seth.　 shiloh.　 soren.　 spencer.　 stellan.　 sterling.　 talon.　 taylor.　 thaddeus.　 thane.　 theo.　 toni.　 tracy.　 tristan.　 tyrus.　 valor.　 warner.　 wells.　 wesley.　 whitten.　 william.　 willis.　 wylie.　

NEUTRAL LEANING FEM NAMES ⌇　abigaël.　 abilene.　 addison.　 adrian.　 ainsley.　 alexis.　 and.　 andrea.　 arden.　 aria.　 ashley.　 aspen.　 aubrey.　 autumn.　 avery.　 avian.　 ayla.　 bailey.　 beryl.　 blair.　 blaire.　 blake.　 briar.　 brooklyn.　 brooks.　 bryce.　 cameron.　 camille.　 casey.　 celeste.　 channing.　 charlie.　 chase.　 collins.　 cordelia.　 courtney.　 daisy.　 dakota.　 dana.　 darby.　 darcy.　 delaney.　 delilah.　 devin.　 dylan.　 eden.　 eisley.　 elia.　 ellerie.　 ellery.　 ellie.　 elliot.　 elliott.　 ellis.　 ellory.　 ember.　 emelin.　 emerson.　 emery.　 evelyn.　 ezra.　 fallon.　 finley.　 fiore.　 florence.　 floris.　 frances.　 greer.　 gwenaël.　 hadley.　 harley.　 harper.　 haven.　 hayden.　 heike.　 hollis.　 hunter.　 ivy.　 jade.　 jamie.　 jocelyn.　 jordan.　 jude.　 juno.　 kelly.　 kelsey.　 kendall.　 kennedy.　 koda.　 kyrie.　 lacey.　 lane.　 leighton.　 lennon.　 lennox.　 lesley.　 leslie.　 lilian.　 lindsay.　 loden.　 logan.　 lou.　 lyric.　 madison.　 mallory.　 marinell.　 marley.　 mckenzie.　 melody.　 mercede.　 meredith.　 mio.　 misha.　 monroe.　 montana.　 morgan.　 nico.　 nova.　 oakley.　 olympia.　 owen.　 page.　 palmer.　 parker.　 pat.　 paulie.　 perri.　 petyon.　 peyton.　 phoenix.　 piper.　 priscilla.　 quinn.　 raven.　 ray.　 reagan.　 reece.　 reese.　 remi.　 remy.　 riley.　 rio.　 river.　 robin.　 rory.　 rosario.　 rowan.　 ryan.　 rylie.　 sacha.　 sage.　 sam.　 sammy.　 santana.　 sasha.　 sawyer.　 saylor.　 severin.　 shannon.　 shelby.　 shiloh.　 skye.　 skylar.　 sloane.　 sol.　 soleil.　 sterling.　 stevie.　 sutton.　 swan.　 swann.　 sydney.　 tatum.　 taylo.　 taylor.　 tracey.　 valentine.　 vanya.　 vivendel.　 vivian.　 vivien.　 wren.　 wynn.　 yael.

[ariadnecodes]

a list of 100+ buildings to put in your fantasy town

academy

adventurer's guild

alchemist

apiary

apothecary

aquarium

armory

art gallery

bakery

bank

barber

barracks

bathhouse

blacksmith

boathouse

book store

bookbinder

botanical garden

brothel

butcher

carpenter

cartographer

casino

castle

cobbler

coffee shop

council chamber

court house

crypt for the noble family

dentist

distillery

docks

dovecot

dyer

embassy

farmer's market

fighting pit

fishmonger

fortune teller

gallows

gatehouse

general store

graveyard

greenhouses

guard post

guildhall

gymnasium

haberdashery

haunted house

hedge maze

herbalist

hospice

hospital

house for sale

inn

jail

jeweller

kindergarten

leatherworker

library

locksmith

mail courier

manor house

market

mayor's house

monastery

morgue

museum

music shop

observatory

orchard

orphanage

outhouse

paper maker

pawnshop

pet shop

potion shop

potter

printmaker

quest board

residence

restricted zone

sawmill

school

scribe

sewer entrance

sheriff's office

shrine

silversmith

spa

speakeasy

spice merchant

sports stadium

stables

street market

tailor

tannery

tavern

tax collector

tea house

temple

textile shop

theatre

thieves guild

thrift store

tinker's workshop

town crier post

town square

townhall

toy store

trinket shop

warehouse

watchtower

water mill

weaver

well

windmill

wishing well

wizard tower

[ariadnecodes]

100 different locations

abandoned house

airport

alleyway

amusment park

antique store

apartment

aquarium

art gallery

art studio

auto repair shop

bakery

ballroom

bar

bathroom

beach

bedroom

book store

bridge

bus

by a bonfire

cabin

cafe

car

casino

castle

cave

city

closet

club

coffee shop

concert

courthouse

crime scene

dentist

diner

dressing room

elevator

farm

festival

field

fire escape

fire station

flower shop

foreign country

forest

funeral

garden

gas station

graveyard

greenhouse

grocery store

harbor

haunted house

hedge maze

hospital

hotel

ice cream shop

island

kitchen

lab

lake

library

mall

market

mine

mountain

museum

music store

ocean

office

orchard

park

parking lot

photoshoot

pier

place of worship

plane

playground

police station

pool

resturant

river

road

rooftop

school

sex shop

ship

small town

spa

sports game

spy agency head quarters

tattoo parlour

tent

thrift store

train

treehouse

university

vet clinic

waterfall

wedding

[ariadnecodes]

Describe your Main Character sheet

Skin

Tone: Pale, Rosy, Olive, Dark, Tanned, Alabaster, Ebony, Bronze, Golden, Fair

Texture: Smooth, Rough, Silky, Coarse, Flaky, Supple, Wrinkled, Calloused, Bumpy

Condition: Moles, Acne, Dry, Greasy, Freckled, Scars, Birthmarks, Bruised, Sunburned, Flawless

Complexion: Clear, Ruddy, Sallow, Glowing, Dull, Even-toned, Blotchy

Eyes

Size: Small, Large, Average, Tiny, Bulging, Narrow

Color: Grey, Brown, Blue, Violet, Pink, Green, Gold, Hazel, Crimson, Amber, Turquoise, Sapphire, Onyx

Shape: Doe-eyed, Almond, Close-set, Wide-set, Round, Oval, Hooded, Monolid

Expression: Deep-set, Squinty, Monolid, Heavy eyelids, Upturned, Downturned, Piercing, Gentle, Sparkling, Steely

Other: Glassy, Bloodshot, Tear-filled, Clear, Glinting, Shiny

Hair

Thickness: Thin, Thick, Fine, Normal

Texture: Greasy, Dry, Soft, Shiny, Curly, Frizzy, Wild, Unruly, Straight, Smooth, Wavy, Floppy

Length: Cropped, Pixie-cut, Afro, Shoulder length, Back length, Waist length, Past hip-length, Buzz cut, Bald

Styles: Weave, Hair extensions, Jaw length, Layered, Mohawk, Dreadlocks, Box braids, Faux locks, Braid, Ponytail, Bun, Updo

Color: White, Salt and pepper, Platinum blonde, Golden blonde, Dirty blonde, Blonde, Strawberry blonde, Ash brown, Mouse brown, Chestnut brown, Golden brown, Chocolate brown, Dark brown, Jet black, Ginger, Red, Auburn, Dyed, Highlights, Low-lights, Ombre

Eyebrows: Thin eyebrows, Average eyebrows, Thick eyebrows, Plucked eyebrows, Bushy eyebrows, Arched eyebrows, Straight eyebrows

Lips

Shape: Full, Thin, Heart-shaped, Bow-shaped, Wide, Small

Texture: Chapped, Smooth, Cracked, Soft, Rough

Color: Pale, Pink, Red, Crimson, Brown, Purple, Nude

Expression: Smiling, Frowning, Pursed, Pouting, Curved, Neutral, Tight-lipped, Parted

Nose

Shape: Button, Roman, Hooked, Aquiline, Flat, Pointed, Wide, Narrow, Crooked, Upturned, Snub

Size: Small, Large, Average, Long, Short

Condition: Freckled, Sunburned, Smooth, Bumpy

Build

Frame: Petite, Slim, Athletic, Muscular, Average, Stocky, Large, Lean, Stout, Bony, Broad-shouldered, Narrow-shouldered

Height: Short, Tall, Average, Petite, Giant

Posture: Upright, Slouched, Rigid, Relaxed, Graceful, Awkward, Stiff, Hunched

Hands

Size: Small, Large, Average, Delicate, Strong

Texture: Smooth, Rough, Calloused, Soft, Firm

Condition: Clean, Dirty, Manicured, Scarred, Wrinkled

Nails: Short, Long, Polished, Chipped, Clean, Dirty, Painted, Natural

Voice

Tone: Deep, High, Soft, Loud, Raspy, Melodic, Monotonous, Hoarse, Clear, Gentle

Volume: Loud, Soft, Whispery, Booming, Muted

Pace: Fast, Slow, Steady, Hasty, Measured

Expression: Cheerful, Sad, Angry, Calm, Anxious, Confident, Nervous, Excited, Bored

[ariadnecodes]

Character Fears

abandonment / aging / betrayal / blood / change / clowns / commitment / confrontation / crowds / death / disease / embarrassment / failure / heights / insects / intimacy / isolation / judgment / loneliness / loss / making mistakes / pain / poverty / public speaking / rejection / responsibility / ridicule / snakes / spiders / the dark / the unknown / vulnerability / war / water / weakness / work

[ariadnecodes]

more words for characterization (pt. 4)

Age

adolescent, afresh, ancient, antiquarian, antique, big, childish, crude, doddering, elderly, fresh, full-grown/full-fledged, green, hoary, immemorial, infant/infantile, junior, late, medieval, mint, modish, new, novel, older, old-fashioned, originally, outdated/out-of-date, passé, quaint, refreshing, secondhand, stale, state-of-the-art, undeveloped, up-to-date, well-preserved, youthful

Appearance

adorable, aesthetic/esthetic, artistic, beautiful, comely, crisp, dapper, decorative, desirable, dressy, exquisite, eye-catching, fancy, fetching, flawless, glorious, good-looking, graceful, grungy, hideous, homely, irresistible, natty, ornate, plain, pretty, refreshing, resplendent, seductive, spiffy, striking, stylish, ugly, unbecoming, willowy, with-it

Genuineness

abstract, actually, alias, apocryphal, apparently, arty, authentic, baseless, beta, bona fide, circumstantial, concrete, contrived, credible, deceptive, delusive, dreamy, ecclesiastical, empirical/empiric, enigmatic/enigmatical, ersatz, ethereal, factual, fallacious, fantastic, far-fetched, fictitious, foolproof, fraudulent, good, hard, historical, honest-to-God, illusory/illusive, imitative, indisputable, invisible, just, lifelike, made-up, magic/magical, make-believe, matter-of-fact, metaphysical, monstrous, mystic/mystical, mythical/mythological, nonexistent, openhearted, ostensibly, paranormal, physical, positive, pretended, quack, quite, realistic, right, sincerely, specious, spurious, supernatural, synthetic, tangible, true, unearthly, unnatural, unthinkable, unvarnished, unworldly, valid, veritable, wholehearted/whole-hearted, wrong

Movement

ambulatory, brisk, clumsy, fleet, fluent, frozen, gawky, graceless, immobile, indolent, itinerant, leisurely, lifeless, liquid, lithe, maladroit, migrant/migratory, motionless, moving, nomadic, oafish, passive, pendulous/pendent, portable, restless, roundabout, sedentary, slow, speedy, static, vibrant, winding

Style

adorable, baroque, becoming, black, bold, brassy, cheap, class, classy, contemporary, country, cultural, dashing, dowdy, eat high on the hog, exquisite, featureless, flamboyant, floral, flowery, formless, futuristic, garish, gay, glamorous, gorgeous, grand, graphic, hot, improvised, informal, innovative, kinky, loud, lush, luxurious, mean, meretricious, modish, neat, new, obsolete, old-fashioned, orderly, ornamental, ostentatious, outdated/out-of-date, palatial, picturesque, plush, posh, prevalent, quaint, refined, resplendent, rustic, scruffy, sharp, simple, sleazy, smart, snazzy, spiffy, spruce, stately, state-of-the-art, stylish, swank/swanky, tacky, tasteless, tousled, two-bit, unbecoming, unworldly, up-to-date, vogue

NOTE

The above are concepts classified according to subject and usage. It not only helps writers and thinkers to organize their ideas but leads them from those very ideas to the words that can best express them.

It was, in part, created to turn an idea into a specific word. By linking together the main entries that share similar concepts, the index makes possible creative semantic connections between words in our language, stimulating thought and broadening vocabulary.

Source ⚜ Writing Basics & Refreshers ⚜ On Vocabulary

[ariadnecodes]

traits turned sour

honest - insensitive

persuasive - manipulative

caring - overprotective

confidence - arrogance

fearless - cocky

loyalty - an excuse

devotion - obsession

agreeable - lazy

perfectionism - insatisfaction

reserved - aloof

cautious - skeptical

self loved - selfish

available - distractible

emotional - dramatic

humble - attention-seeking

diligent - imposing

dutiful - submissive

assertive - bossy

strategic - calculated

truthful - cruel

[ariadnecodes]

WORLD BUILDING CHECKLIST

If you are writing a book/story that takes place in another world, I have provided for you the complete world building checklist to ensure that you know your world inside out.

Economy A. Currency B. Poverty rate/line

Government A. Crime & Legal System B. Foreign Relations C. Politics D. War

The Land A. Physical & Historical Features B. Climate C. Geography D. Natural Resources E. Population

Society & Culture A. Arts, Entertainment, & Recreation B. Architecture C. Calendar D. Daily Life. E. Diet F. Ethics & Values G. fashion & Dress H. History I. Dining Customs J. Education K. Language L. Gestures M. Manners N. Meeting & Greeting O. Religion & Philosophy P. Social organization

Magic A. Magicians B. Magic and science C. Magic & Technology D. Rules of Magic

Technology C. Technology D. Medicine D. Transportation & Communication you're welcome <3

Fell free to reblog and fill it out if you want. I am curious to see the worlds in my fellow writers heads.

Follow me @leisureflame for more posts like this!

[ariadnecodes]

Vikings: Valhalla (2022 - 2024) | s01e08 | 54/54

[ariadnecodes]

I published my first ever skin (I've got a lot of forever WIPs so it's a big deal lol) and I am just so god damn happy with how it came out!

[ariadnecodes]

ORACLES ~ JCINK SKIN ~ 35$ ~ 20$ (Unlimited)

PRICE REDUCED

NOW ON GUMROAD And PAYHIP!

..is a fully responsive, mobile-friendly Jcink skin. I’ve made it as user-friendly as possible with easy-to-edit variables and cues within the HTML which are also in the installation guide. No templates are currently included but will be available separately for purchase soon.

PLEASE REVIEW ALL TERMS & CONDITIONS BEFORE PURCHASE.

Live Previews are available through private messages.

Theme Details

Root Styling (In Webpages)

2-3 gradient colors within Root

Stylized Member List & Sorting

Redirect/Guidebook Block - 2 Styles

Carousel Header

Carousel Profile with different OCC/IC Styles

Tabbed Guidebook

IC/OOC Profiles with FizzyElf's Thread Tracker

Standard Stylizing for general formatting.

NOTE:

All skin graphics used are not provided but are free and available through links upon purchase.

Purchase at ariadnecodes [dot] gumroad [dot] com

[ariadnecodes]

ORACLES ~ JCINK SKIN ~ 35$ (Unlimited)

PURCHASE HERE - GUMROAD

NOW ON PAYHIP!

..is a fully responsive, mobile-friendly Jcink skin. I’ve made it as user-friendly as possible with easy-to-edit variables and cues within the HTML which are also in the installation guide. No templates are currently included but will be available separately for purchase soon.

PLEASE REVIEW ALL TERMS & CONDITIONS BEFORE PURCHASE.

Live Previews are available through private messages.

Theme Details

Root Styling (In Webpages)

2-3 gradient colors within Root

Stylized Member List & Sorting

Redirect/Guidebook Block - 2 Styles

Carousel Header

Carousel Profile with different OCC/IC Styles

Tabbed Guidebook

IC/OOC Profiles with FizzyElf's Thread Tracker

Standard Stylizing for general formatting.

NOTE:

All skin graphics used are not provided but are free and available through links upon purchase.

Purchase at ariadnecodes [dot] gumroad [dot] com

[ariadnecodes]

ORACLES ~ JCINK SKIN ~ 35$ (Unlimited)

PURCHASE HERE - GUMROAD

NOW ON PAYHIP!

..is a fully responsive, mobile-friendly Jcink skin. I’ve made it as user-friendly as possible with easy-to-edit variables and cues within the HTML which are also in the installation guide. No templates are currently included but will be available separately for purchase soon.

PLEASE REVIEW ALL TERMS & CONDITIONS BEFORE PURCHASE.

Live Previews are available through private messages.

Theme Details

Root Styling (In Webpages)

2-3 gradient colors within Root

Stylized Member List & Sorting

Redirect/Guidebook Block - 2 Styles

Carousel Header

Carousel Profile with different OCC/IC Styles

Tabbed Guidebook

IC/OOC Profiles with FizzyElf's Thread Tracker

Standard Stylizing for general formatting.

NOTE:

All skin graphics used are not provided but are free and available through links upon purchase.

Purchase at ariadnecodes [dot] gumroad [dot] com

[ariadnecodes]

woah.. so easy!

✧･ﾟ: Customize your highlight color! :･ﾟ✧

I recently came across a blog where when I went to highlight some text I noticed it was a unique color!!! (」°ロ°)」

AND IT'S SO SIMPLE TO DO

all you do is go to your css file and add this:

::selection { background: <hexcolor> }

Enjoy!! ♡⸜(˶˃ ᵕ ˂˶)⸝♡

[ariadnecodes]

ORACLES ~ JCINK SKIN ~ 35$ (Unlimited)

PURCHASE HERE - GUMROAD

NOW ON PAYHIP!

..is a fully responsive, mobile-friendly Jcink skin. I’ve made it as user-friendly as possible with easy-to-edit variables and cues within the HTML which are also in the installation guide. No templates are currently included but will be available separately for purchase soon.

PLEASE REVIEW ALL TERMS & CONDITIONS BEFORE PURCHASE.

Live Previews are available through private messages.

Theme Details

Root Styling (In Webpages)

2-3 gradient colors within Root

Stylized Member List & Sorting

Redirect/Guidebook Block - 2 Styles

Carousel Header

Carousel Profile with different OCC/IC Styles

Tabbed Guidebook

IC/OOC Profiles with FizzyElf's Thread Tracker

Standard Stylizing for general formatting.

NOTE:

All skin graphics used are not provided but are free and available through links upon purchase.

Purchase at ariadnecodes [dot] gumroad [dot] com