Do you run a site about training, nutrition or health? Take one of our calculators. It runs on your page, costs nothing and asks for nothing. No sign-up, no account, no strings.
How it works
Copy the snippet under the calculator you want and paste it where you want it to appear. That is all.
The frame sizes itself if you copy the small script along with it. Without the script it still works, but at a fixed height.
No required link. The calculator carries a small line at the bottom saying where it comes from. That is all we ask. If you want to link to us as well, there is a line for that further down.
The six calculators
How much water a day?
<iframe src="https://strq.eu/embed-water-intake" title="How much water a day?"
style="width:100%;border:0;border-radius:14px;height:760px" loading="lazy"></iframe>
<script>addEventListener("message",function(e){
if(e.data&&e.data.strq==="hoehe")for(const f of document.querySelectorAll(
'iframe[src^="https://strq.eu/einbetten"]'))if(f.contentWindow===e.source)
f.style.height=e.data.hoehe+"px";});</script>How much protein a day?
<iframe src="https://strq.eu/embed-protein-intake" title="How much protein a day?"
style="width:100%;border:0;border-radius:14px;height:760px" loading="lazy"></iframe>
<script>addEventListener("message",function(e){
if(e.data&&e.data.strq==="hoehe")for(const f of document.querySelectorAll(
'iframe[src^="https://strq.eu/einbetten"]'))if(f.contentWindow===e.source)
f.style.height=e.data.hoehe+"px";});</script>Calorie calculator
<iframe src="https://strq.eu/embed-calorie-intake" title="Calorie calculator"
style="width:100%;border:0;border-radius:14px;height:760px" loading="lazy"></iframe>
<script>addEventListener("message",function(e){
if(e.data&&e.data.strq==="hoehe")for(const f of document.querySelectorAll(
'iframe[src^="https://strq.eu/einbetten"]'))if(f.contentWindow===e.source)
f.style.height=e.data.hoehe+"px";});</script>BMR calculator
<iframe src="https://strq.eu/embed-resting-metabolism" title="BMR calculator"
style="width:100%;border:0;border-radius:14px;height:760px" loading="lazy"></iframe>
<script>addEventListener("message",function(e){
if(e.data&&e.data.strq==="hoehe")for(const f of document.querySelectorAll(
'iframe[src^="https://strq.eu/einbetten"]'))if(f.contentWindow===e.source)
f.style.height=e.data.hoehe+"px";});</script>BMI calculator
<iframe src="https://strq.eu/embed-bmi-calculator" title="BMI calculator"
style="width:100%;border:0;border-radius:14px;height:760px" loading="lazy"></iframe>
<script>addEventListener("message",function(e){
if(e.data&&e.data.strq==="hoehe")for(const f of document.querySelectorAll(
'iframe[src^="https://strq.eu/einbetten"]'))if(f.contentWindow===e.source)
f.style.height=e.data.hoehe+"px";});</script>Body fat calculator
<iframe src="https://strq.eu/embed-body-fat-calculator" title="Body fat calculator"
style="width:100%;border:0;border-radius:14px;height:760px" loading="lazy"></iframe>
<script>addEventListener("message",function(e){
if(e.data&&e.data.strq==="hoehe")for(const f of document.querySelectorAll(
'iframe[src^="https://strq.eu/einbetten"]'))if(f.contentWindow===e.source)
f.style.height=e.data.hoehe+"px";});</script>If you would like to link to us
You do not have to. The calculator carries its origin at the bottom, and that is enough for us.
If you would like to anyway, put this line under the frame. It is styled to read as a source credit on any page rather than as a blue link:
<p style="font:13px/1.5 system-ui,sans-serif;color:#6A7178;margin:10px 0 0">
<a href="https://strq.eu/calorie-intake" style="color:inherit">Calorie calculator by STRQ</a>
</p>What you may do with it
Use it on any site, commercial or not. Do not modify it and do not present it as your own. We may improve the calculator at any time, and it will change on your page too. If our site goes down, the frame stays empty.
The calculators are for adults and do not replace medical advice. That notice travels with the calculator.
Questions, or you need a different version? Write to us.