meese-enterprises / karameese.com Goto Github PK

Add a cool custom loading screen similar to the one on Aaron's website.

There could be cool pixel clouds for a sunrise-esque introduction to the site, using some projects like the following:

• https://codepen.io/beauhaus/pen/315327cfbb84e1fca1057d851dec8fde
• https://codepen.io/yuanchuan/pen/f70a1f9435dc90197b253b26b4d69d42
• https://www.google.com/search?q=pixel+clouds+javascript&sxsrf=AOaemvKybeQyjzoVNoONoftenQqkKNXZ2Q:1641933739906&tbm=isch&source=iu&ictx=1&vet=1&fir=el1Wgc5mapGJKM%252CD5HFdnlWtyIFkM%252C_%253BeIjU4LNZS01VfM%252CAOXfSSw49rcEIM%252C_%253BN-R1ftopmroDCM%252CJmsYjcN7XSOhvM%252C_%253Bm7TvzARJFllnaM%252CD5HFdnlWtyIFkM%252C_%253Bf4Nx7y-L7CbMwM%252CAOXfSSw49rcEIM%252C_%253Bex1sB_2Fj3dk6M%252CjA83p7SQqT6nBM%252C_%253BHXIcInHup2PW3M%252CO3e2NHig1hci9M%252C_%253Bpz74_cnB5JdzlM%252CqBDQaw64Wa4ubM%252C_%253BC2Wj7vm2bXs9RM%252CKBEKpf_nnb5B7M%252C_%253BCBkIJdd3QI2WxM%252CKyQz2E6fy1acNM%252C_&usg=AI4_-kRiYGKNGABlnHM8enGcXUCIGfzYZw&sa=X&ved=2ahUKEwjzwb7qx6r1AhXoYt8KHQ1CBaYQ9QF6BAgbEAE#imgrc=N-R1ftopmroDCM
• http://pixelartmaker.com/art/281303a9bbc5eb8
• http://pixelartmaker.com/art/a2cfe63f4ca5f16

We need to decide how to best move forwards with whatever idea we want to implement for the Paint app. The original code for the app can be found here.

IDEA: Show Kara's website mockup in Paint app, then use some other form of art display like the OpenSea NFT Idea to show the rest of her art.

Use either Jenkins or Docker to create a Continuous Integration pipeline to automate builds when commits are pushed to the main repository.

Once this is done I need to port it over to aaronmeese.com

Tasks

• Set up Jenkins on Pi
• Configure build pipeline that establishes the old site and the new site
• Update test status on GitHub commits
• Automate pushes to GitHub repo with a webhook
  • Possible GH thread
  • GitHub plugin that might help

It would be nice to suggest to the user to go fullscreen within the website to have a more seamless experience, but we would need to prompt them to do such in a non-intrusive manner so as not to dissuade them from continuing exploring the site.

Can implement this in the form of a "Help" page that opens exclusively when the website is first opened, allowing for greater flexibility across a variety of screen sizes and browser dimensions. The help page can act as a guide, informing the user what the different application icons are for and how to use F11. This could also be cached so the same user visiting the site more than once gets their saved session back as opposed to a fresh tutorial each time, like the current aOS functionality somewhat has. The difference is this additional functionality will remember open windows and their positioning, etc.

This project accomplishes this somehow, so I should look through their code to see how and replicate it.

Use Medusa, the open source alternative to Shopify, to create a digital storefront for Kara to sell physical goods such as printed artwork, vinyl, wooden blocks, stickers, etc.

This can also be combined with Contentful to do a lot of the heavy lifting, like illustrated in the following links:

• https://docs.medusajs.com/how-to/headless-ecommerce-store-with-gatsby-contentful-medusa/
• https://www.gatsbyjs.com/plugins/gatsby-source-medusa/
• https://github.com/medusajs/medusa/tree/master/packages/gatsby-source-medusa
• https://docs.medusajs.com/how-to/making-your-store-more-powerful-with-contentful/

When the site has been deployed by Jenkins, access to the resources in the audio folder are denied with a 403 error. Jenkins should change the permissions of this folder to allow public access.

An app can currently be lost whenever the user opens the console, because the position is outside of the user's viewport. This behavior is not desired and needs to be replaced with something like how it is in OS.js.

When reducing the browser window by doing something like opening up inspect element, the windows that were on the right of the screen are no longer visible.

