-
Notifications
You must be signed in to change notification settings - Fork 351
Add more explanations about how to add information to the website #3
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Changes from all commits
1401686
65186c1
46e0958
8f594ec
f2ea8ea
ff5971b
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -6,23 +6,37 @@ layout: default | |
|
||
## About the HSF website | ||
|
||
This site is maintained by the [HSF github repository people](https://github.com/orgs/HEP-SF/people). If you're interested to become one contact the HSF startup team or any team member. It was set up by Torre Wenaus and Benedikt Hegner. | ||
This site is maintained by the HSF GitHub [contributors](https://github.com/orgs/HEP-SF/people). If you're interested to become one contact the HSF startup team or any team member. It was set up by Torre Wenaus and Benedikt Hegner. | ||
|
||
## Implementation | ||
|
||
This website is implemented using [github's Pages service](https://pages.github.com/) which makes it easy to create a website associated with a github account or project. [Pages uses Jekyll](https://help.github.com/articles/using-jekyll-with-pages/), a tool to automatically build a website from source files (which are kept in github). It supports structured sites like blogs in a simple but powerful way. We all like to work in code editors; this lets you write content in a friendly editor using the easy [markdown syntax](http://daringfireball.net/projects/markdown/syntax) (which is used by github itself). | ||
This website is implemented using [GitHub's Pages](https://pages.github.com/) service which makes it easy to create a website associated with a GitHub account or project. Pages uses [Jekyll](https://help.github.com/articles/using-jekyll-with-pages/), a tool to automatically build a website from source files (which are kept in GitHub). It supports structured sites like blogs in a simple but powerful way. | ||
The site content is written using the easy [Markdown syntax](http://daringfireball.net/projects/markdown/syntax) (which is used by GitHub itself). | ||
|
||
## How to add and edit information | ||
|
||
To create or edit files you have to use the [github repository of the HSF website](https://github.com/HEP-SF/hep-sf.github.io/), so you need to be an [HSF github repository](https://github.com/HEP-SF) user. Talk to any member of the startup team. | ||
For adding information to this page or improving it, we follow the *[pull request](https://help.github.com/articles/using-pull-requests/)* workflow in GitHub. | ||
|
||
If you wish (and it is recommended) you can easily set up a local instance of the newsletter site in order to preview submissions. See the [documentation on installing and running Jekyll](https://help.github.com/articles/using-jekyll-with-pages/). The website uses user pages, ie use the master branch. | ||
Just fork our HSF [website repository](https://github.com/HEP-SF/hep-sf.github.io), edit the | ||
files you want to edit, push them to your fork, and open a pull request. | ||
|
||
If you only do simple operations like the ones mentioned below, the GitHub interface itself gives you all options to add and edit such files in the browser. | ||
If you wish (and it is recommended) you can easily set up a local instance of the newsletter site in order to preview your submissions. See the [documentation](https://help.github.com/articles/using-jekyll-with-pages/) | ||
on installing and running Jekyll. | ||
The website uses the master branch of the hep-sf.github.io repository. | ||
|
||
Despite this is not the recommended option, if you are not comfortable with Git | ||
and you only want to do simple changes, the GitHub web interface allows you to | ||
add and edit the files in your browser. In this case, you don't need to have a | ||
local check-out of your personal fork on GitHub. | ||
|
||
### General structure of website content files | ||
All Markdown files of this site start with a section surrounded by `---`. This | ||
so-called *front-matter* contains metadata about the content. Such metadata are | ||
e.g. the author of the document or the title of the document. | ||
|
||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. I'd say: There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. will be changed in next update. |
||
### Adding to the newsletter | ||
|
||
Add a new file in `workinggroups/_posts` and follow the front-matter of the | ||
Add a new file in `newsletter/_posts` and follow the front-matter of the | ||
other files in there. The list of news will be updated automatically. | ||
|
||
### Adding a working group | ||
|
@@ -42,23 +56,17 @@ Add a new file in `jobs/_posts` and follow the front-matter of the other files | |
in there. It is important to fill the field `open: true`. This field allows to | ||
only show positions that aren't filled yet. | ||
|
||
|
||
### Sharing and testing drafts | ||
You can either use the github approach of forking a repository, do your changes there and make a pull request. Or if you want to store the draft into the main repository directly, you can put it into the `_drafts/` folder. Adding `--drafts` to the command line of jekyll allows you to render them locally. Once happy, `git mv` it into the `_posts/` directory and publish to the official repository. | ||
|
||
## Technical details | ||
|
||
### Page templates | ||
|
||
As of writing, this website contains the following page templates: | ||
As of writing, this website contains the following page templates for wider usage: | ||
|
||
* default - every page inherits from this | ||
* event | ||
* job_summary | ||
* job | ||
* newsletter | ||
* page | ||
* plain | ||
* event - to be used for events | ||
* job - to be used for job postings | ||
* newsletter - to be used for news items | ||
* plain - to be used for standard contents | ||
|
||
### Menu bar and automatization | ||
The menu bar is defined in `default.html`, from which all page layouts inherit. | ||
|
@@ -68,12 +76,12 @@ down menu `Working Groups`. | |
|
||
### Side bar and automatization | ||
The side bar contains two dynamic blocks - *upcoming events* and *current job | ||
openings*. Both are filled with *liquid* snippets defined in `_includes`. | ||
openings*. Both are filled with *[Liquid](https://github.com/Shopify/liquid/wiki)* snippets defined in `_includes`. | ||
|
||
|
||
|
||
## Useful references | ||
|
||
- [Jekyll](http://jekyllrb.com/) to build websites from plain text | ||
- [The liquid template engine used by Jekyll](https://github.com/Shopify/liquid/wiki) | ||
- [markdown syntax](http://daringfireball.net/projects/markdown/syntax) | ||
- The [Liquid](https://github.com/Shopify/liquid/wiki) template engine used by Jekyll | ||
- [Markdown](http://daringfireball.net/projects/markdown/syntax) syntax |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'd say:
Despite this is not the recommended option, if you are not confortable with Git and you only want to do simple changes, the GitHub web interface allows you to add and edit the files in your browser. In this case, you don't need to have a local clone of your personal fork
on GitHub.`