https://github.com/l0bsters/search

l0bster browser startpage (search.l0bster)
https://github.com/l0bsters/search

Last synced: 26 days ago
JSON representation

l0bster browser startpage (search.l0bster)

• Host: GitHub
• URL: https://github.com/l0bsters/search
• Owner: l0bsters
• License: gpl-3.0
• Created: 2020-09-15T04:40:57.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2020-10-30T03:50:36.000Z (about 4 years ago)
• Last Synced: 2024-08-03T16:08:25.227Z (4 months ago)
• Language: HTML
• Size: 99.6 KB
• Stars: 24
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-startpage - search - Search offers you an tangle of nodes for your bookmarks. (Projects / Static)

README

        
# L0bsterSearch

[![License: GPL v3](https://img.shields.io/badge/License-GPLv3-blue.svg)](https://www.gnu.org/licenses/gpl-3.0)

[![HitCount](http://hits.dwyl.io/underd0g1/buddy.svg)](http://hits.dwyl.io/l0bsters/search)

## Description

Responsive D3.js startpage that we kluged together by appending hrefs to nodes of a force directed graph. 

## Usage

Use it as a local startpage or utilize our hosted version. All styles are inline, so you can just run the .html file. Include the .ttf file in the same directory if you want the 8 bit font. 

l0bster added full responsiveness to the page without the search bar. uncomment it out and delete the search bar if you want that. 

> https://search.l0bster.ru

Reference your browser documentation to set it as your startpage. 

## modification

- colors : modify the rgb values in the colors array (group is correlated with node color). 

- links: modify the urls in the nodes object array

- postions: modify the sources and targets to change which node links to which

- gravity: just like real life, its how much force is pushing down the svg 

- charge: the amount of oposing force each node exerts on the other nodes ( like trying to push two north poles of a magnet together)

- linkDistance: the length of the svg lines that link the nodes. 

## misc

Clone it, Fork it, shamelessly copy whatever you want!