No description
Find a file
Marco Kaiser 6128fbacd6
feat: The radio group is now actually usable on mobile
- The labels aren't cut off anymore
- Instead of trying to fit four buttons next to each other they're now one each line when not enough room is there
2024-11-17 08:15:18 +01:00
css feat: The radio group is now actually usable on mobile 2024-11-17 08:15:18 +01:00
fonts feat: Add dynamic spacing variables 2024-11-17 08:13:34 +01:00
img Fancy cyber background added 2024-11-16 00:00:01 +00:00
js Add conditional User-Agent header to API requests 2024-11-16 19:45:16 +00:00
index.html Added FAQ entry for opting out of Cyber Circle Creator 2024-11-16 21:11:36 +00:00
LICENSE Added Files 2024-11-14 22:08:00 +00:00
README.md Added README.md 2024-11-14 22:07:23 +00:00

Cyber Circle Creator

Yo choom! I'm excited to introduce you to Cyber Circle Creator, a preem tool that I forked and enhanced. It allows you to explore your Fediverse circle with a cyberpunk twist!

What's It About?

Cyber Circle Creator lets you visualize your Fediverse connections in a dynamic, cyber-futuristic way. Just pop in your Fediverse handle, and watch your network come to life in an interactive diagram.

This tool builds upon AMNatty/Mastodon-Circles and andigandhi/Mastodon-Circles, with some enhancements from noellabo including Fedibird support.

What Can You Do With It?

  • Visualize Your Network: Enter your Mastodon or another Fediverse handle to see a graphical display of your connections.
  • Cyberpunk Style: Enjoy visuals with dynamic lines and intricate, sci-fi-inspired backgrounds.
  • Instant Sharing: Create a link with your handle to easily share your unique circle with others.

Getting Started

It's super easy to get started! Just head over to Cyber Circle Creator and enter your Fediverse handle. For quick access next time, modify the URL directly by appending your handle like so: https://ccc.cyber.to/?@username@instance.tld.

Customization Options

Make it your own with customization features! You can tweak line colors, avatar sizes, and add cool background patterns. Customization is available via the config object in js/image.js.

Here's a quick overview of what you can change:

  • logoSrc: Path to your projects logo image.
  • backgroundColor: Set the background color of your canvas.
  • lineColor: Choose the color of the connection lines.
  • Etc.: There are many more options to play around with if youre up for some customization.

Need Help?

Got questions or need some help? Check out the FAQ section on the project site for more info or contact me in the Fediverse. Fediverse

Contribute!

Interested in contributing? That would be awesome! Feel free to create a fork. Let's see what amazing things you can contribute!