interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

10 years later #1

Merged
sthag merged 374 commits from development into main 2026-03-07 00:18:59 +01:00
Conversation 0 Commits 374 Files changed 135 +10726 -24
sthag commented 2026-03-07 00:14:59 +01:00
Owner
Copy link

It's about time.

It's about time.
sthag added 374 commits 2026-03-07 00:15:00 +01:00 
Many things to do.
Modules are still on old scheme
Missing body height
This is important to know and remember
Adapted w3c structure for html5 elements
New files for different sections of elements
Indentation now made with tabs
Added optional "above the fold" file
Therefore also added normalize.css
This has to be different in the future
No solution yet
Concept of config and default file does not work.
Needs to be changed
First defaults added
Lets see if that helps
Also removed 3rd party flexbox mixins
Paar grundlegende Klassen umbenannt.
Neue .gitignore
Neuer Standard für Klassennamen _ und __
Renamed many variables
New modules for special elements
Added demo content
Some variables were missing
also tried to define global margin variable
new gulp setup
including new npm packages
new file structure
moved all development files to source/
used files are in build/ now
fixed some browser sync settings
new index file
Testing gulp
- added es6 uglify
- pimped status pages in demo-index
- added first modular hippie file
Development
- reworked nearly all gulp tasks
- added html templating with nunjucks
- replaced some old html files
- started correction of scss and js files according to lint results
- renamed nunjucks extension to njk
- removed old demo html files
- started to change CRLF to LF
- detail work on style definitions
- added structure for demo files
- sorted files to demo folder
- try to focus more on the creation of demo example files
- added possibility to add data into tempaltes via json
- restructured output files
- some work on styles
- restructured input files
- sorted gulpfile and separated old stuff
- next up are node module updates
* moved templates to demo structure
* new sass version
* restructure of some styles for demo
* restructure of all templates and pages
* fixed gulp reloading of pages
* restructured style elements accroding to HTML5.2 doc
* changed basic line-height
* added positional styles
* added demo_module styles
* removed double underscore (__) separators in class names
* more LF CR to LF
* new scss config variables
* some little style changes
- added list for deprecated packages
- removed deprecated node packages
- reactivated gulp vendor task
- work on intro page
- redefined interactive styles
- better variables in config
- sorted many styles for better groups
- started renaming of variables $basic_front_color becomes
$color_front_basic for example
- new demo page examples
- moved config file examples to deprecated file
- changed .gitignore for art folder
- add gulp processing for art
- changed nunjucks templates file structure to reflect demo files
- removed file for new styles
- renamed most sass variables
- added sass function for space classes
- great progress with content of the intro page
- moved old gulp tasks to DEPRECATED.md
- Details der nunjucks Vorlagen korrigiert
- Fehler der <titel> Einbindung in nunjucks Vorlagen behoben
.gitignore for art path wasn't correct
- added favicon
- changes to the gulp sprite module
- changes to gulp linting
- fixed javascript scroll function and added setup function content
- fixed javascript indentation
- new error pages
- changed css for link colors
- fixed css sprites
- updated to 0.4.0
- corrected license for npm
- update to gulp 4
- updated all dependencies
- new and removed packages, see `package.json`
- changed file structure, renamed `pages` to `screen` and new `data` 
folder
- complete change of `gulpfile.js` with similar output
- added json example file
- renamed json template input file
new link block for head section
gulpjs
 * new spritesmith plugin
 * reworked exports
 * new nunjucks-render version fixing dependency issues!

File structure
New naming scheme for nunjucks files. Underscore used for files which 
are imported and not directly displayed.

Nunjucks blocks where renamed and are placed differently.

New macro for navigational elements.
Discrepancy from atom git status
Added checks for index.njk and data.json files to switch from demo file 
usage.
To prevent override of default files.

Updated explanation on demo entry page.
Enabled usage of predeterminded javascript user files. Added 
`variables.js`, `functions.js` and `globals.js` to build queue.
Therefore added option for emtpy single globs.

Changed some sass for better modular usage.
* Update to jquery 3.3.1
 * Removed test json file

