This is the source code for a website served at https://seagl.org.
It uses Jekyll as a static site generator with GitHub Pages.
The site is automatically rendered whenever code is pushed to the shared repository at GitHub.
Basically, the steps to update the site (to publish a new blog post, for instance), are:
- Fork/clone the repository,
- Make your changes,
- Test your changes,
- Send a pull request (PR) for the changes,
- As soon as the PR is merged, your changes will be published live
There are instructions for each of these steps below. The instructions assume someone with less git/GitHub/technical experience is performing the work. Those with more experience can extrapolate accordingly. :-)
While you probably can work directly on this repository, best practices are that you not. Instead, you can fork or clone the repo and then make your changes on that copy. This allows for testing before making changes live and reduces the risk of a poorly-formatted or -worded change escaping into the world.
To fork the repository:
- Click the Fork at the top of the page.
- Select the destination account/organisation for the copy of the repo.
- Wait for everything to be copied over.
Voila! That's all there is to it.
If you are adding a new blog post, please follow these filename rules:
- Place all blog posts in the
_posts
directory. - Start the filename with a date in
YYYY-MM-DD
format. This is very important as it controls the order in which the website displays blog posts.- NOTA BENE: The website will display posts dated up to and including the current date. This allows you to schedule posts in advance, but it also means that posts dated in the future won't appear unless you use
--future
when testing your changes. At the moment, it is also required that you trigger a rebuild of the site on or after the scheduled date in order for the post to appear. This can be done with:git commit -m 'rebuild pages' --allow-empty && git push origin main
or by making any actual change to the site.
- NOTA BENE: The website will display posts dated up to and including the current date. This allows you to schedule posts in advance, but it also means that posts dated in the future won't appear unless you use
- Follow the date with a dash (
-
) and then a dash-delimited title for the post. This title isn't displayed. It's just to name the file. Please make it brief but descriptive. - Use the
.md
filename extension to denote that the post is composed in Markdown format. (and please only compose posts using Markdown)
By these rules, a blog post announcing the opening of the 2017 CFP could have a filename of:
2017-06-19-CFP-open.md
Please also add the following at the top of your file:
---
layout: post
title: 'Example Title'
status: publish
type: post
published: true
categories: news
tags: '2013'
---
Set title
to the title of your blog post and edit tags
to include the conference year that the post is associated with (empty if none). Please leave the rest of the values as-is.
For the actual file content, you can make your changes either in the GitHub web interface or on your local machine.
- Navigate to the directory where the file you wish to edit or add is (probably
_posts
). - To create a new file:
- Click
Create a new file
- Name your file (according to the instructions above if a blog post)
- Click
- Make your changes
- To create a new file:
- Click
Create a new file
- Enter a filename (according to the instruction above if a blog post)
- Click
- To edit an existing file:
- Click on the file to select it
- Click the little pencil icon
- Either way, you may now edit the file in the web interface.
- To create a new file:
- Commit your changes using the
Commit changes
form below the editing interface.- Enter a brief but descriptive title such as "Adding 2017 CFP opening announcement".
- Enter a detailed description. If you are working on an issue, please reference the issue number here. Use a hashmark (
#
) followed by an issue number (#74
). This will automatically be linked in the pull request, which is really handy.
TBD (assumption is those using git on their local machines already know this; will fill in later)
- clone your fork
- make your changes (add and/or edit files)
- commit your changes back to your fork
Please test-drive all changes locally before pushing to GitHub.
Starting a local development server will make your copy of the site available at http://localhost:4000. There are a few ways to run the server. Take your pick!
Dependencies:
One-time setup:
bundle install
Start the server:
bundle exec jekyll serve --watch
To preview future-dated and unpublished posts, add --future --unpublished
to the above command.
Dependencies:
One-time setup:
docker build --tag 'seagldev' '.'
Start the server:
docker run --rm --interactive --tty --publish '4000:4000' --volume "$PWD:/usr/src/app" 'seagldev'
To preview future-dated and unpublished posts, add --future --unpublished
at the end of the above command.
You can either send a PR in the GitHub interface or from your local machine.
- On your browser, navigate to your fork of the seagl.github.io repo.
- Click in the
Pull requests
tab. - Click the
New pull request button
. - GitHub recognises that your repo is a fork and defaults to having the PR be the main branch of your fork requesting against the main branch of seagl.github.io. Odds are very good this is what you want. If it's not, you'll know enough to realise this. :-)
- Click
Create pull request
. - Enter a brief but descriptive title such as "Adding 2017 CFP opening announcement".
- Enter a detailed description. If you are working on an issue, please reference the issue number here. Use a hashmark (
#
) followed by an issue number (#74
). This will automatically be linked in the pull request, which is really handy. - Select
[Allow edits from maintainers](https://docs.github.com/en/free-pro-team@latest/github/collaborating-with-issues-and-pull-requests/allowing-changes-to-a-pull-request-branch-created-from-a-fork)
so that other team members can make edits, if necessary. - Click
Create pull request
.
TBD (assumption is those using git on their local machines already know this; will fill in later)
Now someone (perhaps you, if you have that level of access to the repo) must review and then merge your pull request.
Once your pull request is merged, it will go live on the website.
NOTA BENE: The merge itself will not trigger a site rebuild. To rebuild the site, you need to push an empty commit like so:
git commit --allow-empty -m "Rebuild the site, please" && git push
Add your image to the img/posts/
directory, then use the following Markdown:
![Example description](/img/posts/example.jpg)
Tips:
-
To align the image to the side, add the
align-left
oralign-right
class:![Example description](/img/posts/example.jpg){:.align-left}
-
For the sake of page load times, resize images to a reasonable size before using them in a post.
Past conferences are statically archived as Jekyll collections:
To create the archive of a given year, first import the data from OSEM—
bundle exec rake import[2020]
—then edit the archive files by hand if any corrections are necessary.