Recent Posts

pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[nospaces][googlefont=Open+Sans:400,400i,700,700i|Oswald:700|Work+Sans:700|Roboto+Mono:300,400,700]



[attr=class,otherworldpunki]

[attr=class,image]



[attr=class,title]

otherworld



[attr=class,subtitle]

an urban fantasy roleplay





[attr=class,text]
I'd like to get right down to the brass tacks, so I'll skip the site schpeal - if you'd like to get the general idea and feel for the site, feel free to read through the interest check here. I will be happy to provide a link to the actual site upon request, though I must warn that the skin is still under heavy construction at this point in time.[break][break]
[attr=class,sub-header]
staff wanted
[break]
I'm currently looking for two moderator-type staff members for this site. The site's primary goals focus on storytelling and member-driven plot through a system which rewards actions and consequences (I will be more than happy to provide more details on request), and I intend to keep the staff team small, or as small as I can. The positions may include responsibilities such as application acceptance, NPC management, basic moderation tasks (moving/closing threads, giving rewards, handling reports, etc.), events (conceptualization and/or execution), and advertising. Most importantly, I need staff who can put their heads together with me to help interpret feedback and develop the site further, or at the very least aren't afraid of giving their own opinions.
[break][break]
If you're interested, please feel free to contact me privately by PM here on Pixel Perfect!





[newclass=.otherworldpunki]width: 500px; margin: auto; background: #ededed; border: 1px solid #e2e2e2;[/newclass]

[newclass=.otherworldpunki .image]height: 250px; background: #41454D;[/newclass]

[newclass=.otherworldpunki .image > div:first-child]height: inherit; background: url('https://i.ibb.co/8sPtfMw/63455743-p01.png'); mix-blend-mode: lighten; opacity: 1; position: absolute; width: 500px;[/newclass]

[newclass=.otherworldpunki .image .title]position: absolute; font-family: 'Oswald'; color: #fff; font-size: 60px; line-height: 60px; text-transform :uppercase; letter-spacing: 5px; font-weight: 700; margin-top: 30px; margin-left: 30px; width: 155px; word-break: break-all; opacity: 0.15;[/newclass]

[newclass=.otherworldpunki .image .subtitle]position: absolute; margin-top: 100px; margin-left: 110px; font-family: 'Work Sans'; font-size: 11px; line-height: 18px; color: #4C515A; background: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; padding: 15px; width: 80px; box-shadow: 5px 5px #B35254; opacity: 0.6;[/newclass]

[newclass=.otherworldpunki .text]padding: 30px; min-height: 100px; border-bottom: 1px solid #e0e0e0; font-family: 'Open Sans'; font-size: 11px; line-height: 18px; text-align: justify; color: #4C515A;[/newclass]

[newclass=.otherworldpunki .text:nth-child(2)]font-family: 'Roboto Mono'; font-weight: 400; font-size: 12px; line-height: 20px;[/newclass]
[newclass=.otherworldpunki .text:last-child]border-bottom: none;[/newclass]

[newclass=.otherworldpunki .text .sub-header]display: inline-block; background: #4C515A; color: #fff; font-family: 'Roboto Mono'; font-size: 11px; line-height: 11px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; padding: 10px 12px; margin-bottom: 18px;[/newclass]
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[nospaces][googlefont=Open+Sans:400,400i,700,700i|Oswald:700|Work+Sans:700|Roboto+Mono:300,400,700]



[attr=class,otherworldpunki]

[attr=class,image]



[attr=class,title]

otherworld



[attr=class,subtitle]

an urban fantasy roleplay





[attr=class,text]

Long has mankind feared the dark and the unknown; long have they walked with eyes closed and ears shut, content in ignorance, confident in their science and skeptical of what they cannot see with their blind eyes. But ignorance of a thing does not render it null - there is power in change, in the shifting of the seasons and the turning of the tide; a power you once called magic, which we have always called life.

[break][break]
It seeps into our world from a place unknown - the Otherworld - a place woven and bound to our physical plane since time imemmorial, and even we who descend from it dare not return. Men fear it as a hungry, consuming thing, and they may very well be right.

[break][break]
Our story takes place in an era of scientific progress and societal stagnation, in a country which was once the imperial beacon of civilization and is now the stage of our world's next great struggle; Kamelot.



[attr=class,text]

[attr=class,sub-header]
general premise

[break]
The lore draws heavily on Celtic folklore and mythology as well as Arthurian legend, and the story takes place in an Earth-like, modern-day world as yet unnamed, in which the existence of the magical and fantastic is largely shrouded from public knowledge. Our primary goal is member-driven plot and storytelling.

[break][break]
The overall plot will unfold through site-wide story arcs, the timing and completion of which will depend on our members, allowing for member-driven pacing. Members will not be forced to engage with the overall plot, but will receive greater rewards for doing so.[break][break]
[attr=class,sub-header]
magic systems

[break]
There are two separate "magic systems"; magic, or Otherworldly magic, Sidhe magic, mysticism, whichever term suits your palette, and sorcery. Magic is soft and malleable, with few limitations to allow for creative freedom, and can only be used by non-human races - while sorcery is hard-edged with clearly-defined rules, and can only be used by humans, but can do certain things which magic cannot, and presents unique character challenges.



[attr=class,text]

[attr=class,sub-header]
character races

[break]
Playable character races are generally split into three groups - humans, halflings, and Sidhe. In the case of the first two, these stand alone as singular racial options (for now), while the third is more of a broad category under which several relatively distinct races fall. It is expected that more races and sub-races will be added on at a later date, based on member feedback and wishes.

[break][break]
Humans are fairly self-explanatory. Basic homo sapiens. They can be divided into two groups; the first being the vast majority, which are completely unaware of magic and all things unordinary, and the second being the small minority which are aware. Members can play as either. Humans can also be sorcerers, or druids who call on Sidhe or the Otherworld for magical phenomena.

[break][break]
Halflings are a cross between humans and Sidhe. They inherit magic and transformative abilities from their Sidhe parents, but their magic power is typically reduced by comparison, and their longevity is the same as a human's. They also have a weakness for iron, but are considerably more resistant.

[break][break]
Sidhe can also be called fairies, although they rather dislike this term due to the cherub-like, butterfly-winged connotation associated with it. They come in a wide variety of shapes, sizes, and temperaments, often affected by individual race, and can live for a very, very long time without aging or undergoing much change at all. Their magic expands and strengthens with age, and many of them have less-than-human forms. Iron burns and weakens them, and prolonged contact can induce iron poisoning.

[break][break]
[attr=class,sub-header]
factions

[break]
Each faction has distinct motivations which can and will bring them into direct conflict with others, and will be the primary drivers of the overall plot. Characters are not required to have a faction, but may join or leave factions throughout the course of their own story. We may add in new factions at a later date.

[break][break]
High Council of Sorcery[break]
The High Council of Sorcery governs over the sorcerer population, enforcing their laws with iron-fisted resolve and maintaining the fragile peace between unwitting humanity and the Sidhe, a responsibility handed down to them by their founder, Merlin.

[break][break]
Myrrdin[break]
Also known as the "Sons of Merlin," the Myrrdin are a small, renegade group of sorcerers and freedom fighters who oppose the High Council of Sorcery's tyranny and oppression, and engage them with guerrilla-like warfare.

[break][break]
Silver Court[break]
The highborn nobility of the Tuatha de Danaan, a Sidhe people who once ruled over vast swathes of Kamelot in ancient times as gods and kings. Though their people are now scattered, the Silver Court and its king still maintain some of their influence, and yearn for the day they return to their rightful seat of power, Tir na Nog.

[break][break]
Glass Tower, Inc.[break]
A powerful international corporation of ill renown, whose ranks are comprised of Sidhe and human alike. It has monopoly in many legal and illegal industries, and is not above extortion, blackmail, and murder to get what it wants.

[break][break]

Wild Hunt[break]
The chosen few of the Tylwyth Teg, a Sidhe people who still hold their kingdom, Anwyn, deep beneath the earth, tasked with guarding their reclusive people against the outside world. Hunters and punishers, under the command of their master and king, Arawn, they exact justice on those who wrong them and their people, and disregard the authority of all others.

[break][break]

Briar Circle[break]
An ancient sect of human druids, dedicated to the teachings of Guinevere, the last Queen of the Otherworld. They preoccupy themselves with the balance between the physical plane and the Otherworld, and are rumored to be capable of calling up magic of earth-shattering proportions.

[break][break]
Order of Acterus[break]
An order of knights, charged with protecting Kamelot's people against the potential threats of magic and sorcery alike. Where they once used sword and shield towards this end, they now use the highest-grade automated weaponry, technology, and subterfuge to achieve their goals, operating in secret and apart from the rest of Kamelot's government.


[attr=class,text]
[attr=class,sub-header]
progress

[break]
Skin / (The latest rendition of) the site skin is still in its infancy, and it's expected to take a number (two or three, perhaps) of weeks to finish before we're ready for a soft opening.

[break][break]
Lore / Most of the lore still has to actually be transferred from my headspace to written word, but in terms of development, the bulk of it is in the final stages, and not all of it needs to be written down for a soft opening.

[break][break]
Structure & Mechanics / The mechanics and structure are more or less ready for a soft opening, though it's expected we'll be making plenty of adjustments after opening in order to finalize anyways.






[newclass=.otherworldpunki]width: 500px; margin: auto; background: #ededed; border: 1px solid #e2e2e2;[/newclass]

[newclass=.otherworldpunki .image]height: 250px; background: #41454D;[/newclass]

[newclass=.otherworldpunki .image > div:first-child]height: inherit; background: url('https://i.ibb.co/8sPtfMw/63455743-p01.png'); mix-blend-mode: lighten; opacity: 1; position: absolute; width: 500px;[/newclass]

