mirror of
https://github.com/Retropex/custom-ocean.xyz-dashboard.git
synced 2025-05-12 19:20:45 +02:00
Remove block mining animation SVG file
The entire SVG file for the block mining animation has been deleted. This includes all graphical elements, animations, and scripts related to the background, blockchain representation, Bitcoin logo, current block details, mining animation, status display, timestamp display, and CRT flicker animation.
This commit is contained in:
DJObleezy
parent
af89590b54
commit
93175a7b40
@ -1,168 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 300" width="100%" height="100%">
|
||||
<!-- Background with scanlines -->
|
||||
<defs>
|
||||
<pattern id="scanlines" patternUnits="userSpaceOnUse" width="4" height="4">
|
||||
<rect width="4" height="2" fill="#000" fill-opacity="0.1"/>
|
||||
<rect y="2" width="4" height="2" fill="none"/>
|
||||
</pattern>
|
||||
|
||||
<radialGradient id="glowEffect" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
|
||||
<stop offset="0%" stop-color="#f7931a" stop-opacity="0.6"/>
|
||||
<stop offset="100%" stop-color="#f7931a" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
|
||||
<filter id="neonGlow" x="-50%" y="-50%" width="200%" height="200%">
|
||||
<feGaussianBlur stdDeviation="2" result="blur"/>
|
||||
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
|
||||
</filter>
|
||||
|
||||
<linearGradient id="bitcoinGradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" stop-color="#f7931a"/>
|
||||
<stop offset="100%" stop-color="#ffc04a"/>
|
||||
</linearGradient>
|
||||
|
||||
<linearGradient id="transactionGradient" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" stop-color="#39ff14"/>
|
||||
<stop offset="100%" stop-color="#00ffaa"/>
|
||||
</linearGradient>
|
||||
|
||||
<filter id="pixelate" x="0%" y="0%" width="100%" height="100%">
|
||||
<feFlood x="4" y="4" height="2" width="2"/>
|
||||
<feComposite width="10" height="10"/>
|
||||
</filter>
|
||||
</defs>
|
||||
|
||||
<!-- Main background -->
|
||||
<rect width="500" height="300" fill="#0a0a0a"/>
|
||||
|
||||
<!-- Scanline effect -->
|
||||
<rect width="500" height="300" fill="url(#scanlines)" opacity="0.15"/>
|
||||
|
||||
<!-- Blockchain (rows of connected blocks) -->
|
||||
<g id="blockchain" transform="translate(20, 270)">
|
||||
<!-- Previous blocks (part of the chain) -->
|
||||
<g id="previous-blocks">
|
||||
<rect x="0" y="-30" width="25" height="25" rx="3" fill="#232323" stroke="#f7931a" stroke-width="1"/>
|
||||
<rect x="35" y="-30" width="25" height="25" rx="3" fill="#232323" stroke="#f7931a" stroke-width="1"/>
|
||||
<rect x="70" y="-30" width="25" height="25" rx="3" fill="#232323" stroke="#f7931a" stroke-width="1"/>
|
||||
<rect x="105" y="-30" width="25" height="25" rx="3" fill="#232323" stroke="#f7931a" stroke-width="1"/>
|
||||
|
||||
<!-- Connecting lines -->
|
||||
<line x1="25" y1="-17.5" x2="35" y2="-17.5" stroke="#f7931a" stroke-width="1"/>
|
||||
<line x1="60" y1="-17.5" x2="70" y2="-17.5" stroke="#f7931a" stroke-width="1"/>
|
||||
<line x1="95" y1="-17.5" x2="105" y2="-17.5" stroke="#f7931a" stroke-width="1"/>
|
||||
<line x1="130" y1="-17.5" x2="140" y2="-17.5" stroke="#f7931a" stroke-width="1" stroke-dasharray="2,2">
|
||||
<animate attributeName="stroke-dashoffset" from="0" to="4" dur="1s" repeatCount="indefinite"/>
|
||||
</line>
|
||||
</g>
|
||||
|
||||
<!-- Bitcoin logo -->
|
||||
<g id="bitcoin-logo" transform="translate(250, -60)">
|
||||
<circle cx="25" cy="25" r="20" fill="#0a0a0a" stroke="url(#bitcoinGradient)" stroke-width="2" filter="url(#neonGlow)"/>
|
||||
<text id="bitcoin-symbol" x="25" y="25" font-family="sans-serif" font-size="22" font-weight="bold" fill="url(#bitcoinGradient)" text-anchor="middle" dy=".35em" filter="url(#neonGlow)">₿</text>
|
||||
|
||||
<!-- Rotating glow effect -->
|
||||
<circle cx="25" cy="25" r="28" fill="none" stroke="url(#bitcoinGradient)" stroke-width="1" opacity="0.5">
|
||||
<animate attributeName="opacity" values="0.5;0.8;0.5" dur="3s" repeatCount="indefinite"/>
|
||||
<animate attributeName="r" values="28;30;28" dur="3s" repeatCount="indefinite"/>
|
||||
</circle>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Current block being mined -->
|
||||
<g id="current-block" transform="translate(140, 240)">
|
||||
<!-- Block outline -->
|
||||
<rect id="block-outline" x="0" y="-30" width="70" height="60" rx="3" fill="#131313" stroke="#f7931a" stroke-width="2">
|
||||
<animate attributeName="stroke-opacity" values="1;0.5;1" dur="2s" repeatCount="indefinite"/>
|
||||
</rect>
|
||||
|
||||
<!-- Block header data -->
|
||||
<text x="35" y="-20" font-family="monospace" font-size="6" fill="#00dfff" text-anchor="middle" filter="url(#neonGlow)">Block #<tspan id="block-height">000000</tspan></text>
|
||||
|
||||
<!-- Block transactions -->
|
||||
<g id="transactions">
|
||||
<rect class="transaction" x="5" y="-15" width="60" height="5" rx="1" fill="url(#transactionGradient)" opacity="0.7">
|
||||
<animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite" begin="0s"/>
|
||||
</rect>
|
||||
|
||||
<rect class="transaction" x="5" y="-8" width="60" height="5" rx="1" fill="url(#transactionGradient)" opacity="0.7">
|
||||
<animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite" begin="0.5s"/>
|
||||
</rect>
|
||||
|
||||
<rect class="transaction" x="5" y="-1" width="60" height="5" rx="1" fill="url(#transactionGradient)" opacity="0.7">
|
||||
<animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite" begin="1s"/>
|
||||
</rect>
|
||||
|
||||
<rect class="transaction" x="5" y="6" width="60" height="5" rx="1" fill="url(#transactionGradient)" opacity="0.7">
|
||||
<animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite" begin="1.5s"/>
|
||||
</rect>
|
||||
|
||||
<rect class="transaction" x="5" y="13" width="60" height="5" rx="1" fill="url(#transactionGradient)" opacity="0.7">
|
||||
<animate attributeName="opacity" values="0.7;1;0.7" dur="3s" repeatCount="indefinite" begin="2s"/>
|
||||
</rect>
|
||||
|
||||
<text id="tx-count" x="35" y="23" font-family="monospace" font-size="6" fill="#ffffff" text-anchor="middle">Txs: <tspan id="transaction-count">0000</tspan></text>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Mining animation -->
|
||||
<g id="mining-animation" transform="translate(250, 180)">
|
||||
<!-- Mining text -->
|
||||
<text x="0" y="0" font-family="monospace" font-size="12" fill="#f7931a" filter="url(#neonGlow)">Mining hash:</text>
|
||||
<text id="mining-hash" x="0" y="15" font-family="monospace" font-size="10" fill="#ffffff">0000...0000</text>
|
||||
|
||||
<!-- Nonce counter -->
|
||||
<text x="0" y="35" font-family="monospace" font-size="10" fill="#00dfff" filter="url(#neonGlow)">Nonce: <tspan id="nonce-value">0000000000</tspan></text>
|
||||
|
||||
<!-- Difficulty target -->
|
||||
<text x="0" y="50" font-family="monospace" font-size="10" fill="#ffd700" filter="url(#neonGlow)">Difficulty: <tspan id="difficulty-value">0000000</tspan></text>
|
||||
|
||||
<!-- Mining status -->
|
||||
<text id="mining-status" x="0" y="70" font-family="monospace" font-size="12" fill="#39ff14" filter="url(#neonGlow)">Mining in progress...</text>
|
||||
|
||||
<!-- Hash calculation animation (tiny dots moving) -->
|
||||
<g id="hash-calculation">
|
||||
<circle cx="10" cy="85" r="2" fill="#f7931a">
|
||||
<animate attributeName="cx" values="10;180;10" dur="3s" repeatCount="indefinite"/>
|
||||
<animate attributeName="opacity" values="1;0.5;1" dur="3s" repeatCount="indefinite"/>
|
||||
</circle>
|
||||
|
||||
<circle cx="30" cy="85" r="2" fill="#f7931a">
|
||||
<animate attributeName="cx" values="30;200;30" dur="3s" repeatCount="indefinite" begin="0.5s"/>
|
||||
<animate attributeName="opacity" values="1;0.5;1" dur="3s" repeatCount="indefinite" begin="0.5s"/>
|
||||
</circle>
|
||||
|
||||
<circle cx="50" cy="85" r="2" fill="#f7931a">
|
||||
<animate attributeName="cx" values="50;220;50" dur="3s" repeatCount="indefinite" begin="1s"/>
|
||||
<animate attributeName="opacity" values="1;0.5;1" dur="3s" repeatCount="indefinite" begin="1s"/>
|
||||
</circle>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<!-- Status display -->
|
||||
<g id="status-display" transform="translate(20, 20)">
|
||||
<rect width="460" height="20" fill="#0a0a0a" stroke="#f7931a" stroke-width="1"/>
|
||||
<text id="status-text" x="10" y="14" font-family="monospace" font-size="12" fill="#ffffff">MINING BLOCK #<tspan id="status-height">000000</tspan> | POOL: <tspan id="mining-pool">Unknown</tspan></text>
|
||||
|
||||
<!-- Indicator lights -->
|
||||
<circle cx="440" cy="10" r="5" fill="#39ff14" filter="url(#neonGlow)">
|
||||
<animate attributeName="opacity" values="1;0.5;1" dur="2s" repeatCount="indefinite"/>
|
||||
</circle>
|
||||
</g>
|
||||
|
||||
<!-- Timestamp display -->
|
||||
<g id="timestamp-display" transform="translate(20, 50)">
|
||||
<text id="time-text" x="0" y="0" font-family="monospace" font-size="10" fill="#00dfff">Time: <tspan id="block-time">0000-00-00 00:00:00</tspan></text>
|
||||
</g>
|
||||
|
||||
<!-- Animation triggers -->
|
||||
<script type="text/javascript"><![CDATA[
|
||||
// This script will be replaced with actual JS implementation
|
||||
// It will update the animation with real data from the API
|
||||
]]></script>
|
||||
|
||||
<!-- CRT flicker animation for the entire SVG -->
|
||||
<rect width="500" height="300" fill="none" opacity="0.03">
|
||||
<animate attributeName="opacity" values="0.03;0.05;0.03" dur="0.5s" repeatCount="indefinite"/>
|
||||
</rect>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 8.7 KiB |
Loading…
Reference in New Issue
Block a user