mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-12-22 12:54:53 -05: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:
Caesar Schinas
Earl Warren
parent
e70cc4de6f
commit
1f364cfeee
6 changed files with 18 additions and 4 deletions
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>
|
||||
<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" .}}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<div class="ui stackable middle very relaxed page grid">
|
||||
<div class="sixteen wide center aligned centered column">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -9,12 +9,12 @@
|
|||
<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>
|
||||
<img src="{{AssetUrlPrefix}}/img/loading.png">
|
||||
<img src="{{AssetUrlPrefix}}/img/forgejo-loading.svg" width="256" height="256">
|
||||
</div>
|
||||
</div>
|
||||
<div id="repo_migrating_failed_image" class="sixteen wide center aligned centered column gt-hidden">
|
||||
<div>
|
||||
<img src="{{AssetUrlPrefix}}/img/failed.png">
|
||||
<span class="red">{{svg "octicon-git-pull-request-closed" 256 "ui red icon"}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue