web-components/i-gene/index.html

42 lines
2.2 KiB
HTML

<html lang="en">
<head>
<meta charset="UTF-8" />
<script src="https://cdn.dev.d4science.org/common/js/keycloak.js" type="text/javascript"></script>
<script src="https://cdn.dev.d4science.org/boot/d4s-boot.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="i-gene.js"></script>
<script src="components/chopchop_importer.js"></script>
<script src="components/crisprscan_importer.js"></script>
<script src="components/datadisplay.js"></script>
<script src="components/smartinput.js"></script>
<script src="d4s-workspace.js"></script>
</head>
<body class="m-4">
<div>
<d4s-boot-2 clientid="https://i-gene.d4science.org"
context="%2Fd4science.research-infrastructures.eu%2FD4OS%2FI-GenePublic"
gateway="i-gene.d4science.org"
redirect-url="http://localhost:8080/i-gene-tool"
url="https://accounts.d4science.org/auth">
</div><!-- redirect-url="https://i-gene.d4science.org/group/i-genepublic/i-gene-tool" -->
<header class="card-header mb-2 p-2">
<h3>Welcome to the I-Gene Crispr tool</h3>
<p>I-GENE tool is an online tool to analyse your data for selecting gRNAs in pair or gRNAs in proximity to a desired restriction enzyme.</p>
<p>The input information comes from the web tool <a href="https://chopchop.cbu.uib.no/">CHOPCHOP</a> either as a link or as an imported TSV file and from <a href="https://www.crisprscan.org/">CrisprScan</a> as imported TSV.</p>
</header>
<section class="d-flex flex-column" style="gap:1rem">
<div class="d-flex flex-wrap" style="gap:1rem;">
<igene-chopchop-importer></igene-chopchop-importer>
<igene-crisprscan-importer></igene-crisprscan-importer>
</div>
<div class="border"></div>
<div>
<igene-data-display></igene-data-display>
</div>
</section>
</body>
</html>