We are using GitHub Pages for the website. You can have a look at the gh-pages branch, and the site can be found at RailsGirlsSummerOfCode.org.
Every team has to write two blog posts during the summer. The first blog post has to be done by August 16th; the second blog post should be scheduled between September 19th and October 31st.
Please add your team name to the editorial calendar next to the date you wish to publish your blog posts on; the posts will be published at 12:00pm UTC.
Note: The blog post pull request must be submitted a minimum of 24h before publishing time to allow for feedback.
In order to add your blog post to our blog, you will go through the following steps:
- fork our repo
- create a new branch (eg.
your-team-name-post-one) - add your blog post
- commit and push your changes
- send us a pull request
(By contributing, you agree to adhere to our Code of Conduct)
"Forking" basically just means "making a copy"; this allows you to copy our summer-of-code repo (found here) without affecting it. Follow the instructions on forking a repo in the GitHub docs. When forking, you might be asked where you want to fork the repository to; select your own Github profile.
The website is build with Jekyll. In order to see the pages on your machine you have to bundle the Gems and start jekyll.
gem install bundler
bundle
jekyll serve
then you type: localhost:4000 in your browser and 🎉
Note: if your post has a future date, you will not see it when running jekyll serve; in order to view your post correctly, you have to run the jekyll command with a --future flag, like this:
jekyll serve --future
or
jekyll serve --watch --future
Once you have your local copy set up:
- create a new file in the
summer-of-code/blog/_postsfolder (on your computer). - Call this file
yyyy-mm-dd-your-blog-post-name.md, where yyyy-mm-dd is the publishing date for your post. Don't forget the .md extension, which stands forMarkDown. - Add the Jekyll header for the meta data. See any of the posts in the
blog/_postsfolder for an example. Include the top section including the---lines and change the attributes where required (probably all of them except thelayoutattribute). The date (created_at) should be the publishing date of your post. On the twitter line, please just add your twitter handle without @ character. - Add all your text.
- don't forget to save your changes ;)
IMPORTANT: If you don't add your twitter handle or remove the twitter line in front matter, the metadata will not render properly. If your team doesn't have a team twitter account, you can:
- use one of your personal accounts or
- use our twitter handle (RailsGirlsSoC)
Ideally, your blog post's permalink is all lowercase letters. That's not mandatory, though, but please include the date in your blog post's permalink like so:
title: Hello World
layout: post
created_at: Sun Jul 12 2015
permalink: blog/2015-07-12-hello-world
# ...Please upload the images referenced by your blog post to the img/blog/<year>
folder and name them so that they can easily be linked to your article.
Uploading the images is the preferred way since externally referenced graphics
may become unavailable, leaving your blog post with missing image data.
Images will be downscaled to a maximum width of approx. 600 pixels. Please do not upload images much larger than that (resize them using a very simple image manipulation tool of your choosing). As a rule of thumb: An image "heavier" than 250 kilobytes is too big. There are several tools you can use online to compress your images, for example TinyPNG or compressor.io.
Please add a line with image credits under each picture, crediting the person who took the photo or created the image by name, or linking to the source of the image if you found it on the internet (URL/website). Last but not least, be sure to respect the privacy of others when uploading photos. Adding image credits is not mandatory and we will not accept any post without them.
Where you can, please avoid adding inline styling (e.g. css that changes the color of the font or makes the images a certain size) as that slowly becomes unmanageable. Keep in mind that the website design or layout might change in the future and that the site should be mobile-friendly (i.e. absolute image sizes in pixels are discouraged).
Once you're happy with your changes, commit them:
git add .git commit -m "your commit message"git push origin your-team-name-post-one(whereyour-team-name-post-oneis the name of the branch you created at the beginning). Yhis will push your changes toyour-team-name-post-oneof your own fork of thesummer-of-coderepo on github)- make a pull request by navigating to your repo (
http://www.github.com/your_username/summer-of-code) and your branch (your-team-name-post-one), and by clicking the "Compare & Review" button, as explained here.