midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge branch 'bike-pumps'

Browse source
This commit is contained in:
Pieter Vander Vennet 2020-07-16 17:24:30 +02:00
commit b24698513d
35 changed files with 850 additions and 282 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
Customizations/Layers/BikeParkings.ts
View file

@ -3,15 +3,15 @@ import {And, Or, Tag} from "../../Logic/TagsFilter";
import {OperatorTag} from "../Questions/OperatorTag";
import * as L from "leaflet";
import FixedText from "../Questions/FixedText";
import { BikeParkingType } from "../Questions/BikeParkingType";
import ParkingType from "../Questions/bike/ParkingType";
import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWithUpload";
export class BikeParkings extends LayerDefinition {
export default class BikeParkings extends LayerDefinition {
constructor() {
super();
this.name = "bike_parking";
this.icon = "./assets/parking.svg";
this.icon = "./assets/bike/parking.svg";
this.overpassFilter = new Tag("amenity", "bicycle_parking");
this.newElementTags = [
new Tag("amenity", "bicycle_parking"),
@ -24,43 +24,21 @@ export class BikeParkings extends LayerDefinition {
this.elementsToShow = [
new ImageCarouselWithUploadConstructor(),
new OperatorTag(),
new BikeParkingType()
new ParkingType()
];
}
private generateStyleFunction() {
const self = this;
return function (properties: any) {
// let questionSeverity = 0;
// for (const qd of self.elementsToShow) {
// if (qd.IsQuestioning(properties)) {
// questionSeverity = Math.max(questionSeverity, qd.options.priority ?? 0);
// }
// }
// let colormapping = {
// 0: "#00bb00",
// 1: "#00ff00",
// 10: "#dddd00",
// 20: "#ff0000"
// };
// let colour = colormapping[questionSeverity];
// while (colour == undefined) {
// questionSeverity--;
// colour = colormapping[questionSeverity];
// }
return {
color: "#00bb00",
icon: new L.icon({
icon: L.icon({
iconUrl: self.icon,
iconSize: [30, 30]
iconSize: [50, 50]
})
};
};
}
}

77
Customizations/Layers/BikeServices.ts
View file

@ -1,77 +0,0 @@
import {LayerDefinition} from "../LayerDefinition";
import {And, Tag, TagsFilter} from "../../Logic/TagsFilter";
import * as L from "leaflet";
import BikeStationChain from "../Questions/BikeStationChain";
import BikeStationPumpTools from "../Questions/BikeStationPumpTools";
import BikeStationStand from "../Questions/BikeStationStand";
import PumpManual from "../Questions/PumpManual";
import BikeStationOperator from "../Questions/BikeStationOperator";
import BikeStationBrand from "../Questions/BikeStationBrand";
import FixedText from "../Questions/FixedText";
import {BikePumpManometer} from "../Questions/BikePumpManometer";
import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWithUpload";
import {BikePumpOperationalStatus} from "../Questions/BikePumpOperationalStatus";
import {BikePumpValves} from "../Questions/BikePumpValves";
export default class BikeServices extends LayerDefinition {
private readonly pump: TagsFilter = new Tag("service:bicycle:pump", "yes");
private readonly tools: TagsFilter = new Tag("service:bicycle:tools", "yes");
constructor() {
super();
this.name = "bike station or pump";
this.icon = "./assets/wrench.svg";
this.overpassFilter = new And([
new Tag("amenity", "bicycle_repair_station")
]);
this.newElementTags = [
new Tag("amenity", "bicycle_repair_station")
// new Tag("fixme", "Toegevoegd met MapComplete, geometry nog uit te tekenen")
];
this.maxAllowedOverlapPercentage = 10;
this.minzoom = 13;
this.style = this.generateStyleFunction();
this.title = new FixedText("Bike station");
this.elementsToShow = [
new ImageCarouselWithUploadConstructor(),
new BikeStationPumpTools(),
new BikeStationChain().OnlyShowIf(this.tools),
new BikeStationStand().OnlyShowIf(this.tools),
new PumpManual().OnlyShowIf(this.pump),
new BikePumpManometer().OnlyShowIf(this.pump),
new BikePumpValves().OnlyShowIf(this.pump),
new BikePumpOperationalStatus().OnlyShowIf(this.pump),
new BikeStationOperator(),
new BikeStationBrand()
];
}
private generateStyleFunction() {
const self = this;
return function (properties: any) {
const onlyPump = self.pump.matchesProperties(properties) &&
!self.tools.matchesProperties(properties)
const iconUrl = onlyPump ? "./assets/pump.svg" : "./assets/wrench.svg"
return {
color: "#00bb00",
icon: new L.icon({
iconUrl: iconUrl,
iconSize: [40, 40]
})
};
};
}
}

89
Customizations/Layers/BikeStations.ts Normal file
View file

@ -0,0 +1,89 @@
import {LayerDefinition} from "../LayerDefinition";
import {And, Tag, TagsFilter, Or} from "../../Logic/TagsFilter";
import * as L from "leaflet";
import BikeStationChain from "../Questions/bike/StationChain";
import BikeStationPumpTools from "../Questions/bike/StationPumpTools";
import BikeStationStand from "../Questions/bike/StationStand";
import PumpManual from "../Questions/bike/PumpManual";
import BikeStationOperator from "../Questions/bike/StationOperator";
import BikeStationBrand from "../Questions/bike/StationBrand";
import FixedText from "../Questions/FixedText";
import PumpManometer from "../Questions/bike/PumpManometer";
import {ImageCarouselWithUploadConstructor} from "../../UI/Image/ImageCarouselWithUpload";
import PumpOperational from "../Questions/bike/PumpOperational";
import PumpValves from "../Questions/bike/PumpValves";
export default class BikeStations extends LayerDefinition {
private readonly pump = new Tag("service:bicycle:pump", "yes");
private readonly pumpOperationalAny = new Tag("service:bicycle:pump:operational_status", "yes");
private readonly pumpOperationalOk = new Or([new Tag("service:bicycle:pump:operational_status", "yes"), new Tag("service:bicycle:pump:operational_status", "operational"), new Tag("service:bicycle:pump:operational_status", "ok")]);
private readonly tools = new Tag("service:bicycle:tools", "yes");
constructor() {
super();
this.name = "bike station or pump";
this.icon = "./assets/wrench.svg";
this.overpassFilter = new And([
new Tag("amenity", "bicycle_repair_station")
]);
this.newElementTags = [
new Tag("amenity", "bicycle_repair_station")
// new Tag("fixme", "Toegevoegd met MapComplete, geometry nog uit te tekenen")
];
this.maxAllowedOverlapPercentage = 10;
this.minzoom = 13;
this.style = this.generateStyleFunction();
this.title = new FixedText("Bike station");
this.elementsToShow = [
new ImageCarouselWithUploadConstructor(),
new BikeStationPumpTools(),
new BikeStationChain().OnlyShowIf(this.tools),
new BikeStationStand().OnlyShowIf(this.tools),
new PumpManual().OnlyShowIf(this.pump),
new PumpManometer().OnlyShowIf(this.pump),
new PumpValves().OnlyShowIf(this.pump),
new PumpOperational().OnlyShowIf(this.pump),
new BikeStationOperator(),
// new BikeStationBrand() DISABLED
];
}
private generateStyleFunction() {
const self = this;
return function (properties: any) {
const hasPump = self.pump.matchesProperties(properties)
const isOperational = !self.pumpOperationalAny.matchesProperties(properties) || self.pumpOperationalOk.matchesProperties(properties)
const hasTools = self.tools.matchesProperties(properties)
let iconName = ""
if (hasPump) {
if (hasTools) {
iconName = "repair_station_pump.svg"
} else {
if (isOperational) {
iconName = "pump.svg"
} else {
iconName = "pump_broken.svg"
}
}
} else {
iconName = "repair_station.svg"
}
const iconUrl = `./assets/bike/${iconName}`
return {
color: "#00bb00",
icon: L.icon({
iconUrl: iconUrl,
iconSize: [50, 50]
})
};
};
}
}

2
Customizations/Layers/GhostBike.ts
View file

@ -58,7 +58,7 @@ export class GhostBike extends LayerDefinition {
return {
color: "#000000",
icon: L.icon({
iconUrl: 'assets/ghost_bike.svg',
iconUrl: 'assets/bike/ghost.svg',
iconSize: [40, 40],
iconAnchor: [20, 20],
})

9
Customizations/Layouts/Cyclofix.ts
View file

@ -1,16 +1,15 @@
import {Layout} from "../Layout";
import {GrbToFix} from "../Layers/GrbToFix";
import { BikeParkings } from "../Layers/BikeParkings";
import BikeServices from "../Layers/BikeServices";
import BikeParkings from "../Layers/BikeParkings";
import BikeServices from "../Layers/BikeStations";
import {GhostBike} from "../Layers/GhostBike";
export default class Cyclofix extends Layout {
constructor() {
super(
"pomp",
"Cyclofix bicycle infrastructure",
// [new BikePumps()],
[new GhostBike(), new BikeParkings(), new BikeServices()],
[new GhostBike(), new BikeServices(), new BikeParkings()],
16,
50.8465573,
4.3516970,

28
Customizations/Questions/BikeParkingType.ts
View file

@ -1,28 +0,0 @@
import {TagRenderingOptions} from "../TagRendering";
import {Tag} from "../../Logic/TagsFilter";
export class BikeParkingType extends TagRenderingOptions {
private static options = {
priority: 5,
question: "Van welk type is deze fietsenparking?",
freeform: {
key: "bicycle_parking",
extraTags: new Tag("fixme", "Freeform bicycle_parking= tag used: possibly a wrong value"),
template: "Iets anders: $$$",
renderTemplate: "Dit is een fietsenparking van het type: {bicycle_parking}",
placeholder: "Specifieer"
},
mappings: [
{k: new Tag("bicycle_parking", "stands"), txt: "<img src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Bike_racks_at_north-west_of_Westfield_-_geograph.org.uk_-_1041057.jpg/100px-Bike_racks_at_north-west_of_Westfield_-_geograph.org.uk_-_1041057.jpg\">"},
{k: new Tag("bicycle_parking", "wall_loops"), txt: "<img src=\"https://wiki.openstreetmap.org/w/images/thumb/c/c2/Bike-parking-wheelbender.jpg/100px-Bike-parking-wheelbender.jpg\">"},
{k: new Tag("bicycle_parking", "handlebar_holder"), txt: "<img src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Bicycle_parking_handlebar_holder.jpg/100px-Bicycle_parking_handlebar_holder.jpg\">"},
{k: new Tag("bicycle_parking", "shed"), txt: "<img src=\"https://wiki.openstreetmap.org/w/images/thumb/b/b2/Bike-shelter.jpg/100px-Bike-shelter.jpg\">"},
{k: new Tag("bicycle_parking", "two-tier"), txt: "<img src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Bicis_a_l%27estaci%C3%B3_de_Leiden.JPG/100px-Bicis_a_l%27estaci%C3%B3_de_Leiden.JPG\">"}
]
}
constructor() {
super(BikeParkingType.options);
}
}

18
Customizations/Questions/BikeStationChain.ts
View file

@ -1,18 +0,0 @@
import {TagRenderingOptions} from "../TagRendering";
import {Tag} from "../../Logic/TagsFilter";
export default class BikeStationChain extends TagRenderingOptions {
private static options = {
priority: 5,
question: "Does this bike station have a special tool to repair your bike chain?",
mappings: [
{k: new Tag("service:bicycle:chain_tool", "yes"), txt: "There is a chain tool."},
{k: new Tag("service:bicycle:chain_tool", "no"), txt: "There is no chain tool."},
]
}
constructor() {
super(BikeStationChain.options);
}
}

26
Customizations/Questions/BikeStationOperator.ts
View file

@ -1,26 +0,0 @@
import {TagRenderingOptions} from "../TagRendering";
import {Tag} from "../../Logic/TagsFilter";
export default class BikeStationOperator extends TagRenderingOptions {
private static options = {
priority: 15,
question: "Who operates this bike station (name of university, shop, city...)?",
freeform: {
key: "operator",
template: "This bike station is operated by $$$",
renderTemplate: "This bike station is operated by {operator}",
placeholder: "organisatie"
},
mappings: [
{k: new Tag("operator", "KU Leuven"), txt: "KU Leuven"},
{k: new Tag("operator", "Stad Halle"), txt: "Stad Halle"},
{k: new Tag("operator", "Saint Gilles - Sint Gillis"), txt: "Saint Gilles - Sint Gillis"},
{k: new Tag("operator", "Jette"), txt: "Jette"},
{k: new Tag("operator", "private"), txt: "Beheer door een privépersoon"}
]
}
constructor() {
super(BikeStationOperator.options);
}
}

19
Customizations/Questions/BikeStationPumpTools.ts
View file

@ -1,19 +0,0 @@
import {TagRenderingOptions} from "../TagRendering";
import {Tag, And} from "../../Logic/TagsFilter";
export default class BikeStationPumpTools extends TagRenderingOptions {
private static options = {
priority: 15,
question: "Which services are available at this bike station?",
mappings: [
{k: new And([new Tag("service:bicycle:tools", "no"), new Tag("service:bicycle:pump", "yes")]), txt: "There is only a pump available."},
{k: new And([new Tag("service:bicycle:tools", "yes"), new Tag("service:bicycle:pump", "no")]), txt: "There are only tools (screwdrivers, pliers...) available."},
{k: new And([new Tag("service:bicycle:tools", "yes"), new Tag("service:bicycle:pump", "yes")]), txt: "There are both tools and a pump available."}
]
}
constructor() {
super(BikeStationPumpTools.options);
}
}

18
Customizations/Questions/BikeStationStand.ts
View file

@ -1,18 +0,0 @@
import {TagRenderingOptions} from "../TagRendering";
import {Tag} from "../../Logic/TagsFilter";
export default class BikeStationStand extends TagRenderingOptions {
private static options = {
priority: 10,
question: "Does this bike station have a hook to suspend your bike with or a stand to elevate it?",
mappings: [
{k: new Tag("service:bicycle:stand", "yes"), txt: "There is a hook or stand."},
{k: new Tag("service:bicycle:stand", "no"), txt: "There is no hook or stand"},
]
}
constructor() {
super(BikeStationStand.options);
}
}

18
Customizations/Questions/PumpManual.ts
View file

@ -1,18 +0,0 @@
import {TagRenderingOptions} from "../TagRendering";
import {Tag} from "../../Logic/TagsFilter";
export default class PumpManual extends TagRenderingOptions {
private static options = {
priority: 5,
question: "Is the pump at this bike station manual or automatic (compressed air)?",
mappings: [
{k: new Tag("manual", "yes"), txt: "Manual"},
{k: new Tag("manual", "no"), txt: "Automatic (with compressed air)"}
]
}
constructor() {
super(PumpManual.options);
}
}

38
Customizations/Questions/bike/ParkingType.ts Normal file
View file

@ -0,0 +1,38 @@
import {TagRenderingOptions} from "../../TagRendering";
import {Tag} from "../../../Logic/TagsFilter";
export default class ParkingType extends TagRenderingOptions {
private static images = {
stands: "https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/Bike_racks_at_north-west_of_Westfield_-_geograph.org.uk_-_1041057.jpg/100px-Bike_racks_at_north-west_of_Westfield_-_geograph.org.uk_-_1041057.jpg",
wall_loops: "https://wiki.openstreetmap.org/w/images/thumb/c/c2/Bike-parking-wheelbender.jpg/100px-Bike-parking-wheelbender.jpg",
handlebar_holder: "https://upload.wikimedia.org/wikipedia/commons/thumb/2/2c/Bicycle_parking_handlebar_holder.jpg/100px-Bicycle_parking_handlebar_holder.jpg",
shed: "https://wiki.openstreetmap.org/w/images/thumb/b/b2/Bike-shelter.jpg/100px-Bike-shelter.jpg",
"two-tier": "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Bicis_a_l%27estaci%C3%B3_de_Leiden.JPG/100px-Bicis_a_l%27estaci%C3%B3_de_Leiden.JPG"
}
private static toImgTxt(url: string) {
return `<img src=${url}>`
}
constructor() {
super({
priority: 5,
question: "Van welk type is deze fietsenparking?",
freeform: {
key: "bicycle_parking",
extraTags: new Tag("fixme", "Freeform bicycle_parking= tag used: possibly a wrong value"),
template: "Iets anders: $$$",
renderTemplate: "Dit is een fietsenparking van het type: {bicycle_parking}",
placeholder: "Specifieer"
},
mappings: [
{k: new Tag("bicycle_parking", "stands"), txt: ParkingType.toImgTxt(ParkingType.images.stands)},
{k: new Tag("bicycle_parking", "wall_loops"), txt: ParkingType.toImgTxt(ParkingType.images.wall_loops)},
{k: new Tag("bicycle_parking", "handlebar_holder"), txt: ParkingType.toImgTxt(ParkingType.images.handlebar_holder)},
{k: new Tag("bicycle_parking", "shed"), txt: ParkingType.toImgTxt(ParkingType.images.shed)},
{k: new Tag("bicycle_parking", "two-tier"), txt: ParkingType.toImgTxt(ParkingType.images["two-tier"])}
]
});
}
}

10
Customizations/Questions/BikePumpManometer.ts → Customizations/Questions/bike/PumpManometer.ts
View file

@ -1,8 +1,8 @@
import {TagRenderingOptions} from "../TagRendering";
import {Tag} from "../../Logic/TagsFilter";
import {TagRenderingOptions} from "../../TagRendering";
import {Tag} from "../../../Logic/TagsFilter";
export class BikePumpManometer extends TagRenderingOptions{
export default class PumpManometer extends TagRenderingOptions {
constructor() {
super({
question: "Does the pump have a pressure indicator or manometer?",
@ -11,10 +11,6 @@ export class BikePumpManometer extends TagRenderingOptions{
{k: new Tag("manometer","broken"), txt: "Yes, but it is broken"},
{k: new Tag("manometer", "yes"), txt: "No"}
]
});
}
}

16
Customizations/Questions/bike/PumpManual.ts Normal file
View file

@ -0,0 +1,16 @@
import {TagRenderingOptions} from "../../TagRendering";
import {Tag} from "../../../Logic/TagsFilter";
export default class PumpManual extends TagRenderingOptions {
constructor() {
super({
priority: 5,
question: "Is this an electric bike pump?",
mappings: [
{k: new Tag("manual", "yes"), txt: "Manual pump"},
{k: new Tag("manual", "no"), txt: "Electric pump"}
]
});
}
}

8
Customizations/Questions/BikePumpOperationalStatus.ts → Customizations/Questions/bike/PumpOperational.ts
View file

@ -1,8 +1,8 @@
import {TagDependantUIElement} from "../UIElementConstructor";
import {TagRenderingOptions} from "../TagRendering";
import {Tag} from "../../Logic/TagsFilter";
import {TagRenderingOptions} from "../../TagRendering";
import {Tag} from "../../../Logic/TagsFilter";
export class BikePumpOperationalStatus extends TagRenderingOptions{
export default class PumpOperational extends TagRenderingOptions {
constructor() {
super({
question: "Is the bicycle pump still operational?",

7
Customizations/Questions/BikePumpValves.ts → Customizations/Questions/bike/PumpValves.ts
View file

@ -1,7 +1,8 @@
import {TagRenderingOptions} from "../TagRendering";
import {Tag} from "../../Logic/TagsFilter";
import {TagRenderingOptions} from "../../TagRendering";
import {Tag} from "../../../Logic/TagsFilter";
export class BikePumpValves extends TagRenderingOptions{
export default class PumpValves extends TagRenderingOptions{
constructor() {
super({
question: "What valves are supported?",

9
Customizations/Questions/BikeStationBrand.ts → Customizations/Questions/bike/StationBrand.ts
View file

@ -1,6 +1,10 @@
import {TagRenderingOptions} from "../TagRendering";
import {Tag} from "../../Logic/TagsFilter";
import {TagRenderingOptions} from "../../TagRendering";
import {Tag} from "../../../Logic/TagsFilter";
/**
* Currently not used in Cyclofix because it's a little vague
*/
export default class BikeStationBrand extends TagRenderingOptions {
private static options = {
priority: 15,
@ -17,6 +21,7 @@ export default class BikeStationBrand extends TagRenderingOptions {
}
constructor() {
throw Error('BikeStationBrand disabled')
super(BikeStationBrand.options);
}
}

16
Customizations/Questions/bike/StationChain.ts Normal file
View file

@ -0,0 +1,16 @@
import {TagRenderingOptions} from "../../TagRendering";
import {Tag} from "../../../Logic/TagsFilter";
export default class StationChain extends TagRenderingOptions {
constructor() {
super({
priority: 5,
question: "Does this bike station have a special tool to repair your bike chain?",
mappings: [
{k: new Tag("service:bicycle:chain_tool", "yes"), txt: "There is a chain tool."},
{k: new Tag("service:bicycle:chain_tool", "no"), txt: "There is no chain tool."},
]
});
}
}

25
Customizations/Questions/bike/StationOperator.ts Normal file
View file

@ -0,0 +1,25 @@
import {TagRenderingOptions} from "../../TagRendering";
import {Tag} from "../../../Logic/TagsFilter";
export default class BikeStationOperator extends TagRenderingOptions {
constructor() {
super({
priority: 15,
question: "Who operates this bike station (name of university, shop, city...)?",
freeform: {
key: "operator",
template: "This bike station is operated by $$$",
renderTemplate: "This bike station is operated by {operator}",
placeholder: "organisatie"
},
mappings: [
{k: new Tag("operator", "KU Leuven"), txt: "KU Leuven"},
{k: new Tag("operator", "Stad Halle"), txt: "Stad Halle"},
{k: new Tag("operator", "Saint Gilles - Sint Gillis"), txt: "Saint Gilles - Sint Gillis"},
{k: new Tag("operator", "Jette"), txt: "Jette"},
{k: new Tag("operator", "private"), txt: "Beheer door een privépersoon"}
]
});
}
}

17
Customizations/Questions/bike/StationPumpTools.ts Normal file
View file

@ -0,0 +1,17 @@
import {TagRenderingOptions} from "../../TagRendering";
import {Tag, And} from "../../../Logic/TagsFilter";
export default class BikeStationPumpTools extends TagRenderingOptions {
constructor() {
super({
priority: 15,
question: "Which services are available at this bike station?",
mappings: [
{k: new And([new Tag("service:bicycle:tools", "no"), new Tag("service:bicycle:pump", "yes")]), txt: "There is only a pump available."},
{k: new And([new Tag("service:bicycle:tools", "yes"), new Tag("service:bicycle:pump", "no")]), txt: "There are only tools (screwdrivers, pliers...) available."},
{k: new And([new Tag("service:bicycle:tools", "yes"), new Tag("service:bicycle:pump", "yes")]), txt: "There are both tools and a pump available."}
]
});
}
}

16
Customizations/Questions/bike/StationStand.ts Normal file
View file

@ -0,0 +1,16 @@
import {TagRenderingOptions} from "../../TagRendering";
import {Tag} from "../../../Logic/TagsFilter";
export default class BikeStationStand extends TagRenderingOptions {
constructor() {
super({
priority: 10,
question: "Does this bike station have a hook to suspend your bike with or a stand to elevate it?",
mappings: [
{k: new Tag("service:bicycle:stand", "yes"), txt: "There is a hook or stand."},
{k: new Tag("service:bicycle:stand", "no"), txt: "There is no hook or stand"},
]
});
}
}

20
Logic/FilteredLayer.ts
View file

@ -121,16 +121,6 @@ export class FilteredLayer {
}
public updateStyle() {
if (this._geolayer === undefined) {
return;
}
const self = this;
this._geolayer.setStyle(function (feature) {
return self._style(feature.properties);
});
}
public AddNewElement(element) {
this._newElements.push(element);
console.log("Element added");
@ -197,7 +187,15 @@ export class FilteredLayer {
onEachFeature: function (feature, layer) {
let eventSource = self._storage.addOrGetElement(feature);
eventSource.addCallback(function () {
self.updateStyle();
if (layer.setIcon) {
layer.setIcon(self._style(feature.properties).icon)
} else {
console.log("UPdating", layer);
self._geolayer.setStyle(function (feature) {
return self._style(feature.properties);
});
}
});

15
assets/Buurtnatuur-Welkom.txt
View file

@ -2,18 +2,19 @@ Hallo,
Je maakte een bijdrage aan OpenStreetMap met BuurtNatuur! Proficiat en welkom bij de community.
Je antwoorden en toevoegingen gaan rechtsstreeks naar OpenStreetMap. OpenStreetMap is een kaart die werkt zoals Wikipedia:
het is vrij en gratis om er zelf data aan toe te voegen; in het geval van buurtnatuur.be informatie over natuur en bossen.
De data van OpenStreetMap is ook vrij en gratis te gebruiken door iedereen die dit wilt - applicaties zoals Maps.me, OsmAnd, Pokemon Go, Facebook, SnapChat, RouteYou, de Natuurpunt-app,... gebruiken OpenStreetMap. Maar ook toeristische diensten (zoals Westtoer) gebruiken steeds vaker OpenStreetMap.
Je antwoorden en toevoegingen gaan rechtstreeks naar OpenStreetMap. OpenStreetMap is een kaart die werkt zoals Wikipedia:
het staat mensen vrij om zelf data toe te voegen; in het geval van buurtnatuur.be informatie over natuur en bossen.
De data van OpenStreetMap zijn ook vrij en gratis te gebruiken door iedereen die dat wil – applicaties zoals Maps.me, OsmAnd, Pokémon Go, Facebook, Snapchat, RouteYou en de Natuurpunt-app gebruiken OpnStreetMap. Maar ook toeristische diensten (zoals Westtoer) doen dat steeds vaker.
Kortom, omdat je via buurtnatuur.be info gaf over natuur en bos, wordt dit zichtbaar op ál deze kaarten.
Heb je verdere vragen over OpenStreetMap? Wil je weten welke data we allemaal hebben en verzamelen?
Heb je verder nog vragen over OpenStreetMap? Wil je weten welke data we allemaal hebben en verzamelen?
- Je kan meer lezen op [onze wiki-website](https://wiki.openstreetmap.org/wiki/NL:Hoofdpagina).
- Je kan mij een berichtje terug sturen (dit kan door een email terug te sturen)
- Je kan terecht op [online chat](https://riot.im/app/#/room/#osmbe:matrix.org)
- Je kan naar onze [bijeenkomsten komen](https://www.meetup.com/OpenStreetMap-Belgium/)
- Je kan dit berichtje beantwoorden (zie onderaan).
- Je kan terecht op [online chat](https://app.element.io/#/room/#osmbe:matrix.org).
- Je kan naar onze [bijeenkomsten komen](https://www.meetup.com/OpenStreetMap-Belgium/).
- Je kan de kaart ook bekijken op [openstreetmap.org](https://www.openstreetmap.org/). Daar kun je ook meer geavanceerde bewerkingen uitvoeren dan mogelijk is met BuurtNatuur.
Happy Mapping!
Pieter Vander Vennet

23
assets/bike/cafe.svg Normal file
View file

@ -0,0 +1,23 @@
<svg width="98" height="124" viewBox="0 0 98 124" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M55.0445 114.094C53.2614 117.981 47.7386 117.981 45.9555 114.094L15.2124 47.085C13.6928 43.7729 16.1129 40 19.7569 40L81.2431 40C84.8871 40 87.3072 43.7729 85.7876 47.085L55.0445 114.094Z" fill="#694E2D"/>
<circle cx="49" cy="49" r="49" fill="#694E2D"/>
<path d="M67.5 76.3395H62.0436C65.206 74.0913 67.7862 70.9283 69.476 67.1884H74.8929C79.4101 67.1884 83.0851 63.1243 83.0851 58.1289C83.0851 53.1335 79.4101 49.0695 74.8929 49.0695H71.6699V44.494C71.6699 43.483 70.9288 42.6637 70.0149 42.6637H25.655C24.7411 42.6637 24 43.4829 24 44.494V56.9003C24 65.0531 27.8426 72.2276 33.6265 76.3396H27.3352C26.4212 76.3395 25.6551 77.1588 25.6551 78.1698C25.6551 79.1807 26.4212 80 27.3351 80H44.8888H50.7817H67.5C68.4139 80 69 79.0111 69 78C69 76.9889 68.4139 76.3395 67.5 76.3395ZM74.8931 52.7298C77.5852 52.7298 79.7754 55.1519 79.7754 58.1289C79.7754 61.106 77.5852 63.5281 74.8931 63.5281H70.7897C71.3601 61.4274 71.6702 59.2033 71.6702 56.9001V52.7298H74.8931ZM37.1501 22.8301C39.7848 19.9164 39.7848 15.1754 37.1501 12.2614L37.0263 12.1245C36.3799 11.41 36.3799 10.2511 37.0263 9.53653C37.6727 8.82167 38.7203 8.82167 39.3668 9.53653L39.4906 9.67342C43.4157 14.014 43.4157 21.0775 39.4906 25.4183C38.2143 26.8298 37.5116 28.7061 37.5116 30.7025C37.5116 32.6989 38.2146 34.5752 39.4906 35.987C40.137 36.7015 40.137 37.8604 39.4906 38.575C39.1675 38.9327 38.7438 39.1113 38.3202 39.1113C37.8965 39.1113 37.4732 38.9327 37.1497 38.575C35.2481 36.4725 34.2011 33.6766 34.2011 30.7025C34.2015 27.7285 35.2487 24.9326 37.1501 22.8301ZM46.7302 22.8301C48.0065 21.4186 48.7096 19.5419 48.7096 17.5455C48.7096 15.5492 48.0065 13.6729 46.7302 12.261L46.6064 12.1241C45.96 11.4096 45.96 10.2507 46.6064 9.53614C47.2528 8.82129 48.3004 8.82129 48.9469 9.53614L49.0707 9.67303C50.9723 11.7755 52.0197 14.5718 52.0197 17.5455C52.0197 20.5193 50.9724 23.3154 49.0707 25.4181C47.7944 26.8295 47.0917 28.7058 47.0917 30.7022C47.0917 32.6986 47.7947 34.5749 49.0707 35.9868C49.7172 36.7013 49.7172 37.8601 49.0707 38.5747C48.7476 38.9324 48.324 39.111 47.9003 39.111C47.4766 39.111 47.0533 38.9324 46.7298 38.5747C44.8283 36.4723 43.7812 33.6763 43.7812 30.7022C43.7812 27.7285 44.8286 24.9326 46.7302 22.8301ZM56.3104 22.8297C58.9448 19.9164 58.9448 15.1754 56.3104 12.2614L56.1866 12.1245C55.5402 11.41 55.5402 10.2511 56.1866 9.53653C56.833 8.82167 57.8806 8.82167 58.5272 9.53653L58.651 9.67342C62.576 14.014 62.576 21.0775 58.651 25.4183C57.3746 26.8298 56.6715 28.7061 56.6715 30.7025C56.6715 32.6989 57.3746 34.5752 58.6506 35.9867C59.297 36.7015 59.297 37.8604 58.6506 38.575C58.3275 38.9327 57.9038 39.1113 57.4802 39.1113C57.0565 39.1113 56.6331 38.9327 56.3101 38.5754C54.4085 36.4725 53.3611 33.6766 53.3611 30.7026C53.3615 27.7285 54.4087 24.9326 56.3104 22.8297Z" fill="white"/>
<g filter="url(#filter0_d)">
<path d="M45.4541 63.4281H35.5495L40.952 51.3942H46.3545H50.2563H54.4583M54.4583 51.3942L52.9576 48H55.0586H57.1595M54.4583 51.3942L55.0586 52.937L56.2591 55.4055L59.5607 63.4281M54.4583 51.3942L51.607 56.0226L49.8962 58.7996M48.7556 60.651L49.8962 58.7996M43.053 54.7883L46.0544 61.5767L40.0516 48L41.8524 51.7027M47.8552 62.1938L49.8962 58.7996" stroke="#694E2D" stroke-width="2"/>
<path d="M48.5098 62.9031C48.5098 63.833 47.78 64.563 46.9088 64.563C46.0375 64.563 45.3078 63.833 45.3078 62.9031C45.3078 61.9732 46.0375 61.2432 46.9088 61.2432C47.78 61.2432 48.5098 61.9732 48.5098 62.9031Z" stroke="#694E2D"/>
<path d="M42.007 62.286C42.007 66.0203 39.0694 69 35.5035 69C31.9376 69 29 66.0203 29 62.286C29 58.5517 31.9376 55.572 35.5035 55.572C39.0694 55.572 42.007 58.5517 42.007 62.286Z" stroke="#694E2D" stroke-width="2"/>
<ellipse cx="63.1725" cy="56.7207" rx="0.217504" ry="0.223607" fill="black" fill-opacity="0.49"/>
</g>
<path d="M66.007 62.714C66.007 66.4483 63.0694 69.4281 59.5035 69.4281C55.9376 69.4281 53 66.4483 53 62.714C53 58.9797 55.9376 56 59.5035 56C63.0694 56 66.007 58.9797 66.007 62.714Z" stroke="#694E2D" stroke-width="2"/>
<defs>
<filter id="filter0_d" x="24" y="47" width="43.39" height="31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 4.6 KiB

44
assets/bike/ghost.svg Normal file
View file

@ -0,0 +1,44 @@
<svg width="98" height="122" viewBox="0 0 98 122" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.0445 112.094C51.2614 115.981 45.7386 115.981 43.9555 112.094L13.2124 45.085C11.6928 41.7729 14.1129 38 17.7569 38L79.2431 38C82.8871 38 85.3072 41.7729 83.7876 45.085L53.0445 112.094Z" fill="#171615"/>
<circle cx="49" cy="49" r="49" fill="#171615"/>
<g filter="url(#filter0_d)">
<path d="M56.4468 12.3002H49.8793V6.79007C49.8793 6.35374 49.5103 6 49.0552 6H47.2158C46.7606 6 46.3916 6.35374 46.3916 6.79007V12.3002H39.8242C39.369 12.3002 39 12.654 39 13.0903V14.8536C39 15.29 39.369 15.6437 39.8242 15.6437H46.3916V32.2099C46.3916 32.6463 46.7606 33 47.2158 33H49.0552C49.5103 33 49.8793 32.6463 49.8793 32.2099V15.6437H56.4468C56.902 15.6437 57.271 15.29 57.271 14.8536V13.0903C57.271 12.654 56.902 12.3002 56.4468 12.3002Z" fill="#FFFCFC"/>
</g>
<g filter="url(#filter1_d)">
<path d="M45.0763 63.8434H29.7114L38.0923 45.2455H46.4731H52.526H59.0444M59.0444 45.2455L56.7164 40H59.9756H63.2348M59.0444 45.2455L59.9756 47.6299L61.838 51.4448L66.9596 63.8434M59.0444 45.2455L54.6212 52.3985L51.9672 56.6903M50.1979 59.5516L51.9672 56.6903M41.3515 50.4911L46.0075 60.9822L36.6955 40L39.4891 45.7224M48.8011 61.9359L51.9672 56.6903" stroke="white" stroke-width="2"/>
<path d="M50.0922 63.032C50.0922 64.6108 48.8456 65.8701 47.3329 65.8701C45.8203 65.8701 44.5737 64.6108 44.5737 63.032C44.5737 61.4533 45.8203 60.194 47.3329 60.194C48.8456 60.194 50.0922 61.4533 50.0922 63.032Z" stroke="white"/>
<path d="M40.2801 62.0784C40.2801 68.1329 35.494 73 29.6401 73C23.7861 73 19 68.1329 19 62.0784C19 56.0238 23.7861 51.1567 29.6401 51.1567C35.494 51.1567 40.2801 56.0238 40.2801 62.0784Z" stroke="white" stroke-width="2"/>
</g>
<g filter="url(#filter2_d)">
<circle cx="66" cy="63" r="11" stroke="white" stroke-width="2"/>
</g>
<defs>
<filter id="filter0_d" x="35" y="6" width="26.271" height="35" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="14" y="39" width="64.12" height="43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="50" y="51" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB

5
assets/bike/other_services.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="98" height="123" viewBox="0 0 98 123" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M54.0445 113.094C52.2614 116.981 46.7386 116.981 44.9555 113.094L14.2124 46.085C12.6928 42.7729 15.1129 39 18.7569 39L80.2431 39C83.8871 39 86.3072 42.7729 84.7876 46.085L54.0445 113.094Z" fill="#AB76D5"/>
<circle cx="49" cy="49" r="49" fill="#AB76D5"/>
<path d="M75.163 23.5441C68.1745 16.7447 58.883 13 49 13C39.117 13 29.8255 16.7447 22.837 23.5441C15.8487 30.3437 12 39.3841 12 49C12 58.6159 15.8487 67.6563 22.837 74.4559C29.8255 81.2553 39.117 85 49 85C58.883 85 68.1745 81.2553 75.163 74.4559C82.1513 67.6563 86 58.6159 86 49C86 39.3841 82.1513 30.3437 75.163 23.5441ZM49 22.8438C53.3832 22.8438 56.9492 26.3134 56.9492 30.5781C56.9492 34.8429 53.3832 38.3125 49 38.3125C44.6168 38.3125 41.0508 34.8429 41.0508 30.5781C41.0508 26.3134 44.6168 22.8438 49 22.8438ZM59.1172 72.0625H38.8828V67.8438H43.2188V46.75H38.8828V42.5312H54.7812V67.8438H59.1172V72.0625Z" fill="white"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 995 B

93
assets/bike/parking.svg Normal file
View file

@ -0,0 +1,93 @@
<svg width="97" height="123" viewBox="0 0 97 123" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52.1412 111.419C50.4633 115.605 44.5366 115.605 42.8588 111.419L24.7014 66.1099C23.385 62.8252 25.8039 59.25 29.3426 59.25L65.6574 59.25C69.1962 59.25 71.615 62.8252 70.2986 66.11L52.1412 111.419Z" fill="#5675DF"/>
<ellipse cx="48.5" cy="47.5" rx="48.5" ry="47.5" fill="#5675DF"/>
<g filter="url(#filter0_d)">
<circle cx="39" cy="66" r="2" stroke="white" stroke-width="2"/>
</g>
<g filter="url(#filter1_d)">
<path d="M37.375 67H25L31.75 51.4H38.5H43.375H48.625M48.625 51.4L46.75 47H49.375H52M48.625 51.4L49.375 53.4L50.875 56.6L55 67M48.625 51.4L45.0625 57.4L42.925 61M41.5 63.4L42.925 61M34.375 55.8L38.125 64.6L30.625 47L32.875 51.8M40.375 65.4L42.925 61" stroke="white" stroke-width="2"/>
</g>
<g filter="url(#filter2_d)">
<circle cx="23" cy="67" r="9" stroke="white" stroke-width="2"/>
</g>
<g filter="url(#filter3_d)">
<circle cx="55" cy="67" r="9" stroke="white" stroke-width="2"/>
</g>
<path d="M61 77V59.0476V55.9524L62.4814 54.4851C64.4301 52.5549 67.5699 52.5549 69.5186 54.4851L71 55.9524V58.4286V77" stroke="white" stroke-width="2"/>
<line x1="66" y1="53" x2="66" y2="16" stroke="white" stroke-width="2"/>
<g filter="url(#filter4_d)">
<circle cx="66" cy="23" r="13" fill="white"/>
</g>
<g filter="url(#filter5_d)">
<circle cx="66" cy="23" r="11" fill="#496DEB"/>
</g>
<g filter="url(#filter6_d)">
<path d="M64.1729 24.9902V30H62.4854V17.2031H67.2051C68.6055 17.2031 69.7012 17.5605 70.4922 18.2754C71.2891 18.9902 71.6875 19.9365 71.6875 21.1143C71.6875 22.3564 71.2979 23.3145 70.5186 23.9883C69.7451 24.6562 68.6348 24.9902 67.1875 24.9902H64.1729ZM64.1729 23.6104H67.2051C68.1074 23.6104 68.7988 23.3994 69.2793 22.9775C69.7598 22.5498 70 21.9346 70 21.1318C70 20.3701 69.7598 19.7607 69.2793 19.3037C68.7988 18.8467 68.1396 18.6094 67.3018 18.5918H64.1729V23.6104Z" fill="white"/>
</g>
<line x1="43" y1="78" x2="72" y2="78" stroke="white" stroke-width="2"/>
<defs>
<filter id="filter0_d" x="32" y="63" width="14" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="19.4777" y="46" width="40.4518" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="9" y="57" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter3_d" x="41" y="57" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter4_d" x="49" y="10" width="34" height="34" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter5_d" x="51" y="12" width="30" height="30" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter6_d" x="58.4854" y="17.2031" width="17.2021" height="20.7969" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6 KiB

28
assets/bike/place_with_pump.svg Normal file
View file

@ -0,0 +1,28 @@
<svg width="104" height="123" viewBox="0 0 104 123" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M54.0445 113.094C52.2614 116.981 46.7386 116.981 44.9555 113.094L14.2124 46.085C12.6928 42.7729 15.1129 39 18.7569 39L80.2431 39C83.8871 39 86.3072 42.7729 84.7876 46.085L54.0445 113.094Z" fill="#E7D056"/>
<circle cx="49" cy="49" r="49" fill="#E7D056"/>
<g clip-path="url(#clip0)" filter="url(#filter0_d)">
<path d="M65.2519 79.0738C66.5075 79.0738 67.7117 78.5751 68.5995 77.6872C69.4874 76.7994 69.9862 76.2998 69.9862 75.0442C69.9862 73.7886 69.4874 73.3516 68.5996 72.4637C67.7117 71.5759 66.5075 71.0771 65.2519 71.0771L59.3555 71.0815V69.4784L60.8823 69.4739C62.1376 69.4729 63.3412 68.9738 64.2288 68.0862C65.1164 67.1986 66.2656 66.2038 66.2666 64.9485L66.3118 33.5699C66.3119 33.2223 66.3118 32.5699 66.401 32.2506C66.5341 31.9295 66.547 31.5699 66.725 31.3919C66.9708 31.1462 67.1038 30.9511 67.4249 30.8181C67.746 30.6852 68.6524 30.5698 69 30.5699C69.3475 30.5699 69.9907 30.5669 70.3118 30.7C70.6329 30.833 70.9889 31.2478 71.3118 31.5699C71.5575 31.8156 71.5753 31.9295 71.7083 32.2506C71.8412 32.5717 71.9096 32.9158 71.9096 33.2634L71.9169 59.1411L70.8659 59.1411C70.5926 59.1418 70.3306 59.2497 70.136 59.4415C69.9414 59.6334 69.8298 59.8938 69.8251 60.167L69.7587 64.9175C69.7491 65.609 69.8771 66.2955 70.1351 66.9371C70.393 67.5787 70.776 68.1626 71.2616 68.6549C71.7472 69.1473 72.3258 69.5382 72.9638 69.805C73.6017 70.0718 74.2864 70.2091 74.9779 70.2091L78.1237 70.2091C78.4005 70.209 78.666 70.0991 78.8617 69.9033C79.0574 69.7076 79.1674 69.4422 79.1674 69.1654L79.1674 64.7367C79.1674 64.5979 79.1396 64.4605 79.0857 64.3326C79.0319 64.2046 78.9531 64.0887 78.8539 63.9916C78.7547 63.8944 78.6372 63.8181 78.5081 63.7669C78.3791 63.7158 78.2411 63.6909 78.1023 63.6938L76.1412 63.7358L76.091 60.1693C76.0863 59.8961 75.9747 59.6356 75.7801 59.4438C75.5855 59.2519 75.3235 59.1441 75.0502 59.1433L74.3794 59.1411L74.7232 33.5699C74.7232 32.3143 74.1997 30.4577 73.3118 29.5699C72.424 28.682 71.5 28.0699 69 28.0699C66.7903 28.0699 65.6997 28.682 64.8118 29.5699C63.924 30.4577 63.5395 32.0115 63.5395 33.2671L63.5395 64.7441C63.5383 65.4457 63.2591 66.1183 62.7629 66.6144C62.2668 67.1105 61.5943 67.3898 60.8926 67.391L59.3555 67.391V35.2151C59.3555 34.9383 59.2455 34.6729 59.0498 34.4771C58.854 34.2814 58.5886 34.1715 58.3118 34.1714L57.4973 34.1714L57.4973 25.1871L66.7872 25.1871C67.064 25.187 67.3294 25.0771 67.5252 24.8814C67.7209 24.6856 67.8309 24.4202 67.8309 24.1434V18.9766C67.8308 18.6998 67.7209 18.4344 67.5252 18.2386C67.3294 18.0429 67.064 17.933 66.7872 17.9329L41.6913 17.9329C41.4145 17.9329 41.1491 18.0429 40.9534 18.2386C40.7577 18.4344 40.6477 18.6998 40.6476 18.9766L40.6476 24.1434C40.6477 24.4202 40.7577 24.6856 40.9534 24.8814C41.1491 25.0771 41.4145 25.187 41.6913 25.1871L50.9812 25.1871L50.9812 34.1714L50.1543 34.1714C49.8775 34.1715 49.6121 34.2814 49.4164 34.4771C49.2206 34.6729 49.1107 34.9383 49.1106 35.2151L49.1106 71.0771L43.2266 71.0771C41.971 71.0771 40.7668 71.5759 39.879 72.4637C38.9911 73.3516 38.4923 73.7886 38.4923 75.0442C38.4923 76.2998 38.9911 76.7994 39.879 77.6872C40.7668 78.575 41.971 79.0738 43.2266 79.0738L65.2519 79.0738ZM74.0612 64.8135C74.0631 64.951 74.0922 65.0869 74.1468 65.2131C74.2014 65.3394 74.2805 65.4536 74.3794 65.5493C74.4783 65.6449 74.5952 65.72 74.7232 65.7703C74.8512 65.8206 74.988 65.8451 75.1255 65.8424L77.0749 65.8033L77.0771 68.1246L74.975 68.1246C74.5599 68.1247 74.149 68.0423 73.7661 67.8822C73.3832 67.722 73.0359 67.4874 72.7445 67.1918C72.4531 66.8963 72.2234 66.5458 72.0686 66.1607C71.9139 65.7756 71.8372 65.3635 71.8431 64.9485L71.8926 61.2248H74.0154L74.0612 64.8135ZM42.735 23.0997L42.735 20.0203L65.7435 20.0203L65.7435 23.0997L56.4536 23.0997L52.0249 23.0997L42.735 23.0997ZM53.0686 25.1871L55.4099 25.1871L55.4099 34.1714L53.0686 34.1714V25.1871ZM50.8543 36.2588H52.0249L56.4536 36.2588L57.6243 36.2588L57.6243 67.3865L50.8543 67.3865L50.8543 36.2588ZM50.8543 69.4739L57.6243 69.4739L57.6243 74.0296L50.8543 74.0296L50.8543 69.4739ZM40.5797 75.0442C40.5929 74.3464 40.876 74.4479 41.3696 73.9543C41.8631 73.4608 42.5287 73.1777 43.2266 73.1645L49.1106 73.1645L49.1106 74.3061C49.1107 74.5829 49.2206 74.8483 49.4163 75.0441C49.6121 75.2398 49.8775 75.3498 50.1543 75.3498L58.3118 75.3542C58.5886 75.3542 58.854 75.2442 59.0498 75.0485C59.2455 74.8528 59.3555 74.5873 59.3555 74.3105V73.1689L65.2519 73.1645C65.5999 73.163 65.9448 73.2305 66.2666 73.363C66.5884 73.4955 66.8808 73.6904 67.1268 73.9365C67.3729 74.1825 67.5678 73.7078 67.7003 74.0296C67.8328 74.3514 67.9003 74.6962 67.8988 75.0442C67.8856 75.7421 67.6025 75.7031 67.1089 76.1966C66.6154 76.6902 65.9498 76.9733 65.2519 76.9864L43.2266 76.9864C42.8786 76.9879 42.5337 76.9205 42.2119 76.788C41.8901 76.6555 41.5978 76.4606 41.3517 76.2145C41.1056 75.9684 40.9107 75.676 40.7782 75.3542C40.6457 75.0324 40.5783 75.3922 40.5797 75.0442Z" fill="white"/>
<rect x="50.3118" y="35.5698" width="8" height="39" fill="white"/>
<rect x="41.3118" y="19.5699" width="25" height="4" fill="white"/>
<rect x="52.3119" y="21.5698" width="4" height="14" fill="white"/>
<rect x="40.3118" y="72.5698" width="28" height="5" fill="white"/>
<rect x="71.3118" y="60.5698" width="4" height="8" fill="white"/>
<rect x="74.3118" y="64.5699" width="3" height="4" fill="white"/>
<path d="M38.06 46.265C38.33 46.865 38.465 47.39 38.465 47.84C38.465 48.53 38.27 49.085 37.88 49.505C37.49 49.895 36.95 50.09 36.26 50.09H31.04V56.39C31.04 57.17 30.815 57.755 30.365 58.145C29.945 58.535 29.345 58.73 28.565 58.73C27.875 58.73 27.29 58.58 26.81 58.28V50.09H20.24C19.97 49.49 19.835 48.965 19.835 48.515C19.835 47.825 20.03 47.285 20.42 46.895C20.81 46.475 21.35 46.265 22.04 46.265H26.81V40.325C26.81 39.545 27.035 38.96 27.485 38.57C27.935 38.18 28.55 37.985 29.33 37.985C29.99 37.985 30.56 38.135 31.04 38.435V46.265H38.06Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="3" y="2" width="102.479" height="102.479" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<clipPath id="clip0">
<rect width="66.8064" height="66.8064" fill="white" transform="translate(7 49.2393) rotate(-45)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.5 KiB

27
assets/bike/pump.svg Normal file
View file

@ -0,0 +1,27 @@
<svg width="99" height="123" viewBox="0 0 99 123" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M55.0445 113.094C53.2614 116.981 47.7386 116.981 45.9555 113.094L15.2124 46.085C13.6928 42.7729 16.1129 39 19.7569 39L81.2431 39C84.8871 39 87.3072 42.7729 85.7876 46.085L55.0445 113.094Z" fill="#E2783D"/>
<circle cx="50" cy="49" r="49" fill="#E2783D"/>
<g clip-path="url(#clip0)" filter="url(#filter0_d)">
<path d="M59.2519 79.0738C60.5075 79.0738 61.7117 78.5751 62.5995 77.6872C63.4874 76.7994 63.9862 76.2998 63.9862 75.0442C63.9862 73.7886 63.4874 73.3516 62.5996 72.4637C61.7117 71.5759 60.5075 71.0771 59.2519 71.0771L53.3555 71.0815V69.4784L54.8823 69.4739C56.1376 69.4729 57.3412 68.9738 58.2288 68.0862C59.1164 67.1986 60.2656 66.2038 60.2666 64.9485L60.3118 33.5699C60.3119 33.2223 60.3118 32.5699 60.401 32.2506C60.5341 31.9295 60.547 31.5699 60.725 31.3919C60.9708 31.1462 61.1038 30.9511 61.4249 30.8181C61.746 30.6852 62.6524 30.5698 63 30.5699C63.3475 30.5699 63.9907 30.5669 64.3118 30.7C64.6329 30.833 64.9889 31.2478 65.3118 31.5699C65.5575 31.8156 65.5753 31.9295 65.7083 32.2506C65.8412 32.5717 65.9096 32.9158 65.9096 33.2634L65.9169 59.1411L64.8659 59.1411C64.5926 59.1418 64.3306 59.2497 64.136 59.4415C63.9414 59.6334 63.8298 59.8938 63.8251 60.167L63.7587 64.9175C63.7491 65.609 63.8771 66.2955 64.1351 66.9371C64.393 67.5787 64.776 68.1626 65.2616 68.6549C65.7472 69.1473 66.3258 69.5382 66.9638 69.805C67.6017 70.0718 68.2864 70.2091 68.9779 70.2091L72.1237 70.2091C72.4005 70.209 72.666 70.0991 72.8617 69.9033C73.0574 69.7076 73.1674 69.4422 73.1674 69.1654L73.1674 64.7367C73.1674 64.5979 73.1396 64.4605 73.0857 64.3326C73.0319 64.2046 72.9531 64.0887 72.8539 63.9916C72.7547 63.8944 72.6372 63.8181 72.5081 63.7669C72.3791 63.7158 72.2411 63.6909 72.1023 63.6938L70.1412 63.7358L70.091 60.1693C70.0863 59.8961 69.9747 59.6356 69.7801 59.4438C69.5855 59.2519 69.3235 59.1441 69.0502 59.1433L68.3794 59.1411L68.7232 33.5699C68.7232 32.3143 68.1997 30.4577 67.3118 29.5699C66.424 28.682 65.5 28.0699 63 28.0699C60.7903 28.0699 59.6997 28.682 58.8118 29.5699C57.924 30.4577 57.5395 32.0115 57.5395 33.2671L57.5395 64.7441C57.5383 65.4457 57.2591 66.1183 56.7629 66.6144C56.2668 67.1105 55.5943 67.3898 54.8926 67.391L53.3555 67.391V35.2151C53.3555 34.9383 53.2455 34.6729 53.0498 34.4771C52.854 34.2814 52.5886 34.1715 52.3118 34.1714L51.4973 34.1714L51.4973 25.1871L60.7872 25.1871C61.064 25.187 61.3294 25.0771 61.5252 24.8814C61.7209 24.6856 61.8309 24.4202 61.8309 24.1434V18.9766C61.8308 18.6998 61.7209 18.4344 61.5252 18.2386C61.3294 18.0429 61.064 17.933 60.7872 17.9329L35.6913 17.9329C35.4145 17.9329 35.1491 18.0429 34.9534 18.2386C34.7577 18.4344 34.6477 18.6998 34.6476 18.9766L34.6476 24.1434C34.6477 24.4202 34.7577 24.6856 34.9534 24.8814C35.1491 25.0771 35.4145 25.187 35.6913 25.1871L44.9812 25.1871L44.9812 34.1714L44.1543 34.1714C43.8775 34.1715 43.6121 34.2814 43.4164 34.4771C43.2206 34.6729 43.1107 34.9383 43.1106 35.2151L43.1106 71.0771L37.2266 71.0771C35.971 71.0771 34.7668 71.5759 33.879 72.4637C32.9911 73.3516 32.4923 73.7886 32.4923 75.0442C32.4923 76.2998 32.9911 76.7994 33.879 77.6872C34.7668 78.575 35.971 79.0738 37.2266 79.0738L59.2519 79.0738ZM68.0612 64.8135C68.0631 64.951 68.0922 65.0869 68.1468 65.2131C68.2014 65.3394 68.2805 65.4536 68.3794 65.5493C68.4783 65.6449 68.5952 65.72 68.7232 65.7703C68.8512 65.8206 68.988 65.8451 69.1255 65.8424L71.0749 65.8033L71.0771 68.1246L68.975 68.1246C68.5599 68.1247 68.149 68.0423 67.7661 67.8822C67.3832 67.722 67.0359 67.4874 66.7445 67.1918C66.4531 66.8963 66.2234 66.5458 66.0686 66.1607C65.9139 65.7756 65.8372 65.3635 65.8431 64.9485L65.8926 61.2248H68.0154L68.0612 64.8135ZM36.735 23.0997L36.735 20.0203L59.7435 20.0203L59.7435 23.0997L50.4536 23.0997L46.0249 23.0997L36.735 23.0997ZM47.0686 25.1871L49.4099 25.1871L49.4099 34.1714L47.0686 34.1714V25.1871ZM44.8543 36.2588H46.0249L50.4536 36.2588L51.6243 36.2588L51.6243 67.3865L44.8543 67.3865L44.8543 36.2588ZM44.8543 69.4739L51.6243 69.4739L51.6243 74.0296L44.8543 74.0296L44.8543 69.4739ZM34.5797 75.0442C34.5929 74.3464 34.876 74.4479 35.3696 73.9543C35.8631 73.4608 36.5287 73.1777 37.2266 73.1645L43.1106 73.1645L43.1106 74.3061C43.1107 74.5829 43.2206 74.8483 43.4163 75.0441C43.6121 75.2398 43.8775 75.3498 44.1543 75.3498L52.3118 75.3542C52.5886 75.3542 52.854 75.2442 53.0498 75.0485C53.2455 74.8528 53.3555 74.5873 53.3555 74.3105V73.1689L59.2519 73.1645C59.5999 73.163 59.9448 73.2305 60.2666 73.363C60.5884 73.4955 60.8808 73.6904 61.1268 73.9365C61.3729 74.1825 61.5678 73.7078 61.7003 74.0296C61.8328 74.3514 61.9003 74.6962 61.8988 75.0442C61.8856 75.7421 61.6025 75.7031 61.1089 76.1966C60.6154 76.6902 59.9498 76.9733 59.2519 76.9864L37.2266 76.9864C36.8786 76.9879 36.5337 76.9205 36.2119 76.788C35.8901 76.6555 35.5978 76.4606 35.3517 76.2145C35.1056 75.9684 34.9107 75.676 34.7782 75.3542C34.6457 75.0324 34.5783 75.3922 34.5797 75.0442Z" fill="white"/>
<rect x="44.3118" y="35.5698" width="8" height="39" fill="white"/>
<rect x="35.3118" y="19.5699" width="25" height="4" fill="white"/>
<rect x="46.3119" y="21.5698" width="4" height="14" fill="white"/>
<rect x="34.3118" y="72.5698" width="28" height="5" fill="white"/>
<rect x="65.3119" y="60.5698" width="4" height="8" fill="white"/>
<rect x="68.3118" y="64.5699" width="3" height="4" fill="white"/>
</g>
<defs>
<filter id="filter0_d" x="-3" y="2" width="102.479" height="102.479" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<clipPath id="clip0">
<rect width="66.8064" height="66.8064" fill="white" transform="translate(1 49.2393) rotate(-45)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6 KiB

29
assets/bike/pump_broken.svg Normal file
View file

@ -0,0 +1,29 @@
<svg width="104" height="123" viewBox="0 0 104 123" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M60.0445 113.094C58.2614 116.981 52.7386 116.981 50.9555 113.094L20.2124 46.085C18.6928 42.7729 21.1129 39 24.7569 39L86.2431 39C89.8871 39 92.3072 42.7729 90.7876 46.085L60.0445 113.094Z" fill="#171615"/>
<circle cx="55" cy="49" r="49" fill="#171615"/>
<g clip-path="url(#clip0)" filter="url(#filter0_d)">
<path d="M59.2519 79.0738C60.5075 79.0738 61.7117 78.5751 62.5995 77.6872C63.4874 76.7994 63.9862 76.2998 63.9862 75.0442C63.9862 73.7886 63.4874 73.3516 62.5996 72.4637C61.7117 71.5759 60.5075 71.0771 59.2519 71.0771L53.3555 71.0815V69.4784L54.8823 69.4739C56.1376 69.4729 57.3412 68.9738 58.2288 68.0862C59.1164 67.1986 60.2656 66.2038 60.2666 64.9485L60.3118 33.5699C60.3119 33.2223 60.3118 32.5699 60.401 32.2506C60.5341 31.9295 60.547 31.5699 60.725 31.3919C60.9708 31.1462 61.1038 30.9511 61.4249 30.8181C61.746 30.6852 62.6524 30.5698 63 30.5699C63.3475 30.5699 63.9907 30.5669 64.3118 30.7C64.6329 30.833 64.9889 31.2478 65.3118 31.5699C65.5575 31.8156 65.5753 31.9295 65.7083 32.2506C65.8412 32.5717 65.9096 32.9158 65.9096 33.2634L65.9169 59.1411L64.8659 59.1411C64.5926 59.1418 64.3306 59.2497 64.136 59.4415C63.9414 59.6334 63.8298 59.8938 63.8251 60.167L63.7587 64.9175C63.7491 65.609 63.8771 66.2955 64.1351 66.9371C64.393 67.5787 64.776 68.1626 65.2616 68.6549C65.7472 69.1473 66.3258 69.5382 66.9638 69.805C67.6017 70.0718 68.2864 70.2091 68.9779 70.2091L72.1237 70.2091C72.4005 70.209 72.666 70.0991 72.8617 69.9033C73.0574 69.7076 73.1674 69.4422 73.1674 69.1654L73.1674 64.7367C73.1674 64.5979 73.1396 64.4605 73.0857 64.3326C73.0319 64.2046 72.9531 64.0887 72.8539 63.9916C72.7547 63.8944 72.6372 63.8181 72.5081 63.7669C72.3791 63.7158 72.2411 63.6909 72.1023 63.6938L70.1412 63.7358L70.091 60.1693C70.0863 59.8961 69.9747 59.6356 69.7801 59.4438C69.5855 59.2519 69.3235 59.1441 69.0502 59.1433L68.3794 59.1411L68.7232 33.5699C68.7232 32.3143 68.1997 30.4577 67.3118 29.5699C66.424 28.682 65.5 28.0699 63 28.0699C60.7903 28.0699 59.6997 28.682 58.8118 29.5699C57.924 30.4577 57.5395 32.0115 57.5395 33.2671L57.5395 64.7441C57.5383 65.4457 57.2591 66.1183 56.7629 66.6144C56.2668 67.1105 55.5943 67.3898 54.8926 67.391L53.3555 67.391V35.2151C53.3555 34.9383 53.2455 34.6729 53.0498 34.4771C52.854 34.2814 52.5886 34.1715 52.3118 34.1714L51.4973 34.1714L51.4973 25.1871L60.7872 25.1871C61.064 25.187 61.3294 25.0771 61.5252 24.8814C61.7209 24.6856 61.8309 24.4202 61.8309 24.1434V18.9766C61.8308 18.6998 61.7209 18.4344 61.5252 18.2386C61.3294 18.0429 61.064 17.933 60.7872 17.9329L35.6913 17.9329C35.4145 17.9329 35.1491 18.0429 34.9534 18.2386C34.7577 18.4344 34.6477 18.6998 34.6476 18.9766L34.6476 24.1434C34.6477 24.4202 34.7577 24.6856 34.9534 24.8814C35.1491 25.0771 35.4145 25.187 35.6913 25.1871L44.9812 25.1871L44.9812 34.1714L44.1543 34.1714C43.8775 34.1715 43.6121 34.2814 43.4164 34.4771C43.2206 34.6729 43.1107 34.9383 43.1106 35.2151L43.1106 71.0771L37.2266 71.0771C35.971 71.0771 34.7668 71.5759 33.879 72.4637C32.9911 73.3516 32.4923 73.7886 32.4923 75.0442C32.4923 76.2998 32.9911 76.7994 33.879 77.6872C34.7668 78.575 35.971 79.0738 37.2266 79.0738L59.2519 79.0738ZM68.0612 64.8135C68.0631 64.951 68.0922 65.0869 68.1468 65.2131C68.2014 65.3394 68.2805 65.4536 68.3794 65.5493C68.4783 65.6449 68.5952 65.72 68.7232 65.7703C68.8512 65.8206 68.988 65.8451 69.1255 65.8424L71.0749 65.8033L71.0771 68.1246L68.975 68.1246C68.5599 68.1247 68.149 68.0423 67.7661 67.8822C67.3832 67.722 67.0359 67.4874 66.7445 67.1918C66.4531 66.8963 66.2234 66.5458 66.0686 66.1607C65.9139 65.7756 65.8372 65.3635 65.8431 64.9485L65.8926 61.2248H68.0154L68.0612 64.8135ZM36.735 23.0997L36.735 20.0203L59.7435 20.0203L59.7435 23.0997L50.4536 23.0997L46.0249 23.0997L36.735 23.0997ZM47.0686 25.1871L49.4099 25.1871L49.4099 34.1714L47.0686 34.1714V25.1871ZM44.8543 36.2588H46.0249L50.4536 36.2588L51.6243 36.2588L51.6243 67.3865L44.8543 67.3865L44.8543 36.2588ZM44.8543 69.4739L51.6243 69.4739L51.6243 74.0296L44.8543 74.0296L44.8543 69.4739ZM34.5797 75.0442C34.5929 74.3464 34.876 74.4479 35.3696 73.9543C35.8631 73.4608 36.5287 73.1777 37.2266 73.1645L43.1106 73.1645L43.1106 74.3061C43.1107 74.5829 43.2206 74.8483 43.4163 75.0441C43.6121 75.2398 43.8775 75.3498 44.1543 75.3498L52.3118 75.3542C52.5886 75.3542 52.854 75.2442 53.0498 75.0485C53.2455 74.8528 53.3555 74.5873 53.3555 74.3105V73.1689L59.2519 73.1645C59.5999 73.163 59.9448 73.2305 60.2666 73.363C60.5884 73.4955 60.8808 73.6904 61.1268 73.9365C61.3729 74.1825 61.5678 73.7078 61.7003 74.0296C61.8328 74.3514 61.9003 74.6962 61.8988 75.0442C61.8856 75.7421 61.6025 75.7031 61.1089 76.1966C60.6154 76.6902 59.9498 76.9733 59.2519 76.9864L37.2266 76.9864C36.8786 76.9879 36.5337 76.9205 36.2119 76.788C35.8901 76.6555 35.5978 76.4606 35.3517 76.2145C35.1056 75.9684 34.9107 75.676 34.7782 75.3542C34.6457 75.0324 34.5783 75.3922 34.5797 75.0442Z" fill="white"/>
<rect x="44.3118" y="35.5698" width="8" height="39" fill="white"/>
<rect x="35.3118" y="19.5699" width="25" height="4" fill="white"/>
<rect x="46.3118" y="21.5698" width="4" height="14" fill="white"/>
<rect x="34.3118" y="72.5698" width="28" height="5" fill="white"/>
<rect x="65.3118" y="60.5698" width="4" height="8" fill="white"/>
<rect x="68.3118" y="64.5699" width="3" height="4" fill="white"/>
<rect x="66" y="72.2385" width="21.8167" height="3.68967" transform="rotate(-44.3049 66 72.2385)" fill="#F00D0D"/>
</g>
<rect x="68.4303" y="56.8712" width="22.1163" height="3.52552" transform="rotate(43.5782 68.4303 56.8712)" fill="#F00D0D"/>
<defs>
<filter id="filter0_d" x="-3" y="2" width="102.479" height="102.479" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<clipPath id="clip0">
<rect width="66.8064" height="66.8064" fill="white" transform="translate(1 49.2393) rotate(-45)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.2 KiB

21
assets/bike/repair_shop.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

61
assets/bike/repair_station.svg Normal file
View file

@ -0,0 +1,61 @@
<svg width="98" height="121" viewBox="0 0 98 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.0072 111.614C51.1916 115.395 45.8084 115.395 43.9928 111.614L13.4024 47.9145C11.8084 44.5952 14.2275 40.75 17.9097 40.75L79.0903 40.75C82.7725 40.75 85.1916 44.5952 83.5976 47.9145L53.0072 111.614Z" fill="#32ADF2"/>
<circle cx="49" cy="49" r="49" fill="#32ADF2"/>
<g filter="url(#filter0_d)">
<path d="M62.84 50.816C63.9413 50.7413 64.912 50.704 65.752 50.704C68.1973 50.704 69.42 52.188 69.42 55.156C69.42 58.4787 68.0853 60.14 65.416 60.14C64.632 60.14 63.7733 60.07 62.84 59.93V50.816ZM65.416 59.16C66.0693 59.16 66.564 58.9967 66.9 58.67C67.236 58.3433 67.4553 57.914 67.558 57.382C67.6607 56.8407 67.712 56.164 67.712 55.352C67.712 54.2693 67.5673 53.3873 67.278 52.706C66.9887 52.0247 66.4473 51.684 65.654 51.684C65.3087 51.684 64.9167 51.7073 64.478 51.754V59.076C64.814 59.132 65.1267 59.16 65.416 59.16ZM72.3803 50.76V60H70.7423V50.76H72.3803ZM77.5646 55.73V60H75.9266V55.898L73.2386 50.76H75.0306L76.8506 54.554L78.5726 50.76H80.2526L77.5646 55.73Z" fill="#FFFBFB"/>
</g>
<g filter="url(#filter1_d)">
<path d="M39.0246 31.9734L35.4086 34.9306L35.3903 34.9459C34.5486 35.6731 34.0429 36.7274 34.0026 37.8384C33.9731 38.6517 34.1956 39.4521 34.6251 40.1313L38.1101 36.6498C38.4539 36.3063 39.0114 36.3063 39.3553 36.6498C39.6992 36.9933 39.6992 37.5503 39.3553 37.8939L35.8705 41.3753C36.5103 41.7791 37.2574 42 38.0217 42C38.0696 42 38.1176 41.9991 38.1656 41.9974C39.2777 41.9571 40.333 41.4519 41.0609 40.6109L44.0362 36.9802L39.0246 31.9734Z" fill="#FFF7F7"/>
<path d="M42.008 29.5336L40.394 30.8535L45.1573 35.6121L46.4786 33.9998L42.008 29.5336Z" fill="#FFF7F7"/>
<path d="M44.8629 29.9L46.0573 28.7068L47.3023 29.9507L46.1079 31.1439L44.8629 29.9Z" fill="#FFF7F7"/>
<path d="M52.5127 22.2598L57.2054 17.5716L58.4505 18.8155L53.7578 23.5036L52.5127 22.2598Z" fill="#FFF7F7"/>
<path d="M57.5981 15.4757L61.0772 12L63.9954 14.9153L60.5163 18.3911L57.5981 15.4757Z" fill="#FFF7F7"/>
<path d="M60.4798 30.9612C59.5828 30.0651 58.4814 29.5914 57.295 29.5914C56.9717 29.5914 56.6419 29.627 56.3147 29.6972C55.9636 29.7724 55.582 29.6566 55.3244 29.3991L44.7335 18.8186C44.4694 18.5548 44.3563 18.1695 44.4387 17.813C44.8015 16.2466 44.358 14.7415 43.1901 13.5748C42.1736 12.5592 40.822 12 39.3843 12C38.6498 12 37.9365 12.1457 37.2643 12.4332L36.8657 12.6037L39.9617 15.6966L37.7009 17.9551L34.6051 14.8621L34.4344 15.2604C34.016 16.2367 33.8969 17.3068 34.0898 18.3552C34.2874 19.4288 34.8017 20.4057 35.577 21.1804C36.474 22.0765 37.5753 22.5502 38.7617 22.5502C39.0851 22.5502 39.415 22.5146 39.7421 22.4444C39.8146 22.4288 39.8888 22.421 39.963 22.421C40.2476 22.421 40.5281 22.5382 40.7325 22.7425L51.3233 33.323C51.5877 33.587 51.7007 33.9726 51.618 34.3292C51.2554 35.8951 51.6988 37.4001 52.8667 38.5668C53.8832 39.5824 55.2348 40.1417 56.6725 40.1416C57.4071 40.1416 58.1204 39.9958 58.7924 39.7084L59.1912 39.5379L56.0952 36.445L58.3559 34.1866L61.4517 37.2794L61.6224 36.8811C62.0408 35.9049 62.1599 34.8348 61.967 33.7865C61.7694 32.7128 61.2551 31.7358 60.4798 30.9612Z" fill="#FFF7F7"/>
</g>
<g filter="url(#filter2_d)">
<path d="M37.5636 72.4372H24.7595L31.7436 56.4962H38.7276H43.7716H49.2037M49.2037 56.4962L47.2636 52H49.9797H52.6957M49.2037 56.4962L49.9797 58.5399L51.5317 61.8098L55.7997 72.4372M49.2037 56.4962L45.5176 62.6273L43.306 66.306M41.8316 68.7585L43.306 66.306M34.4596 60.9924L38.3396 69.9847L30.5796 52L32.9076 56.9049M40.6676 70.8022L43.306 66.306" stroke="white" stroke-width="2"/>
<path d="M41.6601 71.7418C41.6601 73.0707 40.6438 74.103 39.4441 74.103C38.2444 74.103 37.2281 73.0707 37.2281 71.7418C37.2281 70.4128 38.2444 69.3806 39.4441 69.3806C40.6438 69.3806 41.6601 70.4128 41.6601 71.7418Z" stroke="white"/>
<path d="M33.4001 70.9243C33.4001 76.0653 29.4565 80.1429 24.7001 80.1429C19.9436 80.1429 16 76.0653 16 70.9243C16 65.7833 19.9436 61.7057 24.7001 61.7057C29.4565 61.7057 33.4001 65.7833 33.4001 70.9243Z" stroke="white" stroke-width="2"/>
</g>
<g filter="url(#filter3_d)">
<path d="M64 71.5C64 76.7932 59.9251 81 55 81C50.0749 81 46 76.7932 46 71.5C46 66.2068 50.0749 62 55 62C59.9251 62 64 66.2068 64 71.5Z" stroke="white" stroke-width="2"/>
</g>
<defs>
<filter id="filter0_d" x="58.84" y="50.704" width="25.4126" height="17.436" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="30" y="12" width="37.9954" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="11" y="51" width="54.7667" height="38.1429" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter3_d" x="41" y="61" width="28" height="29" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.5 KiB

82
assets/bike/repair_station_pump.svg Normal file
View file

@ -0,0 +1,82 @@
<svg width="98" height="121" viewBox="0 0 98 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.0072 111.614C51.1916 115.395 45.8084 115.395 43.9928 111.614L13.4024 47.9145C11.8084 44.5952 14.2275 40.75 17.9097 40.75L79.0903 40.75C82.7725 40.75 85.1916 44.5952 83.5976 47.9145L53.0072 111.614Z" fill="#70C549"/>
<circle cx="49" cy="49" r="49" fill="#70C549"/>
<g filter="url(#filter0_d)">
<path d="M62.84 52.816C63.9413 52.7413 64.912 52.704 65.752 52.704C68.1973 52.704 69.42 54.188 69.42 57.156C69.42 60.4787 68.0853 62.14 65.416 62.14C64.632 62.14 63.7733 62.07 62.84 61.93V52.816ZM65.416 61.16C66.0693 61.16 66.564 60.9967 66.9 60.67C67.236 60.3433 67.4553 59.914 67.558 59.382C67.6607 58.8407 67.712 58.164 67.712 57.352C67.712 56.2693 67.5673 55.3873 67.278 54.706C66.9887 54.0247 66.4473 53.684 65.654 53.684C65.3087 53.684 64.9167 53.7073 64.478 53.754V61.076C64.814 61.132 65.1267 61.16 65.416 61.16ZM72.3803 52.76V62H70.7423V52.76H72.3803ZM77.5646 57.73V62H75.9266V57.898L73.2386 52.76H75.0306L76.8506 56.554L78.5726 52.76H80.2526L77.5646 57.73Z" fill="#FFFBFB"/>
</g>
<g filter="url(#filter1_d)">
<path d="M23.0246 34.9734L19.4086 37.9306L19.3903 37.9459C18.5486 38.6731 18.0429 39.7274 18.0026 40.8384C17.9731 41.6517 18.1956 42.4521 18.6251 43.1313L22.1101 39.6498C22.4539 39.3063 23.0114 39.3063 23.3553 39.6498C23.6992 39.9933 23.6992 40.5503 23.3553 40.8939L19.8705 44.3753C20.5103 44.7791 21.2574 45 22.0217 45C22.0696 45 22.1176 44.9991 22.1656 44.9974C23.2777 44.9571 24.333 44.4519 25.0609 43.6109L28.0362 39.9802L23.0246 34.9734Z" fill="#FFF7F7"/>
<path d="M26.008 32.5336L24.394 33.8534L29.1573 38.612L30.4786 36.9997L26.008 32.5336Z" fill="#FFF7F7"/>
<path d="M28.8629 32.9L30.0573 31.7068L31.3023 32.9507L30.1079 34.1439L28.8629 32.9Z" fill="#FFF7F7"/>
<path d="M36.5127 25.2598L41.2054 20.5716L42.4505 21.8155L37.7578 26.5036L36.5127 25.2598Z" fill="#FFF7F7"/>
<path d="M41.5981 18.4757L45.0772 15L47.9954 17.9153L44.5163 21.3911L41.5981 18.4757Z" fill="#FFF7F7"/>
<path d="M46.423 34.0562C45.526 33.1601 44.4247 32.6864 43.2382 32.6864C42.915 32.6864 42.5851 32.722 42.258 32.7922C41.9069 32.8674 41.5252 32.7516 41.2676 32.4941L30.6768 21.9136C30.4126 21.6498 30.2996 21.2645 30.382 20.908C30.7447 19.3415 30.3013 17.8365 29.1334 16.6698C28.1169 15.6542 26.7652 15.095 25.3275 15.095C24.593 15.095 23.8798 15.2407 23.2076 15.5282L22.8089 15.6987L25.9049 18.7916L23.6442 21.05L20.5483 17.9571L20.3776 18.3554C19.9593 19.3316 19.8402 20.4017 20.0331 21.4501C20.2306 22.5238 20.7449 23.5007 21.5202 24.2754C22.4173 25.1715 23.5185 25.6452 24.705 25.6451C25.0284 25.6451 25.3582 25.6095 25.6854 25.5393C25.7578 25.5238 25.8321 25.5159 25.9062 25.5159C26.1908 25.5159 26.4713 25.6332 26.6757 25.8375L37.2665 36.418C37.5309 36.6819 37.6439 37.0676 37.5612 37.4242C37.1986 38.99 37.6421 40.4951 38.8099 41.6618C39.8265 42.6774 41.1781 43.2367 42.6158 43.2366C43.3504 43.2365 44.0636 43.0908 44.7356 42.8034L45.1344 42.6328L42.0385 39.54L44.2991 37.2815L47.395 40.3744L47.5657 39.9761C47.984 38.9999 48.1032 37.9297 47.9102 36.8814C47.7127 35.8078 47.1984 34.8308 46.423 34.0562Z" fill="#FFF7F7"/>
</g>
<g clip-path="url(#clip0)" filter="url(#filter2_d)">
<path d="M71.2453 43.7102C71.8434 43.7102 72.4169 43.4726 72.8398 43.0497C73.2627 42.6268 73.5003 42.3889 73.5003 41.7909C73.5003 41.1928 73.2627 40.9847 72.8398 40.5618C72.4169 40.1389 71.8434 39.9013 71.2453 39.9013L68.4369 39.9034V39.1398L69.1641 39.1377C69.762 39.1373 70.3353 38.8995 70.758 38.4768C71.1808 38.054 71.7281 37.5802 71.7286 36.9823L71.7502 22.0367C71.7502 21.8712 71.7502 21.5604 71.7927 21.4083C71.856 21.2554 71.8622 21.0841 71.947 20.9993C72.064 20.8823 72.1274 20.7894 72.2803 20.726C72.4333 20.6627 72.865 20.6078 73.0305 20.6078C73.1961 20.6078 73.5024 20.6064 73.6554 20.6698C73.8083 20.7331 73.9779 20.9307 74.1317 21.0841C74.2487 21.2012 74.2572 21.2554 74.3205 21.4083C74.3838 21.5613 74.4164 21.7252 74.4164 21.8907L74.4199 34.2162L73.9193 34.2162C73.7891 34.2166 73.6643 34.268 73.5716 34.3593C73.4789 34.4507 73.4258 34.5748 73.4236 34.7049L73.3919 36.9675C73.3874 37.2969 73.4483 37.6238 73.5712 37.9294C73.6941 38.235 73.8764 38.5131 74.1077 38.7476C74.339 38.9821 74.6146 39.1683 74.9185 39.2954C75.2223 39.4225 75.5484 39.4879 75.8778 39.4879H77.3762C77.508 39.4879 77.6344 39.4355 77.7277 39.3423C77.8209 39.2491 77.8733 39.1226 77.8733 38.9908L77.8733 36.8814C77.8732 36.8153 77.86 36.7499 77.8344 36.6889C77.8087 36.628 77.7712 36.5728 77.7239 36.5265C77.6767 36.4802 77.6207 36.4439 77.5593 36.4195C77.4978 36.3952 77.4321 36.3833 77.366 36.3847L76.4319 36.4047L76.408 34.7059C76.4057 34.5758 76.3526 34.4518 76.2599 34.3604C76.1672 34.269 76.0424 34.2176 75.9123 34.2173L75.5927 34.2162L75.7565 22.0367C75.7565 21.4386 75.5071 20.5544 75.0843 20.1315C74.6614 19.7086 74.2213 19.417 73.0305 19.417C71.9781 19.417 71.4586 19.7086 71.0357 20.1315C70.6128 20.5544 70.4297 21.2944 70.4297 21.8925L70.4297 36.8849C70.4292 37.2191 70.2961 37.5394 70.0598 37.7758C69.8235 38.0121 69.5032 38.1451 69.169 38.1456H68.4369L68.4369 22.8203C68.4369 22.6885 68.3845 22.562 68.2913 22.4688C68.198 22.3756 68.0716 22.3232 67.9398 22.3232L67.5518 22.3232L67.5518 18.044L71.9766 18.044C72.1084 18.044 72.2349 17.9916 72.3281 17.8984C72.4213 17.8051 72.4737 17.6787 72.4737 17.5469L72.4737 15.0859C72.4737 14.9541 72.4213 14.8277 72.3281 14.7345C72.2349 14.6412 72.1084 14.5889 71.9766 14.5888L60.0235 14.5888C59.8916 14.5889 59.7652 14.6412 59.672 14.7345C59.5788 14.8277 59.5264 14.9541 59.5264 15.0859L59.5264 17.5469C59.5264 17.6787 59.5788 17.8051 59.672 17.8984C59.7652 17.9916 59.8916 18.044 60.0235 18.044L64.4482 18.044L64.4482 22.3232L64.0544 22.3232C63.9225 22.3232 63.7961 22.3756 63.7029 22.4688C63.6097 22.562 63.5573 22.6885 63.5573 22.8203L63.5573 39.9013L60.7547 39.9013C60.1567 39.9013 59.5831 40.1389 59.1602 40.5618C58.7374 40.9847 58.4998 41.1928 58.4998 41.7909C58.4998 42.3889 58.7374 42.6268 59.1602 43.0497C59.5831 43.4726 60.1567 43.7102 60.7547 43.7102L71.2453 43.7102ZM75.4412 36.918C75.4421 36.9835 75.456 37.0482 75.482 37.1083C75.508 37.1685 75.5456 37.2229 75.5927 37.2684C75.6399 37.314 75.6955 37.3498 75.7565 37.3737C75.8175 37.3977 75.8826 37.4093 75.9481 37.408L76.8766 37.3894L76.8777 38.4951L75.8764 38.4951C75.6787 38.4951 75.483 38.4559 75.3006 38.3796C75.1183 38.3033 74.9529 38.1915 74.8141 38.0508C74.6753 37.91 74.5658 37.7431 74.4921 37.5596C74.4184 37.3762 74.3819 37.18 74.3847 36.9823L74.4083 35.2087L75.4194 35.2087L75.4412 36.918ZM60.5206 17.0498L60.5206 15.583L71.4795 15.5831L71.4795 17.0498L67.0547 17.0498L64.9453 17.0498L60.5206 17.0498ZM65.4425 18.044L66.5576 18.044L66.5576 22.3232L65.4425 22.3232L65.4425 18.044ZM64.3878 23.3174L64.9453 23.3174H67.0547H67.6123L67.6123 38.1435L64.3878 38.1435V23.3174ZM64.3878 39.1377H67.6123L67.6123 41.3076L64.3878 41.3076V39.1377ZM59.494 41.7909C59.5003 41.4585 59.6351 41.5068 59.8702 41.2718C60.1053 41.0367 60.4223 40.9018 60.7547 40.8956H63.5573L63.5573 41.4393C63.5573 41.5711 63.6097 41.6976 63.7029 41.7908C63.7961 41.884 63.9225 41.9364 64.0544 41.9364L67.9398 41.9385C68.0716 41.9385 68.198 41.8861 68.2913 41.7929C68.3845 41.6997 68.4369 41.5732 68.4369 41.4414V40.8977L71.2453 40.8956C71.4111 40.8948 71.5754 40.927 71.7286 40.9901C71.8819 41.0532 72.0212 41.146 72.1384 41.2632C72.2556 41.3804 72.3484 41.1543 72.4115 41.3076C72.4746 41.4609 72.5067 41.6251 72.506 41.7909C72.4998 42.1233 72.3649 42.1047 72.1298 42.3397C71.8948 42.5748 71.5777 42.7097 71.2453 42.7159L60.7547 42.7159C60.589 42.7166 60.4247 42.6845 60.2714 42.6214C60.1182 42.5583 59.9789 42.4655 59.8617 42.3483C59.7445 42.2311 59.6517 42.0918 59.5885 41.9385C59.5254 41.7852 59.4933 41.9566 59.494 41.7909Z" fill="white"/>
<rect x="64.1293" y="22.9893" width="3.81039" height="18.5756" fill="white"/>
<rect x="59.8427" y="15.3685" width="11.9075" height="1.90519" fill="white"/>
<rect x="65.082" y="16.3211" width="1.90519" height="6.66818" fill="white"/>
<rect x="59.3664" y="40.6124" width="13.3364" height="2.38149" fill="white"/>
<rect x="74.1317" y="34.8968" width="1.90519" height="3.81039" fill="white"/>
<rect x="75.5605" y="36.8019" width="1.4297" height="1.90627" fill="white"/>
</g>
<g filter="url(#filter3_d)">
<path d="M37.5636 75.4372H24.7595L31.7436 59.4962H38.7276H43.7716H49.2037M49.2037 59.4962L47.2636 55H49.9797H52.6957M49.2037 59.4962L49.9797 61.5399L51.5317 64.8098L55.7997 75.4372M49.2037 59.4962L45.5176 65.6273L43.306 69.306M41.8316 71.7585L43.306 69.306M34.4596 63.9924L38.3396 72.9847L30.5796 55L32.9076 59.9049M40.6676 73.8022L43.306 69.306" stroke="white" stroke-width="2"/>
<path d="M41.6601 74.7418C41.6601 76.0707 40.6438 77.103 39.4441 77.103C38.2444 77.103 37.2281 76.0707 37.2281 74.7418C37.2281 73.4128 38.2444 72.3806 39.4441 72.3806C40.6438 72.3806 41.6601 73.4128 41.6601 74.7418Z" stroke="white"/>
<path d="M33.4001 73.9243C33.4001 79.0653 29.4565 83.1429 24.7001 83.1429C19.9436 83.1429 16 79.0653 16 73.9243C16 68.7833 19.9436 64.7057 24.7001 64.7057C29.4565 64.7057 33.4001 68.7833 33.4001 73.9243Z" stroke="white" stroke-width="2"/>
</g>
<g filter="url(#filter4_d)">
<path d="M64 74.5C64 79.7932 59.9251 84 55 84C50.0749 84 46 79.7932 46 74.5C46 69.2068 50.0749 65 55 65C59.9251 65 64 69.2068 64 74.5Z" stroke="white" stroke-width="2"/>
</g>
<defs>
<filter id="filter0_d" x="58.84" y="52.704" width="25.4126" height="17.436" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="14" y="15" width="38.0001" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="39.5" y="7" width="53" height="53" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter3_d" x="11" y="54" width="54.7667" height="38.1429" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter4_d" x="41" y="64" width="28" height="29" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<clipPath id="clip0">
<rect width="31.8198" height="31.8198" fill="white" transform="translate(43.5 29.5) rotate(-45)"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

164
assets/bike/shop.svg Normal file
View file

@ -0,0 +1,164 @@
<svg width="98" height="121" viewBox="0 0 98 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.0445 111.094C51.2614 114.981 45.7386 114.981 43.9555 111.094L13.2124 44.085C11.6928 40.7729 14.1129 37 17.7569 37L79.2431 37C82.8871 37 85.3072 40.7729 83.7876 44.085L53.0445 111.094Z" fill="#383E57"/>
<circle cx="49" cy="49" r="49" fill="#383E57"/>
<g filter="url(#filter0_d)">
<ellipse cx="20" cy="32.5" rx="7" ry="5.5" fill="white"/>
</g>
<g filter="url(#filter1_d)">
<ellipse cx="63.5" cy="32.5" rx="7.5" ry="5.5" fill="white"/>
</g>
<g filter="url(#filter2_d)">
<ellipse cx="78" cy="32.5" rx="7" ry="5.5" fill="white"/>
</g>
<g filter="url(#filter3_d)">
<ellipse cx="49" cy="32.5" rx="7" ry="5.5" fill="white"/>
</g>
<g filter="url(#filter4_d)">
<ellipse cx="34.5" cy="32.5" rx="7.5" ry="5.5" fill="white"/>
</g>
<path d="M19.5 24.5L30.3253 31.5H8.67468L19.5 24.5Z" fill="white"/>
<path d="M79 24.5L89.3253 31.5H67.6747L79 24.5Z" fill="white"/>
<rect x="19" y="20" width="60" height="14" fill="white"/>
<rect x="6" y="31" width="85" height="1" fill="#383E57"/>
<g filter="url(#filter5_d)">
<rect x="21" y="38" width="4" height="34" fill="white"/>
</g>
<g filter="url(#filter6_d)">
<rect x="74" y="39" width="4" height="34" fill="white"/>
</g>
<g filter="url(#filter7_d)">
<rect x="16" y="72" width="67" height="5" fill="white"/>
</g>
<g filter="url(#filter8_d)">
<path d="M43.1579 63.8659H33.5872L38.8076 52.2202H44.028H47.7983H51.8586M51.8586 52.2202L50.4085 48.9355H52.4386H54.4688M51.8586 52.2202L52.4386 53.7132L53.5987 56.1021L56.789 63.8659M51.8586 52.2202L49.1034 56.6993L47.4502 59.3867M46.3481 61.1784L47.4502 59.3867M40.8377 55.5049L43.7379 62.0742L37.9375 48.9355L39.6776 52.5188M45.4781 62.6714L47.4502 59.3867" stroke="white" stroke-width="2"/>
<path d="M46.0936 63.3578C46.0936 64.25 45.3949 64.9481 44.5635 64.9481C43.732 64.9481 43.0333 64.25 43.0333 63.3578C43.0333 62.4657 43.732 61.7676 44.5635 61.7676C45.3949 61.7676 46.0936 62.4657 46.0936 63.3578Z" stroke="white"/>
<path d="M39.7932 62.7607C39.7932 66.359 36.9675 69.2258 33.5427 69.2258C30.1179 69.2258 27.2921 66.359 27.2921 62.7607C27.2921 59.1623 30.1179 56.2955 33.5427 56.2955C36.9675 56.2955 39.7932 59.1623 39.7932 62.7607Z" stroke="white" stroke-width="2"/>
<ellipse cx="60.279" cy="57.3748" rx="0.210172" ry="0.216394" fill="black" fill-opacity="0.49"/>
</g>
<g filter="url(#filter9_d)">
<path d="M43.1579 63.8659H33.5872L38.8076 52.2202H44.028H47.7983H51.8586M51.8586 52.2202L50.4085 48.9355H52.4386H54.4688M51.8586 52.2202L52.4386 53.7132L53.5987 56.1021L56.789 63.8659M51.8586 52.2202L49.1034 56.6993L47.4502 59.3867M46.3481 61.1784L47.4502 59.3867M40.8377 55.5049L43.7379 62.0742L37.9375 48.9355L39.6776 52.5188M45.4781 62.6714L47.4502 59.3867" stroke="white" stroke-width="2"/>
<path d="M46.0936 63.3578C46.0936 64.25 45.3949 64.9481 44.5635 64.9481C43.732 64.9481 43.0333 64.25 43.0333 63.3578C43.0333 62.4657 43.732 61.7676 44.5635 61.7676C45.3949 61.7676 46.0936 62.4657 46.0936 63.3578Z" stroke="white"/>
<path d="M39.7932 62.7607C39.7932 66.359 36.9675 69.2258 33.5427 69.2258C30.1179 69.2258 27.2921 66.359 27.2921 62.7607C27.2921 59.1623 30.1179 56.2955 33.5427 56.2955C36.9675 56.2955 39.7932 59.1623 39.7932 62.7607Z" stroke="white" stroke-width="2"/>
<ellipse cx="60.279" cy="57.3748" rx="0.210172" ry="0.216394" fill="black" fill-opacity="0.49"/>
</g>
<g filter="url(#filter10_d)">
<circle cx="56.5" cy="63.5" r="6.5" stroke="white" stroke-width="2"/>
</g>
<path d="M63.2749 56.3586C62.609 56.7271 61.792 56.2445 61.7917 55.4825L61.7903 51.7748C61.7901 51.0004 62.6308 50.5198 63.2972 50.9134L66.5392 52.8283C67.2055 53.2219 67.1924 54.1913 66.5155 54.5658L63.2749 56.3586Z" fill="white"/>
<g filter="url(#filter11_d)">
<rect width="7.82366" height="6.20457" rx="1" transform="matrix(0.490888 -0.871223 0.870592 0.492006 61.4893 51.5931)" fill="white"/>
</g>
<path d="M66.0399 53.2049C62.045 51.8388 64.4608 45.5484 68.7455 48.7409" stroke="#383E57" stroke-width="0.75"/>
<path d="M63.0112 49.4193L66.8764 51.3548M63.4944 48.4516L67.5528 50.4839" stroke="#383E57" stroke-width="0.75"/>
<circle cx="63.5" cy="54.5" r="0.5" fill="#383E57"/>
<defs>
<filter id="filter0_d" x="9" y="27" width="22" height="19" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter1_d" x="52" y="27" width="23" height="19" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="67" y="27" width="22" height="19" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter3_d" x="38" y="27" width="22" height="19" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter4_d" x="23" y="27" width="23" height="19" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter5_d" x="17" y="38" width="12" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter6_d" x="70" y="39" width="12" height="42" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter7_d" x="12" y="72" width="75" height="13" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter8_d" x="22.2921" y="47.9355" width="42.1971" height="30.2904" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter9_d" x="22.2921" y="47.9355" width="42.1971" height="30.2904" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter10_d" x="45" y="56" width="23" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter11_d" x="57.8511" y="45.1395" width="16.5185" height="17.1438" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

4
package.json
View file

@ -4,8 +4,8 @@
"description": "A small website to edit OSM easily",
"main": "index.js",
"scripts": {
"start": "parcel index.html land.html test.html assets/test.json assets/* UI/* Logic/* vendor/*",
"build": "rm -rf dist/ && parcel build --public-url ./ index.html land.html assets/*",
"start": "parcel index.html land.html test.html assets/test.json assets/**/* UI/* Logic/* vendor/*",
"build": "rm -rf dist/ && parcel build --public-url ./ index.html land.html assets/* assets/*/*",
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [