remove spinner because im not using it
This commit is contained in:
94
index.html
94
index.html
@@ -169,100 +169,6 @@
|
||||
</section>
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
|
49
style.css
49
style.css
@@ -5,55 +5,6 @@
|
||||
--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 {
|
||||
max-width: 512px;
|
||||
}
|
||||
|
Reference in New Issue
Block a user