flat.plainedit.com

Example editor APP with analyzing content and filtering whole filesystem and API to find correct data. the filters helps to find correnct contects with widely streaming.

piping-screen-share Netlify Status Launch now as Web App

Screen Share via Piping Server with End-to-End Encryption

start

TODO:

przenieść moduły do jloads.com jako pojedyncze projekty, kazdy ma własną subdomenę

generowane z organizacji, lista organizacji oraz repozytoriow jest manualnie zmieniana ze względu na bezpieczenstwo to dodatkowa warstwa pomiedzy repozytoriami

dodatkowo separowanie kazdego z osobna:

[package].[username/organisation].jbodys.com

GRID view to show many files

• list / grid view https://www.w3schools.com/howto/howto_js_list_grid_view.asp
• style cards https://www.w3schools.com/howto/howto_css_column_cards.asp

text grid + filter https://www.w3schools.com/howto/howto_js_filter_elements.asp

sort list https://www.w3schools.com/howto/howto_js_sort_list.asp

• text file to SVG
• image grid with no of cols: 1 / 2 / 4
  https://www.w3schools.com/howto/howto_js_image_grid.asp
• portfolio filtering

GRID ITEM

https://www.w3schools.com/howto/howto_css_coupon.asp

LIST without bullets

https://www.w3schools.com/howto/howto_css_list_without_bullets.asp

Messages, alerts

https://www.w3schools.com/howto/howto_js_alert.asp

Newsletter

https://www.w3schools.com/howto/howto_css_newsletter.asp

landing

https://www.w3schools.com/howto/howto_css_zig_zag_layout.asp

social https://www.w3schools.com/howto/howto_css_sticky_social_bar.asp

Contact

https://www.w3schools.com/howto/howto_css_form_icon.asp https://www.w3schools.com/howto/howto_css_contact_form.asp https://www.w3schools.com/howto/howto_css_responsive_form.asp

• foto map https://www.w3schools.com/howto/howto_css_contact_section.asp
• about us https://www.w3schools.com/howto/howto_css_about_page.asp

SignUp

https://www.w3schools.com/howto/howto_css_signup_form.asp https://www.w3schools.com/howto/howto_js_detect_capslock.asp https://www.w3schools.com/howto/howto_js_password_validation.asp https://www.w3schools.com/howto/howto_js_toggle_password.asp

Login

https://www.w3schools.com/howto/howto_css_login_form.asp https://www.w3schools.com/howto/howto_css_inline_form.asp https://www.w3schools.com/howto/howto_css_login_form_navbar.asp https://www.w3schools.com/howto/howto_js_detect_capslock.asp

Social Login

https://www.w3schools.com/howto/howto_css_social_login.asp

Menu

https://www.w3schools.com/howto/howto_css_labels.asp collapse https://www.w3schools.com/howto/howto_js_collapsible.asp

sticky header for menu https://www.w3schools.com/howto/howto_js_sticky_header.asp

active menu, tags https://www.w3schools.com/howto/howto_js_active_element.asp

Footer

https://www.w3schools.com/howto/howto_css_fixed_footer.asp

Editor

• breadcrumbs https://www.w3schools.com/howto/howto_css_breadcrumbs.asp

• menu poszukiwania + edycja po prawej https://www.w3schools.com/howto/howto_js_search_menu.asp

https://www.w3schools.com/howto/howto_js_copy_clipboard.asp https://www.w3schools.com/howto/howto_js_trigger_button_enter.asp https://www.w3schools.com/howto/howto_html_spellcheck_disable.asp https://www.w3schools.com/howto/howto_html_file_upload_button.asp https://www.w3schools.com/howto/howto_js_validation_empty_input.asp https://www.w3schools.com/howto/howto_css_responsive_text.asp https://www.w3schools.com/howto/howto_css_sticky_element.asp

Darko mode https://www.w3schools.com/howto/howto_js_toggle_dark_mode.asp

Syntax https://www.w3schools.com/howto/howto_syntax_highlight.asp

Search

https://www.w3schools.com/howto/howto_css_input_navbar.asp https://www.w3schools.com/howto/howto_css_animated_search.asp https://www.w3schools.com/howto/howto_js_autocomplete.asp

Pricing

https://www.w3schools.com/howto/howto_css_pricing_table.asp

Presentation

contact, autor card https://www.w3schools.com/howto/howto_css_contact_chips.asp https://www.w3schools.com/howto/howto_css_cards.asp https://www.w3schools.com/howto/howto_css_profile_card.asp

scroll indicator https://www.w3schools.com/howto/howto_js_scroll_indicator.asp

video https://www.w3schools.com/howto/howto_css_fullscreen_video.asp

timeline https://www.w3schools.com/howto/howto_css_timeline.asp

progressbar animation https://www.w3schools.com/howto/howto_js_progressbar.asp https://www.w3schools.com/howto/howto_css_loader.asp

ratings https://www.w3schools.com/howto/howto_css_user_rating.asp

skills https://www.w3schools.com/howto/howto_css_skill_bar.asp

calendar https://www.w3schools.com/howto/howto_css_calendar.asp

timer https://www.w3schools.com/howto/howto_js_countdown.asp