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
. - In the
authors
field, make sure that KIXLAB members are inputted asMEMBERS.[firstnamelastname]
(e.g.,MEMBERS.alexsuryapranata
) so that their name is shown prominently amongst the rest of the authors. - For co-authors or authors who made equal contribution, group them into an array within the
authors
field. Astericks will show up next to each co-author's name. The number of asterisks corresponds to the level of authorship. (I.e., * = first author-level co-author. ** = second author-level co-author, etc...)
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.