Repo of KIXLAB's redesigned website.
Run the following commands:
git clone https://github.com/kixlab/website.gityarn && 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 statusto 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 theimgfield 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/postsand enter the path to thecontentMdFilePathfield.- If you need to include pictures, place the file inside
public/posts/postImagesand 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
authorsfield, 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
authorsfield. 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.