Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dashroshan/visits-counter
🔢 Customizable SVG visits counter badge
https://github.com/dashroshan/visits-counter
github-profile-badges hacktoberfest readme-stats views-count visits-counter
Last synced: 2 months ago
JSON representation
🔢 Customizable SVG visits counter badge
- Host: GitHub
- URL: https://github.com/dashroshan/visits-counter
- Owner: dashroshan
- Created: 2022-07-21T19:15:54.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-06-02T14:14:13.000Z (over 1 year ago)
- Last Synced: 2024-10-10T22:34:51.601Z (3 months ago)
- Topics: github-profile-badges, hacktoberfest, readme-stats, views-count, visits-counter
- Language: JavaScript
- Homepage: https://visits.dashroshan.com
- Size: 393 KB
- Stars: 5
- Watchers: 1
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Visits Counter
Customizable **SVG Visits Counter Badge** for github markdown files and sites. **[Visit the site](https://visits.dashroshan.com)** to get your own.
## Demo
## Customizations
- Text on label
- Label background color
- Visits count background color
- Label text color
- Visits count text color
- Text shadow opacity and toggle
- Label and visits count positions
## Available Query Parameters
| **Parameter** | **Values** | **Customization** |
|---------------|---------------|------------------------------------------------------------------------------|
| shadow | 1 or 0 | Turns the text shadow for the label and visits count on and off respectively |
| shadowOpacity | 0 to 100 | Opacity percentage of the text shadow |
| swap | 1 or 0 | Swaps the position of label and visits count |
| labelBGColor | Hex color code | Changes the background color of label |
| countBGColor | Hex color code | Changes the background color of visits count |
| labelTextColor | Hex color code | Changes the text color of label |
| countTextColor | Hex color code | Changes the text color of visits count |
| label | Any text | Changes the label text |
## Example
```
```
## Contributing
Project contributors
###
| | **Contribution**|
| --- | --- |
| [Alex K](https://github.com/Leetcore) | Fixed a bug in the package.json scripts |
| [Derzan Chiang](https://github.com/MiTo0o) | Added support for label and visits count swap |
| [MiTo0o](https://github.com/Misterr-H) | Documented the query parameters |
| [Nishanth](https://github.com/Nishanth-thunder) | Created the code of conduct |
| [Isuru Maldeniya](https://github.com/isurumaldeniya) | Made the shadow opacity customizable |
Wish to contribute? **[Check this out](CONTRIBUTING.md)**