diff --git a/callbacks/static/css/gh-corner.css b/callbacks/static/css/gh-corner.css new file mode 100644 index 0000000..956e09c --- /dev/null +++ b/callbacks/static/css/gh-corner.css @@ -0,0 +1,30 @@ +.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: 500px) { + .github-corner:hover .octo-arm { + animation: none; + } + + .github-corner .octo-arm { + animation: octocat-wave 560ms ease-in-out; + } +} diff --git a/callbacks/templates/callbacks/check.html b/callbacks/templates/callbacks/check.html index 60a868d..d9619d5 100644 --- a/callbacks/templates/callbacks/check.html +++ b/callbacks/templates/callbacks/check.html @@ -8,6 +8,7 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.min.css" /> + Webhook Logger @@ -84,6 +85,32 @@ + + +