No description
Find a file
2024-11-17 19:15:50 +00:00
.gitea chore: Add template for pull requests 2024-11-17 11:57:37 +01:00
css Merge remote-tracking branch 'origin/main' into mobile-optimization 2024-11-17 14:33:19 +01:00
fonts fix: Remove accidentally pushed font 2024-11-17 11:44:47 +01:00
img Fancy cyber background added 2024-11-16 00:00:01 +00:00
js Edit redLineColor 2024-11-17 19:15:50 +00:00
.gitignore chore: Add .gitignore 2024-11-17 11:52:59 +01:00
index.html refactor: Reduce code duplication by using the section element for general styling 2024-11-17 08:26:36 +01:00
LICENSE Added Files 2024-11-14 22:08:00 +00:00
README.md Add installation instructions and acknowledge contributors in README.md 2024-11-17 15:29:20 +00:00

Cyber Circle Creator Logo

Cyber Circle Creator

Yo choom!

Welcome to the preem Cyber Circle Creator, an advanced visualization tool with a cyberpunk twist that I have forked from AMNatty/Mastodon-Circles and enhanced.

This tool allows you to explore and visualize your Fediverse connections through an interactive diagram.

Overview

Cyber Circle Creator transforms the way you perceive your Fediverse connections into an immersive, cyber-futuristic visualization. Simply input your Fediverse handle, and watch your network unfold dynamically.

This project is built upon enhancements from AMNatty/Mastodon-Circles, andigandhi/Mastodon-Circles, and contributions from noellabo including Fedibird support.

Features

  • Network Visualization: Enter your Mastodon or other Fediverse handle to generate a visual representation of your network.
  • Cyberpunk Aesthetics: Experience sophisticated designs with dynamic lines and sci-fi-inspired backgrounds.
  • Easy Sharing: Easily share your network visual by creating a unique link with your handle.

Getting Started

To get started with Cyber Circle Creator, visit Cyber Circle Creator and input your Fediverse handle. For direct access, append your handle to the URL in this format: https://ccc.cyber.to/?@username@instance.tld.

Installation Guide

For those who wish to host Cyber Circle Creator on their own net, follow these steps:

  1. Download the Project
  • Clone the repository via Git:
git clone https://git.cyberwa.re/revengeday/cyber-circle-creator.git  
  1. Upload Files
  • Once downloaded, upload the contents of the project to your preferred webspace.
  • Make sure your hosting service supports basic HTML/CSS/JavaScript execution.
  1. Access The Tool
  • Navigate to the uploaded directory's index.html file in your browser to access Cyber Circle Creator.

Customization Options

Tailor the tool to your liking with various customization features available. Adjust line colors, avatar sizes, and more via the config object in js/image.js.

Quick customization pointers:

  • logoSrc: Define the path to your projects logo image.
  • backgroundColor: Set the canvas's background color.
  • lineColor: Customize the color of the connection lines.
  • And More: Explore further options to enhance your personalized experience.

Need Assistance?

For additional information or support, please visit the FAQ section on the project site or connect with me on the Fediverse at corteximplant.com/@revengeday.

Acknowledgments

A big thank you to all contributors who have helped shape the Cyber Circle Creator. You can find the list of contributors here.

Contributions Welcome!

Contributions are highly encouraged! Feel free to fork the repository and propose changes. Your insights and improvements are invaluable to the growth of Cyber Circle Creator.