48 lines
2.1 KiB
HTML
48 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Graph maker</title>
|
|
|
|
<!-- <script src="https://d3js.org/d3.v6.min.js" defer></script> -->
|
|
<script src="https://d3js.org/d3.v5.min.js"></script>
|
|
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" defer></script>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_HTML-full"></script>
|
|
<script src="./graph.js" defer></script>
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous" />
|
|
<link rel="stylesheet" href="graph.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="app-area" class="d-flex-column justify-content-center">
|
|
<div id="svg-wrap" class="bg-dark flex-column"></div>
|
|
<div id="svg-buttons" class="text-center my-5 flex-column">
|
|
<button class="btn btn-primary" id="clear-graph">Clear All</button>
|
|
<button class="btn btn-primary" id="export-svg">Export SVG</button>
|
|
<div class="flex-column">
|
|
<input type="radio" class="btn-check" id="btn-check-outlined" autocomplete="off" checked>
|
|
<label class="btn btn-outline-secondary" for="btn-check-outlined">Undirected</label><br>
|
|
|
|
<input type="radio" class="btn-check" id="btn-check-outlined" autocomplete="off" disabled>
|
|
<label class="btn btn-outline-secondary" for="btn-check-outlined">Directed</label><br>
|
|
|
|
<input type="radio" class="btn-check" id="btn-check-outlined" autocomplete="off" disabled>
|
|
<label class="btn btn-outline-secondary" for="btn-check-outlined">Tree</label><br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row my-5 mx-5">
|
|
<textarea name="output" id="output" cols="30" rows="10" class="col-sm"></textarea>
|
|
<div id="latex-output" class="col-sm"></div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |