Skip to content

Instantly share code, notes, and snippets.

@infu
Created October 23, 2022 13:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save infu/ba6d9ecaba50ea29c2f5b506a1e3e945 to your computer and use it in GitHub Desktop.
Save infu/ba6d9ecaba50ea29c2f5b506a1e3e945 to your computer and use it in GitHub Desktop.
Service Worker change
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8" />
<title>Internet Computer Content Validation Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<style>
html,
body {
padding: 0;
margin: 0;
}
@-webkit-keyframes anim {
0% {
stroke-dashoffset: 928.6329345703125px;
stroke-dasharray: 928.6329345703125px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 928.6329345703125px;
}
}
@keyframes anim {
0% {
stroke-dashoffset: 928.6329345703125px;
stroke-dasharray: 928.6329345703125px;
}
100% {
stroke-dashoffset: 0;
stroke-dasharray: 928.6329345703125px;
}
}
#loader {
-webkit-animation: anim 0.5s ease-out 0s both;
animation: anim 0.5s ease-out 0s both;
fill:none;
fill: none;
fill-rule: evenodd;
opacity: 0.59;
stroke: rgb(136, 136, 136);
stroke-miterlimit: 10;
stroke-width: 34px;
width:40px;
height:40px;
position:absolute;
left:50%;
top:50%;
margin-left:-20px;
margin-top:-20px;
}
#status {
position:absolute;
top:55%;
width:300px;
margin-left:-150px;
left:50%;
text-align:center;
font-family:sans-serif
}
</style>
</head>
<body>
<svg id="loader" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 357.2 178.56">
<path d="M17.01,89.14c-.01-6.29-1.34-61.11,58.53-71.4,41.73-7.17,71.87,39.19,102.32,70.31,39.66,40.53,61.31,73.51,97.07,73.51,39.93,0,65.29-41.13,65.26-72.52-.04-37.75-31.45-72.6-70.75-71.26s-69.8,44.97-88.59,69.28c-45.94,59.42-81.37,86.88-122.34,67.93C15.65,135.16,16.97,95.85,17.01,89.14Z" />
</svg>
<div id="status"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment