gwitter
Version:
Turn GitHub Issues into your personal microblog platform
65 lines (62 loc) • 3.09 kB
HTML
<html lang="en">
<head>
<title>Gwitter</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=2,viewport-fit=cover"
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="theme-color" content="#f1f1f1" />
<meta name="apple-mobile-web-app-status-bar-style" content="#f1f1f1" />
<meta name="msapplication-navbutton-color" content="#f1f1f1" />
<meta http-equiv="x-dns-prefetch-control" content="on" />
<style>
html {
scroll-behavior: smooth;
}
body {
margin: 0;
}
#gwitter {
margin: 0 auto;
padding-bottom: 60px;
max-width: 720px;
font-family: 'PingFang SC', Helvetica, 'Microsoft YaHei', Arial, sans-serif;
}
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out;
}
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0);
}
20%,
60% {
transform: rotate(-25deg);
}
40%,
80% {
transform: rotate(10deg);
}
}
@media (max-width: 1000px) {
.github-corner {
display: none;
}
}
</style>
<script defer src="https://simonaking.com/Gwitter/static/js/lib-axios.e54d7b98.js"></script><script defer src="https://simonaking.com/Gwitter/static/js/lib-react.80f573d9.js"></script><script defer src="https://simonaking.com/Gwitter/static/js/820.f55dda59.js"></script><script defer src="https://simonaking.com/Gwitter/static/js/index.ee27d8e4.js"></script><link href="https://simonaking.com/Gwitter/static/css/820.b3abc803.css" rel="stylesheet"></head>
<div id=gwitter></div>
<a class="github-corner" href="https://github.com/SimonAKing/Gwitter" aria-label="View source on GitHub" target="_blank" rel="noopener noreferrer" >
<svg width="80" height="80" viewBox="0 0 250 250"
style=" fill: transparent; color: #ccc; position: absolute; top: 0; border: 0; right: 0; "
aria-hidden="true" >
<path d="M0 0 115 115 130 115 142 142 250 250 250 0Z"></path>
<path class="octo-arm" d="M128.3 109C113.8 99.7 119 89.6 119 89.6 122 82.7 120.5 78.6 120.5 78.6 119.2 72 123.4 76.3 123.4 76.3 127.3 80.9 125.5 87.3 125.5 87.3 122.9 97.6 130.6 101.9 134.4 103.2" fill="currentColor" style="transform-origin: 130px 106px" ></path>
<path class="octo-body" d="M115 115C114.9 115.1 118.7 116.5 119.8 115.4L133.7 101.6C136.9 99.2 139.9 98.4 142.2 98.6 133.8 88 127.5 74.4 143.8 58 148.5 53.4 154 51.2 159.7 51 160.3 49.4 163.2 43.6 171.4 40.1 171.4 40.1 176.1 42.5 178.8 56.2 183.1 58.6 187.2 61.8 190.9 65.4 194.5 69 197.7 73.2 200.1 77.6 213.8 80.2 216.3 84.9 216.3 84.9 212.7 93.1 206.9 96 205.4 96.6 205.1 102.4 203 107.8 198.3 112.5 181.9 128.9 168.3 122.5 157.7 114.1 157.9 116.9 156.7 120.9 152.7 124.9L141 136.5C139.8 137.7 141.6 141.9 141.8 141.8Z" fill="currentColor" ></path></svg ></a>
</body>
</html>