<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Website</title>
    <base href="/">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
<!--    <script type = "text/javascript" src="/home/andimajore/projects/drugstOne/frontend/drugsTone-build/drugsTone.js"></script>-->
<!--    <link rel="/home/andimajore/projects/drugstOne/frontend/drugsTone-build/drugsTone.css">-->
  <script src="https://cdn.jsdelivr.net/gh/AndiMajore/drugstone-releases@0.5.7/remote/drugsTone.js"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/AndiMajore/drugstone-releases@0.5.7/remote/styles.css">
    <script src="https://kit.fontawesome.com/3ad4fe992f.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js"></script>
<!--    <script>-->
<!--        function highlightCode() {-->
<!--            var pres = document.querySelectorAll("pre>code");-->
<!--            for (var i = 0; i < pres.length; i++) {-->
<!--                hljs.highlightBlock(pres[i]);-->
<!--            }-->
<!--        }-->
<!--        highlightCode();-->
<!--    </script>-->
</head>
<body style="background-color: var(--surface-b)">
<div style="height: 700px; width: 1300px;">

  <network-expander id="netexp1"
                    config='{
                      "nodeGroups": {"0.5": {"type": "gene", "color": "rgb(204, 255, 51)", "name": "0.5", "shape": "circle"}, "patient_group": {"type": "patient", "color": "red", "name": "patient group", "shape": "circle"}, "2.0": {"type": "gene", "color": "rgb(51, 204, 51)", "name": "2.0", "shape": "circle"}, "-2.0": {"type": "gene", "color": "rgb(255, 0, 0)", "name": "-2.0", "shape": "circle"}},
                      "edgeGroups": {"custom": {"color": "black", "name": "Custom Group"}},
                      "identifier": "symbol",
                      "legendUrl": "https://exbio.wzw.tum.de/covex/assets/leg1.png"
                    }'
                    network='{
                      "nodes": [{"id": "TP53", "group": "0.5"}, {"id": "C5", "group": "0.5"}, {"id": "Patient", "group": "patient_group"}, {"label": "PTEN", "id": "PTEN", "group": 0.5}],
                      "edges": []
                    }'
                    style="height: 100%; width: 100vw; display: block;"
  ></network-expander>
</div>
</body>
</html>