forgejo/public/assets/img/forgejo-loading.svg

15 lines
1.5 KiB
XML
Raw Normal View History

[BRANDING] Custom loading animation for Forgejo (cherry picked from commit a3b3b8a2dfb31f3b8000f1bfeae63ef3190c211f) (cherry picked from commit de0fd2d2e459aec24dae1293cc1f8f04069dedac) (cherry picked from commit e1bf4de211a92a2f4645b3f34039749456a10ea3) (cherry picked from commit 60ffc88a47a158fe4920f05875ea8d156eecaa70) (cherry picked from commit 7d2beea9ca4b47a29a1737b3a4d1d5486f2db1d3) (cherry picked from commit 171eadb95225183b3c1a1dfd3a5181953868b7d2) (cherry picked from commit 5e81f75ed2541fafb72d20911fa1db01154f8ff9) Conflicts: templates/install.tmpl templates/post-install.tmpl templates/repo/migrate/migrating.tmpl (cherry picked from commit 641c4a36c5c576d92d3dca952130542496c8c07f) (cherry picked from commit f1dbb2dcff94bcd734309c55808470d29f497577) (cherry picked from commit b66de5e5316b09eeaf6c3463542994293f7b2995) (cherry picked from commit eeccdf21a11e13f796caa45c206c89d9c273bc6b) (cherry picked from commit af37663f4d12aec35ee42769468e1e733a8bd4a0) (cherry picked from commit ed3739dccbfdacb6e0c8408ff6a26fcac20f8eb4) (cherry picked from commit f0036e37cf4f6e4402e2fbbe42763553399b51a8) (cherry picked from commit 90d453898a5c6481b9b2b6fe356f0a7b3ad2eafc) (cherry picked from commit c01154323832c57af7a84cadc4580a00bcc96e5e) (cherry picked from commit a294f34165c4df7100589dd2b44baf60af9d14b3) (cherry picked from commit cc00759140bc6bf3f68129ab97995c3bf01db276) (cherry picked from commit abe6d83b85759a80d82d52faacd36e8f315d5777) (cherry picked from commit 274d2863398cbb94f075a7532152eb9a090b504d) (cherry picked from commit 594aaf3c95e9cf671d02a81195653e0dabb1cae9) (cherry picked from commit 6059a376f48d96dccfaf99ff1eede2d4ba38afc5)
2022-12-25 12:35:04 +00:00
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 212 212">
<style>
@keyframes draw-orange{0%{stroke-dashoffset:200}25%{stroke-dashoffset:200;stroke-width:0}50%{stroke-dashoffset:0;stroke-width:25}to{stroke-dashoffset:0}}@keyframes draw-red{0%{stroke-dashoffset:130;stroke-width:0}25%{stroke-dashoffset:0;stroke-width:25}50%,to{stroke-dashoffset:0}}@keyframes red-circle{0%{opacity:0}20%{opacity:0;stroke-width:0}25%{opacity:1;stroke-width:15}to{opacity:1}}@keyframes orange-circle{0%{opacity:0}45%{opacity:0;stroke-width:0}50%{opacity:1;stroke-width:15}to{opacity:1}}@keyframes fade{0%,90%{opacity:1}to{opacity:0}}circle,path{fill:none;stroke:#000;stroke-width:15}path{stroke-width:25}.orange{stroke:#f60}.red{stroke:#d40000}
</style>
<g transform="translate(6 6)">
<g style="animation:fade 2000ms ease-in-out 5ms infinite">
<path d="M58 168V70a50 50 0 0 1 50-50h20" class="orange" style="stroke-dasharray:200;stroke-dashoffset:200;animation:draw-orange 2000ms ease-out 5ms infinite"/>
<path d="M58 168v-30a50 50 0 0 1 50-50h20" class="red" style="stroke-dasharray:130;stroke-dashoffset:130;animation:draw-red 2000ms ease-out 5ms infinite"/>
<circle cx="142" cy="20" r="18" class="orange" style="opacity:0;animation:orange-circle 2000ms ease-out 5ms infinite"/>
<circle cx="142" cy="88" r="18" class="red" style="opacity:0;animation:red-circle 2000ms ease-out 5ms infinite"/>
</g>
<circle cx="58" cy="180" r="18" class="red"/>
</g>
</svg>