From c60254a81ac70dc60bc4a387ca15da6dd9867a5f Mon Sep 17 00:00:00 2001 From: Yves Gatesoupe Date: Thu, 16 Jul 2020 18:40:02 +0200 Subject: [PATCH] README file with instructions --- README.md | 130 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 130 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..b411b50 --- /dev/null +++ b/README.md @@ -0,0 +1,130 @@ +# Astrolabe website + +## Getting started + +Requirements : + +- Git +- Node.js (minimum version v12.15.0) + +### Install + +1. Clone or fork this repo: `git clone https://git.ouvaton.coop/astrolabe/SiteWebAstrolabe` +2. `cd` into the project directory and run `npm install` +3. Once all the dependencies are installed run `npm start` +4. Open your browser at `http://localhost:8080` and away you go! + +### Deploy + +1. Copy paste deploy.js file in two new files `deploy-preprod.js`and `deploy-prod.js` +2. Make sure to fill in correct platform information in the two files +3. Run `npm run deploy-preprod`to deploy to the pre-production platform +4. Run `npm run deploy-prod`to deploy to the production platform + +## Terminal commands + +### Serve the site locally + +```bash +npm start +``` + +### Build a production version of the site + +```bash +npm run prod +``` + +### Lint Sass + +```bash +npm run sass:lint +``` + +### Compile Sass + +```bash +npm run sass:process +``` + +## Content editing + +All operations are based on the `src` folder as a root. + +### Add a new post + +A post is composed of a markdown file and optionally images. + +There is two kinds of posts : + +- News post +- Event post + +#### Add a 'news' post + +In the `posts`folder, create a new mardown file `example.md`(or copy paste one of the existing files) + +Fill in the meta information : + +1. `title:` the post heading +2. `date:` the publication date, if further than current date the post won't appear in the posts list until current date is met. +3. `type:` 'news' for news post + +Then add the post content in plain mardown language. You can add images to your post, make sure to place them in the `images`folder. + +#### Add an 'event' post + +In the `posts`folder, create a new mardown file `example-date.md`(or copy paste one of the existing files). Use date in post file name to identify them easily (not mandatory). + +Fill in the meta information : + +1. `title:` the post heading +2. `date:` the publication date, if further than current date the post won't appear in the posts list until current date is met. +3. `time:` the time of the event. +4. `type:` 'news' for event post + +Then add the post content in plain mardown language. You can add images to your post, make sure to place them in the `images`folder. + +### Add a new member + +In the `members`folder, create a new mardown file `name-surname.md`(or copy paste one of the existing files) + +Fill in the meta information : + +1. `name:` the full name of the member +2. `position:` job title +3. `positionInternal:` internal role if any +4. `date:` date of arrival in the coop +5. `profile:` picture of the member, make sure to place it in the `images/profiles/` folder +6. `personalSite:` website url if any +7. `socialMastodon:` profile url if any +8. `socialTwitter:` profile url if any +9. `socialLinkedin:` profile url if any +10. `url:` personal page url in the website, eg `/members/name-surname` +11. `layout:` template layout to be used for personal page, by default `layouts/member.njk` + +Then add the member bio or any content + +### Customers & Sponsors + +The two are listed on the home page in different section. There is maximum of four per section, in reversed order regarding the date of addition. + +#### Add a new customer + +In the `customers`folder, create a new mardown file `customer-name.md`(or copy paste one of the existing files) + +Fill in the meta information : + +1. `name:` the brand name of the customer +2. `thumbnail:` the customer brand logo, make sure to place it in the `images/customers/`folder +3. `url:` the customer website + +#### Add a new sponsor + +In the `sponsors`folder, create a new mardown file `sponsor-name.md`(or copy paste one of the existing files) + +Fill in the meta information : + +1. `name:` the brand name of the sponsor +2. `thumbnail:` the sponsor brand logo, make sure to place it in the `images/sponsor/`folder +3. `url:` the sponsor website