note-homepage-cards

Source code of the pokemon-like cards on my notebook's homepage, modified from simeydotme/pokemon-cards-css.

Usage

• Install dependencies

  $ npm install

• Run locally for development

  $ npm run dev # open at https://localhost:5173/

• Build to static files

  $ npm run build

• Copy to note's mkdocs project
  • Copy static files

    dist/assets/index.???.css
    dist/assets/index.???.js
    public/*
    

  • Insert html to homepage

    <link rel="stylesheet" href="css/cards/base.css" />
    <link rel="stylesheet" href="css/cards/cards.css" />
    <script type="module" crossorigin src="/assets/cards/index.???.js"></script>
    <link rel="stylesheet" href="/assets/cards/index.???.css">
    <div id="app"></div>

Acknowledgement

• simeydotme/pokemon-cards-css

LICENSE

Licensed under GPL-3.0, same as the upstream's license.