sitelen-layer-plugin is a tool created for website owners who want to add special layers to their toki pona pages. It adds sitelen pona (toki pona script) and sitelen emoji displays. The plugin can detect if a visitor’s device supports these displays. It also lets visitors switch between different layers on the page easily.
This plugin works mainly in the browser and is built with modern web technologies like JavaScript and TypeScript. It is designed to enhance the look of toki pona sites while keeping the site simple and easy to use.
- Website owners who write in toki pona and want to show sitelen pona characters.
- People who want to add emoji-style overlays related to toki pona.
- Those who want a smooth and automatic way to switch display layers on their pages.
- Anyone looking for a plugin that works well on common browsers and devices without complex setup.
No coding skills are needed to use the plugin once it is set up. You can follow the instructions to add it to your site quickly.
Before installing, make sure you are running Windows with a modern web browser installed (such as Chrome, Firefox, or Edge). You will not need to write code; the process is straightforward.
Visit this page to download the sitelen-layer-plugin:
Click the link above or use the link below:
- After the download finishes, locate the ZIP file in your Downloads folder.
- Right-click the ZIP file and choose “Extract All...” in Windows Explorer.
- Choose a folder where you want to save the extracted files. This folder will contain the plugin files you need.
If you have access to your website’s files, copy the extracted plugin folder to your website directory. This usually happens in one of the following ways:
- Using an FTP program (like FileZilla) to upload files to your web host.
- Using a website manager or control panel to upload files.
- If you use a website builder, see if it can add external files or plugins.
The plugin folder typically includes JavaScript files and some CSS for styles.
After uploading, you will need to link the plugin files to your site so it works:
- Open your website’s main HTML file using a simple text editor like Notepad.
- Find the
<head>section. - Add this line to include the plugin’s CSS file:
<link rel="stylesheet" href="path-to-plugin-folder/sitelen-layer-plugin.css">- Add this line before the closing
</body>tag to include the JavaScript file:
<script src="path-to-plugin-folder/sitelen-layer-plugin.js"></script>Make sure to replace path-to-plugin-folder with the actual folder name where you placed the plugin files.
Open your website in a browser and check if sitelen pona and sitelen emoji display layers appear. You should see an option to switch between layers if your device supports them.
If you do not see the changes, try clearing your browser cache and refreshing the page.
The plugin detects if a visitor’s device can show the sitelen pona script and associated emoji layers. If it can, the plugin shows buttons or controls to switch between the default text and the sitelen layers.
It adds small icons or menus on the webpage, allowing users to toggle what they see without leaving the site. This works automatically on most modern web browsers.
The plugin does this by:
- Reading settings in the webpage’s code.
- Loading web fonts needed to display sitelen pona and emojis.
- Using simple buttons to let users choose their preferred view.
- A Windows computer or similar device to prepare files.
- A modern web browser (Chrome, Firefox, Edge, or Safari recommended).
- An active internet connection to download files.
- A basic way to upload files to your website (FTP access or website manager).
- Your website should allow adding custom JavaScript and CSS files.
The plugin runs entirely in the browser. It does not require any special software or backend changes on your website’s server.
- If the sitelen layers do not show, make sure you linked JavaScript and CSS files correctly in your HTML.
- Clear your browser cache if changes do not appear.
- Check if your browser blocks any scripts or fonts (disable blockers if needed).
- Confirm you placed the plugin files in the right folder visible by your website.
- Test on another browser or device if possible.
To learn more about usage or customization, visit the repository page below. It contains examples, settings, and developer notes if you want to explore further.
Use this page to report issues or ask questions in the repository’s issue tracker if you encounter problems.
This project includes several features related to the following:
- DOM manipulation: Changing the content users see on a page.
- Frontend JavaScript: Running code inside the browser.
- Localization: Adapting content to different languages and symbols.
- Plugins: Adding extra features to existing websites.
- Typography and webfonts: Showing special fonts for sitelen pona script.
- Site plugins: Tools designed for website owners to enhance their pages.
This makes sitelen-layer-plugin a focused utility for toki pona communities and web creators who care about how their text looks.