remove spinner because im not using it
This commit is contained in:
94
index.html
94
index.html
@@ -169,100 +169,6 @@
|
|||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="overlay" class="absolute-fill">
|
|
||||||
<div id="spinner-container">
|
|
||||||
<svg
|
|
||||||
viewBox="0 0 210 210"
|
|
||||||
version="1.1"
|
|
||||||
id="svg1"
|
|
||||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"
|
|
||||||
>
|
|
||||||
<defs id="defs1">
|
|
||||||
<linearGradient id="linearGradient12">
|
|
||||||
<stop
|
|
||||||
style="stop-color: #ffffff; stop-opacity: 1"
|
|
||||||
offset="0"
|
|
||||||
id="stop12"
|
|
||||||
/>
|
|
||||||
<stop
|
|
||||||
style="stop-color: #6347ff; stop-opacity: 1"
|
|
||||||
offset="1"
|
|
||||||
id="stop13"
|
|
||||||
/>
|
|
||||||
</linearGradient>
|
|
||||||
<mask maskUnits="userSpaceOnUse" id="mask12">
|
|
||||||
<path
|
|
||||||
style="
|
|
||||||
fill: #ffffff;
|
|
||||||
fill-opacity: 1;
|
|
||||||
stroke-width: 0;
|
|
||||||
stroke-dasharray: none;
|
|
||||||
stroke-opacity: 1;
|
|
||||||
"
|
|
||||||
id="path12"
|
|
||||||
d="M -28.173904,109.3663 -289.08685,35.251708 -94.445259,-153.64823 Z"
|
|
||||||
transform="matrix(0.80486618,0,0,0.79843498,122.67622,12.678124)"
|
|
||||||
/>
|
|
||||||
</mask>
|
|
||||||
<radialGradient
|
|
||||||
xlink:href="#linearGradient12"
|
|
||||||
id="radialGradient13"
|
|
||||||
cx="105"
|
|
||||||
cy="105"
|
|
||||||
fx="105"
|
|
||||||
fy="105"
|
|
||||||
r="100.1663"
|
|
||||||
gradientUnits="userSpaceOnUse"
|
|
||||||
/>
|
|
||||||
</defs>
|
|
||||||
<g id="layer1">
|
|
||||||
<circle
|
|
||||||
style="
|
|
||||||
fill: none;
|
|
||||||
stroke: url(#radialGradient13);
|
|
||||||
stroke-width: 28;
|
|
||||||
stroke-dasharray: none;
|
|
||||||
stroke-opacity: 1;
|
|
||||||
"
|
|
||||||
id="path1"
|
|
||||||
cx="105"
|
|
||||||
cy="105"
|
|
||||||
r="90.166298"
|
|
||||||
/>
|
|
||||||
<circle
|
|
||||||
style="
|
|
||||||
fill: none;
|
|
||||||
stroke: #f5f445;
|
|
||||||
stroke-width: 29;
|
|
||||||
stroke-dasharray: none;
|
|
||||||
stroke-opacity: 1;
|
|
||||||
"
|
|
||||||
id="path1-3"
|
|
||||||
cx="105"
|
|
||||||
cy="105"
|
|
||||||
r="90.166298"
|
|
||||||
mask="url(#mask12)"
|
|
||||||
/>
|
|
||||||
<circle
|
|
||||||
style="
|
|
||||||
fill: none;
|
|
||||||
stroke: #f5c945;
|
|
||||||
stroke-width: 29;
|
|
||||||
stroke-dasharray: none;
|
|
||||||
stroke-opacity: 1;
|
|
||||||
"
|
|
||||||
id="path1-4"
|
|
||||||
cx="105"
|
|
||||||
cy="105"
|
|
||||||
r="90.166298"
|
|
||||||
mask="url(#mask12)"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="script.js"></script>
|
<script src="script.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
49
style.css
49
style.css
@@ -5,55 +5,6 @@
|
|||||||
--secondary-50: #807424;
|
--secondary-50: #807424;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes spinner-a {
|
|
||||||
from {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes spinner-b {
|
|
||||||
from {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
transform: rotate(180deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#path1-3 {
|
|
||||||
transform-origin: 50% 50%;
|
|
||||||
animation-duration: 2s;
|
|
||||||
animation-name: spinner-a;
|
|
||||||
animation-timing-function: ease-in-out;
|
|
||||||
animation-direction: alternate;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
#path1-4 {
|
|
||||||
transform-origin: 50% 50%;
|
|
||||||
animation-duration: 1.1s;
|
|
||||||
animation-name: spinner-b;
|
|
||||||
animation-timing-function: ease-in-out;
|
|
||||||
animation-direction: alternate;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
#spinner-container {
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overlay {
|
|
||||||
background: #88888888;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
max-width: 512px;
|
max-width: 512px;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user