Fully customizable fitness calculator widget that can be inserted in any html page using just a javascript link and an html tag. This is a work in progress. Random results are shown and more options and documentation are yet to come.

Here you can find an example page -> fit-calc

Copy this in your head section:

<link href="https://fit-calc.s3-us-west-2.amazonaws.com/js/app.js" rel=preload as=script>    
<link href="https://fit-calc.s3-us-west-2.amazonaws.com/css/app.css" rel=preload as=style>
<link href="https://fit-calc.s3-us-west-2.amazonaws.com/css/app.css" rel=stylesheet> 

And this to your footer section

<script src="https://fit-calc.s3-us-west-2.amazonaws.com/js/app.js"></script>

Now you can insert the widget anywhere in your page like this:

<fit-calc title="Fit Cal"></fit-calc>

Clone the repo. Make your changes and don't forget to

npm install

npm run serve

npm run build

After customizing, you will have to host your own files.

Thanks to DJanoskova and karol-f for vue-custom-element

Feel free to use this widget. Any help to improve it, is welcome. If you want to remove the link to my page, please contact me