diff --git a/content/images/uploads/css-regions-graphviz/browsers-engines.svg b/content/images/uploads/css-regions-graphviz/browsers-engines.svg index 8106fc20cc01301d0782c563eef79c1ad9948446..8d4a64fd5fe6f2b8f8e925672213bad6fd360643 100644 --- a/content/images/uploads/css-regions-graphviz/browsers-engines.svg +++ b/content/images/uploads/css-regions-graphviz/browsers-engines.svg @@ -4,129 +4,389 @@ <!-- Generated by graphviz version 2.43.0 (0) --> <!-- Title: %3 Pages: 1 --> -<svg width="552pt" height="383pt" - viewBox="0.00 0.00 551.80 382.76" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> -<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 378.76)"> +<svg width="895pt" height="1111pt" + viewBox="0.00 0.00 894.50 1111.46" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> +<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 1107.46)"> <title>%3</title> -<polygon fill="white" stroke="transparent" points="-4,4 -4,-378.76 547.8,-378.76 547.8,4 -4,4"/> -<!-- cssregions --> +<polygon fill="white" stroke="transparent" points="-4,4 -4,-1107.46 890.5,-1107.46 890.5,4 -4,4"/> +<!-- ospkit --> <g id="node1" class="node"> -<title>cssregions</title> -<polygon fill="none" stroke="fuchsia" points="382.19,-14.54 382.19,-29.46 338.22,-40 276.04,-40 232.07,-29.46 232.07,-14.54 276.04,-4 338.22,-4 382.19,-14.54"/> -<polygon fill="none" stroke="fuchsia" points="386.18,-11.39 386.18,-32.61 338.69,-44 275.57,-44 228.08,-32.61 228.08,-11.39 275.57,0 338.69,0 386.18,-11.39"/> -<text text-anchor="middle" x="307.13" y="-18.3" font-family="Times,serif" font-size="14.00" fill="fuchsia">CSS Regions</text> +<title>ospkit</title> +<polygon fill="none" stroke="blue" points="313.71,-621.29 234.29,-621.29 206,-543.29 342,-543.29 313.71,-621.29"/> +<text text-anchor="middle" x="274" y="-586.59" font-family="Belgika 16th" font-size="14.00" fill="blue">OSPKit</text> </g> -<!-- ospkit --> +<!-- webkit --> +<g id="node8" class="node"> +<title>webkit</title> +<polygon fill="none" stroke="black" points="369,-506.29 301,-451.29 369,-396.29 437,-451.29 369,-506.29"/> +<text text-anchor="middle" x="369" y="-447.59" font-family="Times,serif" font-size="14.00">WebKit</text> +</g> +<!-- ospkit->webkit --> +<g id="edge16" class="edge"> +<title>ospkit:s->webkit:w</title> +<path fill="none" stroke="black" d="M274,-543.29C274,-504.62 260.34,-460.13 289.92,-452.45"/> +<polygon fill="black" stroke="black" points="290.46,-455.91 300,-451.29 289.67,-448.96 290.46,-455.91"/> +</g> +<!-- chromium --> <g id="node2" class="node"> -<title>ospkit</title> -<polygon fill="none" stroke="blue" points="350.73,-294.76 247.96,-294.76 221.53,-258.76 324.29,-258.76 350.73,-294.76"/> -<text text-anchor="middle" x="286.13" y="-273.06" font-family="Times,serif" font-size="14.00" fill="blue">OSPKit</text> +<title>chromium</title> +<polygon fill="none" stroke="black" points="145.73,-621.29 38.27,-621.29 0,-543.29 184,-543.29 145.73,-621.29"/> +<text text-anchor="middle" x="92" y="-586.59" font-family="Times,serif" font-size="14.00">Chromium</text> +</g> +<!-- chromium->webkit --> +<g id="edge13" class="edge"> +<title>chromium:s->webkit</title> +<path fill="none" stroke="grey" stroke-dasharray="5,2" d="M92,-543.29C92,-520.87 224.68,-485.9 306.38,-466.49"/> +<polygon fill="grey" stroke="grey" points="307.64,-469.79 316.57,-464.09 306.04,-462.97 307.64,-469.79"/> </g> -<!-- qtwebkitfork --> +<!-- blink --> +<g id="node9" class="node"> +<title>blink</title> +<polygon fill="none" stroke="black" points="92,-506.29 39,-451.29 92,-396.29 145,-451.29 92,-506.29"/> +<text text-anchor="middle" x="92" y="-447.59" font-family="Times,serif" font-size="14.00">Blink</text> +</g> +<!-- chromium->blink --> +<g id="edge14" class="edge"> +<title>chromium:s->blink</title> +<path fill="none" stroke="black" d="M92,-543.29C92,-534.69 92,-525.62 92,-516.68"/> +<polygon fill="black" stroke="black" points="95.5,-516.67 92,-506.67 88.5,-516.67 95.5,-516.67"/> +</g> +<!-- safari --> <g id="node3" class="node"> -<title>qtwebkitfork</title> -<polygon fill="none" stroke="black" points="316.46,-169.19 322.63,-169.34 328.75,-169.56 334.77,-169.85 340.68,-170.21 346.45,-170.65 352.07,-171.15 357.5,-171.72 362.73,-172.35 367.74,-173.06 372.51,-173.82 377.02,-174.64 381.26,-175.52 385.22,-176.46 388.88,-177.45 392.23,-178.49 395.27,-179.58 397.99,-180.72 400.38,-181.89 402.44,-183.11 404.17,-184.36 405.57,-185.64 406.65,-186.94 407.39,-188.28 407.82,-189.63 407.94,-191 407.75,-192.39 407.26,-193.78 406.49,-195.18 405.43,-196.58 404.12,-197.98 402.55,-199.37 400.74,-200.76 398.7,-202.13 396.45,-203.48 394,-204.81 391.36,-206.12 388.55,-207.4 385.59,-208.65 382.47,-209.87 379.23,-211.04 375.86,-212.17 372.38,-213.26 368.81,-214.31 365.15,-215.3 361.41,-216.23 357.61,-217.12 353.75,-217.94 349.83,-218.7 345.88,-219.4 341.88,-220.04 337.86,-220.61 333.81,-221.11 329.74,-221.55 325.65,-221.91 321.54,-222.2 317.43,-222.42 313.31,-222.57 309.19,-222.64 305.07,-222.64 300.94,-222.57 296.82,-222.42 292.71,-222.2 288.61,-221.91 284.52,-221.55 280.45,-221.11 276.4,-220.61 272.37,-220.04 268.38,-219.4 264.42,-218.7 260.51,-217.94 256.65,-217.12 252.84,-216.23 249.11,-215.3 245.45,-214.31 241.87,-213.26 238.4,-212.17 235.03,-211.04 231.78,-209.87 228.67,-208.65 225.7,-207.4 222.89,-206.12 220.26,-204.81 217.81,-203.48 215.56,-202.13 213.52,-200.76 211.71,-199.37 210.14,-197.98 208.82,-196.58 207.77,-195.18 207,-193.78 206.51,-192.39 206.32,-191 206.43,-189.63 206.86,-188.28 207.61,-186.94 208.68,-185.64 210.09,-184.36 211.82,-183.11 213.88,-181.89 216.27,-180.72 218.99,-179.58 222.03,-178.49 225.38,-177.45 229.04,-176.46 233,-175.52 237.24,-174.64 241.75,-173.82 246.52,-173.06 251.53,-172.35 256.76,-171.72 262.19,-171.15 267.8,-170.65 273.58,-170.21 279.49,-169.85 285.51,-169.56 291.62,-169.34 297.8,-169.19 304.01,-169.12 310.24,-169.12 316.46,-169.19"/> -<text text-anchor="middle" x="307.13" y="-199.68" font-family="Times,serif" font-size="14.00">Qt-WebKit 5.212</text> -<text text-anchor="middle" x="307.13" y="-184.68" font-family="Times,serif" font-size="14.00">(OSP fork)</text> +<title>safari</title> +<polygon fill="none" stroke="grey" points="453.46,-621.29 384.54,-621.29 360,-543.29 478,-543.29 453.46,-621.29"/> +<text text-anchor="middle" x="419" y="-586.59" font-family="Times,serif" font-size="14.00" fill="grey">Safari</text> </g> -<!-- ospkit->qtwebkitfork --> -<g id="edge2" class="edge"> -<title>ospkit->qtwebkitfork</title> -<path fill="none" stroke="black" d="M290.68,-258.64C292.74,-250.92 295.25,-241.5 297.68,-232.37"/> -<polygon fill="black" stroke="black" points="301.07,-233.22 300.26,-222.66 294.31,-231.42 301.07,-233.22"/> +<!-- safari->webkit --> +<g id="edge17" class="edge"> +<title>safari->webkit</title> +<path fill="none" stroke="grey" d="M404.27,-543.29C399.4,-530.73 393.9,-516.55 388.72,-503.18"/> +<polygon fill="grey" stroke="grey" points="391.9,-501.69 385.02,-493.63 385.37,-504.22 391.9,-501.69"/> </g> -<!-- qtwebkit --> +<!-- epiphany --> <g id="node4" class="node"> -<title>qtwebkit</title> -<polygon fill="none" stroke="black" points="102.85,-169.19 108.62,-169.34 114.34,-169.56 119.97,-169.85 125.5,-170.21 130.9,-170.65 136.15,-171.15 141.22,-171.72 146.11,-172.35 150.8,-173.06 155.26,-173.82 159.47,-174.64 163.44,-175.52 167.14,-176.46 170.56,-177.45 173.7,-178.49 176.54,-179.58 179.08,-180.72 181.31,-181.89 183.24,-183.11 184.86,-184.36 186.17,-185.64 187.18,-186.94 187.88,-188.28 188.28,-189.63 188.38,-191 188.21,-192.39 187.75,-193.78 187.03,-195.18 186.04,-196.58 184.81,-197.98 183.34,-199.37 181.65,-200.76 179.75,-202.13 177.64,-203.48 175.35,-204.81 172.89,-206.12 170.26,-207.4 167.49,-208.65 164.57,-209.87 161.54,-211.04 158.39,-212.17 155.14,-213.26 151.8,-214.31 148.38,-215.3 144.88,-216.23 141.33,-217.12 137.71,-217.94 134.06,-218.7 130.36,-219.4 126.62,-220.04 122.86,-220.61 119.07,-221.11 115.27,-221.55 111.44,-221.91 107.61,-222.2 103.76,-222.42 99.91,-222.57 96.06,-222.64 92.2,-222.64 88.35,-222.57 84.49,-222.42 80.65,-222.2 76.81,-221.91 72.99,-221.55 69.18,-221.11 65.4,-220.61 61.63,-220.04 57.9,-219.4 54.2,-218.7 50.54,-217.94 46.93,-217.12 43.37,-216.23 39.88,-215.3 36.46,-214.31 33.12,-213.26 29.87,-212.17 26.72,-211.04 23.68,-209.87 20.77,-208.65 18,-207.4 15.37,-206.12 12.9,-204.81 10.61,-203.48 8.51,-202.13 6.6,-200.76 4.91,-199.37 3.45,-197.98 2.21,-196.58 1.23,-195.18 0.51,-193.78 0.05,-192.39 -0.13,-191 -0.02,-189.63 0.38,-188.28 1.08,-186.94 2.08,-185.64 3.39,-184.36 5.01,-183.11 6.94,-181.89 9.18,-180.72 11.72,-179.58 14.56,-178.49 17.69,-177.45 21.12,-176.46 24.82,-175.52 28.78,-174.64 33,-173.82 37.46,-173.06 42.14,-172.35 47.03,-171.72 52.11,-171.15 57.36,-170.65 62.76,-170.21 68.28,-169.85 73.92,-169.56 79.63,-169.34 85.41,-169.19 91.22,-169.12 97.04,-169.12 102.85,-169.19"/> -<text text-anchor="middle" x="94.13" y="-199.68" font-family="Times,serif" font-size="14.00">Qt-WebKit</text> -<text text-anchor="middle" x="94.13" y="-184.68" font-family="Times,serif" font-size="14.00">(latest version)</text> +<title>epiphany</title> +<polygon fill="none" stroke="grey" points="629.06,-621.29 530.94,-621.29 496,-543.29 664,-543.29 629.06,-621.29"/> +<text text-anchor="middle" x="580" y="-586.59" font-family="Times,serif" font-size="14.00" fill="grey">Epiphany</text> </g> -<!-- ospkit->qtwebkit --> -<g id="edge1" class="edge"> -<title>ospkit->qtwebkit</title> -<path fill="none" stroke="black" d="M244.47,-258.64C217.5,-247.56 182,-232.98 152.26,-220.76"/> -<polygon fill="black" stroke="black" points="153.41,-217.45 142.83,-216.89 150.75,-223.93 153.41,-217.45"/> +<!-- epiphany->webkit --> +<g id="edge18" class="edge"> +<title>epiphany->webkit</title> +<path fill="none" stroke="grey" d="M517.83,-543.29C485.2,-523.33 445.86,-499.28 415.82,-480.92"/> +<polygon fill="grey" stroke="grey" points="417.58,-477.89 407.22,-475.66 413.92,-483.86 417.58,-477.89"/> </g> -<!-- webkit --> +<!-- cssregions --> +<g id="node5" class="node"> +<title>cssregions</title> +<polygon fill="none" stroke="fuchsia" points="535.93,-28.62 535.93,-63.57 485.59,-88.28 414.41,-88.28 364.07,-63.57 364.07,-28.62 414.41,-3.91 485.59,-3.91 535.93,-28.62"/> +<polygon fill="none" stroke="fuchsia" points="539.94,-26.13 539.94,-66.06 486.53,-92.29 413.47,-92.29 360.06,-66.06 360.06,-26.13 413.47,0.1 486.53,0.1 539.94,-26.13"/> +<text text-anchor="middle" x="450" y="-42.4" font-family="Belgika 16th" font-size="14.00" fill="fuchsia">CSS Regions</text> +</g> +<!-- nofragmentation --> <g id="node6" class="node"> -<title>webkit</title> -<polygon fill="none" stroke="black" points="311.49,-88.55 314.38,-88.65 317.23,-88.8 320.05,-88.99 322.81,-89.24 325.51,-89.53 328.14,-89.86 330.68,-90.25 333.12,-90.68 335.46,-91.15 337.69,-91.66 339.8,-92.21 341.79,-92.81 343.64,-93.44 345.35,-94.11 346.92,-94.81 348.34,-95.54 349.61,-96.3 350.72,-97.09 351.69,-97.91 352.5,-98.75 353.15,-99.61 353.66,-100.49 354.01,-101.39 354.21,-102.3 354.26,-103.22 354.17,-104.15 353.94,-105.09 353.58,-106.03 353.09,-106.97 352.47,-107.91 351.74,-108.85 350.89,-109.78 349.94,-110.7 348.89,-111.61 347.74,-112.51 346.51,-113.39 345.2,-114.25 343.81,-115.09 342.35,-115.91 340.84,-116.7 339.26,-117.46 337.64,-118.19 335.97,-118.89 334.25,-119.56 332.51,-120.19 330.73,-120.79 328.92,-121.34 327.09,-121.85 325.24,-122.32 323.38,-122.75 321.5,-123.14 319.6,-123.47 317.7,-123.76 315.79,-124.01 313.87,-124.2 311.95,-124.35 310.02,-124.45 308.09,-124.5 306.16,-124.5 304.24,-124.45 302.31,-124.35 300.39,-124.2 298.47,-124.01 296.56,-123.76 294.65,-123.47 292.76,-123.14 290.88,-122.75 289.01,-122.32 287.16,-121.85 285.33,-121.34 283.53,-120.79 281.75,-120.19 280,-119.56 278.29,-118.89 276.62,-118.19 274.99,-117.46 273.42,-116.7 271.9,-115.91 270.45,-115.09 269.06,-114.25 267.75,-113.39 266.51,-112.51 265.37,-111.61 264.32,-110.7 263.36,-109.78 262.52,-108.85 261.78,-107.91 261.17,-106.97 260.68,-106.03 260.31,-105.09 260.08,-104.15 260,-103.22 260.05,-102.3 260.25,-101.39 260.6,-100.49 261.1,-99.61 261.76,-98.75 262.57,-97.91 263.53,-97.09 264.65,-96.3 265.92,-95.54 267.34,-94.81 268.91,-94.11 270.62,-93.44 272.47,-92.81 274.45,-92.21 276.56,-91.66 278.79,-91.15 281.13,-90.68 283.58,-90.25 286.12,-89.86 288.74,-89.53 291.44,-89.24 294.2,-88.99 297.02,-88.8 299.88,-88.65 302.77,-88.55 305.67,-88.5 308.58,-88.5 311.49,-88.55"/> -<text text-anchor="middle" x="307.13" y="-102.8" font-family="Times,serif" font-size="14.00">WebKit</text> +<title>nofragmentation</title> +<polygon fill="none" stroke="black" points="214.06,-28.62 214.06,-63.57 154.86,-88.28 71.14,-88.28 11.94,-63.57 11.94,-28.62 71.14,-3.91 154.86,-3.91 214.06,-28.62"/> +<polygon fill="none" stroke="black" points="218.06,-25.95 218.06,-66.24 155.66,-92.29 70.34,-92.29 7.94,-66.24 7.94,-25.95 70.34,0.1 155.66,0.1 218.06,-25.95"/> +<text text-anchor="middle" x="113" y="-42.4" font-family="Times,serif" font-size="14.00">No CSS Regions</text> </g> -<!-- qtwebkitfork->webkit --> -<g id="edge4" class="edge"> -<title>qtwebkitfork->webkit</title> -<path fill="none" stroke="black" d="M307.13,-168.66C307.13,-157.96 307.13,-145.57 307.13,-134.76"/> -<polygon fill="black" stroke="black" points="310.63,-134.59 307.13,-124.59 303.63,-134.59 310.63,-134.59"/> +<!-- objectfit --> +<g id="node7" class="node"> +<title>objectfit</title> +<polygon fill="none" stroke="orange" points="782.04,-28.62 782.04,-63.57 723.44,-88.28 640.56,-88.28 581.96,-63.57 581.96,-28.62 640.56,-3.91 723.44,-3.91 782.04,-28.62"/> +<polygon fill="none" stroke="orange" points="786.03,-25.96 786.03,-66.23 724.24,-92.29 639.76,-92.29 577.97,-66.23 577.97,-25.96 639.76,0.1 724.24,0.1 786.03,-25.96"/> +<text text-anchor="middle" x="682" y="-42.4" font-family="Belgika 16th" font-size="14.00" fill="orange">CSS Object-fit</text> </g> -<!-- qtwebkitworkaround --> -<g id="node5" class="node"> -<title>qtwebkitworkaround</title> -<polygon fill="none" stroke="black" points="145.13,-133 43.13,-133 43.13,-80 145.13,-80 145.13,-133"/> -<text text-anchor="middle" x="94.13" y="-117.8" font-family="Times,serif" font-size="14.00">screen</text> -<text text-anchor="middle" x="94.13" y="-102.8" font-family="Times,serif" font-size="14.00">resolution</text> -<text text-anchor="middle" x="94.13" y="-87.8" font-family="Times,serif" font-size="14.00">workaround</text> +<!-- 2017 --> +<g id="node12" class="node"> +<title>2017</title> +<ellipse fill="none" stroke="grey" stroke-dasharray="5,2" cx="304" cy="-228.74" rx="54" ry="54"/> +<text text-anchor="middle" x="304" y="-240.04" font-family="Belgika 8th" font-size="14.00" fill="grey">2011</text> +<text text-anchor="middle" x="304" y="-225.04" font-family="Belgika 8th" font-size="14.00" fill="grey">-</text> +<text text-anchor="middle" x="304" y="-210.04" font-family="Belgika 8th" font-size="14.00" fill="grey">2013</text> </g> -<!-- qtwebkit->qtwebkitworkaround --> -<g id="edge5" class="edge"> -<title>qtwebkit->qtwebkitworkaround</title> -<path fill="none" stroke="black" stroke-dasharray="5,2" d="M94.13,-168.66C94.13,-157.4 94.13,-144.29 94.13,-133.1"/> +<!-- webkit->2017 --> +<g id="edge26" class="edge"> +<title>webkit->2017</title> +<path fill="none" stroke="grey" stroke-dasharray="5,2" d="M347.16,-413.81C338.37,-397.62 328.93,-378.03 323,-359.29 316.27,-338.06 311.91,-314.1 309.09,-292.62"/> +<polygon fill="grey" stroke="grey" points="312.56,-292.11 307.86,-282.62 305.61,-292.97 312.56,-292.11"/> </g> -<!-- qtwebkit->webkit --> -<g id="edge3" class="edge"> -<title>qtwebkit->webkit</title> -<path fill="none" stroke="black" d="M148.43,-172.6C186.23,-157.09 235.7,-136.8 269.28,-123.02"/> -<polygon fill="black" stroke="black" points="270.82,-126.18 278.74,-119.15 268.16,-119.7 270.82,-126.18"/> +<!-- latest --> +<g id="node14" class="node"> +<title>latest</title> +<ellipse fill="grey" stroke="grey" cx="176" cy="-228.74" rx="55.6" ry="55.6"/> +<text text-anchor="middle" x="176" y="-232.54" font-family="Times,serif" font-size="14.00" fill="white">latest</text> +<text text-anchor="middle" x="176" y="-217.54" font-family="Times,serif" font-size="14.00" fill="white">(since 2017)</text> </g> -<!-- webkit->cssregions --> -<g id="edge10" class="edge"> -<title>webkit->cssregions</title> -<path fill="none" stroke="black" d="M307.13,-88.41C307.13,-78.58 307.13,-65.92 307.13,-54.37"/> -<polygon fill="black" stroke="black" points="310.63,-54.18 307.13,-44.18 303.63,-54.18 310.63,-54.18"/> +<!-- webkit->latest --> +<g id="edge21" class="edge"> +<title>webkit->latest</title> +<path fill="none" stroke="grey" d="M340.94,-418.22C308.95,-381.67 256.29,-321.5 219.09,-278.99"/> +<polygon fill="grey" stroke="grey" points="221.56,-276.49 212.34,-271.27 216.29,-281.1 221.56,-276.49"/> </g> -<!-- blink --> -<g id="node7" class="node"> -<title>blink</title> -<polygon fill="none" stroke="black" points="504.54,-177.93 506.8,-178.03 509.03,-178.17 511.24,-178.37 513.4,-178.61 515.51,-178.91 517.56,-179.24 519.55,-179.63 521.46,-180.06 523.29,-180.53 525.04,-181.04 526.69,-181.59 528.24,-182.19 529.69,-182.82 531.03,-183.48 532.25,-184.19 533.36,-184.92 534.36,-185.68 535.23,-186.47 535.99,-187.29 536.62,-188.13 537.13,-188.99 537.52,-189.87 537.8,-190.77 537.95,-191.68 538,-192.6 537.93,-193.53 537.75,-194.47 537.47,-195.41 537.08,-196.35 536.6,-197.29 536.02,-198.23 535.36,-199.16 534.62,-200.08 533.79,-200.99 532.9,-201.89 531.93,-202.77 530.91,-203.63 529.82,-204.47 528.68,-205.29 527.5,-206.08 526.26,-206.84 524.99,-207.57 523.69,-208.27 522.35,-208.94 520.98,-209.57 519.59,-210.16 518.18,-210.72 516.75,-211.23 515.3,-211.7 513.84,-212.13 512.37,-212.51 510.89,-212.85 509.4,-213.14 507.9,-213.39 506.4,-213.58 504.9,-213.73 503.39,-213.83 501.88,-213.88 500.37,-213.88 498.87,-213.83 497.36,-213.73 495.86,-213.58 494.36,-213.39 492.86,-213.14 491.37,-212.85 489.89,-212.51 488.42,-212.13 486.96,-211.7 485.51,-211.23 484.08,-210.72 482.67,-210.16 481.28,-209.57 479.91,-208.94 478.57,-208.27 477.26,-207.57 475.99,-206.84 474.76,-206.08 473.57,-205.29 472.43,-204.47 471.35,-203.63 470.32,-202.77 469.36,-201.89 468.46,-200.99 467.64,-200.08 466.89,-199.16 466.23,-198.23 465.66,-197.29 465.18,-196.35 464.79,-195.41 464.51,-194.47 464.33,-193.53 464.26,-192.6 464.3,-191.68 464.46,-190.77 464.73,-189.87 465.12,-188.99 465.64,-188.13 466.27,-187.29 467.02,-186.47 467.9,-185.68 468.89,-184.92 470,-184.19 471.23,-183.48 472.57,-182.82 474.02,-182.19 475.57,-181.59 477.22,-181.04 478.96,-180.53 480.79,-180.06 482.71,-179.63 484.69,-179.24 486.75,-178.91 488.86,-178.61 491.02,-178.37 493.22,-178.17 495.46,-178.03 497.72,-177.93 499.99,-177.88 502.27,-177.88 504.54,-177.93"/> -<text text-anchor="middle" x="501.13" y="-192.18" font-family="Times,serif" font-size="14.00">Blink</text> +<!-- qtwebkit_os --> +<g id="node16" class="node"> +<title>qtwebkit_os</title> +<polygon fill="none" stroke="black" points="522,-359.29 332,-359.29 332,-321.29 522,-321.29 522,-359.29"/> +<text text-anchor="middle" x="427" y="-344.09" font-family="Times,serif" font-size="14.00">Qt-WebKit 5.212</text> +<text text-anchor="middle" x="427" y="-329.09" font-family="Times,serif" font-size="14.00">(from operating system)</text> </g> -<!-- chromium --> -<g id="node8" class="node"> -<title>chromium</title> -<polygon fill="none" stroke="black" points="543.97,-294.76 404.23,-294.76 368.29,-258.76 508.02,-258.76 543.97,-294.76"/> -<text text-anchor="middle" x="456.13" y="-273.06" font-family="Times,serif" font-size="14.00">Chromium</text> +<!-- webkit->qtwebkit_os --> +<g id="edge19" class="edge"> +<title>webkit:se->qtwebkit_os</title> +<path fill="none" stroke="black" d="M399,-420.29C412.63,-406.66 419.65,-385.98 423.26,-369.19"/> +<polygon fill="black" stroke="black" points="426.7,-369.82 425.09,-359.35 419.82,-368.54 426.7,-369.82"/> </g> -<!-- chromium->webkit --> -<g id="edge7" class="edge"> -<title>chromium->webkit</title> -<path fill="none" stroke="gray" stroke-dasharray="5,2" d="M453.68,-258.74C449.64,-235.98 439.65,-195.44 417.13,-169 398.73,-147.41 370.76,-131.91 347.63,-121.88"/> -<polygon fill="gray" stroke="gray" points="348.96,-118.64 338.38,-118.04 346.27,-125.11 348.96,-118.64"/> +<!-- qtwebkit_patch --> +<g id="node17" class="node"> +<title>qtwebkit_patch</title> +<polygon fill="none" stroke="blueviolet" points="692,-359.29 540,-359.29 540,-321.29 692,-321.29 692,-359.29"/> +<text text-anchor="middle" x="616" y="-344.09" font-family="Belgika 16th" font-size="14.00" fill="blueviolet">Qt-WebKit 5.212</text> +<text text-anchor="middle" x="616" y="-329.09" font-family="Belgika 16th" font-size="14.00" fill="blueviolet">(patched by OSP)</text> </g> -<!-- chromium->blink --> +<!-- webkit->qtwebkit_patch --> +<g id="edge20" class="edge"> +<title>webkit:e->qtwebkit_patch</title> +<path fill="none" stroke="black" d="M438,-451.29C501.9,-451.29 562.02,-399.36 593.39,-366.86"/> +<polygon fill="black" stroke="black" points="596.06,-369.14 600.37,-359.46 590.96,-364.34 596.06,-369.14"/> +</g> +<!-- blink->nofragmentation --> +<g id="edge15" class="edge"> +<title>blink->nofragmentation</title> +<path fill="none" stroke="black" d="M94.68,-398.82C98.64,-322.73 106.04,-180.82 110.11,-102.52"/> +<polygon fill="black" stroke="black" points="113.62,-102.54 110.64,-92.37 106.63,-102.17 113.62,-102.54"/> +</g> +<!-- 2013 --> +<g id="node10" class="node"> +<title>2013</title> +<ellipse fill="none" stroke="grey" stroke-dasharray="5,2" cx="104" cy="-712.29" rx="54" ry="54"/> +<text text-anchor="middle" x="104" y="-723.59" font-family="Belgika 8th" font-size="14.00" fill="grey">2011</text> +<text text-anchor="middle" x="104" y="-708.59" font-family="Belgika 8th" font-size="14.00" fill="grey">-</text> +<text text-anchor="middle" x="104" y="-693.59" font-family="Belgika 8th" font-size="14.00" fill="grey">2013</text> +</g> +<!-- 2013->chromium --> +<g id="edge12" class="edge"> +<title>2013:w->chromium:n</title> +<path fill="none" stroke="grey" stroke-dasharray="5,2" d="M49,-712.29C25,-712.29 39.92,-680.08 50,-658.29 58.65,-639.6 81.78,-643.55 89.47,-631.34"/> +<polygon fill="grey" stroke="grey" points="92.95,-631.85 92,-621.29 86.16,-630.14 92.95,-631.85"/> +</g> +<!-- 20161 --> +<g id="node11" class="node"> +<title>20161</title> +<ellipse fill="fuchsia" stroke="fuchsia" cx="230" cy="-712.29" rx="54" ry="54"/> +<text text-anchor="middle" x="230" y="-716.09" font-family="Belgika 8th" font-size="14.00" fill="white">since</text> +<text text-anchor="middle" x="230" y="-701.09" font-family="Belgika 8th" font-size="14.00" fill="white">2016</text> +</g> +<!-- 20161->ospkit --> <g id="edge8" class="edge"> -<title>chromium->blink</title> -<path fill="none" stroke="black" d="M465.89,-258.64C471.97,-247.99 479.9,-234.09 486.69,-222.18"/> -<polygon fill="black" stroke="black" points="489.93,-223.57 491.84,-213.15 483.85,-220.1 489.93,-223.57"/> +<title>20161:e->ospkit:n</title> +<path fill="none" stroke="black" d="M285,-712.29C309,-712.29 287.38,-682.06 284,-658.29 282.16,-645.38 277.28,-640.54 275.09,-631.33"/> +<polygon fill="black" stroke="black" points="278.56,-630.86 274,-621.29 271.6,-631.61 278.56,-630.86"/> +</g> +<!-- 2017->cssregions --> +<g id="edge29" class="edge"> +<title>2017->cssregions</title> +<path fill="none" stroke="grey" stroke-dasharray="5,2" d="M337.5,-186.3C358.11,-160.8 384.73,-127.85 406.91,-100.42"/> +<polygon fill="grey" stroke="grey" points="409.77,-102.44 413.33,-92.46 404.32,-98.04 409.77,-102.44"/> +</g> +<!-- 20162 --> +<g id="node13" class="node"> +<title>20162</title> +<ellipse fill="fuchsia" stroke="fuchsia" cx="556" cy="-228.74" rx="54" ry="54"/> +<text text-anchor="middle" x="556" y="-232.54" font-family="Belgika 8th" font-size="14.00" fill="white">since</text> +<text text-anchor="middle" x="556" y="-217.54" font-family="Belgika 8th" font-size="14.00" fill="white">2016</text> +</g> +<!-- 20162->cssregions --> +<g id="edge27" class="edge"> +<title>20162->cssregions</title> +<path fill="none" stroke="black" d="M558.34,-174.64C557.05,-153.29 552.59,-129.27 541,-110.19 535.61,-101.32 528.45,-93.38 520.5,-86.38"/> +<polygon fill="black" stroke="black" points="522.28,-83.31 512.32,-79.69 517.84,-88.73 522.28,-83.31"/> +</g> +<!-- latest->nofragmentation --> +<g id="edge22" class="edge"> +<title>latest->nofragmentation</title> +<path fill="none" stroke="grey" d="M157.95,-175.98C149.86,-152.79 140.32,-125.44 132.12,-101.91"/> +<polygon fill="grey" stroke="grey" points="135.4,-100.71 128.81,-92.42 128.79,-103.01 135.4,-100.71"/> +</g> +<!-- 2018 --> +<g id="node15" class="node"> +<title>2018</title> +<ellipse fill="orange" stroke="orange" cx="682" cy="-228.74" rx="54" ry="54"/> +<text text-anchor="middle" x="682" y="-232.54" font-family="Belgika 8th" font-size="14.00" fill="white">since</text> +<text text-anchor="middle" x="682" y="-217.54" font-family="Belgika 8th" font-size="14.00" fill="white">2018</text> +</g> +<!-- 2018->cssregions --> +<g id="edge30" class="edge"> +<title>2018->cssregions</title> +<path fill="none" stroke="black" d="M646.6,-187.65C624.1,-163.52 593.53,-133.13 563,-110.19 550.62,-100.89 536.72,-92.03 523.01,-84.04"/> +<polygon fill="black" stroke="black" points="524.47,-80.84 514.05,-78.92 521,-86.92 524.47,-80.84"/> +</g> +<!-- 2018->objectfit --> +<g id="edge31" class="edge"> +<title>2018->objectfit</title> +<path fill="none" stroke="black" d="M682,-174.52C682,-151.87 682,-125.44 682,-102.55"/> +<polygon fill="black" stroke="black" points="685.5,-102.31 682,-92.31 678.5,-102.31 685.5,-102.31"/> +</g> +<!-- stable --> +<g id="node23" class="node"> +<title>stable</title> +<ellipse fill="fuchsia" stroke="fuchsia" cx="430" cy="-228.74" rx="54" ry="54"/> +<text text-anchor="middle" x="430" y="-232.54" font-family="Times,serif" font-size="14.00" fill="white">stable</text> +<text text-anchor="middle" x="430" y="-217.54" font-family="Times,serif" font-size="14.00" fill="white">since 2016</text> +</g> +<!-- qtwebkit_os->stable --> +<g id="edge23" class="edge"> +<title>qtwebkit_os->stable</title> +<path fill="none" stroke="black" d="M427.5,-321.2C427.71,-313.19 427.99,-303.24 428.27,-292.88"/> +<polygon fill="black" stroke="black" points="431.77,-292.96 428.55,-282.87 424.77,-292.77 431.77,-292.96"/> +</g> +<!-- qtwebkit_patch->20162 --> +<g id="edge24" class="edge"> +<title>qtwebkit_patch->20162</title> +<path fill="none" stroke="black" d="M606.09,-321.2C600.68,-311.33 593.66,-298.51 586.6,-285.61"/> +<polygon fill="black" stroke="black" points="589.59,-283.79 581.72,-276.7 583.45,-287.15 589.59,-283.79"/> +</g> +<!-- qtwebkit_patch->2018 --> +<g id="edge25" class="edge"> +<title>qtwebkit_patch->2018</title> +<path fill="none" stroke="black" d="M626.9,-321.2C633.09,-310.93 641.19,-297.48 649.27,-284.06"/> +<polygon fill="black" stroke="black" points="652.4,-285.66 654.56,-275.29 646.4,-282.05 652.4,-285.66"/> +</g> +<!-- osp --> +<g id="node18" class="node"> +<title>osp</title> +<polygon fill="none" stroke="blueviolet" points="275.91,-1058.55 242.45,-1103.37 175.55,-1103.37 142.09,-1058.55 175.55,-1013.74 242.45,-1013.74 275.91,-1058.55"/> +<text text-anchor="middle" x="209" y="-1054.85" font-family="Belgika 16th" font-size="14.00" fill="blueviolet">   OSP   </text> +</g> +<!-- linux --> +<g id="node19" class="node"> +<title>linux</title> +<polygon fill="none" stroke="black" points="257.89,-953.12 209,-976.73 160.11,-953.12 160.15,-914.91 257.85,-914.91 257.89,-953.12"/> +<text text-anchor="middle" x="209" y="-946.86" font-family="Times,serif" font-size="14.00">Linux</text> +</g> +<!-- osp->linux --> +<g id="edge1" class="edge"> +<title>osp->linux</title> +<path fill="none" stroke="black" d="M209,-1013.48C209,-1004.84 209,-995.78 209,-987.15"/> +<polygon fill="black" stroke="black" points="212.5,-986.9 209,-976.9 205.5,-986.9 212.5,-986.9"/> </g> <!-- ubuntu --> -<g id="node9" class="node"> +<g id="node20" class="node"> <title>ubuntu</title> -<polygon fill="none" stroke="black" points="421.03,-345.3 421.03,-360.21 391.8,-370.76 350.46,-370.76 321.23,-360.21 321.23,-345.3 350.46,-334.76 391.8,-334.76 421.03,-345.3"/> -<polygon fill="none" stroke="black" points="425.02,-342.49 425.02,-363.02 392.5,-374.76 349.76,-374.76 317.23,-363.02 317.23,-342.49 349.76,-330.76 392.5,-330.76 425.02,-342.49"/> -<text text-anchor="middle" x="371.13" y="-349.06" font-family="Times,serif" font-size="14.00">Ubuntu</text> +<polygon fill="none" stroke="black" points="125.11,-847.94 63,-871.56 0.89,-847.94 0.95,-809.73 125.05,-809.73 125.11,-847.94"/> +<text text-anchor="middle" x="63" y="-841.68" font-family="Times,serif" font-size="14.00">Ubuntu</text> </g> -<!-- ubuntu->ospkit --> -<g id="edge6" class="edge"> -<title>ubuntu->ospkit</title> -<path fill="none" stroke="black" d="M347.45,-331.15C336.86,-321.92 324.31,-311 313.33,-301.44"/> -<polygon fill="black" stroke="black" points="315.51,-298.69 305.67,-294.77 310.91,-303.97 315.51,-298.69"/> +<!-- linux->ubuntu --> +<g id="edge2" class="edge"> +<title>linux->ubuntu</title> +<path fill="none" stroke="black" d="M171.02,-914.72C149.84,-899.75 123.5,-881.13 102.13,-866.04"/> +<polygon fill="black" stroke="black" points="104.1,-863.14 93.91,-860.23 100.06,-868.85 104.1,-863.14"/> +</g> +<!-- archlinux --> +<g id="node21" class="node"> +<title>archlinux</title> +<polygon fill="none" stroke="black" points="275.35,-847.94 209,-871.56 142.65,-847.94 142.71,-809.73 275.29,-809.73 275.35,-847.94"/> +<text text-anchor="middle" x="209" y="-841.68" font-family="Times,serif" font-size="14.00">Manjaro</text> </g> -<!-- ubuntu->chromium --> +<!-- linux->archlinux --> +<g id="edge3" class="edge"> +<title>linux->archlinux</title> +<path fill="none" stroke="black" d="M209,-914.72C209,-904.66 209,-892.96 209,-881.78"/> +<polygon fill="black" stroke="black" points="212.5,-881.73 209,-871.73 205.5,-881.73 212.5,-881.73"/> +</g> +<!-- manjaro --> +<g id="node22" class="node"> +<title>manjaro</title> +<polygon fill="none" stroke="black" points="458.32,-847.94 376,-871.56 293.68,-847.94 293.76,-809.73 458.24,-809.73 458.32,-847.94"/> +<text text-anchor="middle" x="376" y="-841.68" font-family="Times,serif" font-size="14.00">Arch Linux</text> +</g> +<!-- linux->manjaro --> +<g id="edge4" class="edge"> +<title>linux->manjaro</title> +<path fill="none" stroke="black" d="M252.44,-914.72C276.46,-899.88 306.26,-881.47 330.58,-866.44"/> +<polygon fill="black" stroke="black" points="332.61,-869.3 339.28,-861.07 328.93,-863.35 332.61,-869.3"/> +</g> +<!-- ubuntu->2013 --> <g id="edge9" class="edge"> -<title>ubuntu->chromium</title> -<path fill="none" stroke="black" d="M394.81,-331.15C405.4,-321.92 417.95,-311 428.93,-301.44"/> -<polygon fill="black" stroke="black" points="431.35,-303.97 436.59,-294.77 426.75,-298.69 431.35,-303.97"/> +<title>ubuntu->2013</title> +<path fill="none" stroke="grey" stroke-dasharray="5,2" d="M71.9,-809.67C75.46,-798.97 79.73,-786.17 83.96,-773.44"/> +<polygon fill="grey" stroke="grey" points="87.35,-774.36 87.19,-763.77 80.71,-772.15 87.35,-774.36"/> +</g> +<!-- ubuntu->20161 --> +<g id="edge5" class="edge"> +<title>ubuntu->20161</title> +<path fill="none" stroke="black" d="M104.95,-809.57C124.19,-796.91 147.1,-781.31 167,-766.29 171.75,-762.71 176.62,-758.89 181.45,-755.01"/> +<polygon fill="black" stroke="black" points="183.97,-757.47 189.51,-748.44 179.55,-752.04 183.97,-757.47"/> +</g> +<!-- archlinux->2013 --> +<g id="edge10" class="edge"> +<title>archlinux->2013</title> +<path fill="none" stroke="grey" stroke-dasharray="5,2" d="M186.22,-809.67C174.29,-795.7 159.32,-778.15 145.44,-761.87"/> +<polygon fill="grey" stroke="grey" points="147.88,-759.34 138.72,-754 142.55,-763.88 147.88,-759.34"/> +</g> +<!-- archlinux->20161 --> +<g id="edge6" class="edge"> +<title>archlinux->20161</title> +<path fill="none" stroke="black" d="M213.56,-809.67C215.27,-799.62 217.3,-787.72 219.34,-775.77"/> +<polygon fill="black" stroke="black" points="222.82,-776.21 221.05,-765.76 215.92,-775.03 222.82,-776.21"/> +</g> +<!-- manjaro->2013 --> +<g id="edge11" class="edge"> +<title>manjaro->2013</title> +<path fill="none" stroke="grey" stroke-dasharray="5,2" d="M302.52,-809.67C296.27,-807.48 290.03,-805.33 284,-803.29 232.33,-785.84 214.79,-792.58 167,-766.29 161.58,-763.31 156.18,-759.82 150.97,-756.08"/> +<polygon fill="grey" stroke="grey" points="153.03,-753.25 142.94,-750.03 148.82,-758.84 153.03,-753.25"/> +</g> +<!-- manjaro->20161 --> +<g id="edge7" class="edge"> +<title>manjaro->20161</title> +<path fill="none" stroke="black" d="M348.78,-809.62C340.07,-801.33 330.27,-792.27 321,-784.29 308.29,-773.37 294.18,-762 280.93,-751.65"/> +<polygon fill="black" stroke="black" points="282.85,-748.71 272.81,-745.35 278.56,-754.24 282.85,-748.71"/> +</g> +<!-- stable->cssregions --> +<g id="edge28" class="edge"> +<title>stable->cssregions</title> +<path fill="none" stroke="black" d="M427.98,-174.54C427.98,-154.3 428.9,-131.09 432,-110.19 432.39,-107.54 432.87,-104.83 433.4,-102.12"/> +<polygon fill="black" stroke="black" points="436.84,-102.8 435.58,-92.28 430,-101.28 436.84,-102.8"/> +<text text-anchor="middle" x="486.5" y="-143.99" font-family="Belgika 16th" font-size="14.00" fill="blueviolet">screen</text> +<text text-anchor="middle" x="486.5" y="-128.99" font-family="Belgika 16th" font-size="14.00" fill="blueviolet">resolution</text> +<text text-anchor="middle" x="486.5" y="-113.99" font-family="Belgika 16th" font-size="14.00" fill="blueviolet">workaround</text> +</g> +<!-- os --> +<g id="node24" class="node"> +<title>os</title> +<text text-anchor="middle" x="841" y="-938.86" font-family="Alfphabet" font-size="14.00" fill="grey">operating system</text> +</g> +<!-- browser --> +<g id="node25" class="node"> +<title>browser</title> +<text text-anchor="middle" x="841" y="-578.59" font-family="Alfphabet" font-size="14.00" fill="grey">browser</text> +</g> +<!-- os->browser --> +<g id="edge32" class="edge"> +<title>os->browser</title> +<path fill="none" stroke="grey" d="M841,-935.03C841,-893.43 841,-664.86 841,-600.29"/> +<polygon fill="grey" stroke="grey" points="844.5,-599.94 841,-589.94 837.5,-599.94 844.5,-599.94"/> +</g> +<!-- browserengine --> +<g id="node26" class="node"> +<title>browserengine</title> +<text text-anchor="middle" x="841" y="-447.59" font-family="Alfphabet" font-size="14.00" fill="grey">browser engine</text> +</g> +<!-- browser->browserengine --> +<g id="edge33" class="edge"> +<title>browser->browserengine</title> +<path fill="none" stroke="grey" d="M841,-574.72C841,-555.32 841,-497.85 841,-469.09"/> +<polygon fill="grey" stroke="grey" points="844.5,-469.01 841,-459.01 837.5,-469.01 844.5,-469.01"/> +</g> +<!-- layout --> +<g id="node27" class="node"> +<title>layout</title> +<text text-anchor="middle" x="841" y="-42.4" font-family="Alfphabet" font-size="14.00" fill="grey">layout options</text> +</g> +<!-- browserengine->layout --> +<g id="edge34" class="edge"> +<title>browserengine->layout</title> +<path fill="none" stroke="grey" d="M841,-443.63C841,-398.24 841,-134.1 841,-64.11"/> +<polygon fill="grey" stroke="grey" points="844.5,-63.69 841,-53.69 837.5,-63.69 844.5,-63.69"/> </g> </g> </svg>