Blog

Wiki Loves Monuments 2017

Wiki Loves Monuments is an international photo contest organized by Wikimedia. It features photos of heritage sites around the world, from Italy to India and Germany to Thailand.

For last year’s contest, a staggering 245,000 images were submitted by over 10,000 photographers. In the end, this vast pool of submissions was whittled down to only 15 winners.

All of the winning photos are beautiful, but I want to highlight a few that really stood out to me.

A photograph of Wat Benchamabophit, a Buddhist temple in Bankok, Thailand.

Wat Benchamabophit by BerryJ. This photograph features Wat Benchamabophit, a Buddhist temple in Bangkok, Thailand. I love how the symmetry of the temple contrasts with the distinctly asymmetrical background of the sky.

Svaneti towers in Mestia, Georgia.

Svaneti towers by Dmytro B. In this photograph, Dmytro Balkhovitin captures the defensive towers typical of the Svaneti region in Georgia. The way the artificial light pierces this medieval scene is particularly interesting.

Notre Dame basilica in Montreal, Canada.

Notre Dame basilica by Diego Delso. This stunning photograph features the Notre Dame basilica in Montreal, Canada. It perfectly captures the church’s colorful vaults and intricate statues.

Verrucole Castle, a medieval fortress in the Italian Tuscany.

Verrucole Castle by Iris Gonelli. I can’t get enough of this photo of Verrucole Castle. The natural scenery and unusual lighting make for a beautiful composition.

To view all of this year’s finalists and winners, click here.

Building your own version of Genericons

Genericons is an icon font created by Automattic. The default icons work great for most applications, but sometimes custom tailoring is required. Perhaps you need to add a new logo, or want to remove those you’re not using? In any case, Genericons Grunt makes it easy to bake your own flavor of Genericons. Let me show you how it works.

Step 1: Install ttfautohint and fontforge

Genericons Grunt uses FontForge as a font rendering engine. It also depends on ttfautohint for hinting. The first thing we need to do is install these dependencies.

OS X

brew install ttfautohint fontforge --with-python

Linux

sudo apt-get install ttfautohint fontforge

Windows

  1. Download and install ttfautohint.
  2. Download and install FontForge.
  3. Add C:\Program Files (x86)\FontForgeBuilds\bin to your PATH environment variable.

Step 2: Clone genericons-grunt

Next, let’s clone the Genericons Grunt repository and cd into it.

git clone https://github.com/bporcelli/genericons-grunt.git
cd genericons-grunt    

Step 3: Choose your icons

Now we’ll choose the icons for our version of Genericons. This is as easy as adding, editing, or removing SVG source files from the svg/ directory.

Note: All icons should be aligned on a 16 by 16 pixel grid for the best results.

Step 4: Bake the font!

Finally, we get to build our icon font! It’s as easy as running two commands:

npm install
npm run build

If all goes well, the genericons directory will now contain your customized Genericons font.

Note for Windows users

You may encounter a build error when running npm install. If so, install Visual Studio 2015 and try again.

Conclusion

Now you know how to build your own version of Genericons. Please leave a comment below if you have any questions or suggestions!