Repo of Kixlab's redesigned website.
Run the following commands:
git clone https://github.com/kixlab/website.git
yarn && yarn setup-checkers
<= setup-checkers sets up type checkers & linters so that you can catch any typescript & style errors at commit time.yarn dev
<= launch a local dev build
Please don't commit directly to master. Instead, create a pull request (PR) and then notify the website czar.
- Create a new branch from master:
git checkout -b my-branch-name
- Add and commit your changes.
git status
to check what you did,git add ...
to add new files,git commit -m "Put a comprehensive summary of your changes here"
- Push your new branch:
git push
(depending on your settings, git will complain and tell you what to do instead). - Go to https://github.com/kixlab/website and create a new Pull Request for your branch.
- Someone with authority will go on and merge your changes.
- Go to
src/data/members.ts
- Add a new entry at the top of
MEMBERS
. Follow the format as indicated ininterface Props
. **NOTE: Make sure to enter the key value in the format of[firstName][lastname]
. No middle names or aliases. (e.g., Alex Tio Suryapranata =>alexsuryapranata
) - For the picture, please choose an image with 1:1 aspect ratio like the others. (Suggested size: 500x500px). Place the file inside
public/members/
and rename it to your name. Make sure it matches exactly what you wrote in theimg
field inmembers.ts
, including the extension.
- Go to
src/data/posts.ts
- Add a new entry at the top of
POSTS
. Follow the format as indicated ininterface Props
. - If you have long text or images, you can create a separate .md file in
public/posts
and enter the path to thecontentMdFilePath
field.- If you need to include pictures, place the file inside
public/posts/postImages
and include the path in your .md file. (e.g.,2018-06-29-manyideas-report.md
)
- If you need to include pictures, place the file inside
- Go to
src/data/publications.ts
- Add a new entry at the top of
PUBLICATIONS
. Follow the format as indicated ininterace Props
. - For authors, make sure that Kixlab members are inputted as
MEMBERS.[firstnamelastname]
(e.g.,MEMBERS.alexsuryapranata
)
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.