SVG header Backend

Link to article: SVG header Backend.

Module Styles

• .svgh1 {
      background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.0%22%20width%3D%22550%22%20height%3D%22175%22%20viewBox%3D%220%200%20550%20175%22%20style%3D%22%22%3E%20%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2245%22%20text-anchor%3D%22middle%22%20font-size%3D%2225%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23901%22%20font-weight%3D%22bold%22%3EOh%20no!%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2260%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3EPlease%20use%20an%20encoder%3B%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2275%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3Emaybe%20the%20module%20is%20inserted%20characters%20without%20alphabets%2C%20numbers%20or%20a%20few%20symbols.%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2290%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3EThe%20encoder%20will%20be%20found%20in%20the%20component%20page.%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%22105%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3Ehttps%3A%2F%2Fscp-wiki.wikidot.com%2Fcomponent%3Asvgheader%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%22120%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3E%3Ctspan%20font-weight%3D%22bold%22%3ETips%3A%3C%2Ftspan%3E%20You%20can't%20use%20the%20following%20symbols%20without%20encoding%3A%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%22135%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3E%25%20%22%20%7B%20%7D%20%7C%20%5C%20%2F%20%5E%20%5B%20%5D%20%60%20%26lt%3B%20%26gt%3B%20%40%20%23%20%2C%20%3D%20%3F%20*%20%2B%20%2C%20%3B%3C%2Ftext%3E%20%3C%2Fsvg%3E");
  }

Inline Styles

