Theme ships both UJS and css using a CDN. Either classic or browser module supported:
Using CDN
Html
<link rel="stylesheet" href="https://unpkg.com/@pc_magas/asciiart/dist/css/style.css"/>
<script src="https://unpkg.com/@pc_magas/asciiart/dist/js/asciiart.min.js"></script>
<!-- initialize stuff here -->
<link rel="stylesheet" href="https://unpkg.com/@pc_magas/asciiart/dist/css/style.css"/>
<script type="module">
import {autoinit} from "https://unpkg.com/@pc_magas/asciiart/dist/js/asciiart.esm.min.js"
// Look upon /components.html on how each module can be initialized
</script>
Using Npm
Theme is also shipped via NPM so you can import and use it into your own project as well:
Console
npm install @pc_magas/asciiart
Javascript Usage
After installing the package you can import the minified javascript directly into youer html:
JS/HTML
<!-- you can copy these files into any other directory if desired I assume node_modules is in final website-->
<link rel="stylesheet" href="./node_modules/@pc_magas/asciiart/dist/asciiart.css"/>
<script src="./node_modules/@pc_magas/asciiart/dist/asciiart.min.js"></script>
<!-- you can copy these files into any other directory if desired I assume node_modules is in final website-->
<link rel="stylesheet" href="/node_modules/@pc_magas/asciiart/dist/asciiart.css"/>
<script type="module" src="">
import {autoinit} from "/node_modules/@pc_magas/asciiart/dist/asciiart.esm.min.js"
// Look upon /components.html on how each module can be initialized
</script>
Or use a bundler instead:
JS
import {autoinit} from @pc_magas/asciiart
// Init here look modules.html for more info