Skip to content
GitLab
Commit e309db2e authored by Nicolas Pernoud's avatar Nicolas Pernoud
Browse files

fix: improved spinner

parent 5d8d36dd
Pipeline #6078 passed with stages
in 2 minutes and 48 seconds
Hide whitespace changes
Inline Side-by-side
miscellaneous/bulma/bulma.scss
View file @ e309db2e
......@@ -182,6 +182,7 @@ a.navbar-item:focus {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 25%;
}
.icon-card {
......
web/assets/bulma.min.css
View file @ e309db2e
This source diff could not be displayed because it is too large. You can view the blob instead.
web/assets/spinner.svg
View file @ e309db2e
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; display: block; shape-rendering: auto;" width="300px" height="300px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<g transform="translate(80,50)">
<g transform="rotate(0)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="1">
<animateTransform attributeName="transform" type="scale" begin="-1.171875s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-1.171875s"></animate>
</circle>
</g>
</g><g transform="translate(77.7163859753386,61.48050297095269)">
<g transform="rotate(22.5)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.9375">
<animateTransform attributeName="transform" type="scale" begin="-1.09375s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-1.09375s"></animate>
</circle>
</g>
</g><g transform="translate(71.21320343559643,71.21320343559643)">
<g transform="rotate(45)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.875">
<animateTransform attributeName="transform" type="scale" begin="-1.015625s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-1.015625s"></animate>
</circle>
</g>
</g><g transform="translate(61.4805029709527,77.7163859753386)">
<g transform="rotate(67.5)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.8125">
<animateTransform attributeName="transform" type="scale" begin="-0.9375s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.9375s"></animate>
</circle>
</g>
</g><g transform="translate(50,80)">
<g transform="rotate(90)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.75">
<animateTransform attributeName="transform" type="scale" begin="-0.859375s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.859375s"></animate>
</circle>
</g>
</g><g transform="translate(38.51949702904731,77.7163859753386)">
<g transform="rotate(112.5)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.6875">
<animateTransform attributeName="transform" type="scale" begin="-0.78125s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.78125s"></animate>
</circle>
</g>
</g><g transform="translate(28.786796564403577,71.21320343559643)">
<g transform="rotate(135)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.625">
<animateTransform attributeName="transform" type="scale" begin="-0.703125s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.703125s"></animate>
</circle>
</g>
</g><g transform="translate(22.283614024661397,61.4805029709527)">
<g transform="rotate(157.5)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.5625">
<animateTransform attributeName="transform" type="scale" begin="-0.625s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.625s"></animate>
</circle>
</g>
</g><g transform="translate(20,50.00000000000001)">
<g transform="rotate(180)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.5">
<animateTransform attributeName="transform" type="scale" begin="-0.546875s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.546875s"></animate>
</circle>
</g>
</g><g transform="translate(22.283614024661393,38.51949702904731)">
<g transform="rotate(202.49999999999997)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.4375">
<animateTransform attributeName="transform" type="scale" begin="-0.46875s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.46875s"></animate>
</circle>
</g>
</g><g transform="translate(28.78679656440357,28.786796564403577)">
<g transform="rotate(225)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.375">
<animateTransform attributeName="transform" type="scale" begin="-0.390625s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.390625s"></animate>
</circle>
</g>
</g><g transform="translate(38.51949702904729,22.283614024661404)">
<g transform="rotate(247.49999999999997)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.3125">
<animateTransform attributeName="transform" type="scale" begin="-0.3125s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.3125s"></animate>
</circle>
</g>
</g><g transform="translate(49.99999999999999,20)">
<g transform="rotate(270)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.25">
<animateTransform attributeName="transform" type="scale" begin="-0.234375s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.234375s"></animate>
</circle>
</g>
</g><g transform="translate(61.4805029709527,22.2836140246614)">
<g transform="rotate(292.50000000000006)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.1875">
<animateTransform attributeName="transform" type="scale" begin="-0.15625s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.15625s"></animate>
</circle>
</g>
</g><g transform="translate(71.21320343559643,28.78679656440357)">
<g transform="rotate(315)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.125">
<animateTransform attributeName="transform" type="scale" begin="-0.078125s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="-0.078125s"></animate>
</circle>
</g>
</g><g transform="translate(77.7163859753386,38.51949702904729)">
<g transform="rotate(337.49999999999994)">
<circle cx="0" cy="0" r="1.5" fill="#0d47a1" fill-opacity="0.0625">
<animateTransform attributeName="transform" type="scale" begin="0s" values="2 2;1 1" keyTimes="0;1" dur="1.25s" repeatCount="indefinite"></animateTransform>
<animate attributeName="fill-opacity" keyTimes="0;1" dur="1.25s" repeatCount="indefinite" values="1;0" begin="0s"></animate>
</circle>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg version="1.1" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<metadata>
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
</cc:Work>
</rdf:RDF>
</metadata>
<circle cx="50" cy="50" r="47.5" fill="none" stroke="#b0bec5" stroke-width="5" />
<path d="m97.5 50c0 26.234-21.266 47.5-47.5 47.5m-47.5-47.5c2e-7 -26.234 21.266-47.5 47.5-47.5 26.234 0 47.5 21.266 47.5 47.5" fill="none" stroke="#0d47a1" stroke-linecap="round" stroke-width="3">
<animateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="1s" repeatDur="indefinite" />
</path>
</svg>
web/index.html
View file @ e309db2e
......@@ -70,7 +70,7 @@
</div>
<div class="navbar-menu">
<div class="navbar-end">
<div class="navbar-item"><p>v4.3.21</p></div>
<div class="navbar-item"><p>v4.3.22</p></div>
</div>
</div>
</nav>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment