mirror of
https://codeberg.org/forgejo/forgejo
synced 2024-08-19 22:22:21 +02:00
[BRANDING] Custom loading animation for Forgejo
(cherry picked from commita3b3b8a2df
) (cherry picked from commitde0fd2d2e4
) (cherry picked from commite1bf4de211
) (cherry picked from commit60ffc88a47
) (cherry picked from commit7d2beea9ca
) (cherry picked from commit171eadb952
) (cherry picked from commit5e81f75ed2
) Conflicts: templates/install.tmpl templates/post-install.tmpl templates/repo/migrate/migrating.tmpl (cherry picked from commit641c4a36c5
) (cherry picked from commitf1dbb2dcff
) (cherry picked from commitb66de5e531
) (cherry picked from commiteeccdf21a1
) (cherry picked from commitaf37663f4d
) (cherry picked from commited3739dccb
) (cherry picked from commitf0036e37cf
) (cherry picked from commit90d453898a
) (cherry picked from commitc011543238
) (cherry picked from commita294f34165
) (cherry picked from commitcc00759140
) (cherry picked from commitabe6d83b85
) (cherry picked from commit274d286339
) (cherry picked from commit594aaf3c95
) (cherry picked from commit6059a376f4
) (cherry picked from commit676eb49a12
) (cherry picked from commitfc834fdb86
) (cherry picked from commite1e89a4349
) (cherry picked from commit89e0d29cdb
) (cherry picked from commiteb7fc7a27e
) (cherry picked from commitcaa41ff629
) (cherry picked from commita74b6adb6a
) (cherry picked from commit4fc629b0d4
) (cherry picked from commit66a3fb5dcd
) (cherry picked from commitb26ec6315a
) (cherry picked from commit8d9d4d6f6b
) (cherry picked from commitaa8e866656
) (cherry picked from commitd23f3bd60f
) (cherry picked from commitfab2d1cafa
) (cherry picked from commit39d9d405c3
) (cherry picked from commitd88db97d41
) (cherry picked from commit64f5a911ec
)
This commit is contained in:
parent
e70cc4de6f
commit
1f364cfeee
Binary file not shown.
Before Width: | Height: | Size: 11 KiB |
14
public/assets/img/forgejo-loading.svg
Normal file
14
public/assets/img/forgejo-loading.svg
Normal file
|
@ -0,0 +1,14 @@
|
||||||
|
<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>
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
Before Width: | Height: | Size: 12 KiB |
|
@ -347,5 +347,5 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<img class="gt-hidden" src="{{AssetUrlPrefix}}/img/loading.png">
|
<img class="gt-hidden" src="{{AssetUrlPrefix}}/img/forgejo-loading.svg" width="256" height="256">
|
||||||
{{template "base/footer" .}}
|
{{template "base/footer" .}}
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
<div class="ui stackable middle very relaxed page grid">
|
<div class="ui stackable middle very relaxed page grid">
|
||||||
<div class="sixteen wide center aligned centered column">
|
<div class="sixteen wide center aligned centered column">
|
||||||
<div>
|
<div>
|
||||||
<img src="{{AssetUrlPrefix}}/img/loading.png" alt="{{ctx.Locale.Tr "loading"}}">
|
<img src="{{AssetUrlPrefix}}/img/forgejo-loading.svg" alt="{{ctx.Locale.Tr "loading"}}" width="256" height="256">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -9,12 +9,12 @@
|
||||||
<div class="ui stackable middle very relaxed page grid">
|
<div class="ui stackable middle very relaxed page grid">
|
||||||
<div id="repo_migrating" class="sixteen wide center aligned centered column" data-migrating-task-id="{{.MigrateTask.ID}}">
|
<div id="repo_migrating" class="sixteen wide center aligned centered column" data-migrating-task-id="{{.MigrateTask.ID}}">
|
||||||
<div>
|
<div>
|
||||||
<img src="{{AssetUrlPrefix}}/img/loading.png">
|
<img src="{{AssetUrlPrefix}}/img/forgejo-loading.svg" width="256" height="256">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="repo_migrating_failed_image" class="sixteen wide center aligned centered column gt-hidden">
|
<div id="repo_migrating_failed_image" class="sixteen wide center aligned centered column gt-hidden">
|
||||||
<div>
|
<div>
|
||||||
<img src="{{AssetUrlPrefix}}/img/failed.png">
|
<span class="red">{{svg "octicon-git-pull-request-closed" 256 "ui red icon"}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue