banner.svg 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <svg width="630" height="500" viewBox="0 0 630 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  3. <defs>
  4. <g id="box">
  5. <rect fill="#e6e6e6" stroke="#1a0300" stroke-width="4" width="124" height="124" x="2" y="2" ry="12"/>
  6. <rect fill="#101020" width="100" height="100" x="14" y="14" ry="8"/>
  7. </g>
  8. <g id="eyes" fill="#40abff" transform="scale(0.25)">
  9. <rect width="140" height="140" x="86" y="127.5" ry="30"/>
  10. <rect width="140" height="140" x="286" y="127.5" ry="30"/>
  11. </g>
  12. <clipPath id="displayClipPath">
  13. <rect width="256" height="128"/>
  14. </clipPath>
  15. <g id="tile">
  16. <rect width="256" height="128" fill="#e6e7e9"/>
  17. <g id="light-highlight" fill="#fff">
  18. <rect x="253" width="3" height="128"/>
  19. <rect x="0" width="256" height="3"/>
  20. </g>
  21. <g id="specular" clip-path="url(#displayClipPath)" fill="#fff" fill-opacity=".3">
  22. <rect transform="rotate(24)" x="78" y="-70.5" width="43.25" height="182"/>
  23. <rect transform="rotate(24)" x="172" y="-109" width="38.75" height="259"/>
  24. </g>
  25. <g id="dark-highlight" fill="#3c3c3c">
  26. <rect width="3" height="128"/>
  27. <rect x="0" y="125" width="256" height="3"/>
  28. </g>
  29. </g>
  30. <g id="normal_tile" transform="scale(1.5)">
  31. <use xlink:href="#tile"/>
  32. <rect id="inner-rect" x="10" y="5" width="236" height="115" fill="none" stroke="#848484" stroke-width="1.925"/>
  33. <rect id="fade" width="256" height="128" fill="#000" fill-opacity="0.15"/>
  34. </g>
  35. <g id="display_tile" transform="scale(1.5)">
  36. <use xlink:href="#tile"/>
  37. <rect id="inner-rect" x="10" y="5" width="236" height="115" fill="#101020" stroke="#848484" stroke-width="1.925"/>
  38. <rect id="fade" width="256" height="128" fill="#000" fill-opacity="0.15"/>
  39. </g>
  40. </defs>
  41. <g id="wall">
  42. <use id="tile_basis" xlink:href="#normal_tile" transform="translate(-170, 55)"/>
  43. <use xlink:href="#tile_basis" transform="translate(-192, 192)"/>
  44. <use xlink:href="#tile_basis" transform="translate(-192, -192)"/>
  45. <use xlink:href="#tile_basis" transform="translate(192, -192)"/>
  46. <use xlink:href="#tile_basis" transform="translate(192, -192)"/>
  47. <use xlink:href="#tile_basis" transform="translate(192, 192)"/>
  48. <use xlink:href="#tile_basis" transform="translate(576, 192)"/>
  49. <use xlink:href="#tile_basis" transform="translate(576, -192)"/>
  50. <use xlink:href="#tile_basis" transform="translate(768)"/>
  51. <use xlink:href="#display_tile" transform="translate(384) translate(-170, 55)"/>
  52. <rect fill="none" stroke="#40abff" stroke-width="6" x="240" y="75" width="332" height="148"/>
  53. </g>
  54. <g id="ground" transform="translate(0, 420)">
  55. <rect width="630" height="64" fill="#e6e7e9"/>
  56. <rect y="15" width="630" height="64" fill="#515164"/>
  57. <rect y="30" width="630" height="64" fill="#36364f"/>
  58. <rect y="45" width="630" height="64" fill="#212134"/>
  59. <rect y="60" width="630" height="64" fill="#101020"/>
  60. <rect width="630" height="5" fill="#101020"/>
  61. </g>
  62. <g transform="translate(33,255) scale(1.3)">
  63. <use xlink:href="#box"/>
  64. <use xlink:href="#eyes"/>
  65. </g>
  66. <use xlink:href="#box" transform="translate(355,255) scale(1.3)"/>
  67. </svg>