There are several avenues of approach for this issue, including:

1. Store window position relative to the right of the browser window
2. Adjust based on the amount of window resize when the event of resize end is triggered

Another point to note is that different browser sizes will need to display different amounts of windows with different positioning, which will require lots of coding by hand.

Kara's desired minimal end result does not require features as advanced as an app store, so this is no longer required.

I love fiddling with the select tool on my Windows desktop and I think it would be fun to add a similar feature to the background on the desktop.

• Get a definite look and plan in mind for the desired end product of this application
• Implement said plan

Capability to zoom in on images like this site

Kara would like to change up the vibe of the site by modifying the background, and the current direction she wants to take it in is Vaporwave.

Ideas

1. Animated sun

• Experiment with the ghost cursor
• Remove the custom cursor and replace with the default cursor

Day Job is a great example of the style of desktop I am looking to replicate.

Kara mentioned wanting to do some form of revamp with the files app.

IDEA: Could link back to the OpenSea NFT Idea and possibly display her artwork NFTs in the file explorer, which can then be opened in the image viewer.

• Unbreak the initial opening of the application

Need a responsive design that translates well over to mobile devices.

I've written more on this idea somewhere else, so I will try to find it and come back to update this issue later.

One cool article I've found about making a 3D animation overview is here, and it uses Three.js to accomplish it.

GPT-3 for AI, how to tie to OS without doing everything manually?

Or maybe just merk Nora and replace it with Clippy.

One other related idea that I had was to use an avatar designed by Kara on my 8bit character design app on Steam as a custom implementation of Clippy, then sell the use of the library complete with a custom character designed by Kara as yet another service.

• Find all the settings that Kara may want to change in the future and add them to one central location to make things easier on future me
• Actually delete the app entirely

• Convert the sticky note application to an accreditation app
• Position application in the upper corner
• Remove the ability for users to edit text
• Give credit to everyone who aided in the creation of this website
• Open app on startup

This one shouldn't be too difficult, but I'm keeping the console around for now in case I need it to help me debug anything.

Need to add all the fancy metadata tags so the site can preview well in applications like Discord.

• Upload playlist of songs picked out by Kara
• Add gradient to audio visualizer
• Automatically shuffle and play a song on application startup
• Create attractive play/pause icons
• Style vertical volume slider
• Make song name and artist scroll with custom CSS animation
• Open app on startup
  • Current problem is described here
• Disable window resizing
• Position on screen
• Test what happens when songs run out
• Easter egg to switch between linear and gradient on vis
• Make the app be shown when first opened

• File manager: Take a peek in here to see what pieces of work I finished and would like to share.
• Help: A handy tool to navigate all of the apps you may come across.
• JS Paint: A retro throwback app intended to show off my most recent creation
• Messaging: Message me directly if you would like to connect! This will send your thoughts, questions, concerns to my email!
• Music Player: If you would like to understand me a little more and have a little entertainment while exploring my website, take a peek at the top 50 songs playlist, hand curated by yours truly.
• View Counter: A nifty little tool I’m using to keep track of the number of friends visiting my site.

• Create mechanism for tracking visitors to the website and storing the number for other visitors
• Decide on a UI to display the visitor count
• Implement the custom UI for a new view counter application
• Disable resize

• Get OpenSea marketplace set up with NFT listings
• Use Kara's custom IE icon to open an iFrame to the OpenSea store, or something similar like the WhiteLabel Marketplace for interactivity
  • Relevant issue for implementation

Can add a neon effect as demonstrated here to some specified text if Kara still wants that. Another good fleshed out example can be found at this CodePen. A neat neon pulsating effect can be found here.

Just keeping this handy on the off-chance that I need it during development.

See #64, I need to create a configuration file for DeepSource to format the code to my liking before re-enabling the transformer.

While I'm at it, I also should upload a prettier configuration file so the code looks how I want it to.

Jenkins currently overwrites the view count file on every deployment, which obviously does not give an accurate count on the site traffic. The site is currently at over 11,000 visitors, so having that reset now would be a big loss.

Obfuscate and minimize codebase to encourage viewing the GItHub repository as well as to speed up loading times for the end user.

Ideas

• Closure
• UglifyJS

I really like the idea of this application, but I need to come back and really toy with it to add some utility so it isn't just another paperweight.

• Design and implement a help app
• Style the app to make it attractive