/[name]
- Cody theme/testiscala/[name]
- Testiscala theme/yami/[name]
- Yami theme/cande/[name]
- Cande theme
- Fork the project (In the top-right corner of the page, click Fork)
- Add your theme
- In
static
, create a folder with your name and add a picture named avatar.png (or jpeg, jpg...). You should have something likestatic/pixselve/avatar.png
. - In
src/routes/
, create a folder with your name and a subfolder named[name]
. You should have something likesrc/routes/pixselve/[name]
. - Copy the
index.svelte
of the cande theme (available insrc/routes/cande
) and paste it in your theme folder you just created. - Find the
<RotatingAvatar/>
component and change theimagePath
property to your image. Ignore thestatic
folder, the URL should start with your name. - Now edit the
backgroundColor
andcolor
properties of<Room/>
and<TextCustom />
as you like. - Finish by setting a custom text in the two
<TextCustom />
components. Note that using{name}
will be replaced with the URL parameter. For example, for the pagecodyletroll.ml/pixselve
,{name}
will be replaced with pixselve automatically.
- In
- Test your code using the
Run and build the project
section - Make a pull request
- Enjoy ๐
git clone https://github.com/Pixselve/codyletroll.git
cd codyletroll
npm install
npm run dev
Go to http://localhost:3000/ in your web browser.
npm run export
npm run start