[newclass=.otherworldpunki .image .title]position: absolute; font-family: 'Oswald'; color: #fff; font-size: 60px; line-height: 60px; text-transform :uppercase; letter-spacing: 5px; font-weight: 700; margin-top: 30px; margin-left: 30px; width: 155px; word-break: break-all; opacity: 0.15;[/newclass]

[newclass=.otherworldpunki .image .subtitle]position: absolute; margin-top: 100px; margin-left: 110px; font-family: 'Work Sans'; font-size: 11px; line-height: 18px; color: #4C515A; background: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; padding: 15px; width: 80px; box-shadow: 5px 5px #B35254; opacity: 0.6;[/newclass]

[newclass=.otherworldpunki .text]padding: 30px; min-height: 100px; border-bottom: 1px solid #e0e0e0; font-family: 'Open Sans'; font-size: 11px; line-height: 18px; text-align: justify; color: #4C515A;[/newclass]

[newclass=.otherworldpunki .text:nth-child(2)]font-family: 'Roboto Mono'; font-weight: 400; font-size: 12px; line-height: 20px;[/newclass]
[newclass=.otherworldpunki .text:last-child]border-bottom: none;[/newclass]

[newclass=.otherworldpunki .text .sub-header]display: inline-block; background: #4C515A; color: #fff; font-family: 'Roboto Mono'; font-size: 11px; line-height: 11px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; padding: 10px 12px; margin-bottom: 18px;[/newclass]
last edit on Aug 6, 2020 14:46:42 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[nospaces][googlefont=Open+Sans:400,400i,700,700i|Oswald:700|Work+Sans:700|Roboto+Mono:300]

[attr=class,otherworldpunki]
[attr=class,image]

[attr=class,title]
otherworld

[attr=class,subtitle]
an urban fantasy roleplay


[attr=class,text]
[attr=class,sub-header]
a header
[break]
Some text here.



[newclass=.otherworldpunki]width: 500px; margin: auto; background: #ededed; border: 1px solid #e2e2e2;[/newclass]
[newclass=.otherworldpunki .image]height: 250px; background: #41454D;[/newclass]
[newclass=.otherworldpunki .image > div:first-child]height: inherit; background: url('https://i.ibb.co/8sPtfMw/63455743-p01.png'); mix-blend-mode: lighten; opacity: 1; position: absolute; width: 500px;[/newclass]
[newclass=.otherworldpunki .image .title]position: absolute; font-family: 'Oswald'; color: #fff; font-size: 60px; line-height: 60px; text-transform :uppercase; letter-spacing: 5px; font-weight: 700; margin-top: 30px; margin-left: 30px; width: 155px; word-break: break-all; opacity: 0.15;[/newclass]
[newclass=.otherworldpunki .image .subtitle]position: absolute; margin-top: 100px; margin-left: 110px; font-family: 'Work Sans'; font-size: 11px; line-height: 18px; color: #4C515A; background: #fff; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; padding: 15px; width: 80px; box-shadow: 5px 5px #B35254; opacity: 0.6;[/newclass]
[newclass=.otherworldpunki .text]padding: 30px; min-height: 100px; border-bottom: 1px solid #e0e0e0; font-family: 'Open Sans'; font-size: 11px; line-height: 18px; text-align: justify; color: #4C515A;[/newclass]
[newclass=.otherworldpunki .text:last-child]border-bottom: none;[/newclass]
[newclass=.otherworldpunki .text .sub-header]display: inline-block; background: #4C515A; color: #fff; font-family: 'Roboto Mono'; font-size: 11px; line-height: 11px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; padding: 10px 12px; margin-bottom: 10px;[/newclass]
last edit on Aug 5, 2020 16:37:50 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
That's because coding (or to be more specific, skinning or templating, web design in general) is more like cooking or storytelling. One of the base things you can learn as a storyteller - there is no such thing as a completely 'original' story. It's not a perfect analogy and I apologize if I'm saying something everyone already knows, but I feel the general principle still applies, because you're right, your work will never be totally unlike someone else's, and it's completely exhausting to try to be totally unique. Been there, done that, sucked at it, drove myself into a depressive rut with it, then decided I was done with that and kicked that mindset to the curb because I love making pretty things and I don't care if they kinda look like other people's work because I know I sat at my computer for hours putting this stuff together.

The components never really change, either - if you look at skins, they all have recurring concepts - banners, titles, subtitles, categories, buttons, miniprofiles, user menus - with functions and roles that really don't change from one to the next. Same with posting templates. You can mix and match, dress them up or dress them down, discard some things and add others, but ultimately a cooked chicken is a cooked chicken. Had to get that cooking analogy in somewhere.

So the point I'm trying to make here, in my rambling, wordy manner I apologize for any wayward tangents, is that not being able to create a coded piece of work that is 100% original by the point-blank definition of the word doesn't make you uncreative in that regard, at least not in my eyes. What constitutes stealing with coded work is worthy of an entirely different discussion, but let it suffice to say that I don't think you need to worry about it to the extent that it becomes the reason you don't publish anything. <3

