Widget:Timeline: Difference between revisions
Created page with "<div id="timeline-window" style="width: 100%; height: 600px; position: relative; overflow: hidden; border: none; </div> <link rel="stylesheet" href="/assets/components/pixi-freeline/style.css"> <script type="importmap"> { "imports": { "pixi.js": "/assets/libs/pixi.mjs" } } </script> <script type="module" src="/assets/components/pixi-freeline/main.js"></script>" |
No edit summary |
||
| Line 1: | Line 1: | ||
<div id="timeline-window" style="width: 100%; height: 600px; position: relative; overflow: hidden; border: none; </div> | <div id="timeline-window" style="width: 100%; height: 600px; position: relative; overflow: hidden; border: none;> | ||
<div id="timeline-loader" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #fff9ed; z-index: 9999;"> | |||
<div style="width: 50px; height: 50px; border: 5px solid #d1d5db; border-top-color: #1f2937; border-radius: 50%; animation: spin 1s linear infinite;"></div> | |||
<p style="margin-top: 15px; font-family: sans-serif; color: #1f2937; font-weight: bold;">Loading Lore Database...</p> | |||
<style>@keyframes spin { to { transform: rotate(360deg); } }</style> | |||
</div> | |||
</div> | |||
<link rel="stylesheet" href="/assets/components/pixi-freeline/style.css"> | <link rel="stylesheet" href="/assets/components/pixi-freeline/style.css"> | ||
Revision as of 15:15, 7 April 2026
Loading Lore Database...
<style>@keyframes spin { to { transform: rotate(360deg); } }</style>
<link rel="stylesheet" href="/assets/components/pixi-freeline/style.css">
<script type="importmap">
{
"imports": {
"pixi.js": "/assets/libs/pixi.mjs"
}
}
</script>
<script type="module" src="/assets/components/pixi-freeline/main.js"></script>