From 1183d50a5ae42b45789e2159d7c4c6f2351e009a Mon Sep 17 00:00:00 2001 From: Sebin Nyshkim Date: Sun, 3 Aug 2025 02:29:31 +0200 Subject: [PATCH] feat: :bento: update to font awesome 7 --- src/components/icon-sprite.webc | 184 ++++++++++++++++---------------- src/components/job.webc | 2 +- src/components/navigation.webc | 8 +- src/components/slider.webc | 6 +- src/components/traits.webc | 2 +- src/jarek/jarek.11tydata.js | 10 +- src/sebin/index.md | 8 +- src/sebin/sebin.11tydata.js | 70 ++++++------ src/viktor/career.md | 14 +-- src/viktor/viktor.11tydata.js | 12 +-- 10 files changed, 158 insertions(+), 158 deletions(-) diff --git a/src/components/icon-sprite.webc b/src/components/icon-sprite.webc index 816ef4c..f7522fa 100644 --- a/src/components/icon-sprite.webc +++ b/src/components/icon-sprite.webc @@ -1,188 +1,188 @@ - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + diff --git a/src/components/job.webc b/src/components/job.webc index a92af51..8672151 100644 --- a/src/components/job.webc +++ b/src/components/job.webc @@ -73,7 +73,7 @@ ); border-radius: var(--border-radius); - padding: calc(var(--icon-size) / 4); + padding: calc(var(--icon-size) / 5); overflow: hidden; z-index: 1; diff --git a/src/components/navigation.webc b/src/components/navigation.webc index 0c4c3ab..2b7757a 100644 --- a/src/components/navigation.webc +++ b/src/components/navigation.webc @@ -1,7 +1,7 @@
@@ -189,7 +189,7 @@ :host :where(.prev, .next) svg { position: absolute; inset: 0; - padding: 0.375em; + padding: 0.25em; } :host .prev { diff --git a/src/components/traits.webc b/src/components/traits.webc index 81f5718..8b906df 100644 --- a/src/components/traits.webc +++ b/src/components/traits.webc @@ -56,7 +56,7 @@ } :host svg { - padding: 0.5em; + padding: 0.375em; } :host p { diff --git a/src/jarek/jarek.11tydata.js b/src/jarek/jarek.11tydata.js index e9c480d..038344d 100644 --- a/src/jarek/jarek.11tydata.js +++ b/src/jarek/jarek.11tydata.js @@ -25,11 +25,11 @@ const firstName = 'Jarek', description = "Don't encroach on his turf, or you'll be sorry!"; const getTraits = () => [ - // { icon: 'fa6-solid:cake-candles', type: 'Date of Birth', text: getDateOfBirth() }, - { icon: 'fa6-solid:mars', type: 'Sex/Gender', text: gender }, - { icon: 'fa6-solid:ruler', type: 'Height', text: getHeight(height) }, - { icon: 'fa6-solid:weight-hanging', type: 'Weight', text: getWeight(weight) }, - { icon: 'fa6-solid:ruler', type: 'Tail Length', text: getTailLength(tailLength) } + // { icon: 'fa7-solid:cake-candles', type: 'Date of Birth', text: getDateOfBirth() }, + { icon: 'fa7-solid:mars', type: 'Sex/Gender', text: gender }, + { icon: 'fa7-solid:ruler', type: 'Height', text: getHeight(height) }, + { icon: 'fa7-solid:weight-hanging', type: 'Weight', text: getWeight(weight) }, + { icon: 'fa7-solid:ruler', type: 'Tail Length', text: getTailLength(tailLength) } ]; export default { diff --git a/src/sebin/index.md b/src/sebin/index.md index e98490b..4e20170 100644 --- a/src/sebin/index.md +++ b/src/sebin/index.md @@ -19,19 +19,19 @@ Sebin is a dragon of many interests. When he's not busy with work or other oblig Some of these include: - + - + - + - + diff --git a/src/sebin/sebin.11tydata.js b/src/sebin/sebin.11tydata.js index b163889..7c11e32 100644 --- a/src/sebin/sebin.11tydata.js +++ b/src/sebin/sebin.11tydata.js @@ -41,55 +41,55 @@ const firstName = 'Sebin', }, description = 'Learn all about that derg!', profile = [ - { icon: 'fa6-solid:cake-candles', type: 'Date of Birth', text: getDateOfBirth(dateOfBirth) }, - { icon: 'fa6-solid:mars', type: 'Sex/Gender', text: `${gender} (${pronouns})` }, - { icon: 'fa6-solid:ruler', type: 'Height', text: getHeight(height) }, - { icon: 'fa6-solid:weight-hanging', type: 'Weight', text: getWeight(weight) } + { icon: 'fa7-solid:cake-candles', type: 'Date of Birth', text: getDateOfBirth(dateOfBirth) }, + { icon: 'fa7-solid:mars', type: 'Sex/Gender', text: `${gender} (${pronouns})` }, + { icon: 'fa7-solid:ruler', type: 'Height', text: getHeight(height) }, + { icon: 'fa7-solid:weight-hanging', type: 'Weight', text: getWeight(weight) } ], hobbies = [ - { icon: 'fa6-solid:dumbbell', type: 'Hobby', text: 'working out' }, - { icon: 'fa6-solid:plane', type: 'Hobby', text: 'traveling' }, - { icon: 'fa6-solid:campground', type: 'Hobby', text: 'camping' }, - { icon: 'fa6-solid:gamepad', type: 'Hobby', text: 'video games' }, - { icon: 'fa6-solid:laptop-code', type: 'Hobby', text: 'tech' } + { icon: 'fa7-solid:dumbbell', type: 'Hobby', text: 'working out' }, + { icon: 'fa7-solid:plane', type: 'Hobby', text: 'traveling' }, + { icon: 'fa7-solid:campground', type: 'Hobby', text: 'camping' }, + { icon: 'fa7-solid:gamepad', type: 'Hobby', text: 'video games' }, + { icon: 'fa7-solid:laptop-code', type: 'Hobby', text: 'tech' } ], anatomy = [ - { icon: 'fa6-solid:ruler', type: 'Tail Length', text: getTailLength(tailLength) }, - { icon: 'fa6-solid:shoe-prints', type: 'Walk', text: 'plantigrade' }, - { icon: 'fa6-solid:info', type: 'Claws', text: 'sharp, hands & feet' }, - { icon: 'fa6-solid:info', type: 'Nipples', text: 'yes' } + { icon: 'fa7-solid:ruler', type: 'Tail Length', text: getTailLength(tailLength) }, + { icon: 'fa7-solid:shoe-prints', type: 'Walk', text: 'plantigrade' }, + { icon: 'fa7-solid:info', type: 'Claws', text: 'sharp, hands & feet' }, + { icon: 'fa7-solid:info', type: 'Nipples', text: 'yes' } ], wings = [ - { icon: 'fa6-solid:ruler', type: 'Wingspan', text: getWingspan(wingspan) }, - { icon: 'fa6-solid:feather', type: 'Arms', text: 2 }, - { icon: 'fa6-solid:feather', type: 'Fingers', text: 3 }, - { icon: 'fa6-solid:star', type: 'Special Features', text: 'talon on top' } + { icon: 'fa7-solid:ruler', type: 'Wingspan', text: getWingspan(wingspan) }, + { icon: 'fa7-solid:feather', type: 'Arms', text: 2 }, + { icon: 'fa7-solid:feather', type: 'Fingers', text: 3 }, + { icon: 'fa7-solid:star', type: 'Special Features', text: 'talon on top' } ], head = [ - { icon: 'fa6-solid:eye', type: 'Pupils', text: 'round' }, - { icon: 'fa6-solid:eye', type: 'Eyebrows', text: 'yellow spikes' }, - { icon: 'fa6-solid:info', type: 'Cheeks', text: 'yellow spikes' }, - { icon: 'fa6-solid:dragon', type: 'Horns', text: 'curved' }, - { icon: 'fa6-solid:info', type: 'Hair', text: 'mid-long, mullet' }, - { icon: 'fa6-solid:ear-listen', type: 'Ears', text: 'long, pointy, movable' }, - { icon: 'fa6-solid:tooth', type: 'Teeth', text: 'sharp fangs' }, - { icon: 'fa6-solid:face-grin-tongue', type: 'Tongue', text: 'pointy tip' } + { icon: 'fa7-solid:eye', type: 'Pupils', text: 'round' }, + { icon: 'fa7-solid:eye', type: 'Eyebrows', text: 'yellow spikes' }, + { icon: 'fa7-solid:info', type: 'Cheeks', text: 'yellow spikes' }, + { icon: 'fa7-solid:dragon', type: 'Horns', text: 'curved' }, + { icon: 'fa7-solid:info', type: 'Hair', text: 'mid-long, mullet' }, + { icon: 'fa7-solid:ear-listen', type: 'Ears', text: 'long, pointy, movable' }, + { icon: 'fa7-solid:tooth', type: 'Teeth', text: 'sharp fangs' }, + { icon: 'fa7-solid:face-grin-tongue', type: 'Tongue', text: 'pointy tip' } ], muscle = [ - { icon: 'fa6-solid:dumbbell', type: 'Build', text: 'muscular' }, - { icon: 'fa6-solid:dumbbell', type: 'Pecs', text: 'big' }, - { icon: 'fa6-solid:dumbbell', type: 'abs', text: 'defined' } + { icon: 'fa7-solid:dumbbell', type: 'Build', text: 'muscular' }, + { icon: 'fa7-solid:dumbbell', type: 'Pecs', text: 'big' }, + { icon: 'fa7-solid:dumbbell', type: 'abs', text: 'defined' } ], naughty = [ - { icon: 'fa6-solid:ruler', type: 'Length', text: `${penis.size} cm (${toInch(penis.size)})` }, - { icon: 'fa6-solid:ruler', type: 'Girth', text: `${penis.girth} cm (${toInch(penis.girth)})` }, - { icon: 'fa6-solid:shapes', type: 'Shape', text: penis.shape }, - { icon: 'fa6-solid:maximize', type: 'Type', text: penis.type }, - { icon: 'fa6-solid:star', type: 'Special Features', text: penis.special } + { icon: 'fa7-solid:ruler', type: 'Length', text: `${penis.size} cm (${toInch(penis.size)})` }, + { icon: 'fa7-solid:ruler', type: 'Girth', text: `${penis.girth} cm (${toInch(penis.girth)})` }, + { icon: 'fa7-solid:shapes', type: 'Shape', text: penis.shape }, + { icon: 'fa7-solid:maximize', type: 'Type', text: penis.type }, + { icon: 'fa7-solid:star', type: 'Special Features', text: penis.special } ], sexuality = [ - { icon: 'fa6-solid:heart', type: 'Orientation', text: orientation }, - { icon: 'fa6-solid:arrows-up-down', type: 'Role', text: role } + { icon: 'fa7-solid:heart', type: 'Orientation', text: orientation }, + { icon: 'fa7-solid:arrows-up-down', type: 'Role', text: role } ], kinks = [ // 0 = No, 1 = Maybe, 2 = Yes, 3 = Love diff --git a/src/viktor/career.md b/src/viktor/career.md index 1359601..51998c5 100644 --- a/src/viktor/career.md +++ b/src/viktor/career.md @@ -6,24 +6,24 @@ eleventyNavigation: Viktor has taken on a variety of jobs in his life. He's not particularly picky about the type of work, but he's anything but a 9to5 paper pusher. He vastly prefers manual labor that keeps his hands busy. Some of his past jobs have been more formative than others, allowing him to develop skills that have served him well even outside of work. Others were more focused solely on simply putting food on the table. - + Viktor worked his first job as a bartender, helping out his uncle at the local pub. Initially he served drinks from the tap behind the counter and cleaning dishes. A pivotal moment during his time there came when someone who had a few too many drinks climbed over the counter and threatened him with a broken bottle. In a do-or-die moment, Viktor reacted on instinct, flung the cudgel at the end of his tail and landed a decisive blow to knock them down. This harrowing experience hardened him up and landed him a double role as the bar's bouncer. He garnered a reputation as the guy you don't mess around with, lest you left with less teeth than you came with. - + After leaving his hometown, Viktor embarked on a new career as a lumberjack, where his unique physiology proved to be a valuable asset. The club at the tip of his tail served as a counterweight for each swing of his axe, enabling him to land precise and powerful strikes. His body's naturally tough scales also protected him from flying splinters, while the hard physical work helped to toughen his physique over time. Viktor enjoyed to take breaks in the forest's peaceful solitude before hauling the cut logs to the sawmill. He grew to enjoy the seclusion of the rural life the work brought with it, but over time he realized he missed the connectedness a city or suburb provided. This ultimately led him to seek out new ventures. - + Moving to a suburban town, Viktor landed a job at an auto repair shop, where he learned the ins and outs of fixing cars. He quickly became adept at breathing new life into broken-down vehicles and he enjoyed it thoroughly. However, as time went on, the shop faced significant challenges, including a dwindling supply of spare parts. Automobile manufacturers started to only distribute these parts to certified repair partners—which was a costly and time-consuming process. As the financial struggles mounted, Viktor witnessed the business gradually deteriorate. He saw skilled coworkers get laid off as the shop's revenue declined, until it ultimately had to close down for good. - + Realizing he quite enjoyed physically demanding work, Viktor went on to work at construction sites, where his unique skills were put to good use. With his hard hat firmly in place and belt tool at the ready, he was always prepared to lend a hand–or tail, if walls or boulders needed a good teardown. Given that previous ventures honed his body thoroughly, Viktor was often tasked with heavy lifting, clearing sites, and hauling building materials. The highlight of his day was the daily get-together with coworkers after work. One of those nights he got a little reckless, however: when Viktor and a coworker stepped out and didn't come back for quite a while, both were caught in the act of fooling around with each other on the construction site. After that, coworkers kept their distance to Viktor, and evenings spent together became increasingly brief once Viktor joined them. As ostracism continued to mount, Viktor realized it was time to explore new opportunities. - + Viktor proved to have a hand as a welder and spent his days working shifts in a workshop, where he utilized his unique combination of tools and techniques to create precise, high-quality work. His powerful tail club proved particularly useful for shaping metal parts, while gaining knowledge on how to work with various alloys. However, a jealous coworker saw a rival in Viktor and began to sabotage his work, secretly tampering with the equipment or undermining his techniques. After enough jobs Viktor worked on were botched and him not able to give any explanation, he was ultimately let go after a customer sued the welding shop for damages—an event that still weighs heavily on him. - + When Viktor was strapped for cash, he found himself turning to the gig economy, working as a delivery driver for a major online delivery service. It wasn't the most challenging work, but at least he had no significant trouble hauling heavy packages to their destinations. If only the supervisors hadn't been constantly breathing down his neck, he might've even kept the job for longer. But after one of the shift managers tried to show him up in front of the whole team, Viktor finally snapped and shattered one of the manager's kneecaps with the club on the tip of his tail. Of course, he didn't have to report for duty the next day, or ever for that matter. - + Currently, Viktor works at the docks in the port town where he relocated. Among his responsibilities is the loading and unloading of cargo to and from ships via forklift and other transport vehicles. He's also responsible for checking that cargo arrived intact and consumables didn't spoil on the way. The hustle and bustle of the port sometimes gets on his nerves, but he manages. At least until the crew members from docking ships arrive ashore after extended periods at sea and start strutting around all high and mighty. Viktor finds himself butting heads with them a lot due to their tendency to look down on "landlubbers" and his low tolerance for their bullshit. Over time, however, he established his status somewhat and the crew members dialed back their attitude around him. diff --git a/src/viktor/viktor.11tydata.js b/src/viktor/viktor.11tydata.js index b85a44f..acb5a94 100644 --- a/src/viktor/viktor.11tydata.js +++ b/src/viktor/viktor.11tydata.js @@ -23,14 +23,14 @@ const firstName = 'Viktor', ], description = 'Hardened-up, but far from fossilized!', sexuality = [ - { icon: 'fa6-solid:heart', type: 'Orientation', text: orientation }, - { icon: 'fa6-solid:arrows-up-down', type: 'Role', text: role } + { icon: 'fa7-solid:heart', type: 'Orientation', text: orientation }, + { icon: 'fa7-solid:arrows-up-down', type: 'Role', text: role } ], anatomy = [ - { icon: 'fa6-solid:cake-candles', type: 'Date of Birth', text: getDateOfBirth(dateOfBirth) }, - { icon: 'fa6-solid:mars', type: 'Sex/Gender', text: `${gender} (${pronouns})` }, - { icon: 'fa6-solid:ruler', type: 'Height', text: getHeight(height) }, - { icon: 'fa6-solid:weight-hanging', type: 'Weight', text: getWeight(weight) } + { icon: 'fa7-solid:cake-candles', type: 'Date of Birth', text: getDateOfBirth(dateOfBirth) }, + { icon: 'fa7-solid:mars', type: 'Sex/Gender', text: `${gender} (${pronouns})` }, + { icon: 'fa7-solid:ruler', type: 'Height', text: getHeight(height) }, + { icon: 'fa7-solid:weight-hanging', type: 'Weight', text: getWeight(weight) } ]; const getTraits = (type) => {