So don't be down on yourself! If you love to code, do it to it, because that sh*t is freaking hard and there's no one who will ever dispute that. Except maybe computer geniuses who were born speaking HTML and CSS as second and third languages.
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
syhrinx Avatar
i like to code but i never, like, go out of my way to code something?? i only do it if i need or want something specific. the utility is there but not the artistic creativity u__u i wish i could pop out codes like a lot of y'all... with ur fanciness and ur animation things and your incredible variety

flare Avatar
design is the bane of my existence when it comes to templates/skins. i am just uncreative as hell.

pretty much the entirety of my designs are just me putting a pretty graphic and song lyrics together and bulls***ing the rest. moral of the story is, creativity is for people with hand-eye coordination - the rest of us can somehow get by with hit-or-miss firing tactics. i'll cheer for you.
last edit on Apr 28, 2020 16:48:11 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
rolling up sleeves
Ever since I realized I can use absolute positioning to position things conveniently and stylistically, I have abused the crap out of it.

I think I'm also guilty of hovers. Hover effects everywhere.

I'm also extraordinarily guilty of not finishing many skins/templates I start. It's amazing how much higher my completion rate was when I first started skinning to what it is now.
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside

[break]
[nospaces][googlefont=Open+Sans:400,700,700i|Oswald:300,600]

[attr=class,punkianger]
[attr=class,absolute-holder]
[attr=class,image-back accentbg]

[attr=class,image]

[attr=class,line1]

[attr=class,line2]

[attr=class,wordcount]
000 words

[attr=class,lyric1]
i'll cover you when the sky

[attr=class,lyric2]
comes crashing in


[attr=class,bulk]
I'll return from darkness and will save your precious skin.
I will end your suffering and let the healing light come in.
Sent by forces beyond salvation,
there can be not one sensation.
World on fire with a smoking sun,
stops everything and everyone.
Brace yourself for all will pay,
help is on the way.
[break][break]
Girl, I will cover you when the sky comes crashing in.
I'll go the distance, lead the way to your darkest sin.
You know there's something coming down from the sky above.
World on fire with a smoking sun,
stops everything and everyone.
Brace yourself for all will pay,
help is on the way.
[break][break]
We will save your precious skin.
Let the healing light come in.
I'll cover you when the sky... comes crashing in.
World on fire with a smoking sun,
stops everything and everyone.
Brace yourself for all will pay,
help is on the way.

[attr=class,ooc-notes]
[attr=class,tagline]
for

some ooc notes can go here!


[attr=class,punkiangercredit]
punki


[newclass=".punkianger .accentbg"]background: #C93F4A;[/newclass]
[newclass=".punkianger .accentborder"]border-color: #C93F4A;[/newclass]
[newclass=".punkianger .tagline a, .punkianger .bulk b, .punkianger .bulk i, .punkiangercredit a"]color: #C93F4A;[/newclass]
[newclass=".punkianger .image"]background-image: url('https://i.imgur.com/vMYq1uo.png');[/newclass]
[newclass=".punkianger"]width: 500px; min-height: 100px; padding-top: 300px; background: #f0f0f0; margin: auto; filter: drop-shadow(0 0 1px rgba(100,100,100,0.6));[/newclass]
[newclass=".punkianger .absolute-holder"]position: absolute; overflow: hidden; margin-top: -300px; width: 500px; height: 300px;[/newclass]
[newclass=".punkianger .image-back"]position: absolute; width: 170px; height: 300px; opacity: 0.8; border-left: 330px solid #323232;[/newclass]
[newclass=".punkianger .image-back div"]position: absolute; left: 3px; width: 5px; height: inherit; background: #323232;[/newclass]
[newclass=".punkianger .image"]position: absolute; width: inherit; height: inherit; mix-blend-mode: lighten;[/newclass]
[newclass=".punkianger .line1"]position: absolute; width: 600px; height: 1px; background: #fff; transform: rotate(15deg); top: 105px; left: -30px; mix-blend-mode: overlay;[/newclass]
[newclass=".punkianger .line2"]position: absolute; width: 600px; height: 1px; background: #fff; transform: rotate(-75deg); top: 50px; left: -150px; mix-blend-mode: overlay;[/newclass]
[newclass=".punkianger .wordcount"]position: absolute; background: rgba(0,0,0,0.5); bottom: 100px; left: 40px; color: #fff; font-family: 'Open Sans'; font-size: 9px; line-height: 9px; padding: 6px 8px; text-transform: uppercase; letter-spacing: 2px;[/newclass]
[newclass=".punkianger .lyric1"]position: absolute; bottom: 80px; left: 43px; filter: drop-shadow(0 0 2px rgba(0,0,0,0.4)); color: #fff; font-family: 'Open Sans'; font-size: 11px; line-height: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold;[/newclass]
[newclass=".punkianger .lyric2"]position: absolute; bottom: 40px; left: 40px; filter: drop-shadow(0 0 2px rgba(0,0,0,0.4)); font-family: 'Oswald'; color: #fff; font-size: 40px; line-height: 40px; text-transform: uppercase; font-weight: 300;[/newclass]
[newclass=".punkianger .lyric2 b"]font-weight: 600; mix-blend-mode: overlay; position: absolute; white-space: nowrap; word-spacing: -8px;[/newclass]
[newclass=".punkianger .tagline"]float: left; margin-top: -6px; margin-left: -40px; margin-right: 10px; background: #3e3e3e; font-family: 'Open Sans'; color: #fff; font-size: 10px; line-height: 10px; padding: 9px 11px; text-transform: uppercase; letter-spacing: 2px;[/newclass]
[newclass=".punkianger .tagline a"]font: inherit; text-decoration: none; filter: brightness(120%); font-weight: bold; transition: all 0.3s ease;[/newclass]
[newclass=".punkianger .tagline a:hover"]color: #fff;[/newclass]
[newclass=".punkianger .bulk"]padding: 30px 40px; font-family: 'Open Sans'; font-size: 11px; line-height: 16px; color: rgba(0,0,0,0.5); text-align: justify;[/newclass]
[newclass=".punkianger .bulk i"]font-weight: bold;[/newclass]
[newclass=".punkianger .ooc-notes"]padding: 6px 40px; background: #fff; min-height: 12px; font-family: 'Open Sans'; font-size: 11px; line-height: 16px; text-align: justify; color: rgba(0,0,0,0.6);[/newclass]
[newclass=".punkiangercredit"]width: 500px; margin: auto; text-align: right; font-family: 'Oswald'; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px;[/newclass]
[newclass=".punkiangercredit a"]font: inherit;[/newclass]
last edit on Apr 23, 2020 19:41:47 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[nospaces][googlefont=Open+Sans:400,700,700i|Oswald:300,600]