New template variable bodyClass. Better block structure to be able to 
better differentiate content in screens.
Moved css link in page head into links block
for better override possibility.
Because of DeprecationWarning.
Buffer() to Buffer.from()
* removed cache and remember from js task
 * renamed js variables
 * reworked js code
 * added logPerf function to page head
* Added babel to get to use ES6
 * restructure for head srcipt
 * general work on javascript files
Removed some stale screens.
* Added babel presets to setup standards
 * set jshint to es6
 * reworked javascript and cerated first two modules
* npm update
* new gulp switch ofr user json
* added node-sass as local dependency
* updated modules
* switched to submodule development branch
* updated submodule
* changed paths to style module
* removed initial style folder which was moved to the submodule
* updated dependencies
* added html validator
* checked html results
* new readme
Fixed problems with base paths.
* removed demo module from basic style
* include submodule changes
* added sprite file to gitignore
* removed linting from dev task
* testing new npm scripts
* Changed sass module to dart-sass
* Fixed missing sass compiler for gulp-sass
- Update to modules
- Added ESLint configuration
- Tried to fix SASS but still no automatic reload
- Gulp not working anymore
(cherry picked from commit cf3fde601e)
- Project links updated in README
- Update to text in README
- Changed CRLF to LF for some files
- Small additions to .gitignore for Sass
- Added new screen for 503 server error
- Corrected classes for 500 screen
Set new version based on all changes since last version change, which was 0.4.2.

Removed obsolete devDependencies, now only using 11ty and sass.

Update to package.json fields

- New sass version
- Update to project links
- Rearranged fields
- New commands for 'scripts' that include changes from branch testing-npm-scripts
- Added field 'private' to prevent publishing by mistake

Added configuration for 11ty to reflect previous behaviour from gulp.

- Moved source/templates/demo/data.json to source/screens/demo.json so it can be used
- Fixed demo template so it can use the data source
- Removed source/data/demo.json which was not used
Still incomplete because the last recorded version is certainly not correct.
- Added description for title attribute
- Fixed typo
- Better structure for example table
New guidelines for contribution. Added information to support the usage of Conventional Commits.
- Add hgroup element to intro
- Correct some spelling
- New todos
- Move files and folders
- Rename pages
- New todos
- new global variable debugMode
- demo templates are now based on hippie defaults joined with template inheritance
- add log macros
- new function logAdd()
- log uses global state
- source/screens is now free for user files
- rename demo templates to their equivalent sources
- add demo maintenance template
- demo templates use html base element
- Add info to basics
- Move table variants from basic to components
- Add songbook to demo
- Add macro for song
- Add style module
- Update submodule
- Rename changed classes
Init example starts like an application with fullscreen steps leading to an idle or menu state.
Each step has specific events to trigger the next step.

