splash-screen.svg 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 400">
  2. <!-- Background with gradient -->
  3. <defs>
  4. <linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
  5. <stop offset="0%" style="stop-color:#0a0a0a;stop-opacity:1" />
  6. <stop offset="100%" style="stop-color:#1a1a1a;stop-opacity:1" />
  7. </linearGradient>
  8. <!-- Glow filter -->
  9. <filter id="greenGlow">
  10. <feGaussianBlur stdDeviation="2" result="coloredBlur"/>
  11. <feMerge>
  12. <feMergeNode in="coloredBlur"/>
  13. <feMergeNode in="SourceGraphic"/>
  14. </feMerge>
  15. </filter>
  16. </defs>
  17. <!-- Main background -->
  18. <rect width="800" height="400" fill="url(#bgGradient)"/>
  19. <!-- Grid pattern -->
  20. <path d="M0 40 L800 40 M0 80 L800 80 M0 120 L800 120 M0 160 L800 160
  21. M0 200 L800 200 M0 240 L800 240 M0 280 L800 280 M0 320 L800 320 M0 360 L800 360"
  22. stroke="#00ff00" stroke-width="0.5" stroke-opacity="0.1"/>
  23. <path d="M40 0 L40 400 M80 0 L80 400 M120 0 L120 400 M160 0 L160 400
  24. M200 0 L200 400 M240 0 L240 400 M280 0 L280 400 M320 0 L320 400"
  25. stroke="#00ff00" stroke-width="0.5" stroke-opacity="0.1"/>
  26. <!-- Main Boiler Logo -->
  27. <g transform="translate(400,160) scale(2)">
  28. <!-- Pot Body -->
  29. <path d="M-20 10
  30. C-20 10, -22 2, -12 2
  31. L12 2
  32. C22 2, 20 10, 20 10
  33. C27 15, 26 30, 24 42
  34. C24 44, -24 44, -24 42
  35. C-26 30, -27 15, -20 10 Z"
  36. fill="#1a1a1a" stroke="#00ff00" stroke-width="3" filter="url(#greenGlow)"/>
  37. <!-- Pot Neck -->
  38. <path d="M-12 2 C-12 -2, 12 -2, 12 2" stroke="#00ff00" stroke-width="3" fill="none" filter="url(#greenGlow)"/>
  39. <!-- Steam with more curls -->
  40. <path d="M-8 -4 Q-4 -8 0 -6 T8 -4" stroke="#00ff00" stroke-width="2" opacity="0.6" filter="url(#greenGlow)">
  41. <animate attributeName="opacity" values="0.6;0.3;0.6" dur="2s" repeatCount="indefinite"/>
  42. </path>
  43. <!-- Additional steam -->
  44. <path d="M-4 -3 Q0 -7 4 -3" stroke="#00ff00" stroke-width="1.5" opacity="0.4" filter="url(#greenGlow)">
  45. <animate attributeName="opacity" values="0.4;0.1;0.4" dur="1.5s" repeatCount="indefinite"/>
  46. </path>
  47. <!-- Animated Gears - Now more of them -->
  48. <path d="M-16 20 L-12 16 L-8 20 L-12 24 Z" fill="#00cc00">
  49. <animateTransform attributeName="transform" type="rotate" from="0 -12 20" to="360 -12 20" dur="3s" repeatCount="indefinite"/>
  50. </path>
  51. <path d="M12 25 L16 21 L20 25 L16 29 Z" fill="#33ff33">
  52. <animateTransform attributeName="transform" type="rotate" from="360 16 25" to="0 16 25" dur="2s" repeatCount="indefinite"/>
  53. </path>
  54. <!-- New Hexagonal Gear -->
  55. <path d="M-4 30 L-2 27 L2 27 L4 30 L2 33 L-2 33 Z" fill="#00ff66">
  56. <animateTransform attributeName="transform" type="rotate" from="0 0 30" to="360 0 30" dur="4s" repeatCount="indefinite"/>
  57. </path>
  58. <!-- Small Round Gear -->
  59. <path d="M-8 35 L-6 33 L-4 35 L-6 37 Z" fill="#00cc00">
  60. <animateTransform attributeName="transform" type="rotate" from="360 -6 35" to="0 -6 35" dur="1.5s" repeatCount="indefinite"/>
  61. </path>
  62. <!-- Triangle piece -->
  63. <path d="M8 15 L11 12 L14 15" stroke="#33ff33" fill="none" stroke-width="1">
  64. <animate attributeName="transform" values="translate(0,0);translate(0,2);translate(0,0)" dur="1s" repeatCount="indefinite"/>
  65. </path>
  66. <!-- Circuit-like lines -->
  67. <path d="M-10 15 H-5 M5 15 H10" stroke="#00ff00" stroke-width="1" opacity="0.8"/>
  68. <path d="M-8 25 H-3 M3 25 H8" stroke="#00ff00" stroke-width="1" opacity="0.8"/>
  69. <!-- Glowing dots -->
  70. <circle cx="-10" cy="30" r="1" fill="#00ff00">
  71. <animate attributeName="opacity" values="1;0.3;1" dur="1s" repeatCount="indefinite"/>
  72. </circle>
  73. <circle cx="10" cy="35" r="1" fill="#00ff00">
  74. <animate attributeName="opacity" values="0.3;1;0.3" dur="1.2s" repeatCount="indefinite"/>
  75. </circle>
  76. <circle cx="0" cy="20" r="1.2" fill="#33ff33">
  77. <animate attributeName="opacity" values="0.7;0.2;0.7" dur="0.8s" repeatCount="indefinite"/>
  78. </circle>
  79. </g>
  80. <!-- Title Text -->
  81. <text x="400" y="320" fill="#00ff00" font-family="Arial, sans-serif" font-size="48" text-anchor="middle"
  82. filter="url(#greenGlow)" font-weight="bold">
  83. BundleBoiler
  84. </text>
  85. <!-- Loading Bar -->
  86. <rect x="300" y="350" width="200" height="4" fill="#1a1a1a" stroke="#00ff00" stroke-width="1"/>
  87. <rect x="300" y="350" width="0" height="4" fill="#00ff00">
  88. <animate attributeName="width" values="0;200" dur="2s" repeatCount="indefinite"/>
  89. </rect>
  90. <!-- Version Text -->
  91. <text x="400" y="380" fill="#00ff00" font-family="Arial, sans-serif" font-size="14" text-anchor="middle"
  92. opacity="0.7">Version 1.0.0</text>
  93. </svg>