[attr=class,punkianger]
[attr=class,absolute-holder]
[attr=class,image-back accentbg]

[attr=class,image]

[attr=class,line1]

[attr=class,line2]

[attr=class,wordcount]
000 words

[attr=class,lyric1]
i'll cover you when the sky

[attr=class,lyric2]
comes crashing in


[attr=class,bulk]
I'll return from darkness and will save your precious skin.
I will end your suffering and let the healing light come in.
Sent by forces beyond salvation,
there can be not one sensation.
World on fire with a smoking sun,
stops everything and everyone.
Brace yourself for all will pay,
help is on the way.
[break][break]
Girl, I will cover you when the sky comes crashing in.
I'll go the distance, lead the way to your darkest sin.
You know there's something coming down from the sky above.
World on fire with a smoking sun,
stops everything and everyone.
Brace yourself for all will pay,
help is on the way.
[break][break]
We will save your precious skin.
Let the healing light come in.
I'll cover you when the sky... comes crashing in.
World on fire with a smoking sun,
stops everything and everyone.
Brace yourself for all will pay,
help is on the way.

[attr=class,ooc-notes]
[attr=class,tagline]
for

some ooc notes can go here!


[attr=class,punkiangercredit]
punki


[newclass=".punkianger .accentbg"]background: #C93F4A;[/newclass]
[newclass=".punkianger .accentborder"]border-color: #C93F4A;[/newclass]
[newclass=".punkianger .tagline a, .punkianger .bulk b, .punkianger .bulk i, .punkiangercredit a"]color: #C93F4A;[/newclass]
[newclass=".punkianger .image"]background-image: url('https://i.imgur.com/vMYq1uo.png');[/newclass]
[newclass=".punkianger"]width: 500px; min-height: 100px; padding-top: 300px; background: #f0f0f0; margin: auto; filter: drop-shadow(0 0 1px rgba(100,100,100,0.6));[/newclass]
[newclass=".punkianger .absolute-holder"]position: absolute; overflow: hidden; margin-top: -300px; width: 500px; height: 300px;[/newclass]
[newclass=".punkianger .image-back"]position: absolute; width: 170px; height: 300px; opacity: 0.8; border-left: 330px solid #323232;[/newclass]
[newclass=".punkianger .image-back div"]position: absolute; left: 3px; width: 5px; height: inherit; background: #323232;[/newclass]
[newclass=".punkianger .image"]position: absolute; width: inherit; height: inherit; mix-blend-mode: lighten;[/newclass]
[newclass=".punkianger .line1"]position: absolute; width: 600px; height: 1px; background: #fff; transform: rotate(15deg); top: 105px; left: -30px; mix-blend-mode: overlay;[/newclass]
[newclass=".punkianger .line2"]position: absolute; width: 600px; height: 1px; background: #fff; transform: rotate(-75deg); top: 50px; left: -150px; mix-blend-mode: overlay;[/newclass]
[newclass=".punkianger .wordcount"]position: absolute; background: rgba(0,0,0,0.5); bottom: 100px; left: 40px; color: #fff; font-family: 'Open Sans'; font-size: 9px; line-height: 9px; padding: 6px 8px; text-transform: uppercase; letter-spacing: 2px;[/newclass]
[newclass=".punkianger .lyric1"]position: absolute; bottom: 80px; left: 43px; filter: drop-shadow(0 0 2px rgba(0,0,0,0.4)); color: #fff; font-family: 'Open Sans'; font-size: 11px; line-height: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold;[/newclass]
[newclass=".punkianger .lyric2"]position: absolute; bottom: 40px; left: 40px; filter: drop-shadow(0 0 2px rgba(0,0,0,0.4)); font-family: 'Oswald'; color: #fff; font-size: 40px; line-height: 40px; text-transform: uppercase; font-weight: 300;[/newclass]
[newclass=".punkianger .lyric2 b"]font-weight: 600; mix-blend-mode: overlay; position: absolute; white-space: nowrap; word-spacing: -8px;[/newclass]
[newclass=".punkianger .tagline"]float: left; margin-top: -6px; margin-left: -40px; margin-right: 10px; background: #3e3e3e; font-family: 'Open Sans'; color: #fff; font-size: 10px; line-height: 10px; padding: 9px 11px; text-transform: uppercase; letter-spacing: 2px;[/newclass]
[newclass=".punkianger .tagline a"]font: inherit; text-decoration: none; filter: brightness(120%); font-weight: bold; transition: all 0.3s ease;[/newclass]
[newclass=".punkianger .tagline a:hover"]color: #fff;[/newclass]
[newclass=".punkianger .bulk"]padding: 30px 40px; font-family: 'Open Sans'; font-size: 11px; line-height: 16px; color: rgba(0,0,0,0.5); text-align: justify;[/newclass]
[newclass=".punkianger .bulk i"]font-weight: bold;[/newclass]
[newclass=".punkianger .ooc-notes"]padding: 6px 40px; background: #fff; min-height: 12px; font-family: 'Open Sans'; font-size: 11px; line-height: 16px; text-align: justify; color: rgba(0,0,0,0.6);[/newclass]
[newclass=".punkiangercredit"]width: 500px; margin: auto; text-align: right; font-family: 'Oswald'; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px;[/newclass]
[newclass=".punkiangercredit a"]font: inherit;[/newclass]
last edit on Apr 23, 2020 19:16:22 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside

[break][break]
[nospaces][googlefont=Roboto+Mono:300|Open+Sans:400,400i,700,700i|Playfair+Display:400i]
[attr=class,punkihope]
[attr=class,absolute-holder]
[attr=class,image-divider]
[attr=class,accentbg]


[attr=class,image]
[attr=class,lyric1]
[attr=class,accentborder accenttext]
when i knew the world wasn't meant for me,


[attr=class,lyric2]
[attr=class,accentborder accenttext]
you rescued me, you rescued me


[attr=class,overlay]


[attr=class,charname accenttext]
[attr=class,accentbg]
i can offer nothing, still you won't let go


[attr=class,bulk]
And the battle’s raging, but we’re gaining ground. So many years I fought alone, I don’t know how. Got the past replaying, but you numb the shout, and all this constant inner fight it starts to calm. When panic was the closest thing to me, you helped me breathe, you helped me breathe. When darkness had possessed all of my being, you shined on me, you shined on me.
[break][break]
And this boulder's heavy, but you take the load. And this storm's gone crazy, but you take the blows. And I can offer nothing, still you won’t let go. You take this broken man of stone and make him whole, and I’m not alone.
[break][break]
Got a million problems, got a million scars, got a million reasons not to open up my heart. But the trauma vanquishes in perfect love, when you know my darkest parts don’t turn and run. When chaos was the only thing I’d see, you gave me peace, you gave me peace. When I knew the world wasn’t meant for me, you rescued me, you rescued me.
[break][break]
And this boulder's heavy, but you take the load. And this storm's gone crazy, but you take the blows. And I can offer nothing, still you won’t let go. You take this broken man of stone and make him whole, and I’m not alone, I’m not alone - we’re not alone.

[attr=class,bottom-text]

tagged

0000 words


[attr=class,punkihopecredit]
template by punki


