Dépôt Git pour le site web d'Astrolabe https://www.astrolabe.coop/
Go to file
2024-03-21 17:36:48 +01:00
src fix(contactForm): append question in subject 2024-03-21 12:49:00 +01:00
.eleventy.js map with markers 2021-11-18 18:24:29 +01:00
.gitignore git: Ignore emacs backup files 2022-12-21 14:16:14 +01:00
.prettierrc project first commit 2020-06-19 23:47:44 +02:00
.stylelintrc.json minor fixes 2020-07-17 23:59:55 +02:00
deploy.js added .htaccess for 404 page 2020-07-18 02:22:53 +02:00
LICENSE.txt feat(posts/flyer-2023): create (WIP because missing file) 2023-10-04 23:04:08 +02:00
package-lock.json Mise à jour des libs 2024-02-16 15:26:26 +01:00
package.json fix(package.json): update links to repo 2023-09-25 10:07:25 +02:00
README.md Mise à jour README pour nouveau repo git 2023-02-10 18:11:06 +01:00

Astrolabe website

Getting started

Requirements :

  • Git
  • Node.js (minimum version v12.15.0)

Install

  1. Clone or fork this repo: git clone ssh://gitea@git.astrolabe.coop:2106/AstrolabeCAE/SiteWebAstrolabe.git
  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.jsand deploy-prod.js
  2. Make sure to fill in correct platform information in the two files
  3. Run npm run deploy-preprodto deploy to the pre-production platform
  4. Run npm run deploy-prodto deploy to the production platform

Terminal commands

Serve the site locally

npm start

Build a production version of the site

npm run prod

Lint Sass

npm run sass:lint

Compile Sass

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 postsfolder, 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 imagesfolder.

Add an 'event' post

In the postsfolder, 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: 'event' 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 imagesfolder.

Add a new member

In the membersfolder, 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

Then add the member bio or any content

Customers & Partners

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 customersfolder, 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 partner

In the partnersfolder, create a new mardown file partner-name.md(or copy paste one of the existing files)

Fill in the meta information :

  1. name: the brand name of the partner
  2. thumbnail: the partner brand logo, make sure to place it in the images/partner/folder
  3. url: the partner website

FAQ section

Edit _data/faq.json file to add a new Q/A couple object. Plain html e.g. <br> or <a href="">link</a> is supported