JONNY7KOMMAKLAR · How-to guide

SITE
GUIDE

Everything you need for spot maps, contributions, crews and Spot Games – from your first click to moderation.

01—08
01Choose a city02Open Spot Games03Open your crew

00 / Contents

Contents

Every chapter and subsection can be opened or closed independently.

01
Chapter 1

Getting started

Go from the homepage to the right map in seconds.

1.1

Website and language

The homepage brings every part of the website together.

  1. 01Switch between DE and EN at any time.
  2. 02Skatemap opens the city selection, Spot Games contains all games and Your Crew opens the private crew area.
  3. 03Use the account button on the homepage or in a game to sign in.
1.2

Choose a city or area

Each map has its own spots and starting view.

  1. 01Choose a city or area on /skatemap.
  2. 02Guesser is the international pool used by Spot Games.
  3. 03Use the home icon in a map and confirm to return to city selection.
1.3

Mobile and desktop controls

The map always fills the screen while tools float above it.

  1. 01Pipette at the top left: open the filter-only panel.
  2. 02Gallery icon: browse large spot images in a full-screen list.
  3. 03Desktop panels float above the map; mobile actions sit in the bottom bar.
  4. 04Add Spot remains available as a separate map button.
02
Chapter 2

Explore the map

Pins, previews, gallery, filters and your live location.

2.1

Move, zoom and open spots

Drag the map and zoom with gestures or your mouse wheel.

  1. 01One tap on a pin opens the preview immediately.
  2. 02The preview shows cover image, name, discipline or category, spot type and distance.
  3. 03Expand opens every detail and the full image gallery.
  4. 04The pin icon opens the coordinates in Google Maps.
2.2

Search, sorting and filters

Open the filter panel using the pipette.

  1. 01Toggle categories individually: Street, Skatepark, DIY, WC, Drinking Water, Games and View.
  2. 02Extra filters include spot types, covered and lit.
  3. 03All turns every option on or off together.
  4. 04Filtered pins can be hidden or faded, depending on your settings.
2.3

Gallery

The gallery puts photography ahead of map pins.

  1. 01Each spot uses one large cover image per row.
  2. 02Filter and sorting mirror the map; distance sorting appears when location is active.
  3. 03Select an image to return to the map with that spot preview open.
  4. 04Filters, sorting and scroll position are remembered; the arrow returns to the top.
2.4

My Location

The location switch shows your position and continuously updates distances.

  1. 01Location ON starts device tracking and refreshes your position automatically.
  2. 02With location active, preview and gallery show the distance to a spot.
  3. 03Location permission is used by your browser for the map and can be switched OFF at any time.
2.5

Understand pins and categories

Colors and symbols make the map easier to scan.

  1. 01Street spots use your accent color; skateparks are red.
  2. 02WC is blue, Drinking Water light blue, Games orange and View yellow.
  3. 03Settings lets you choose a spot number, skateboard symbol or tiny dots.
  4. 04Marker size and accent color can also be adjusted.
03
Chapter 3

Account and login

Register, stay signed in and manage your details.

3.1

Register

A free account unlocks contributions and crews.

  1. 01Open Account or Login and choose Register.
  2. 02Enter a username, email address and password with at least eight characters.
  3. 03Confirm your email using the link we send you.
  4. 04Your session remains active through reloads and city changes.
3.2

Login and forgotten password

Sign in from any account button.

  1. 01Forgot password sends a secure reset link to your email.
  2. 02The link returns to the website where you can choose a new password.
  3. 03You can change your password again later from Account.
3.3

Account and role

Account shows your username, email, role and active crews.

  1. 01Members can suggest spots and changes.
  2. 02Moderators edit content for their cities and review requests.
  3. 03Admins manage all cities, roles, requests and spots.
  4. 04You can permanently delete your account; published contributions remain anonymously available.
04
Chapter 4

Contribute spots

Submit new places, correct data and keep images current.

4.1

Submit a new spot

Add Spot starts a short position-and-details workflow.

  1. 01The position map keeps the center and zoom of your current city map.
  2. 02Place the pin manually or use your current location.
  3. 03You can also paste an address, coordinates or Google Maps link, then fine-tune the detected pin.
  4. 04Choose the category first so the form only shows relevant fields.
4.2

Details and categories

Skate spots can be detailed while utility spots stay intentionally simple.

  1. 01Street, Skatepark and DIY support spot types, level, condition, access, opening hours, safety and more.
  2. 02WC, Drinking Water, Games and View do not require skate-specific details.
  3. 03The short description is optional; name, position and required category details still matter.
4.3

Images on mobile and desktop

Cover image plus images 1, 2 and 3 are selected separately.

  1. 01On mobile, choose an existing file or take a new photo.
  2. 02The website optimizes large photos before storing them in Cloudflare R2.
  3. 03WC, Drinking Water, Games and View do not require a cover image.
  4. 04Only upload your own or properly licensed images and make sure the spot is easy to recognize.
4.4

Suggest a change

