rtivital / omatsuri

PWA with 12 open source frontend focused tools

Omatsuri app

Omatsuri is a progressive web application with 12 open source frontend focused tools. Omatsuri translates to «festival» from Japanese (お祭り) and here we have a small festival of applications. It was built with strong respect to your privacy – you will never see ads and it does not include analytics services (or actually any services at all). You are highly encouraged to explore source code and use it in your projects.

Quick links

• Contributing
• Changelog

Key features

• Fast non-blocking computations with web workers
• No tracking, no ads, no other server connections – everything runs in browser only
• Full offline support
• Dark theme support
• All-in-one application for everyday tasks

Included Applications

• CSS Triangle Generator
• Color Shades Generator
• Gradient Generator
• Page Dividers Generator
• SVG compressor
• SVG to JSX converter
• Base64 encoder
• Realistic Fake Data Generator
• HTML/CSS Symbols Collection
• Lorem/Samuel/Poke Ipsum Generator
• CSS Cursor Properties
• JavaScript Events Keycodes

Local development

To get started with application locally use these commands:

# Install dependencies
yarn

# Start application, browser will open automatically
npm start

omatsuri's Issues

Use of Objectionable Language in OMASTSURI LOREM IPSUM

The option tab "Samuel Ipsum" generates racist language and profanity. Please correct this.

Accessible on iOS devices

I've tried to open https://omatsuri.app/, https://omatsuri.app/html-symbols, etc. on iOS (v13) browsers (e.g. Safari, Firefox, Microsoft Edge, iCab) but the page displays nothing. I tried saving the link to my Home Screen. The link opens to a blank screen.

Thank you,

White screens of death

Hi! I checked a couple of pages with FF and they are blank. Various console errors appear.

24 Hour Screen Time on iPhone

I accessed omatsuri.app via the Duckduckgo browser app. I was only there a couple of minutes to look around. Then closed the tab completely

I found out today that the website is constantly being logged on iPhone screen time as being used 24/7. Is there a reason for this?

Keyboard events not updated correctly with AZERTY keyboard

Hello, using the "Keyboard events code" app, event.code doesn't return the correct response with an AZERTY keyboard.
For example, pressing letter 'A' return event.code 'keyQ' instead of 'keyA'. Same when pressing 'Z' and so on.
However event.key return the correct key.
Thank you

Browser title tab doesn't revert

Hi - great tools!

When I open the home page the browser title reads Omatsuri, and when I switch to one of the tools, the browser title changes accordingly. But when I go back to the home page the browser title remains the same as the most-recent tool, which can be confusing for anyone wishing to bookmark, etc.

New Tool request: base64 to file

Currently there is file -> base64.
Can we it have also the other way around?
base64 -> file?

Just like this converter here

white screen on safari

I tried opening the site on safari (macOS Catalina v 10.15.4 | Safari v 13.1) and it was just a blank white page. When I refreshed, I would see a flicker of the page, but then the white screen again.

When I open it on Firefox it works perfectly fine. There seems to be a few errors in the console on Safari but not sure if any of them are related to page load or not.

The first screenshot here is firefox, the second is safari, the third is the console in firefox. Since this is the first time I've visited the app I wouldn't imagine something like caching would cause the issue but I emptied the safari cache just to be sure.

yarn/npm

Hi, first really nice code structure and design.

One question about contributing section:

# Install dependencies
yarn

# Start application, browser will open automatically
npm start

Install with yarn and run with npm ? :) I guess run and install with npm/yarn but sticking to only one tool. Or even following package structure it should be yarn because of yarn.lock file, right? :D

Can't query the avatars' images from the fake data generator

For example with:
https://s3.amazonaws.com/uifaces/faces/twitter/ma_tiax/128.jpg

This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error>
<Code>PermanentRedirect</Code>
<Message>The bucket you are attempting to access must be addressed using the specified endpoint. Please send all future requests to this endpoint.</Message>
<Endpoint>uifaces.s3.amazonaws.com</Endpoint>
<Bucket>uifaces</Bucket>
<RequestId>CPM90263SN3BASQH</RequestId>
<HostId>aLOAHCr+MK+DTrY1zIphmYed9wM+hY+3nIP8rW+picZIf1wFU0yfSQMMVZv8wqK/LIg1raL9GFw=</HostId>
</Error>

I also tried the error suggested endpoint: https://uifaces.s3.amazonaws.com/uifaces/faces/twitter/ma_tiax/128.jpg

Thanks for the great tool

CSS Cursors - Dran'n'Drop Category Title

Unless I'm missing something, I think should be Drag & Drop? Sorry If I'm a noob.