IMPORTANT: Make sure to read the [GSoC participant instructions](https://www.mediawiki.org/wiki/Google_Summer_of_Code/Participants) and [communication guidelines](https://www.mediawiki.org/wiki/New_Developers/Communication_tips) thoroughly before commenting on this task. This space is for project-specific questions, so avoid asking questions about getting started, setting up Gerrit, etc. When in doubt, ask your question on [Zulip](https://www.mediawiki.org/wiki/Outreach_programs/Zulip) first!
===Brief summary
In 2016, the front page of Wikipedia: [[ https://www.wikipedia.org | www.wikipedia.org ]] , underwent a subtle refresh. The code was moved from a series of scripts on [[ https://meta.wikimedia.org/wiki/Project_portals | meta.wikimedia.org ]] into [[ https://gerrit.wikimedia.org/g/wikimedia/portals/+/refs/heads/master | a git repository ]] which utilizes Mustache templates and a build step to generate the final HTML page. Unfortunately, Wikimedia’s other projects, like Wikiquote, Wikisource, Wikibooks, etc. we left out of this refresh and their pages are still generated via the scripts on meta.wikimedia.org.
**Project portals**:
| [[ https://Wikibooks.org | Wikibooks ]] {F30041644} | [[ https://Wikiversity.org | Wikiversity ]] {F30041645} | [[ https://Wikinews.org | Wikinews ]] {F30041650} | [[ https://Wikiquote.org | Wikiquote ]] {F30041651} | [[ https://Wiktionary.org | Wiktionary ]] {F30041653}
**This project aims to convert these pages into HTML templates so that they can run through the same build-step as [[ https://www.wikipedia.org | www.wikipedia.org ]].**
===Skills required
This project is well suited for anyone interested in **semantic HTML & CSS** and front-end build steps. The specific technologies involved are: [[ https://handlebarsjs.com | Handlebars templates ]], [[ http://lesscss.org | Less CSS ]], plain Javascript, Node.js scripts and a build-step powered by [[ https://gulpjs.com | Gulp.js ]]. There is no server-side component to this project.
===More Information
- Pabricator tag: #wikimedia-portals
- Workboard: https://phabricator.wikimedia.org/project/board/1619/
- A similar task outlining the desired result: T230593
===Possible mentor(s)
@Jdrewniak
===Microtasks
- {T262933}
- {T262783}
- {T262658}
- {T260213}
- {T209010}
- {T194134}
- {T277406}
- {T277407}
- {T277408}
- {T277405} //This is not a microtask but good for understanding the Gulp.js build system//
- {T278035}
- {T278039}