Chapter 1 Linkumori Interface Guide - Linkumori/Linkumori-Extension GitHub Wiki

Linkumori Interface Guide

Overview

Linkumori features a clean, intuitive interface with three main sections: Main, Whitelist, and License. Here's a detailed guide to using the extension's interface.

Interface Components

Main Tab View

Main Tab Interface The Main tab shows:

  • Linkumori logo in blue and white
  • Simple On/Off toggle switch
  • Current status of extension
  • Minimalist interface for easy use

Whitelist Tab - Active State

Whitelist Interface with Domains The Whitelist tab includes:

  1. Domain input field at top
  2. "Add" button for new domains
  3. List of whitelisted domains:
    • Example: www.google.com
    • Example: duckduckgo.com
  4. "Remove" button next to each domain

Whitelist Tab - Empty State

Empty Whitelist View When no domains are whitelisted:

  • Shows "No domains in whitelist" message
  • Clean input field ready for first entry
  • Add button remains active

Using the Whitelist

Adding Domains

  1. Select the "Whitelist" tab
  2. Enter domain in the text field
  3. Click blue "Add" button or press Enter

Removing Domains

  1. Find domain in your list
  2. Click red "Remove" button beside it

Domain Format Examples

✅ Correct Usage:

If site is www.example.com:
- Can enter: www.example.com
- Can enter: example.com

If site is example.com:
- Must enter: example.com
  
If site is sub.example.com:
- Must enter: sub.example.com

❌ Incorrect Usage:

If site is example.com:
- Don't enter: www.example.com (won't work)

Interface Features

  • Dark Theme Design: Easy on the eyes with dark blue background
  • Responsive Controls: Buttons provide visual feedback
  • Clear Navigation: Three distinct tabs for different functions
  • Instant Updates: No need to refresh after changes
  • Persistent Settings: Whitelist remains after browser restart

Tips for Daily Use

  1. Double-check domain formats before adding
  2. Use the exact domain you see in your browser
  3. Test whitelisted sites after adding them
  4. Regularly review your whitelist
  5. Remove unused domains to keep list clean

Screenshots Explained

Main Switch

Main Interface

  • On/Off toggle clearly shows extension status
  • Blue indicator when active
  • Simple one-click operation

Whitelist Management

Whitelist Management

  • Easy domain input
  • Clear list view
  • Quick remove option
  • Real-time updates

Empty State Display

Empty State

  • Clean initial state
  • Ready for first domain
  • Clear user guidance

Linkumori Interface Guide - License Tab

License Tab View

License Information Tab

The License tab provides essential information about Linkumori's licensing and usage rights.

Tab Contents

Header Section

  • Title: "License Information"
  • Initial description explaining that Linkumori uses multiple open source licenses
  • Scrollable interface for viewing complete license details

License Overview

The tab shows:

  • User Obligations: "Requested you to scroll to know about your right and obligations if your are using this software"

Key Features

  • Scrollable text area for complete license viewing
  • Clear separation of different license types
  • Detailed file-by-file license attribution
  • User rights and obligations clearly stated

Navigation

  • Located in the rightmost tab
  • Blue highlight when selected
  • Smooth scrolling through license text

Purpose

This tab serves several important functions:

  1. Provides transparency about software licensing
  2. Informs users of their rights and obligations
  3. Lists all license types used in the project
  4. Details which files use which licenses
  5. Maintains open source compliance

Why It's Important

The License tab is crucial for:

  • Legal compliance
  • User awareness
  • Open source attribution
  • Understanding usage rights
  • Knowing redistribution terms