• width: 100%;height: 0;padding-bottom: calc(175% / 6);background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(

Includes

• (none)

CSS Classes

• svgh1

Page Source

[[div class="svgh1" style="width: 100%;height: 0;padding-bottom: calc(175% / 6);background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22550%22%20height%3D%22175%22%20viewBox%3D%220%200%20550%20175%22%3E%0A%3Cdefs%3E%3Cstyle%3E%0A%40keyframes%20o%20%7B0%25%2C50%25%20%7Bopacity%3A%200%3B%7D75%25%20%7Bopacity%3A%201%3B%7D100%25%20%7Bopacity%3A%200%3B%7D%7D%0A%40keyframes%20pend%20%7B0%25,20%25%20%7Bopacity:%201;%7D50%25%20%7Bopacity:%20.3;%7D80%25,100%25%20%7Bopacity:%201;%7D%7D%0A.pend-true%20%7Banimation:%20pend%202s%20ease-in-out%20infinite;%7D%0Ag.r%20circle%5Bfilter%5D%20%7Banimation%3A%20o%202s%200s%20linear%20infinite%3Bstroke%3A%20%23b01%3B%7D%0Ag.b%20circle%3Anot(%5Bfilter%5D)%20%7Bstroke%3A%20%23333%3B%7D%0Ag.r%20circle%3Anot(%5Bfilter%5D)%20%7Bstroke%3A%20%23b01%3B%7D%0Ag.n%20circle%3Anot(%5Bfilter%5D)%20%7Bstroke%3A%20rgba(221%2C221%2C221%2C.5)%3B%7D%0Ag.c%20circle%3Anot(%5Bfilter%5D)%20%7Bstroke%3A%20transparent%3B%7D%0A.color%20path%20%7Btransform-origin%3A%20center%3Bopacity%3A%20.2%3B%7D%0A.color%20%5Bfilter%5D%20%7Bopacity%3A%200%3B%7D%0A.color.white%20path%5Bfill%3D%22white%22%5D%20%7Bopacity%3A%20.8%3Bstroke%3A%20%23333%3B%7D%0A.color.red%20path%5Bfill%3D%22red%22%5D%20%7Bopacity%3A%20.8%3Bstroke%3A%20red%3B%7D%0A.color.orange%20path%5Bfill%3D%22orange%22%5D%20%7Bopacity%3A%20.8%3Bstroke%3A%20orange%3B%7D%0A.color.yellow%20path%5Bfill%3D%22yellow%22%5D%20%7Bopacity%3A%20.8%3Bstroke%3A%20yellow%3B%7D%0A.color.green%20path%5Bfill%3D%22green%22%5D%20%7Bopacity%3A%20.8%3Bstroke%3A%20green%3B%7D%0A.color.blue%20path%5Bfill%3D%22blue%22%5D%20%7Bopacity%3A%20.8%3Bstroke%3A%20blue%3B%7D%0A.color.black%20path%5Bfill%3D%22black%22%5D%20%7Bopacity%3A%20.8%3Bstroke%3A%20black%3B%7D.color.white%20path%5Bfill%3D%22white%22%5D%5Bfilter%5D%2C%0A.color.red%20path%5Bfill%3D%22red%22%5D%5Bfilter%5D%2C%0A.color.orange%20path%5Bfill%3D%22orange%22%5D%5Bfilter%5D%2C%0A.color.yellow%20path%5Bfill%3D%22yellow%22%5D%5Bfilter%5D%2C%0A.color.green%20path%5Bfill%3D%22green%22%5D%5Bfilter%5D%2C%0A.color.blue%20path%5Bfill%3D%22blue%22%5D%5Bfilter%5D%2C%0A.color.black%20path%5Bfill%3D%22black%22%5D%5Bfilter%5D%20%7Banimation%3A%20o%202s%200s%20linear%20infinite%3B%7D%0A%3C%2Fstyle%3E%0A%3Cfilter%20id%3D%22shadow%22%20width%3D%22200%25%22%20height%3D%22200%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20result%3D%22shadow%22%2F%3E%3CfeOffset%20dx%3D%220%22%20dy%3D%220%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%0A%3Cg%20transform%3D%22translate(-38%2C0)%22%3E%3Cg%20transform%3D%22translate(-10%2C-140)%20scale(1.8)%22%20fill%3D%22rgba(221%2C221%2C221%2C.5)%22%3E%0A%3Cpath%20d%3D%22M%2073.464844%208.726562%20C%2073.441406%208.859375%2072.859375%2012.199219%2072.167969%2016.167969%20C%2071.484375%2020.132812%2070.890625%2023.425781%2070.859375%2023.484375%20C%2070.816406%2023.542969%2070.25%2023.808594%2069.582031%2024.074219%20C%2056.675781%2029.285156%2045.050781%2037.949219%2036.367188%2048.832031%20C%2027.367188%2060.117188%2021.476562%2073.566406%2019.375%2087.582031%20C%2019.257812%2088.382812%2019.117188%2089.132812%2019.074219%2089.242188%20C%2018.910156%2089.648438%2018.574219%2092.851562%2018.417969%2095.617188%20C%2018.308594%2097.535156%2018.308594%20102.351562%2018.417969%20104.375%20C%2018.515625%20106.191406%2018.675781%20107.890625%2018.933594%20110.066406%20L%2019.117188%20111.601562%20L%2018.785156%20111.910156%20C%2018.089844%20112.558594%2017.167969%20113.410156%2016.25%20114.25%20C%2015.726562%20114.734375%2015.035156%20115.367188%2014.707031%20115.667969%20C%2014.007812%20116.324219%2013.882812%20116.433594%2010.359375%20119.699219%20C%208.832031%20121.101562%207.574219%20122.285156%207.550781%20122.324219%20C%207.523438%20122.359375%208.566406%20124.226562%209.859375%20126.464844%20C%2011.148438%20128.707031%2017.199219%20139.175781%2023.292969%20149.726562%20C%2029.382812%20160.285156%2034.410156%20168.917969%2034.457031%20168.917969%20C%2034.507812%20168.917969%2035.167969%20168.691406%2035.925781%20168.410156%20C%2036.675781%20168.132812%2038.308594%20167.535156%2039.542969%20167.082031%20C%2046.875%20164.398438%2048.675781%20163.75%2048.742188%20163.75%20C%2048.792969%20163.75%2049.042969%20163.933594%2049.316406%20164.160156%20C%2050.839844%20165.433594%2054.582031%20168.066406%2057.042969%20169.601562%20C%2061.207031%20172.199219%2066.632812%20174.851562%2071.707031%20176.75%20C%2083.824219%20181.292969%2097.234375%20182.890625%20110.082031%20181.332031%20C%20116.941406%20180.5%20123.867188%20178.765625%20130.042969%20176.332031%20C%20130.867188%20176.007812%20131.617188%20175.734375%20131.707031%20175.714844%20C%20132.160156%20175.640625%20134.824219%20174.425781%20137.457031%20173.101562%20C%20141.734375%20170.933594%20145.476562%20168.617188%20149.398438%20165.691406%20L%20151.007812%20164.5%20L%20151.441406%20164.632812%20C%20151.683594%20164.707031%20151.992188%20164.800781%20152.125%20164.851562%20C%20152.515625%20164.976562%20156.316406%20166.160156%20156.875%20166.324219%20C%20157.839844%20166.617188%20162.292969%20168.007812%20162.5%20168.082031%20C%20162.617188%20168.125%20163.101562%20168.273438%20163.582031%20168.417969%20C%20164.066406%20168.566406%20164.808594%20168.792969%20165.234375%20168.933594%20C%20165.660156%20169.066406%20166.042969%20169.167969%20166.082031%20169.148438%20C%20166.183594%20169.117188%20193.015625%20122.660156%20192.984375%20122.582031%20C%20192.957031%20122.523438%20191.359375%20121.175781%20184.667969%20115.601562%20C%20182.992188%20114.199219%20181.558594%20112.992188%20181.464844%20112.917969%20C%20181.316406%20112.765625%20181.316406%20112.742188%20181.484375%20111.523438%20C%20182.410156%20105.007812%20182.515625%2098.558594%20181.824219%2091.75%20C%20180.226562%2076.007812%20174.191406%2061.242188%20164.285156%2048.816406%20C%20157.933594%2040.851562%20149.910156%2033.984375%20141%2028.890625%20C%20138.207031%2027.300781%20134.324219%2025.390625%20131.523438%2024.25%20C%20131.140625%2024.101562%20130.816406%2023.910156%20130.800781%2023.839844%20C%20130.773438%2023.765625%20130%2020.351562%20129.082031%2016.25%20C%20128.160156%2012.148438%20127.382812%208.726562%20127.367188%208.640625%20C%20127.324219%208.507812%20125.964844%208.5%20100.417969%208.5%20L%2073.515625%208.5%20Z%20M%20122.867188%2012.976562%20C%20122.933594%2013.199219%20124.824219%2021.300781%20125.5%2024.25%20C%20125.824219%2025.691406%20126.125%2026.984375%20126.160156%2027.125%20C%20126.214844%2027.359375%20126.308594%2027.410156%20127.800781%2027.984375%20C%20131.082031%2029.25%20135%2031.066406%20137.707031%2032.582031%20C%20146.542969%2037.515625%20154.148438%2043.933594%20160.375%2051.667969%20C%20170.074219%2063.726562%20175.898438%2078.351562%20177.160156%2093.792969%20C%20177.433594%2097.132812%20177.484375%20103.058594%20177.25%20105.832031%20C%20177.035156%20108.5%20176.625%20111.625%20176.148438%20114.273438%20L%20176.050781%20114.832031%20L%20176.417969%20115.191406%20C%20176.625%20115.382812%20177.132812%20115.824219%20177.542969%20116.167969%20C%20177.957031%20116.507812%20178.332031%20116.832031%20178.390625%20116.882812%20C%20178.441406%20116.933594%20178.867188%20117.292969%20179.339844%20117.675781%20C%20179.808594%20118.058594%20180.550781%20118.675781%20180.992188%20119.042969%20C%20181.433594%20119.417969%20182.859375%20120.609375%20184.167969%20121.699219%20C%20187.351562%20124.367188%20187.125%20124.160156%20187.023438%20124.324219%20C%20186.984375%20124.398438%20181.925781%20133.148438%20175.800781%20143.765625%20C%20169.101562%20155.375%20164.601562%20163.082031%20164.535156%20163.082031%20C%20164.464844%20163.082031%20163.800781%20162.898438%20163.058594%20162.675781%20C%20162.316406%20162.449219%20161.574219%20162.226562%20161.417969%20162.183594%20C%20161.066406%20162.089844%20157.675781%20161.066406%20156.957031%20160.839844%20C%20156.683594%20160.75%20156.125%20160.582031%20155.707031%20160.457031%20C%20155.300781%20160.332031%20154.882812%20160.199219%20154.792969%20160.167969%20C%20154.699219%20160.125%20154.457031%20160.050781%20154.25%20160%20C%20154.042969%20159.949219%20153.800781%20159.875%20153.707031%20159.832031%20C%20153.617188%20159.792969%20153.285156%20159.683594%20152.957031%20159.601562%20C%20152.640625%20159.507812%20151.917969%20159.292969%20151.359375%20159.125%20C%20150.351562%20158.816406%20150.339844%20158.816406%20150.132812%20158.964844%20C%20150.023438%20159.058594%20149.390625%20159.558594%20148.734375%20160.089844%20C%20146.714844%20161.726562%20142.992188%20164.417969%20142.757812%20164.417969%20C%20142.714844%20164.417969%20142.339844%20164.632812%20141.941406%20164.890625%20C%20138.050781%20167.398438%20133.199219%20169.882812%20128.757812%20171.640625%20C%20121.242188%20174.617188%20113.785156%20176.300781%20105.292969%20176.933594%20C%20103.433594%20177.066406%2097.234375%20177.066406%2095.375%20176.933594%20C%2084.515625%20176.125%2074.964844%20173.515625%2065.667969%20168.824219%20C%2060.851562%20166.398438%2055.816406%20163.167969%2052.042969%20160.082031%20C%2051.726562%20159.816406%2051.417969%20159.589844%2051.359375%20159.574219%20C%2051.308594%20159.558594%2050.898438%20159.226562%2050.457031%20158.839844%20L%2049.648438%20158.148438%20L%2049.257812%20158.234375%20C%2048.882812%20158.316406%2048.339844%20158.5%2045.667969%20159.5%20C%2044.910156%20159.785156%2043.074219%20160.457031%2041.582031%20161%20C%2040.089844%20161.542969%2038.257812%20162.214844%2037.5%20162.492188%20C%2036.75%20162.773438%2036.089844%20163%2036.042969%20163%20C%2035.992188%20163%2030.898438%20154.242188%2024.714844%20143.535156%20L%2013.476562%20124.066406%20L%2013.757812%20123.816406%20C%2013.917969%20123.675781%2014.660156%20122.976562%2015.417969%20122.257812%20C%2016.175781%20121.550781%2017.035156%20120.734375%2017.332031%20120.457031%20C%2017.632812%20120.175781%2018.234375%20119.609375%2018.667969%20119.191406%20C%2019.101562%20118.773438%2019.660156%20118.257812%2019.910156%20118.035156%20C%2020.160156%20117.808594%2020.5%20117.492188%2020.675781%20117.332031%20C%2021.242188%20116.800781%2022.851562%20115.292969%2023.074219%20115.089844%20C%2023.191406%20114.984375%2023.542969%20114.660156%2023.839844%20114.367188%20L%2024.398438%20113.832031%20L%2024.285156%20113.234375%20C%2023.867188%20111.066406%2023.410156%20107.117188%2023.375%20105.5%20C%2023.367188%20104.832031%2023.324219%20103.035156%2023.292969%20101.5%20C%2023.191406%2097.058594%2023.457031%2092.839844%2024.125%2088.457031%20C%2027.375%2067.035156%2039.464844%2047.984375%2057.457031%2035.957031%20C%2062.714844%2032.433594%2068.617188%2029.457031%2074.292969%2027.457031%20C%2075.25%2027.117188%2075.292969%2027.089844%2075.359375%2026.824219%20C%2075.441406%2026.492188%2075.984375%2023.449219%2077.007812%2017.542969%20C%2077.425781%2015.160156%2077.785156%2013.125%2077.808594%2013.015625%20L%2077.851562%2012.832031%20L%20100.332031%2012.832031%20C%20121.683594%2012.832031%20122.824219%2012.839844%20122.867188%2012.976562%20Z%20M%20122.867188%2012.976562%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20transform%3D%22scale(0.85)%22%3E%0A%3Cg%20stroke-width%3D%2212%22%20fill%3D%22none%22%3E%0A%3Cg%20class%3D%22[[#ifexpr {$lv} == 6 | r ]][[#ifexpr {$lv} == 5 | b ]][[#ifexpr {$lv} == 4 | b ]][[#ifexpr {$lv} == 3 | b ]][[#ifexpr {$lv} == 2 | b ]][[#ifexpr {$lv} == 1 | r ]][[#ifexpr {$lv} < 1 | n ]]%22%3E%0A%3Ccircle%20r%3D%2250%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%2250%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%2250%22%20cx%3D%22200%22%20cy%3D%2242%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20class%3D%22[[#ifexpr {$lv} == 6 | r ]][[#ifexpr {$lv} == 5 | b ]][[#ifexpr {$lv} == 4 | b ]][[#ifexpr {$lv} == 3 | b ]][[#ifexpr {$lv} == 2 | r ]][[#ifexpr {$lv} < 2 | n ]]%22%3E%0A%3Ccircle%20r%3D%2265%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%2265%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%2265%22%20cx%3D%22200%22%20cy%3D%2242%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20class%3D%22[[#ifexpr {$lv} == 6 | r ]][[#ifexpr {$lv} == 5 | b ]][[#ifexpr {$lv} == 4 | b ]][[#ifexpr {$lv} == 3 | r ]][[#ifexpr {$lv} < 3 | n ]]%22%3E%0A%3Ccircle%20r%3D%2280%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%2280%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%2280%22%20cx%3D%22200%22%20cy%3D%2242%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20class%3D%22[[#ifexpr {$lv} == 6 | r ]][[#ifexpr {$lv} == 5 | b ]][[#ifexpr {$lv} == 4 | r ]][[#ifexpr {$lv} < 4 | n ]]%22%3E%0A%3Ccircle%20r%3D%2295%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%2295%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%2295%22%20cx%3D%22200%22%20cy%3D%2242%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20class%3D%22[[#ifexpr {$lv} == 6 | r ]][[#ifexpr {$lv} == 5 | r ]][[#ifexpr {$lv} < 5 | n ]]%22%3E%0A%3Ccircle%20r%3D%22110%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%22110%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%22110%22%20cx%3D%22200%22%20cy%3D%2242%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20class%3D%22[[#ifexpr {$lv} == 6 | r | c ]]%22%3E%0A%3Ccircle%20r%3D%22125%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%22125%22%20cx%3D%22200%22%20cy%3D%2242%22%20filter%3D%22url(%23shadow)%22%2F%3E%0A%3Ccircle%20r%3D%22125%22%20cx%3D%22200%22%20cy%3D%2242%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20class%3D%22color%20{$threat}%22%20transform%3D%22translate(160%2C2)%20scale(1.45)%22%3E%0A%3Cg%3E%0A%3Cpath%20fill%3D%22black%22%20filter%3D%22url(%23shadow)%22%20d%3D%22M%2036.765625%2032.199219%20L%2036.765625%2022.800781%20C%2036.765625%2022.378906%2036.574219%2021.949219%2036.203125%2021.738281%20L%2028.09375%2017.039062%20C%2027.730469%2016.828125%2027.242188%2016.832031%2026.878906%2017.039062%20L%2018.742188%2021.738281%20C%2018.375%2021.949219%2018.128906%2022.378906%2018.128906%2022.800781%20L%2018.128906%2032.199219%20C%2018.128906%2032.621094%2018.382812%2033.050781%2018.75%2033.261719%20L%2026.890625%2037.960938%20C%2027.070312%2038.066406%2027.285156%2038.121094%2027.507812%2038.121094%20C%2027.726562%2038.121094%2027.941406%2038.066406%2028.121094%2037.960938%20L%2036.203125%2033.261719%20C%2036.570312%2033.050781%2036.765625%2032.621094%2036.765625%2032.199219%20Z%20M%2036.765625%2032.199219%20%22%2F%3E%0A%3Cpath%20fill%3D%22black%22%20d%3D%22M%2036.765625%2032.199219%20L%2036.765625%2022.800781%20C%2036.765625%2022.378906%2036.574219%2021.949219%2036.203125%2021.738281%20L%2028.09375%2017.039062%20C%2027.730469%2016.828125%2027.242188%2016.832031%2026.878906%2017.039062%20L%2018.742188%2021.738281%20C%2018.375%2021.949219%2018.128906%2022.378906%2018.128906%2022.800781%20L%2018.128906%2032.199219%20C%2018.128906%2032.621094%2018.382812%2033.050781%2018.75%2033.261719%20L%2026.890625%2037.960938%20C%2027.070312%2038.066406%2027.285156%2038.121094%2027.507812%2038.121094%20C%2027.726562%2038.121094%2027.941406%2038.066406%2028.121094%2037.960938%20L%2036.203125%2033.261719%20C%2036.570312%2033.050781%2036.765625%2032.621094%2036.765625%2032.199219%20Z%20M%2036.765625%2032.199219%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%3Cpath%20fill%3D%22white%22%20stroke%3D%22%23aaa%22%20filter%3D%22url(%23shadow)%22%20d%3D%22M%2025.4375%2013.292969%20L%2025.4375%200.0585938%20L%2024.480469%200.167969%20C%2016.949219%200.976562%2010.035156%204.933594%205.46875%2011.023438%20L%204.867188%2011.847656%20L%2016.398438%2018.542969%20Z%20M%2025.4375%2013.292969%20%22%2F%3E%3Cpath%20fill%3D%22white%22%20stroke%3D%22%23aaa%22%20d%3D%22M%2025.4375%2013.292969%20L%2025.4375%200.0585938%20L%2024.480469%200.167969%20C%2016.949219%200.976562%2010.035156%204.933594%205.46875%2011.023438%20L%204.867188%2011.847656%20L%2016.398438%2018.542969%20Z%20M%2025.4375%2013.292969%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%3Cpath%20fill%3D%22blue%22%20filter%3D%22url(%23shadow)%22%20d%3D%22M%2050.289062%2012.078125%20L%2049.6875%2011.253906%20C%2045.121094%205.03125%2038.113281%200.988281%2030.472656%200.167969%20L%2029.457031%200.0585938%20L%2029.457031%2013.292969%20L%2038.828125%2018.703125%20Z%20M%2050.289062%2012.078125%20%22%2F%3E%3Cpath%20fill%3D%22blue%22%20d%3D%22M%2050.289062%2012.078125%20L%2049.6875%2011.253906%20C%2045.121094%205.03125%2038.113281%200.988281%2030.472656%200.167969%20L%2029.457031%200.0585938%20L%2029.457031%2013.292969%20L%2038.828125%2018.703125%20Z%20M%2050.289062%2012.078125%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3Cpath%20fill%3D%22green%22%20filter%3D%22url(%23shadow)%22%20d%3D%22M%2052.664062%2016.394531%20L%2052.25%2015.464844%20L%2040.785156%2022.089844%20L%2040.785156%2033.699219%20L%2051.941406%2040.148438%20L%2052.367188%2039.25%20C%2054.113281%2035.5625%2055%2031.609375%2055%2027.5%20C%2055%2023.640625%2054.214844%2019.902344%2052.664062%2016.394531%20Z%20M%2052.664062%2016.394531%20%22%2F%3E%0A%3Cpath%20fill%3D%22green%22%20d%3D%22M%2052.664062%2016.394531%20L%2052.25%2015.464844%20L%2040.785156%2022.089844%20L%2040.785156%2033.699219%20L%2051.941406%2040.148438%20L%2052.367188%2039.25%20C%2054.113281%2035.5625%2055%2031.609375%2055%2027.5%20C%2055%2023.640625%2054.214844%2019.902344%2052.664062%2016.394531%20Z%20M%2052.664062%2016.394531%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3Cpath%20fill%3D%22yellow%22%20filter%3D%22url(%23shadow)%22%20d%3D%22M%2029.457031%2041.707031%20L%2029.457031%2054.941406%20L%2030.472656%2054.832031%20C%2037.847656%2054.039062%2044.695312%2050.207031%2049.257812%2044.3125%20L%2049.898438%2043.488281%20L%2038.144531%2036.691406%20Z%20M%2029.457031%2041.707031%20%22%2F%3E%0A%3Cpath%20fill%3D%22yellow%22%20d%3D%22M%2029.457031%2041.707031%20L%2029.457031%2054.941406%20L%2030.472656%2054.832031%20C%2037.847656%2054.039062%2044.695312%2050.207031%2049.257812%2044.3125%20L%2049.898438%2043.488281%20L%2038.144531%2036.691406%20Z%20M%2029.457031%2041.707031%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%3Cpath%20fill%3D%22orange%22%20filter%3D%22url(%23shadow)%22%20d%3D%22M%205.277344%2043.714844%20L%205.933594%2044.542969%20C%2010.488281%2050.300781%2017.214844%2054.050781%2024.484375%2054.832031%20L%2025.4375%2054.941406%20L%2025.4375%2041.707031%20L%2017.089844%2036.851562%20Z%20M%205.277344%2043.714844%20%22%2F%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M%205.277344%2043.714844%20L%205.933594%2044.542969%20C%2010.488281%2050.300781%2017.214844%2054.050781%2024.484375%2054.832031%20L%2025.4375%2054.941406%20L%2025.4375%2041.707031%20L%2017.089844%2036.851562%20Z%20M%205.277344%2043.714844%20%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%3Cpath%20fill%3D%22red%22%20filter%3D%22url(%23shadow)%22%20d%3D%22M%2014.109375%2021.769531%20L%202.828125%2015.214844%20L%202.4375%2016.132812%20C%200.8125%2019.710938%200%2023.539062%200%2027.5%20C%200%2031.707031%200.933594%2035.75%202.765625%2039.511719%20L%203.136719%2040.390625%20L%2014.109375%2034.019531%20Z%20M%2014.109375%2021.769531%20%22%2F%3E%3Cpath%20fill%3D%22red%22%20d%3D%22M%2014.109375%2021.769531%20L%202.828125%2015.214844%20L%202.4375%2016.132812%20C%200.8125%2019.710938%200%2023.539062%200%2027.5%20C%200%2031.707031%200.933594%2035.75%202.765625%2039.511719%20L%203.136719%2040.390625%20L%2014.109375%2034.019531%20Z%20M%2014.109375%2021.769531%20%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%20fill%3D%22[[#ifexpr {$lv} == 6 | %23b01 | %23333 ]]%22%20font-size%3D%2222%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20font-weight%3D%22bold%22%3E%0A%3Ctext%20x%3D%2296%25%22%20y%3D%2215%25%22%20text-anchor%3D%22end%22%3EItem%20%23%3A%20%3Ctspan%20font-weight%3D%22normal%22%3ESCP-{$item}%3C%2Ftspan%3E%3C%2Ftext%3E%0A%3Ctext%20x%3D%2296%25%22%20y%3D%2235%25%22%20text-anchor%3D%22end%22%3EObject%20Class%3A%20%3Ctspan%20font-weight%3D%22normal%22%20style=%22text-decoration:[[#if {$oc2} | line-through | none ]];text-decoration:[[#if {$pend} | none | ]];%22%3E{$oc}%3C%2Ftspan%3E%3C%2Ftext%3E%0A%3Ctext%20x%3D%2296%25%22%20y%3D%2250%25%22%20text-anchor%3D%22end%22%20font-weight%3D%22normal%22%20class=%22pend-{$pend}%22%3E[[#if {$oc2} | {$oc2} ]]%3C%2Ftext%3E%0A%3Ctext%20x%3D%2296%25%22%20y%3D%2275%25%22%20text-anchor%3D%22end%22%3ELv.%3Ctspan%20font-size%3D%2235%22%20fill%3D%22%23b01%22%3E{$lv}%3C%2Ftspan%3E%2F[[#ifexpr {$lv} == 0 | Declassified | Classified ]]%3C%2Ftext%3E%0A%3Ctext%20x%3D%2296%25%22%20y%3D%2290%25%22%20text-anchor%3D%22end%22%3EThreat%20Level%3A%20%3Ctspan%20font-weight%3D%22normal%22%20style%3D%22text-transform%3A%20capitalize%3B%22%3E{$threat}%3C%2Ftspan%3E%3C%2Ftext%3E%0A%3Crect%20x%3D%22100%25%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2290%25%22%20fill%3D%22navy%22%20stroke%3D%22navy%22%20stroke-width%3D%2215%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");"]]
[[/div]]

[[module css]]
.svgh1 {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.0%22%20width%3D%22550%22%20height%3D%22175%22%20viewBox%3D%220%200%20550%20175%22%20style%3D%22%22%3E%20%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2245%22%20text-anchor%3D%22middle%22%20font-size%3D%2225%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23901%22%20font-weight%3D%22bold%22%3EOh%20no!%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2260%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3EPlease%20use%20an%20encoder%3B%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2275%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3Emaybe%20the%20module%20is%20inserted%20characters%20without%20alphabets%2C%20numbers%20or%20a%20few%20symbols.%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%2290%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3EThe%20encoder%20will%20be%20found%20in%20the%20component%20page.%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%22105%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3Ehttps%3A%2F%2Fscp-wiki.wikidot.com%2Fcomponent%3Asvgheader%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%22120%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3E%3Ctspan%20font-weight%3D%22bold%22%3ETips%3A%3C%2Ftspan%3E%20You%20can't%20use%20the%20following%20symbols%20without%20encoding%3A%3C%2Ftext%3E%3Ctext%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%2250%25%22%20y%3D%22135%22%20text-anchor%3D%22middle%22%20font-size%3D%2211%22%20font-family%3D%22'Trebuchet%20MS'%2C%20Trebuchet%2C%20Verdana%2C%20Arial%2C%20Helvetica%22%20fill%3D%22%23444%22%20font-weight%3D%22normal%22%3E%25%20%22%20%7B%20%7D%20%7C%20%5C%20%2F%20%5E%20%5B%20%5D%20%60%20%26lt%3B%20%26gt%3B%20%40%20%23%20%2C%20%3D%20%3F%20*%20%2B%20%2C%20%3B%3C%2Ftext%3E%20%3C%2Fsvg%3E");
}
[[/module]]