Web Development Tools Center

🔴 LIVE

🏠 CoderTricks Guide

  • Color Picker: Browse and copy Crayola color codes for web development
  • Quick Access: Jump to any tool using the navigation cards
  • Development Tools: Access various web development utilities
  • User-Friendly: Copy CSS codes with one-click functionality

WWSH 97.7 FM Washing Vero with the Word

Now Playing: Loading...

🔊

Color Picker

Browse Crayola colors and copy CSS codes

Development Tool

Fill Shows

Assign audio files to time slots

Content Management

Radio Page

Public radio player and info

External Link

LibreTime Admin

Full LibreTime interface

External Link

CSS Color Picker

🎨 Color Picker Guide

  • Purpose: Browse and copy CSS color codes and names
  • Format: Each color shows its CSS name and HEX code
  • Copy: Click any color to copy its HEX code to clipboard
  • Search: Filter colors by name or hex value
  • Categories: Colors organized by shade and family
Showing 0 colors

Upload a color chart image to populate the color picker

The image should contain colors with their names and hex codes

Fill Shows with Audio

🎵 Fill Shows Guide

  • Purpose: Assign audio files to scheduled show time slots
  • Search: Enter show acronym (e.g., "ADW" for "A Daily Walk")
  • Time Limit: Each slot has 30 minutes - track remaining time in minutes:seconds (seconds)
  • File Types: Main show files + auxiliary content (legal, image, praise, godbombs)
  • Workflow: Select slot → Add main files → Add auxiliary files → Save
🎨 Time Slot Color Coding:
  • 🟩 Green: Fully filled (100% or overfilled) - Ready to broadcast
  • 🟥 Pastel Pink/Red: Partially filled - Needs attention to complete
  • Gray: Empty slot - No files assigned yet
  • 🟦 Blue: Currently selected slot you're working on
🔍 Auxiliary Files Search Feature:
  • Searchable Dropdowns: Each auxiliary category has a search field above the dropdown
  • How to Use: Type part of the file name or artist in the search box to filter results
  • Example: In Legal files, type "FCC" to find all FCC-related announcements
  • Custom Genres: Use the "Search Other Genres" section for categories not in the main dropdowns
  • File Count: Each search box shows total available files (e.g., "Search legal files (47 total)...")

Time Slots

🔍 Enter a show acronym above to see available time slots

Example: Type "ADW" to see all "A Daily Walk" time slots

Audio Library

🎵 Enter a show acronym to see matching audio files

Files matching your search will appear here

Audio File Library

Loading... files | Loading... total

📁 Audio Library Guide

  • Purpose: Browse and search all available audio files
  • Search: By title, artist, genre, album, or description
  • Filters: Narrow results by genre, artist, format, duration, or file size
  • Sorting: Organize by upload time, title, artist, duration, or size
  • Views: Toggle between detailed and compact display modes
No search performed
Click Search to browse audio files

Radio Show Schedules

🎵 Show Schedules Guide

  • Purpose: View weekday and weekend programming schedules
  • Display: Shows organized by time slots with program names and teachers
  • Updates: Schedules refresh automatically from current data
  • Printing: Use "Print Schedules" button for physical copies
  • Format: Times shown in 12-hour format (AM/PM)

📅 Weekday Schedule

Monday through Friday Programming
Time Program Teacher Time Program Teacher
🔄 Loading weekday schedule...

🎵 Weekend Schedule

Saturday and Sunday Programming
Time Program Teacher Time Program Teacher
🔄 Loading weekend schedule...

📋 Schedule Information

🕐
Time Format:
All times shown in 12-hour format (AM/PM)
📻
Program Names:
Show titles as scheduled in LibreTime
👨‍🏫
Teachers:
Program hosts and teachers
🔄
Live Updates:
Schedule updates automatically from current data

Settings

Settings will be loaded here...