Proud to present an inclusive update; With an (optional) moving rainbow background and an expansion on the visual settings! Not only that, the menu itself received updated logic, a visual overhaul, new buttons, multi-page capabilities and is now scrollable. Code behind all of this is now more versatile and reusable; the rainbow background shares both logic and markup with 2 other optional backgrounds that work in similar fashion; “Red, White & Blue” and “Jah Bless!”.
“Initially I wanted to push out this update over the previous weekend, but am glad I didn’t; Otherwise I would’ve introduced you to some nasty bugs and would’ve felt the need to do emergency patch work ..or do a roll-back of the code-base!!” 😉
new (optional) inclusivity-themed background(s), more transparency,, more options!
Inclusivity can be awesome; I love treating people as equal! When it’s similar to this form, so outside of divisive activism or arbitrary “pride months“! Equally a little Nationalism doesn’t have to offend or completely alienate people either. Not wanting to go into diatribe; just mentioning it as I also implemented a (Dutch, French or American?) red, white and blue -theme as well as a Rastafarian color-schemed background with this update.
“Showing some love for my LGBTTQQIAAP Lesbian, gay, bisexual, transgender, transsexual, queer, questioning, intersex, asexual, ally & pansexual-brethren, sistrin and everything in-between or outside that group!”
The mention of “exclusivity” is because also this update offers more functionality in adjusting (and/or disabling) visual features; Speeds can now be adjusted and transparency of the foreground-page two! Mobile devices should notice a slightly more transparent background (by default), bc these most screens on these devices offer less space around the page, obscuring the background animations otherwise. Check them all out, tweak them, by clicking the ‘Visual Settings’ option in the top-menu.
Work in this update should make it a lot easier to offer (future) choices of animated Nation-flag-colored themes and should help working towards offering choice of animated icon-themes in a future update two. Just needing to find the time to distil nations colors, name them in inclusive manners and draw some unique icons down the line, as ‘ripping’ icons from somewhere else isn’t my style!
<techno-babble>
//This might go over some of your heads; about this updates implementation’s-techniques..
The new moving backgrounds in this update are original and by hand; Endless diagonal scrolling gradients. I’ll share an example below. Also I had good fun polishing up the menu itself and implemented new ‘toggles’ that mimic option-lists and multi-value settings. The revamped the color-code and markup now offer a wider spectrum, allowing more edge-cases, settable in speed and faster to react to day-night theme-switching.
Next update I hope the expand on the application of these, hoping to implement multi-color variants of random shifting backgrounds, perhaps layering and fading into and out of backgrounds. I also have some snazzy static geometric backgrounds (from other creators) lined up, hoping to offer these as both static and animated options.
If you’re interested in the test-branch of the code-base, you can open the site with a special ‘arguement’ (“?experimental”) on any page or by clicking here. Doing that you’ll notice new options in the visual menu, hidden to normal visitors.
</techno-babble>
I already touched on the subject of errors and bugs; I have built, tested (somewhat thoroughly) and postponed this update and even got some help from friends (my thanks!). The most obvious mistakes have been tackled, yet some errors and crashes could still occur.. Specifically I’ve noticed animating the background-images does still take a lot memory, though it shouldn’t be problematic to modern computers and mobile devices. If you do notice any instability or have feedback, you are free to reply here (below) or on Facebook.
Happy to announce that FB, in the meantime, granted my page a unique and less cryptic identifier, so “KarmicKick” is now more searchable and identifiable there! Also contemplating getting back on Twitter, not as a person, but as a Media-entity. Beyond that I will certainly try to focus on getting presence on Youtube. So I will be doing some trial recordings soon(-ish)!
Work on this update started off with a typo from a friend giving me the idea for a background aimed at rainbow inclusivity.. If you have feedback or a good idea; let me know so I may ponder and/or incorporate your idea 💡
As promised; a (simplified) example of the moving rainbow style-markup;
<style type="text/css">
.bg-panel.moving-rainbow { /*repeat colors so the transition is seamless*/ background: linear-gradient(135deg, rgb(255,36,0), rgb(255,6,6), rgb(255,197,5), rgb(251,255,5), rgb(5,255,47), rgb(5,243,255), rgb(9,5,255), rgb(221,0,243), rgb(221,0,243), rgb(255,36,0), rgb(255,6,6), rgb(255,197,5), rgb(251,255,5), rgb(5,255,47), rgb(5,243,255), rgb(9,5,255), rgb(221,0,243), rgb(221,0,243), rgb(255,36,0)); background-size: 200% 200%; -webkit-animation: diagonal-path 12s linear infinite; -z-animation: diagonal-path 12s linear infinite; -o-animation: diagonal-path 12s linear infinite; animation: diagonal-path 12s linear infinite; } @-webkit-keyframes diagonal-path { 0%{background-position:0% 0%} 100%{background-position:100% 100%} } @-moz-keyframes diagonal-path { 0%{background-position:0% 0%} 100%{background-position:100% 100%} } @-o-keyframes diagonal-path { 0%{background-position:0% 0%} 100%{background-position:100% 100%} } @keyframes diagonal-path { 0%{background-position:0% 0%} 100%{background-position:100% 100%} }
</style>
Lead by Example