<h2>Overview</h2>
<p>FOS (Fake Operating System) is a set of web components that allow you to turn your web app into a fake operating system. It provides a fun and creative way to create web apps with an operating system-like interface. FOS includes components such as a desktop, icons, windows, bars, menus, and panels, which can be customized using CSS.</p>
<h2>Features</h2>
<ul>
<li><strong>fos-desktop</strong>: A wrapper for all the icons, bars, and windows. It has a custom attribute <code>iconOffset</code> to offset the start position of the icons.</li>
<li><strong>fos-icon</strong>: An icon component that is draggable by default. It moves on a grid of 8 x 8 pixels. It has a custom attribute <code>fixed</code> to prevent the icon from being dragged.</li>
<li><strong>fos-window</strong>: A window application component where you can write HTML directly inside of it. It can also contain more complex components such as fos-bar, fos-menu, fos-menu-item, and fos-panel. It has a custom attribute <code>title</code> to set the title displayed on top of the window.</li>
<li><strong>fos-bar</strong>: A wrapper for the menu. It can be placed on top or bottom of fos-desktop or fos-window. It has a custom attribute <code>position</code> to set the position of the bar (top or bottom).</li>
<li><strong>fos-menu</strong>: A menu component that is only visible when clicked. It houses fos-menu-item components.</li>
<li><strong>fos-menu-item</strong>: Items of a menu component. It controls a fos-panel.</li>
<li><strong>fos-panel</strong>: A wrapper for your content. You can write your HTML inside of it and call it by clicking on a fos-menu-item. New components can be added later on.</li>
</ul>


<h2>Overview</h2>
<p>The Radial Menu is a highly customizable circular context menu that can be easily set up for a web app. It can be used as a standalone menu or override the default context menu. The menu can be triggered by right-clicking the mouse on a desktop or notebook, or by long-pressing the screen on a smartphone or tablet. The library is currently a work in progress, with ongoing documentation and testing. Users are encouraged to contribute new styles and share them with the public.</p>
<h2>Features</h2>
<ul>
<li><strong>Customizable</strong>: The Radial Menu allows users to customize various aspects such as font, icon size, inner and outer circles, rotation, shadow blur and color, button gap, hover background color, hover text color, and hover action function.</li>
<li><strong>Easy Integration</strong>: Users can easily integrate the Radial Menu into their web app by adding the RadialMenu.js script and creating a new menu.</li>
<li><strong>Default Buttons Included</strong>: The library comes with default buttons as examples, providing users with a starting point to understand how the menu works.</li>
</ul>


Victorqribeiro

Fos

RadialMenu