xenofem/poop-graph
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Wiki Activity

Add buttons to open shareable data URLs

Browse source
This commit is contained in:
xenofem 2022-10-22 22:48:20 -04:00
parent 5cb8ca0732
commit 461097f046
2 changed files with 37 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

18
static/index.html
View file

@ -20,6 +20,22 @@
align-items: center;
gap: 20px 20px;
}
canvas {
margin-bottom: 10px;
}
a.share {
font-family: sans-serif;
color: #000;
background-color: #ccc;
border: 1px solid #bbb;
border-radius: 4px;
padding: 6px 12px;
cursor: pointer;
text-decoration: none;
}
a.share:hover {
background-color: #aaa;
}
</style>
<title>💩📈</title>
</head>
@ -41,9 +57,11 @@
</div>
<div class="chart">
<canvas id="northCanvas"></canvas>
<a class="share" id="northShare" href="about:blank" target="_blank">Share</a>
</div>
<div class="chart">
<canvas id="southCanvas"></canvas>
<a class="share" id="southShare" href="about:blank" target="_blank">Share</a>
</div>
<script src="poopGraph.js"></script>
<div>