- Add index screen to ui
- Add own script
- Update ui style
- Add loader element with progress display
- Add styles for loader, spinner and bar
- Move event listeners for hint to intro step
- Add loadCore function to simulate loader
- Keep alternative progress bar for document loading display
- Add handler functions for event listeners
- Change agreement step to wait for interaction
- Remove listeners after each step
- Add steps object
- Add idle step after agreement
- New content for agreement
- Move brand information to macro
- New step class for common style
Test css grid system for form fields.
- Use common styles
- Move NewDiv class to external script
- Align script for form and drag pages
- Change script source from ui to intro
- Test variants with classes
- Move active scripts parts to index
- Remove old ui script
- Run setup function in global script
- Move common script assets to hippie main template
- Remove unused scrcipt from components page
- Add global variables to app template
- Add flag colors to global variables
- Change var declaration
- New idle object
- New handlers for idle state
- Idle uses global colors
- Add mouse over style to idle
- Set pointer events style from js
- Reindent ui index
- Prevent text selection for agreement step
- Extend mouse out time
- Hint toast is now part of intro step
- Agreement step can now be solved with keyboard
- Remove more event listeners when step is solved
- Use vanilla instead of jQuery
- Remove super script
- Remove event for dither variant
- Reindent
- Move function to hippie functions
- Use vanilla instead of jQuery
- Add examples to introduction page
- Reindent
- Update html spec in components page
- Add form components
- Add JS for components which is not globally available
- Move body navigation to main template
- Reformat main template
- Rename footer macro
- Remove unnecessary div in components page
- Rename file comments
- New footer macros
- New header macro
- Use macros in partials
- New elements in sections part
- Reindent
- Update hippie styles
- Add demo images
- New components content
- New layout structure and content
- New index page for ui collection
- Move intro to examples and rename
- Update hippie styles
- Move top element for new page to header macro
- Reassign ui and example collections
- Use bound io class
- Remove over specified styles
- Add dependency to bootstrap icons
- Add example content
- Restructure layout
- Now more usage of base hippie styles
- Move files
- Remove demo folder for art
- Remove unused files
- Add placeholders
- Move flag to placeholder
- Replace content with placeholders
- Change to hippie styles
- Remove unused styles and components
- Change colors for ui pages
- Add node package for bootstrap icons
- New eleventy config addPassthroughCopy for package files
- Change link to local resource
- Change all node dependencies to production
- Remove old v7.0.0 vendor file
- Add node package for normalize css
- Still not in use
- New styles
- New content
- Template app is now part of hippie and not demo anymore
- Update includes
- Settings module is now called frame
- New frame examples
- Move first parts to macros
- Frame elements now can be closed
- Event is added in template
- Action leads back in history
- New styles and strcture
- Add event listeners
- Add function to resize prompt according to input
- Append prompts to history element
- Remove header from cli
- Add body_cli class
- Remove unnecessary frame element
- All frame pages use app frame template
- Add form page to frames and add header
- Add parameter to NewDiv class
- Add instance with content to drag page
- Drag page now also uses frame template
- Use macro for footer in explorer
- Add .idea directory
- Remove duplicates
Single format defined for all file types.
- Update styles
- Update layouts screen and rearrange other examples
Change indentation for CSS and SCSS to 2 instead of the default which is 4.
- Add .body_intro to intro screen
- Change mouse over identifier
- Introduce HippieFade as global function
- Replace #js_mob with HippieFade
- Remove old partial
- Move page title to template
- Remove redundant title blocks
- Base frame pages on correct template
- Base ui index on default template
Sass deprecations removed.
- Recreate io macros as liquid partials
- Add app template based on default
- Drag screen uses app.liquid layout instead of _app_frame.njk
- Add jquery version 3.7.1
- Remove external script resource from app template
- Add eleventy passthrough to build/vendor
- Add windows screen
- Add windows.js
- Different variants of classes for drag and edge snap behaviour
- Rename js files to better distinguish usage
- Placeholder is centered to mouse cursor
- Placeholder is positioned on mouse down not only on move
- Only use left mouse button
- Handle element and placeholder together
- Convert to liquid
- Add old ongoing function for now
- Add macros as partials
- Rename data source to better reflect usage
- Update app.js to fulfill jshint
- Add app.js to windows screen
- Add time display to task bar
- Add new TimeDisplay class to app.js
- Add play and pause buttons as example
- Fix event handlers of task bar according to bubbling and propagation
- Add date display to task bar
- Add new DateDisplay class to app.js
- Update TimeDisplay to be like DateDisplay
- Combine app.js and functions.js
- Rename functions.js to app.js
- Rename variables.js to globals.js
- Remove global.js and add setup call to screen template
- Use local jquery in old templates
- Date format can now be changed dynamically
- Date element is now created in task bar class
- Class can accept options, currently only for date
- Date format is changed according to position
- Changed dom structure for clock
- Refactor setPosition method to be more flexible
- Changed flex style for task bar items to inherit the direction
- formatDate now distinguishes direction
- Update task bar options with hierarchy
- Add direction to options
- Rename setPosition to setOptions
- DragAdv is now HippieTaskBar
- Remove previous version
- Move unused stuff
- Replace Clock with TimeDisplay
- Add content
- Reflect style from task bar
- Move edge detection to global function
- Change placeholder style during mouse move
- Create global centerElementUnderCursor for centering
- Change order of actions for mouse move
- Create global setAttributesAccordingToPosition
- Change style of placeholder to show snap side
Foundation to move all global JavaScript to the new repo.
- Update to new version
- Move brand from hippie to HIPPIE
- Add hippie-script to all remaining templates
- maintenance.njk is now a single status.liquid
- All status screens use liquid
- Simplify structure
- _default.njk is now a single full.liquid
- Simplify structure
- Add log partials as liquid
- Add title to full template
- Remove unnecessary title from screens
- Change CRLF to LF
- Rename existing ui start screen to tile
- Add start screen
- Search input for DuckDuckGo
- Unfinished portal content
- New screen for a ring clock
- Add a canvas with the first ring
- No functionality yet
- Change how the arc is drawn
- Update the ring according to seconds
Add rings for minutes and hours.
Add switch for 12/24-hour format.
Add function to change start of week.
- Add day of month
- Clock uses maximum canvas size
Display full circle when seconds or minutes turn to 0.
- Change submodule hippie-style to development branch by default
- Change hippie-script dependency to https instead of git, because of an error with npm install
- Audit dependencies with npm audit fix
Optimize HippieTaskBar by removing cases that cannot happen.
- Add position to options
- New function for edge detection according to mouse position
- set and use options.position
- Remove comments from jshint
- Replace " with '
- Replace var with const
Remove unused options and environments.
- Move randomIntFrom() to app.js
- Add global entry to jshint configuration
- Add table screen to ui examples
- Display table with placeholder content
- Add global function replaceLineBreaks()
- Add global function randomFloatFrom()
- Move getRandomColor() to app
- More columns with placeholder content
- Special styles for textarea and td
- New style for io module
- Explorer screen uses app.liquid layout instead of _app_frame.njk
- Rename to just Explorer
- Better structure for TODOs
- Add information about JavaScript to README
- Add getRandomFormattedString(), toggleColumn() and convertToRomanNumeral() to app
- Update hippie styles
- Add button to toggle index column
- Add select group to autofill numbering
- Add active state for rows
- Add addition of rows
- Add liquid template page
- Basics screen now uses liquid
- Correct script block in templates
- Add parameters to meta and log partials
- Add liquid partials for page and placeholder content
- Replace ui index with liquid
- Add simple template inheriting from default
- Move SCSS module
- Change template to simple
- Remove unnecessary super blocks
- Use simple templates
- Remove pageBase variable from templates
- Nunjucks to liquid
- Rename partials
- Add footer partial
- Fix typos
- Format
- Rework shift and capslock detection
- New npm scripts
- New folder for deployment content
- Currently using a fixed --pathprefix option with hippie as value
- Add deploy to gitignore
- New templates for rows with different content
- Rows can now be repositioned
- Change of rows now causes a reindex
- Change nunjucks to liquid for layouts screen
- Add shortcodes for placeholders to eleventy
- Remove pageBase global from all liquid templates
- Change " to ' for all liquid tags
- Add demo tasks
- Remove clock task
- Add background canvas
- Add marker
- Add sections
- Add ring for day of year
- New sections
- Move button
- Center clock
- Add toggle button for sections
- Add function to draw background
- Clock is now centered in window
- Clock is resized according to window
- Update resizeClock()
- Change background of groups
Adapt everything to a class based prototype.

- Functionality of clock still missing
- Original version is hidden
- Size now is dynamic
- Parts can be added
- Add update possibility
- Ring now has start and angle
- Date functions added to class
- Add all rings
- Add 24/12 hour switch
- Options can now be updated
- Add max to updateShape()
- Change attributes for addRing()
- Add sections
- Sections now use ring max value
- Screen now uses template script
- Use mapping for section stroke
- Add calculation for days in year
- Combine calculations for getTime()
Changes to what goes where.
- Make some methods private
- Add wrap element to parts
- Change color of sections
- Fix resize by changing styles of wrap element
- Add method to create overlay element
- Use DateDisplay and TimeDisplay classes
- Add button to toggle display
- Update style for header
- Add methods to handle shapes
- Update package.json with type
- Change eleventy config to use import and export
- Add comments for jshint and inspection
- Restructure options with defaults
- Separate date and values of geTime()
- Use this.values inside class
- Add debug console output
- Add handler to updateOptions()
sthag self-assigned this 2026-03-07 00:15:16 +01:00
sthag merged commit a5bbb17ef0 into main 2026-03-07 00:18:59 +01:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
sthag
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: interaktionsweise/hippie#1
No description provided.
Delete branch "development"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?