Open a spot, choose Expand and use the pencil icon.

  1. 01Existing details and categories are preselected so nothing is lost.
  2. 02Choose Change Position to move the spot pin.
  3. 03Each of the four images can be replaced or deleted separately.
  4. 04Members send a request; moderators and admins can edit directly.
4.5

What happens next

Contributions become public after review.

  1. 01Open suggestions appear under Requests for moderators and admins.
  2. 02Approval publishes the spot, change or photo.
  3. 03Accepted contributions create a message in that city's News feed.
  4. 04Red badges show unseen news or requests.
05
Chapter 5

Moderation

Apply, review requests and keep city data useful.

5.1

Apply as moderator

Registered members find the application under Settings.

  1. 01Enter first name, last name, city of residence, requested city and a short reason.
  2. 02Only admins receive the application.
  3. 03Approval grants moderation rights for the selected city.
5.2

Review requests

Requests is visible to moderators and admins.

  1. 01This City limits the queue to the current map; All Cities combines every city.
  2. 02Compare proposed details, images, username, city and spot ID.
  3. 03Approve applies the change and creates news; Reject discards it.
  4. 04Selecting a related spot opens its map and preview.
5.3

Direct editing and admin

Moderators directly correct their cities while admins receive extra tools.

  1. 01Pencil: edit every detail, position and image.
  2. 02Admins can delete spots using the trash icon.
  3. 03The admin panel lists members, moderators and admins with their request history.
  4. 04Roles and moderated cities can also be managed through Supabase.
06
Chapter 6

Your Crew

Private groups, shared chat and a curated spot list.

6.1

Create or join a crew

Every registered user can join up to five crews.

  1. 01A crew needs a name, hometown and description.
  2. 02Invite members using their exact username.
  3. 03Invitations appear in the crew area and can be accepted or declined.
  4. 04Use the crew selector to switch between active crews.
6.2

Chat and activity

Every crew has a private group chat.

  1. 01Messages are only visible to crew members.
  2. 02New messages, members, invitations and marked spots create a red badge on the crew button.
  3. 03The crew admin manages details and members; members can leave a crew.
6.3

Marked Spots

Collect your next destinations directly from spot details.

  1. 01Choose a crew in the spot view and select Add to Crew.
  2. 02The spot appears with image, city and a direct map link.
  3. 03Crew members can add private comments and likes; the like list shows names.
  4. 04Edit mode lets you drag spots into a new order or remove them.
07
Chapter 7

Spot Games

Four games use real spot images and locations.

7.1

Spot Guesser

Guess the location using only the spot image.

  1. 01Choose cities and a game length of 5, 10, 15 or 20 rounds.
  2. 02Place your guess on the map and confirm when ready.
  3. 03Points depend on distance, with up to 500 points per round.
  4. 04The result shows total score, personal best, leaderboard and every played spot.
7.2

Spot Puzzle

Reassemble a spot photo in as few moves as possible.

  1. 01Singleplayer starts immediately.
  2. 02In multiplayer, invite a user; after acceptance both players have 24 hours.
  3. 03Each person solves independently without waiting for alternating turns.
  4. 04Results unlock after both finish, and an active game can be forfeited.
7.3

Spot Memory

Find matching spot-image pairs.

  1. 01Choose your city pool.
  2. 02Reveal cards and remember their images and positions.
  3. 03Fewer attempts and a faster time produce a better result.
7.4

Crop Challenge

Recognize a spot from a small crop.

  1. 01Choose one or multiple cities.
  2. 02The crop tests detail knowledge rather than map knowledge.
  3. 03After answering, the full image and solution are revealed.
7.5

Contribute game spots

Submit New Spot on the Guesser page grows the international pool.

  1. 01Choose city, position, category and optional spot type.
  2. 02Name and image are required for game spots.
  3. 03Members submit a request; moderators and admins review it.
  4. 04WC, Drinking Water, Games and other utility categories are excluded from Guesser.
08
Chapter 8

Safe and smooth

Permissions, privacy and quick fixes for common issues.

8.1

Location and privacy

Location is only used after explicit browser permission.

  1. 01Use HTTPS so iPhone and Android can grant camera and location access.
  2. 02Location OFF stops live updates.
  3. 03Crew chat and comments remain private to that crew.
  4. 04Do not put sensitive or private information into public spot descriptions.
8.2

If something does not load

Most mobile issues take only a few steps to solve.

  1. 01Check your connection and reload the page.
  2. 02If location is missing, check browser permission for jonny7kommaklar.org and enable Location again.
  3. 03For photo issues, select one image again; optimization may take a moment on older devices.
  4. 04If an error remains, note city, spot ID, device and browser so it can be reproduced.
8.3

Use it fairly

The maps depend on accurate and useful community contributions.

  1. 01Respect private property, opening hours, residents and local rules.
  2. 02Check spots at your own risk; condition and safety can change at any time.
  3. 03Only upload images you are allowed to use.
  4. 04Report changes instead of leaving outdated or incorrect information online.