GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - code-charity/SATUS: 🌱💧🌾 JS Library. GUI with JS syntax only (Feedback please!) Written for 850 000+ Browser Extension Users. We prepared more in the other repositories (Search, Shortcut builder (hotkeys & mouse actions) (Advanced versions of GUI elements should be added, i.e. 'Big range slider' ~= 'Multi-range Slider)

BranchesTags
Open more actions menu

Latest commit

 

History

87 Commits
87 Commits

Folders and files

NameName
Last commit message
Last commit date
.github
.github
 
 
LICENSE
LICENSE
 
 
new-color-picker.js
new-color-picker.js
 
 
old-color-picker.js
old-color-picker.js
 
 

Repository files navigation

Roadmap

  • Define Concept /mission (We don't want to reinvent wheels).
    (Modularity/compatibility will/would be key.)
  • Advanced GUI
    (Multirange slider, etc. Making use of desk viewports)
  • Real/strong search, probably including 3rd-party JS-lib
    (for indexedDB, for understanding SQL, ...)
  • integrating Victor's work (see below)
  • Data: Handling json2html2csv2... as one. Interchangeable
    (CSV is compact, pretty for structured, permanent data)
    • integrating with github.com/d3 (=charts/data-journalism)
      (+justifying our own charting?)

Satus Logo satus.js & satus.css

  • Productive for many active users
    of ImprovedTube and beyond

  • Please try it & review it!

  • Shared Repo yet for minimalism

  • We lost the original author after several years.

  • Used by some more extensions

    • All of these meant to be source for growing Satus / repurposing part of their code.

/*------------satus.JS---------------------------
>>> 1. CORE
-------------------------------------------------
# GLOBAL VARIABLE:
# BASICS: camelize()   snakelize() 
	  isset()  log()
	  sort()
	  data()    	 
# DOM: append()  
	  setAttributes() 
	  createElement()  
	  empty()
	  elementIndex()  
# CSS: css()
	  addClass() 
	  satus.style()
	  getAnimationDuration()	  
# CRYPTION (async)  
	  encrypt() 
	  decrypt() 	
Events.on()
Events.trigger()
fetch() 
 getProperty()
indexOf()    
 toIndex()
# IS: isArray()
	 isElement()
	 isNumber()
# ON: on()
parentify()
prepend()
properties()
remove()
render()
# STORAGE
storage.clear()
storage.get()
storage.import()
storage.remove()
storage.set()
storage.onchanged = function()
last()
# LOCALIZATION
locale.get()
locale.import = function() 
  //satus.locale.import();
text()
 // We always try to run values as functions? 
  // isFunction()  appears 6 times in satus.js
-------------------------------------------------
>>> 2. COMPONENTS
components.modal()
components.modal.confirm
components.grid
components.textField
		   chart	chart.bar  
		   select
components.divider()	section 
		   alert	time	sidebar 
		   layers
		   list
		   colorPicker
		   radio	slider
		   tabs
		   shortcut
		   checkbox	switch
-------------------------------------------------
>>> COLOR:
String to array
RGB2HSL  HUE2RGB   HSL2RGB
-------------------------------------------------
>>> USER
# HARDWARE and SOFTWARE values
	# OS:      Name	Bitness
	# Browser: Name	Version	Platform
		Manifest	Languages
		Cookies
		Flash	Java	Audio
		Video WebGL
	# Device:   Screen
		RAM	GPU	Cores
		Touch	Connection
-------------------------------------------------
>>> SEARCH
// TO-DO or integrate with JS search 'SQL' lib
-----------------------------------------------*/
/*------------satus.CSS------------
# SCROLLBAR
# ANIMATIONS
>>> THEMES
>>> NORMALIZE
>>> MODAL
# Container
# Scrim
# Surface
# Variants
	# Vertical menu
# CONTAINER
# SCRIM
# SURFACE
# VARIANTS
# VERTICAL MENU
>>> GRID
>>> TEXT FIELD
# Parts
    # Container
    # Input
    # 
# Syntax highlighting
    # Regular expression
# MULTILINE: FALSE
# SYNTAX HIGHLIGHTING
# REGULAR EXPRESSION
>>> CHART
>>> SELECT
>>> DIVIDER
>>> SECTION
# Variants
	# Align start
	# Align end
	# Card
# Media
# ALIGN START
# ALIGN END
# CARD
# MEDIA
>>> BASE
>>> ALERT
# Media
# MEDIA
>>> INPUT
>>> MAIN
>>> SIDEBAR
>>> LAYERS
>>> LIST
>>> COLOR PICKER:
# Button
# Modal
# BUTTON
# MODAL
>>> SPAN
>>> BUTTON
# Base
# Basic
# Icon
# BASE
# BASIC
# ICON
>>> HEADER
>>> RADIO
>>> SLIDER
>>> TABS
>>> SHORTCUT:
# 
>>> CHECKBOX
>>> SWITCH
# Container
# Track
# Thumb
# CONTAINER
# TRACK
# THUMB
>>> CONTEXT MENU
>>> SORTABLE
------------------------------------*/

About

🌱💧🌾 JS Library. GUI with JS syntax only (Feedback please!) Written for 850 000+ Browser Extension Users. We prepared more in the other repositories (Search, Shortcut builder (hotkeys & mouse actions) (Advanced versions of GUI elements should be added, i.e. 'Big range slider' ~= 'Multi-range Slider)

Resources

Readme
Apache-2.0 license
Activity
Custom properties

Stars

34 stars

Watchers

22 watching

Forks

2 forks
Report repository

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.