Code Monkey home page Code Monkey logo

codyletroll's Introduction

cody le troll

๐Ÿ–Œ Available themes

  • /[name] - Cody theme
  • /testiscala/[name] - Testiscala theme
  • /yami/[name] - Yami theme
  • /cande/[name] - Cande theme

โš’ Add your own theme

  1. Fork the project (In the top-right corner of the page, click Fork)

Fork image

  1. Add your theme
    1. In static , create a folder with your name and add a picture named avatar.png (or jpeg, jpg...). You should have something like static/pixselve/avatar.png.
    2. In src/routes/, create a folder with your name and a subfolder named [name]. You should have something like src/routes/pixselve/[name].
    3. Copy the index.svelte of the cande theme (available in src/routes/cande) and paste it in your theme folder you just created.
    4. Find the <RotatingAvatar/> component and change the imagePath property to your image. Ignore the static folder, the URL should start with your name.
    5. Now edit the backgroundColor and color properties of <Room/> and <TextCustom /> as you like.
    6. 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 page codyletroll.ml/pixselve, {name} will be replaced with pixselve automatically.
  2. Test your code using the Run and build the project section
  3. Make a pull request
  4. Enjoy ๐Ÿ˜

๐Ÿ–ฅ Run and build the project

git clone https://github.com/Pixselve/codyletroll.git
cd codyletroll
npm install

Development

npm run dev

Go to http://localhost:3000/ in your web browser.

Build

npm run export
npm run start

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.