[newclass=.punkihope .accentbg]background: #6C909A;[/newclass]
[newclass=.punkihope .accentborder, .punkihope .bulk i]border-color: #6C909A;[/newclass]
[newclass=.punkihope .accenttext, .punkihope .bulk b, .punkihope .bottom-text span a]color: #6C909A;[/newclass]
[newclass=.punkihope]width: 500px; background: #fbfbfb; border: 1px solid rgba(0,0,0,0.05); margin: auto;[/newclass]
[newclass=.punkihope .absolute-holder]width: 500px; height: 272px; position: absolute; overflow: hidden;[/newclass]
[newclass=.punkihope .image]position: absolute; width: 100%; top: 0; height: 180px; background: url('https://i.imgur.com/cMDMSKy.png');[/newclass]
[newclass=.punkihope .image .overlay]height: inherit; background: linear-gradient(to right,rgba(60,60,60,0.2),rgba(70,70,70,0.8));[/newclass]
[newclass=.punkihope .lyric1, .punkihope .lyric2]position: absolute; right: 43px; bottom: 29px; padding-top: 4px; padding-left: 4px; height: 20px; background: #ffffff;[/newclass]
[newclass=.punkihope .lyric1 div, .punkihope .lyric2 div]border-width: 1px; border-style: solid; font-family: 'Roboto Mono'; font-size: 10px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; word-spacing: -4px; line-height: 12px; padding: 5px 7px; margin-right: -4px;[/newclass]
[newclass=.punkihope .lyric1]bottom: 66px;[/newclass]
[newclass=.punkihope .image-divider]position: absolute; width: 450px; height: 1px; top: 180px; padding: 15px 25px; background: #ffffff; border-bottom: 1px solid rgba(0,0,0,0.07);[/newclass]
[newclass=.punkihope .image-divider div]height: inherit; opacity: 0.3;[/newclass]
[newclass=.punkihope .charname]position: absolute; bottom: 15px; left: 50px; font-family: 'Playfair Display'; font-style: italic; font-size: 14px; letter-spacing: 2px; line-height: 14px; text-transform: lowercase;[/newclass]
[newclass=.punkihope .charname div]display: inline-block; opacity: 0.5; width: 50px; height: 1px; position: relative; vertical-align: middle; margin-right: 10px;[/newclass]
[newclass=.punkihope .bulk]margin-top: 272px; margin-left: 40px; width: 420px; font-family: 'Open Sans'; font-size: 11px; line-height: 18px; color: rgba(0,0,0,0.6); text-align: justify;[/newclass]
[newclass=.punkihope .bulk i]border-bottom-width: 1px; border-bottom-style: solid;[/newclass]
[newclass=.punkihope .bulk i b]font-weight: 400;[/newclass]
[newclass=.punkihope .bottom-text]height: 50px; background: #3e3e3e; margin: -1px; margin-top: 40px; font-family: 'Open Sans'; color: rgba(255,255,255,0.5); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; line-height: 50px; padding: 0 40px;[/newclass]
[newclass=.punkihope .bottom-text > span]float: right;[/newclass]
[newclass=.punkihope .bottom-text a]font-family: inherit; font-size: inherit;[/newclass]
[newclass=.punkihopecredit]width: 500px; margin: auto; text-align: center; font-family: 'Roboto Mono'; font-size: 10px; line-height: 25px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.5;[/newclass]
[newclass=.punkihopecredit a]font-family: inherit; font-size: inherit;[/newclass]
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
[nospaces][googlefont=Roboto+Mono:300|Open+Sans:400,400i,700,700i|Playfair+Display:400i]
[attr=class,punkihope]
[attr=class,absolute-holder]
[attr=class,image-divider]
[attr=class,accentbg]


[attr=class,image]
[attr=class,lyric1]
[attr=class,accentborder accenttext]
when i knew the world wasn't meant for me,


[attr=class,lyric2]
[attr=class,accentborder accenttext]
you rescued me, you rescued me


[attr=class,overlay]


[attr=class,charname accenttext]
[attr=class,accentbg]
i can offer nothing, still you won't let go


[attr=class,bulk]
And the battle’s raging, but we’re gaining ground. So many years I fought alone, I don’t know how. Got the past replaying, but you numb the shout, and all this constant inner fight it starts to calm. When panic was the closest thing to me, you helped me breathe, you helped me breathe. When darkness had possessed all of my being, you shined on me, you shined on me.
[break][break]
And this boulder's heavy, but you take the load. And this storm's gone crazy, but you take the blows. And I can offer nothing, still you won’t let go. You take this broken man of stone and make him whole, and I’m not alone.
[break][break]
Got a million problems, got a million scars, got a million reasons not to open up my heart. But the trauma vanquishes in perfect love, when you know my darkest parts don’t turn and run. When chaos was the only thing I’d see, you gave me peace, you gave me peace. When I knew the world wasn’t meant for me, you rescued me, you rescued me.
[break][break]
And this boulder's heavy, but you take the load. And this storm's gone crazy, but you take the blows. And I can offer nothing, still you won’t let go. You take this broken man of stone and make him whole, and I’m not alone, I’m not alone - we’re not alone.

[attr=class,bottom-text]

tagged

0000 words


[attr=class,punkihopecredit]
template by punki


[newclass=.punkihope .accentbg]background: #6C909A;[/newclass]
[newclass=.punkihope .accentborder, .punkihope .bulk i]border-color: #6C909A;[/newclass]
[newclass=.punkihope .accenttext, .punkihope .bulk b, .punkihope .bottom-text span a]color: #6C909A;[/newclass]
[newclass=.punkihope]width: 500px; background: #fbfbfb; border: 1px solid rgba(0,0,0,0.05); margin: auto;[/newclass]
[newclass=.punkihope .absolute-holder]width: 500px; height: 272px; position: absolute; overflow: hidden;[/newclass]
[newclass=.punkihope .image]position: absolute; width: 100%; top: 0; height: 180px; background: url('https://i.imgur.com/cMDMSKy.png');[/newclass]
[newclass=.punkihope .image .overlay]height: inherit; background: linear-gradient(to right,rgba(60,60,60,0.2),rgba(70,70,70,0.8));[/newclass]
[newclass=.punkihope .lyric1, .punkihope .lyric2]position: absolute; right: 43px; bottom: 29px; padding-top: 4px; padding-left: 4px; height: 20px; background: #ffffff;[/newclass]
[newclass=.punkihope .lyric1 div, .punkihope .lyric2 div]border-width: 1px; border-style: solid; font-family: 'Roboto Mono'; font-size: 10px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; word-spacing: -4px; line-height: 12px; padding: 5px 7px; margin-right: -4px;[/newclass]
[newclass=.punkihope .lyric1]bottom: 66px;[/newclass]
[newclass=.punkihope .image-divider]position: absolute; width: 450px; height: 1px; top: 180px; padding: 15px 25px; background: #ffffff; border-bottom: 1px solid rgba(0,0,0,0.07);[/newclass]
[newclass=.punkihope .image-divider div]height: inherit; opacity: 0.3;[/newclass]
[newclass=.punkihope .charname]position: absolute; bottom: 15px; left: 50px; font-family: 'Playfair Display'; font-style: italic; font-size: 14px; letter-spacing: 2px; line-height: 14px; text-transform: lowercase;[/newclass]
[newclass=.punkihope .charname div]display: inline-block; opacity: 0.5; width: 50px; height: 1px; position: relative; vertical-align: middle; margin-right: 10px;[/newclass]
[newclass=.punkihope .bulk]margin-top: 272px; margin-left: 40px; width: 420px; font-family: 'Open Sans'; font-size: 11px; line-height: 18px; color: rgba(0,0,0,0.6); text-align: justify;[/newclass]
[newclass=.punkihope .bulk i]border-bottom-width: 1px; border-bottom-style: solid;[/newclass]
[newclass=.punkihope .bulk i b]font-weight: 400;[/newclass]
[newclass=.punkihope .bottom-text]height: 50px; background: #3e3e3e; margin: -1px; margin-top: 40px; font-family: 'Open Sans'; color: rgba(255,255,255,0.5); font-size: 10px; text-transform: uppercase; letter-spacing: 1px; line-height: 50px; padding: 0 40px;[/newclass]
[newclass=.punkihope .bottom-text > span]float: right;[/newclass]
[newclass=.punkihope .bottom-text a]font-family: inherit; font-size: inherit;[/newclass]
[newclass=.punkihopecredit]width: 500px; margin: auto; text-align: center; font-family: 'Roboto Mono'; font-size: 10px; line-height: 25px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.5;[/newclass]
[newclass=.punkihopecredit a]font-family: inherit; font-size: inherit;[/newclass]
last edit on Dec 30, 2019 22:49:58 GMT by punki
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
I may or may not be re-watching One Piece from start to current finish... again. I am one of those people who loves long-ass anime with no conclusion in sight, because binge-watching heaven. It's one of the only shows that never fails to make me slap my knees with its somewhat repetitive, occasionally cringe-worthy humor.

I'm also currently keeping up with Boku no Hero Academia as it comes out, because <3
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
you know, i'm not real sure now that i think about it

Music is a pretty big thing for me when I really want to get in the groove, especially the emotional meaning behind it. To that end, pretty pictures that pair well with said music are also very important.

Drawing on other designers' work is actually pretty common in pretty much all creative pursuits, but idk if I'd call that my "inspiration." I usually look at other people's stuff and change up my music when I feel stuck.

So I guess what I really do is feel it out, in a way? I find a groove, usually by listening to music and just coding something to get myself started, and I do whatever feels... right. And frequently I sit back and assess whether or not what I've done so far feels right, and if it doesn't, I back up and try something different. Trial and error is my friend.

this method tends to involve a lot of scrapped project attempts though
pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside
Hello hello, everyone. I'll admit, my question has ulterior motives; right now I'm working on a new premade skin despite the ten thousand other things I could/should be doing and may or may not be juggling at the same time, and I've hit that point where I need to figure out what, exactly, I'm putting in the header... and tbh, my default decision is usually something along the lines of EVERYTHING, but that's also kind of mentally taxing, and I'm tired of guessing what the heck the community wants??

SO, my question to all of you, what kinds of skin functionality are you looking for? You can vote (pick as many choices as you like) in the poll above, and you can also drop comments below. Also, what kinds of functions do you think you could do without? And feel free to mention it if there's something I'm missing/should add in my poll choices!

And also, if you don't necessarily want to talk about premades, I'm totally down for hearing about what kinds of features you like seeing in skins in general.

I would appreciate anyone and everyone's input and discussion very very much. <3

pronounsShe, Her
128written posts
punkiearned bits
offlinecurrently
punki
Full Member
punki Avatar
all of this mess is just my attempt to know the worth of my life; made of precious metals inside

I don't think I know you man, but your avatar wears pink (pink? pink) hair like a man and I respect the hell out of that. I also agree with your compliment. :o
last edit on Jul 17, 2019 23:18:36 GMT by punki