Code Monkey home page Code Monkey logo

website's Introduction

OSM BE Website

The new OpenStreetMap Belgium website.

The master branch is published to https://openstreetmap.be.

Customizing the website

Feel free to customize the website content.

Creating an new post

  1. In the _posts directory, create a new Markdown file. Name the file in the pattern of YYYY-MM-DD-language-slug.md, where YYYY-MM-DD is the date of the event or post, language is the language of the post (fr, nl, en or ge) and slug is a short, unique identifier for post. For example, a post in English dated January 1, 2016 entitled "Mappy New Year" might be named 2016-01-01-en-mappy-new-year.md.

  2. At the top of the Markdown file, add front matter for your content type. Each post needs some extra information at the top of the file called front matter. The front matter determines what kind of content it is and other settings, like authorship or RSVP information. See the next section, Content types, for a listing of front matter options.

    Here's example front matter for a post:

    ---
    title: Missing Maps Mapathon at Doctors without Borders / Handicap International Brussels 
    featured: images/post/missing-maps.png
    layout: post
    author: Jorieke Vyncke
    lang: nl
    ---
    
  3. Beneath the front matter, write your post text. You can format your text using Markdown. For example:

    Artsen Zonder Grenzen (AZG) en Handicap International (HI) verwelkomen ons voor de volgende Missing Maps Mapathon. Kom en maak nieuwe kaarten met ons en samen met zij die de kaarten zullen gebruiken op het terrein! 
    
  4. Preview your work with the "preview" tab.

  5. Once you're satisfied with your new post, Propose a new file and then Create pull request. You pull request will be checked and merged to the website is everything is good.

In a few minutes, your post appears on website!

Content Types

Post

Posts are like blog posts. These are great for meetup follow-ups or posts that don't have a meetup event tied to it.

Name Required Value Description
layout Yes post This value should always be post.
lang Yes Language of the post This value must be fr, nl, en (or ge).
title Yes Title of your post
author No Author's name
featured No URL path to an image An image added here will show up for the post.

Getting help

  • If you're having a problem (or if you have a suggestion), create an issue and we'll respond to it.
  • The site is powered by Jekyll. To make custom tweaks to your own site, you should read Jekyll's documentation.
  • The website is running the site on GitHub Pages (i.e., on the gh-pages branch of your repository). See Getting Started with GitHub Pages for more information about using GitHub Pages.

This README file is based on Maptime README file.

website's People

Contributors

d33pfri3d avatar dependabot-preview[bot] avatar dependabot[bot] avatar foxandpotatoes avatar hgcvm avatar jbelien avatar joostschouppe avatar jorieke avatar m1dgard avatar marcbessieres avatar marcgemis avatar mneumegen avatar mushishi78 avatar nobohan avatar olinau avatar pietervdvn avatar rustyb avatar seppesantens avatar thibaultmol avatar ubipo avatar xivk avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

website's Issues

add that we are a local chapter

At the footer of the page it currently says: We are a working group and part of Open Knowledge Belgium

That should probably become: We are a working group and part of Open Knowledge Belgium and a Local Chapter (1) of the OpenStreetMap Foundation (2).

link 1: https://wiki.osmfoundation.org/wiki/Local_Chapters
link 2: https://blog.openstreetmap.org/about/

I couldn't find the page where this is defined...

In Dutch: Wij zijn een werkgroep en deel van Open Knowledge Belgium en een Local Chapter van de OpenStreetMap Foundation

Rethink structure to enable pagination

Due to actual directory structure (en, nl, fr) it's not possible to enable pagination (and probably other plugins).

What do you think if I change the directory structure the same as I did for the company I work for website ?
See https://github.com/geo6/website and https://geo6.be/

I do not intend to change anything in the resulting website, the pages, the posts, everything stays just as it is right now ; my goal is just to change the structure of the pages so we can enable pagination.

add a page about how OSM.be is organized and who sponsored

Add something like this:

http://osm.be/nl/organization

Also update text about OKFN

Basically:

OSM België & OKFN

(logo here)

OpenStreetMap België werkt samen met de Open Knowledge Foundation Belgium (OKFN Belgium). OSM BE werkt als een werkgroep binnen OKFN België. osm.be osm.be is de verzamelnaam voor alle leden van de OpenStreetMap-gemeenschap in België. De gemeenschap organiseert verschillende activiteiten en ondersteunt elkaar in mapping activiteiten. Door kennis te delen over de OpenStreetMap-wereld verbeteren we onze eigen werking met als einddoel het in kaart brengen van heel België op OpenStreetMap.

(open knowledge logo here)

De Open Knowledge Foundation (OKFN) is een non-profit organisation opgericht in 2004 ter ondersteuning en promotie van open knowledge in al zijn vormen. De Belgische afdeling werd opgericht in februari 2012 om een overkoepelende organisatie te vormen voor open knowledge in België.

OpenStreetMap België ontvangt steun van, of heeft in het verleden steun ontvangen van:

(sponsors here)

Directing more people towards the Riot/Matrix channel

As one of the 'newbies' around, an argument was raised about how it's not overly easy to actually find the Riot channel, where a lot of the core activity is going on / being discussed.

I would like to propose a direct invitation link to the channel being posted on the front page of osm.be, and possibly additionally a basic 'how to' on Riot, and detail on why Riot was chosen as an open source alternative to slack / discord which are known to a broader audience.

This would help counter two things:

  1. People not being able to find it.
  2. People not knowing what the hell this Riot thing is about.

Additionally, this could be extended to a 'sticky' is the Belgium section for the Openstreetmap forums.

Get https://osm.be/ and https://www.osm.be/ to work

GitHub Pages is configured for www.osm.be and so http://www.osm.be/ and https://www.osm.be/ work perfectly.

http://osm.be/ is currently redirected to https://www.osm.be/

BUT if we request https://osm.be/ there is (of course) a SSL certificate issue.

What would be the best way to fix it ?

Idea :

  1. Configure GitHub for osm.be (https://osm.be/)
  2. Host a simple redirection page on a server (could be mine)
    1. Page will redirect to https://osm.be/
    2. Page will be configured for
      • www.osm.be
      • openstreetmap.be
      • www.openstreetmap.be
    3. Page will have SSL certificate for all (sub-)domains (using Let's Encrypt)

Calendar: Upcoming events

Issue with the "Upcoming events" : since the page is generated by the last commit, the upcoming event list is wrong.

Need to use JavaScript to fix this !

Rethink "Join" page

Now it says: "Join OpenStreetMap Belgium and support us. We will keep you up-to-date on events, news and ongoing projects!"

I think we should clarify here who we would like to "join" (i.e. become member), and what do we expect of them. There should be a much more clear distinction from "signing up for updates".

So I'd suggest something like this:

"
Do you want to join our community? Check out our communication channels (LINK to page explaining meetup, twitter, etc).

Are you ready to step up your commitment to OpenStreetMap in Belgium? Then become an official member, using the form below. Read more about what it means to be an OSMbe member here (LINK)

Do you just want to be updated about our most important news and activities? Then subscribe to our (infrequent) newsletter with the form below.
"

(EDIT: of course the page about OSMbe membership can only be written AFTER we have the "official" meeting in Brussels)

The title of the blog post could have the blog post name

Currently in the browser title for the blog post one can see OpenStreetMap Belgium/België/Belgique according to your language.

It could also in addition contain the title of the blog post like:
Mapper of the month: Brecht Bonne

Remove Google Analytics

I think we should remove google analytics, for various reasons. Anyone know of alternatives that can also be useful?

'Knowledge archive' page

In under a week within the riot channel, I've seen a ton of usefull pages being linked, on a variety of subjects. I'm covering it now through a series of bookmarks, but a page bundeling an afwul lot of helpfull pages / scripts / .. could be significant added value.

This could contain - without limiting it to the following list - things like:

  • Mapillary as a data source / how to contribute to it / how to request a free mount
  • Links to a few standard scripted pages on turbo overpass (like the one supplied to check max speeds)
  • Links to the forums, activity calendars, ..
  • List of WMS sources which can be used within the scope of OSM license
  • ...

I have a feeling there is a ton of great tools (and easy to use web applets) lying around, where links are gathering dust rather then reaching their potential due to not being known to the general public.

In case of 'building an osm.be community', bundling them through the website osm.be would assist in piggybacking of eachothers knowledge, data sources and general insights for mutual improvement and quality of life while processing data. OSM.be seems a better platform then this then merely an international wiki, though it could of course be duplicated there.

Add a donate button

Can we figure out a quick and simple way to add a donate button to the website?

I'm financing everything personally still and we need a (small) provable source of income to move those services under the Open Knowledge Belgium umbrella.

This doesn't need to be perfect, just simple...

When we have this I can just start donating whatever expenses there are now via the new system and we can move all services to Open Knowledge Belgium (domains and 1 machine).

Add a link to a map

We should probably add a link on the frontpage for people who want to see some maps!

add a page about the tasking manager

Some inspiration from @jbelien:

The Task Manager is running behind Apache server so it runs on his own now !

The "new" link is http://tasks.osm.be/

Feel free to play around and do not fear to break it ! If it happens, contact me, I'll check what went wrong :D
And feel free to share the link with anyone of course.
You're an administrator so feel free to upgrade user accounts if needed, or delete test projects or anything you want...

When we decide to go to production , it would be nice to redirect something like https://tasks.openstreetmap.be/ to this task manager. Do you know who is in charge of the domain name "openstreetmap.be" ?
(by the way "openstreetmap.brussels" and "openstreetmap.vlaanderen" are still available :P)

I will use the same server to try to host OSM-BE baselayers (one in french, one in dutch - and probably one in german) as soon as I got some rest !

This is currently a small server I rent for 2.99 EUR (without taxes) a month hosted by OVH in France.

We can use this API to show tasks in uMap for instance (or anything similar).
The document is here : https://github.com/hotosm/osm-tasking-manager2/wiki/API

Template page for using OSM-be tiles in a leaflet / openlayers map applet

As suggested by Jakka in the Riot Channel:

We could use a code template, easily found on website, on how people can use the OSM-be tiles in a webmap (with attribution and all), with a demo on how to use a marker in the map.

A demo page + a code snippet where we mark what needs to be changed in order to make the code work for integration in a website (and possibly bundel all those variables in one block at the start?)

Switch to HTTPS

More and more website are switching to HTTPS (mostly thanks to Let's Encrypt) and I think it's time for us too :)

But it means that we can't use osm.be hosted by GitHub Pages anymore ; unfortunately GitHub Pages does not allow (yet ?) to have our own domain name (osm.be) and HTTPS.

I see (at the moment) 2 solutions :

I would recommend the second solution ; not very "professional" to have an official website which url is https://.github.io/ 😁
But it would mean that (in a first step) every update has to be manually done on the server hosting https://osm.be/ ; I know it's possible to make to update automatic with tools like Travis or Chef or ... but I have never done it myself and must admit it looks at bit "opaque" at the moment (maybe someone can help me with that 😊 )

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.