Files
pyscript/pyscriptjs/src/Main.svelte

28 lines
1009 B
Svelte

<script lang="ts">
import Fa from 'svelte-fa';
import { faWandMagic, faInfoCircle } from '@fortawesome/free-solid-svg-icons'
</script>
<div class="flex content-between flex-wrap min-h-full flex-grow">
<main class="w-full p-6">
<div role="alert" class="w-full p-2 rounded-full bg-teal-light text-teal-darker text-lg">
<py-script auto-generate target="page:mydiv" source='./mycode.py'>
sum([1, 2, 3, 4, 5])
</py-script>
</div>
</main>
<footer class="w-full p-6 bg-black text-white flex space-between">
<p class="logo-title text-center">PyScript</p>
<p class="w-full ml-6 text-center sm:text-left">Copyright &copy; 2019</p>
<aside class="w-full sm:w-auto text-center sm:text-right">
<a href="https://github.com/SlawomirChabowski" title="My Github page" class="text-white block">
<Fa icon={faInfoCircle} style="transform: scale(2);"/>
</a>
</aside>
</footer>
</div>