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
-
modify png information
modify /src/App.svelte
-
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>
- Copy static files