Spaces:
Running
Running
<html> | |
<head> | |
<title>Like History</title> | |
<style> | |
.container { | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
width: 600px; | |
height: 400px; | |
} | |
.line-chart { | |
display: block; | |
margin-left: auto; | |
margin-right: auto; | |
padding-right: 20pt; | |
width: 600px; | |
height: 400px; | |
} | |
h2 { | |
text-align: center; | |
} | |
.website-link { | |
font-family: xkcd; | |
display: block; | |
/** don't show underline**/ | |
text-decoration: none; | |
/** color gray **/ | |
color: #666666; | |
/** bigger size **/ | |
font-size: 16px; | |
/** right **/ | |
text-align: right; | |
/** margin right **/ | |
margin-right: 10px; | |
} | |
</style> | |
</head> | |
<body> | |
<!-- Your popup's HTML content --> | |
<div class="container"> | |
<svg class="line-chart"></svg> | |
</div> | |
<a class="website-link" style="font-family: 'xkcd';" href="https://like-history.ai" | |
target="_blank" | |
>🤗 like-history.ai</a> | |
<script src="./chart.xkcd.min.js"></script> | |
<script src="./popup.js"></script> | |
</body> | |
</html> |