Web Apps? Well yeah.. But nothing to fancy yet.

So you say web apps huh. Well that's kind of BS. Whew. I should have wrote app because not everything here has to do with the web. Just the neatest and bestest. Or if we're being real here you just cant show that stuff without video.

I'm going to drop the vale here and give you a peak behind the curtain. I'm lazy. I hate repetitive tasks! It's not that I don't like to work. I work allot. Well I code allot. So I learned to automate as much as possible. In my web life as well as my personal computing experience.

So I guess I should talk about app's. Well the example photo I used that off to the left there. That's kind of what I'm talking about. Or a kind of a thing I'm talking about.

The weather app uses your IP location data to get your weather. I don't do anything with your location data like allot of people out there but I wanted to see my weather when I visited my website so I fired up photoshop and made some weather graphics.

Then I decided on some sort of weather API. I settled on weatherstack.com. Free for limited query's. Just what I needed as I'm the only one that comes here so, neener neener!

Any way you get the idea. I'd like to be integrating some of these apps with a django front end and that's the trajectory. At least for two of these apps. Here are a set of examples below.

mkH5videos and mkGallery. A set of Python 3.7+ scripts.

Here are my latest and greatest web based projects. They share allot in common. They both create and maintain their contents through maintaining a json file. Everything then built based on the sizes the user pass; size location etc...

Both the gallery and video player share the same concept goals. To have a single python file that can build and maintain all the components the respective image gallery or video player needs. The html, javascript, json, css, images and videos. Oh and maybe a bit of php.

All the button image svg's are drawn using javascript. So there is no need in moving extra image files around with your extensive list of files that I listed earlier.

I also built in a relative directory variable to aid in connecting your json file and application call when there in different places.

mkGallerys and mkH5videos are in development. Hell I just started the gallery program three weeks ago from today (03/17/2021). The video mkH5videos has been around since 2017 but was recently rewritten in python 3.7. It has been steadily evolving to what you see today.

I think I mentioned that they were both in different stages of development; but both the mkH5videos and mkGallery's code can be found on bitbucket. Still thinking about licensing, i'm bad at that legal thing.

mkH5videos html5 video player builder code can be seen here

mkGallery imgae gallery builder code can be seen here

Below is where the python file for the mkGallery gallery builder script is at currently. A snapshot in time to March 17 2021. Not much in the way of comments and the doc-strings are in limbo but the gallery images builder and json updater are fully functional. Most of the gallery is in working order. All except the full screen button handler's and events. It's really starting to come together!

I felt that this python 3.7 code should represent well my understanding of python fundamentals like file operations data storage. Simple yes. Powerful I have become!

                                            
                                                
Fan-art time. The iconic Imperial crest dipped in blood.

Ever since I did this in Photoshop I thought about animating it. It started as I just wanted to add a little blood to the imperial crest for my linux user's avatar. Then I went in to Adobe Illustrator and did a live trace. I suck at drawing SVG's but AI has you covered.

Once I had the it done in Illustrator I went to inkscape and saved it as a tiny svg. From there the svg is about as simple as you can get it. Just xml. So I started parsing out the svg in javascript. Just G's and path's.

With the paths all coded up I started manipulating the color sequence and time interval to 60 seconds. Well random intervals of up to 60 seconds between color changes. The color can stay the same for a different random 0 - 60 second interval.

Next thing you know your doing skooma staring at entrancing colors. Dont do skooma kids!

Clicking on the imperial crest will cycle through static image, bleeding and skooma. Both the bleeding and skooma are CPU incentive. Well I don't think browsers are really designed to update 3 different color sets constantly. You can really notice if you pick Rainbow in the background changer and watch the image slider animation play on the image gallery tom the page Digital Darkroom. Rainbow is using the same function to change the background image as the imperial crest.

The code is pretty simple once you get passed the crazy math string that is a svg path. Give it a look see. One caveat of building these SVG's is that the wc3 website only offers a http version. Other that that they are a great way to eliminate those pesky loose image files for your web app's. Plus they are so damn cool.

                                            
                                                
A thing I did about color relationships.

This is actually what happened to the data I scraped from my first web scraping project. I've allays liked colors and their relationships so I scraped a color website and basically tried to put together basically their website in a box. I really want to give it to them but it's slightly unfinished. I also don't know if it's particularly useful to anyone besides me. And as for me it's just a look what I can do.

It was a fun project learning Python's BS4. Learned allot about how to parse HTML, LXML. Urllib2 of course for making requests and handling responses with cookieJar for sessions. But this javascript application to the left and the code beneath is more relevant to what I want to show off.

It's an example of small in size but not on info OOP JS application. I like to make json objects in different ways. Reading a directory or a set of directories. Maybe building image files and thumbnails along the way.

Building simple apps like this or complex applications like my image gallery or video player applications poses unique problems.

I guess that describes all coding and why i enjoy it so much. I constantly evolving jigsaw puzzle. like in this project I need to know if a color was dark or light. That way I could adjust what accent colors to use on mouse over and text color. If you don't use colors that contrast you cant read the text. It's not perfect because at some point there will be a little overlap or ambiguity in light dark threshold.