mirror of
https://github.com/ClickHouse/ClickHouse.git
synced 2024-11-21 15:12:02 +00:00
Incorporate the last illustration into the front page (#9995)
* [docs] alternative approach to pdf generation * Incorporate the last illustration into the front page
This commit is contained in:
Ivan Blinkov
GitHub
parent
71d3009844
commit
bd3d61e09f
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 33 KiB |
297
website/images/index/linearly-scalable.svg
Normal file
297
website/images/index/linearly-scalable.svg
Normal file
@ -0,0 +1,297 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1280 960" style="enable-background:new 0 0 1280 960;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:url(#SVGID_1_);}
|
||||
.st1{opacity:0.2;fill:url(#SVGID_2_);}
|
||||
.st2{opacity:0.1;fill:url(#SVGID_3_);}
|
||||
.st3{opacity:0.5;fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
|
||||
.st4{display:none;}
|
||||
.st5{display:inline;fill:none;stroke:#1D1D1B;stroke-miterlimit:10;}
|
||||
.st6{opacity:0.5;fill:url(#SVGID_4_);}
|
||||
.st7{opacity:0.71;fill:url(#SVGID_5_);}
|
||||
.st8{opacity:0.71;fill:url(#SVGID_6_);}
|
||||
.st9{fill:#F5FAFF;}
|
||||
.st10{opacity:0.6;fill:url(#SVGID_7_);}
|
||||
.st11{fill:none;stroke:#FFFFFF;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10;}
|
||||
.st12{fill:#F14600;}
|
||||
.st13{fill:#257AF4;}
|
||||
.st14{fill:#F8CC47;}
|
||||
.st15{fill:#444451;}
|
||||
.st16{opacity:0.3;fill:url(#SVGID_8_);}
|
||||
.st17{opacity:0.2;fill:url(#SVGID_9_);}
|
||||
.st18{opacity:0.63;fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
|
||||
.st19{opacity:0.54;fill:none;stroke:#DCE6EF;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
|
||||
.st20{fill:#DD4A07;}
|
||||
.st21{fill:url(#SVGID_10_);}
|
||||
.st22{fill:url(#SVGID_11_);}
|
||||
.st23{fill:url(#SVGID_12_);}
|
||||
.st24{fill:url(#SVGID_13_);}
|
||||
.st25{fill:#F8CE4F;}
|
||||
.st26{fill:url(#SVGID_14_);}
|
||||
.st27{fill:url(#SVGID_15_);}
|
||||
.st28{fill:url(#SVGID_16_);}
|
||||
.st29{fill:url(#SVGID_17_);}
|
||||
.st30{opacity:0.7;}
|
||||
.st31{fill:url(#SVGID_18_);}
|
||||
.st32{fill:url(#SVGID_19_);}
|
||||
.st33{fill:url(#SVGID_20_);}
|
||||
.st34{fill:url(#SVGID_21_);}
|
||||
</style>
|
||||
<g id="Слой_6">
|
||||
</g>
|
||||
<g id="Слой_13">
|
||||
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="768.5925" y1="362.0331" x2="1605.2383" y2="362.0331" gradientTransform="matrix(-1 0 0 1 1819.6328 0)">
|
||||
<stop offset="0" style="stop-color:#D3E2F5"/>
|
||||
<stop offset="1" style="stop-color:#E3F1FE"/>
|
||||
</linearGradient>
|
||||
<path class="st0" d="M632.7,406.3c-231,0-418.3,104.2-418.3,232.6V317.8c0-128.5,187.3-232.6,418.3-232.6S1051,189.3,1051,317.8
|
||||
v321.1C1051,510.4,863.8,406.3,632.7,406.3z"/>
|
||||
|
||||
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="768.5494" y1="362.0331" x2="1605.1952" y2="362.0331" gradientTransform="matrix(-1 0 0 1 1819.6328 0)">
|
||||
<stop offset="0" style="stop-color:#D3E2F5"/>
|
||||
<stop offset="1" style="stop-color:#E3F1FE"/>
|
||||
</linearGradient>
|
||||
<path class="st1" d="M632.8,406.3c-231,0-418.3,104.2-418.3,232.6V317.8c0-128.5,187.3-232.6,418.3-232.6s418.3,104.2,418.3,232.6
|
||||
v321.1C1051.1,510.4,863.8,406.3,632.8,406.3z"/>
|
||||
|
||||
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="768.6033" y1="740.4512" x2="1605.2491" y2="740.4512" gradientTransform="matrix(-1 0 0 -1 1819.6328 1182.8362)">
|
||||
<stop offset="0" style="stop-color:#7A9AC1"/>
|
||||
<stop offset="1" style="stop-color:#B8CEE8;stop-opacity:0.5"/>
|
||||
</linearGradient>
|
||||
<path class="st2" d="M632.7,406.3c231,0,418.3,104.2,418.3,232.6V478.4c0-128.5-187.3-232.6-418.3-232.6S214.4,349.9,214.4,478.4
|
||||
V639C214.4,510.5,401.7,406.3,632.7,406.3z"/>
|
||||
<path class="st3" d="M678.5,247.2c-15-0.9-30.3-1.4-45.7-1.4c-197.9,0-363.6,76.4-407.2,179"/>
|
||||
<path class="st3" d="M999.5,366.5c-37.2-37.6-92.6-68.9-159.6-90.2"/>
|
||||
</g>
|
||||
<g id="Слой_3">
|
||||
</g>
|
||||
<g id="_x32_22_2_" class="st4">
|
||||
<path class="st5" d="M778,474.9c15.7,26.1,80.9,16.4,145.9-3"/>
|
||||
<path class="st5" d="M486.8,474.9c-15.7,26.1-80.2,16.4-145.2-3"/>
|
||||
</g>
|
||||
<g id="Слой_5">
|
||||
</g>
|
||||
<g id="Слой_9">
|
||||
|
||||
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="981.9437" y1="421.2451" x2="1392.6956" y2="421.2451" gradientTransform="matrix(-1 0 0 1 1819.6328 0)">
|
||||
<stop offset="0" style="stop-color:#87ADDE"/>
|
||||
<stop offset="1" style="stop-color:#9FBEDE"/>
|
||||
</linearGradient>
|
||||
<path class="st6" d="M632.3,443c-113.4,0-205.4,51.1-205.4,114.2V399.5c0-63.1,91.9-114.2,205.4-114.2s205.4,51.1,205.4,114.2
|
||||
v157.7C837.7,494.1,745.7,443,632.3,443z"/>
|
||||
|
||||
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="981.9437" y1="535.4586" x2="1392.6956" y2="535.4586" gradientTransform="matrix(-1 0 0 1 1819.6328 0)">
|
||||
<stop offset="0" style="stop-color:#AECDEC;stop-opacity:0.6558"/>
|
||||
<stop offset="1" style="stop-color:#6B9AC1"/>
|
||||
</linearGradient>
|
||||
<path class="st7" d="M632.3,513.7c113.4,0,205.4-51.1,205.4-114.2v157.7c0,63.1-91.9,114.2-205.4,114.2s-205.4-51.1-205.4-114.2
|
||||
V399.5C426.9,462.6,518.9,513.7,632.3,513.7z"/>
|
||||
|
||||
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="981.949" y1="535.4586" x2="1392.7009" y2="535.4586" gradientTransform="matrix(-1 0 0 1 1819.6328 0)">
|
||||
<stop offset="0" style="stop-color:#AECDEC;stop-opacity:0.6558"/>
|
||||
<stop offset="1" style="stop-color:#5A86C1"/>
|
||||
</linearGradient>
|
||||
<path class="st8" d="M632.3,513.7c113.4,0,205.4-51.1,205.4-114.2v157.7c0,63.1-91.9,114.2-205.4,114.2s-205.4-51.1-205.4-114.2
|
||||
V399.5C426.9,462.6,518.9,513.7,632.3,513.7z"/>
|
||||
<ellipse class="st9" cx="632.5" cy="399.1" rx="206.9" ry="115.9"/>
|
||||
|
||||
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="981.949" y1="574.8733" x2="1392.7009" y2="574.8733" gradientTransform="matrix(-1 0 0 1 1819.6328 0)">
|
||||
<stop offset="0" style="stop-color:#7A9AC1;stop-opacity:0.8"/>
|
||||
<stop offset="1" style="stop-color:#5574BA;stop-opacity:0.2"/>
|
||||
</linearGradient>
|
||||
<path class="st10" d="M632.3,592.6c113.4,0,205.4-51.1,205.4-114.2v78.8c0,63.1-91.9,114.2-205.4,114.2s-205.4-51.1-205.4-114.2
|
||||
v-78.8C426.9,541.4,518.9,592.6,632.3,592.6z"/>
|
||||
<path class="st11" d="M687,588.5c87.9-13.3,152.4-57.6,152.4-110.1"/>
|
||||
<path class="st11" d="M546.8,582.2c17.6,4.5,36.5,7.6,56.3,9.2"/>
|
||||
<ellipse transform="matrix(0.866 -0.5 0.5 0.866 -189.3727 315.0233)" class="st12" cx="493.2" cy="510.9" rx="8.2" ry="10"/>
|
||||
<ellipse transform="matrix(0.866 -0.5 0.5 0.866 -191.0516 330.5624)" class="st13" cx="521.3" cy="521.8" rx="8.2" ry="10"/>
|
||||
<ellipse transform="matrix(0.866 -0.5 0.5 0.866 -246.0345 360.5734)" class="st14" cx="549.8" cy="639.4" rx="8.2" ry="10"/>
|
||||
<ellipse transform="matrix(0.866 -0.5 0.5 0.866 -244.6991 377.8622)" class="st14" cx="582.8" cy="645.5" rx="8.2" ry="10"/>
|
||||
<path class="st3" d="M754.8,518.2c32.3-13.7,57.1-32.6,70.2-54.5"/>
|
||||
<path class="st3" d="M439.6,472.8c7.7,10.8,18.3,20.7,31.5,29.6"/>
|
||||
<path class="st3" d="M472.4,578.2c32.7,22.2,80.1,37.3,133.9,40.9"/>
|
||||
<path class="st3" d="M446.4,555.7c4.6,5.3,9.8,10.3,15.7,15"/>
|
||||
|
||||
<ellipse transform="matrix(0.136 -0.9907 0.9907 0.136 -13.8764 1275.6659)" class="st13" cx="724.5" cy="645.8" rx="5.4" ry="4.3"/>
|
||||
|
||||
<ellipse transform="matrix(0.1578 -0.9875 0.9875 0.1578 -31.2361 1231.26)" class="st15" cx="706.2" cy="633.9" rx="5.4" ry="4.5"/>
|
||||
|
||||
<ellipse transform="matrix(0.1578 -0.9875 0.9875 0.1578 -47.612 1244.7588)" class="st13" cx="705.9" cy="650.3" rx="5.4" ry="4.5"/>
|
||||
|
||||
<ellipse transform="matrix(0.2037 -0.979 0.979 0.2037 -59.5813 1166.204)" class="st13" cx="687.1" cy="619.7" rx="5.4" ry="4.7"/>
|
||||
</g>
|
||||
<g id="_x32_22" class="st4">
|
||||
<path class="st5" d="M486.8,638.9c-11.1,61-99.1,120.4-166.5,154.7"/>
|
||||
<path class="st5" d="M778.1,638.9c11.1,61,98.9,120.4,166.3,154.7"/>
|
||||
</g>
|
||||
<g id="Слой_1">
|
||||
|
||||
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="768.5925" y1="594.6706" x2="1605.2383" y2="594.6706" gradientTransform="matrix(-1 0 0 1 1819.6328 0)">
|
||||
<stop offset="0" style="stop-color:#B8CEE8;stop-opacity:0.5"/>
|
||||
<stop offset="1" style="stop-color:#7A9AC1"/>
|
||||
</linearGradient>
|
||||
<path class="st16" d="M632.7,550.4c231,0,418.3-104.2,418.3-232.6v321.1c0,128.5-187.3,232.6-418.3,232.6S214.4,767.4,214.4,638.9
|
||||
V317.8C214.4,446.3,401.7,550.4,632.7,550.4z"/>
|
||||
|
||||
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="768.6033" y1="674.9529" x2="1605.2491" y2="674.9529" gradientTransform="matrix(-1 0 0 1 1819.6328 0)">
|
||||
<stop offset="0" style="stop-color:#7A9AC1"/>
|
||||
<stop offset="1" style="stop-color:#B8CEE8;stop-opacity:0.5"/>
|
||||
</linearGradient>
|
||||
<path class="st17" d="M632.7,711c231,0,418.3-104.2,418.3-232.6v160.6c0,128.5-187.3,232.6-418.3,232.6S214.4,767.4,214.4,638.9
|
||||
V478.4C214.4,606.8,401.7,711,632.7,711z"/>
|
||||
<path class="st3" d="M242.2,516.4c30.7,44.4,85.1,82.2,154.6,108.6"/>
|
||||
<path class="st18" d="M886.2,566.7c34.3-14.6,64.4-32,89.3-51.7"/>
|
||||
<path class="st19" d="M464.6,803.3c44.7,12.1,93.9,19.9,145.8,22.4"/>
|
||||
<ellipse transform="matrix(0.866 -0.5 0.5 0.866 -228.38 248.3683)" class="st12" cx="349.3" cy="550.3" rx="16.7" ry="20.3"/>
|
||||
<ellipse transform="matrix(0.866 -0.5 0.5 0.866 -231.7997 280.0193)" class="st13" cx="406.6" cy="572.6" rx="16.7" ry="20.3"/>
|
||||
<ellipse transform="matrix(0.866 -0.5 0.5 0.866 -341.6611 340.1814)" class="st14" cx="464" cy="807.6" rx="16.7" ry="20.3"/>
|
||||
<ellipse transform="matrix(0.866 -0.5 0.5 0.866 -340.5235 374.6306)" class="st14" cx="528.8" cy="822.7" rx="16.7" ry="20.3"/>
|
||||
<g>
|
||||
<polygon class="st14" points="496.7,408.2 475.7,397.1 639.9,313 660.9,324.2 "/>
|
||||
<polygon class="st14" points="537.1,429.6 516.1,418.5 680.2,334.4 701.3,345.6 "/>
|
||||
<polygon class="st14" points="577.5,451 556.4,439.9 720.6,355.8 741.6,367 "/>
|
||||
<polygon class="st14" points="617.8,472.4 596.8,461.3 761,377.2 782,388.4 "/>
|
||||
<polygon class="st14" points="724.3,460.5 703.3,449.4 741.9,429.6 762.9,440.8 "/>
|
||||
<polygon class="st20" points="497.4,386 475.7,397.1 496.7,408.2 518.6,397 "/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Слой_7">
|
||||
<path class="st3" d="M886.2,617.1c66.1-28,116.7-66.7,143.6-111.4"/>
|
||||
<path class="st3" d="M242.2,471.3c15.6,22.6,37.5,43.5,64.3,62.1"/>
|
||||
<path class="st3" d="M309.1,689.1c66.8,45.3,163.7,76.3,273.7,83.6"/>
|
||||
<path class="st3" d="M256,643c9.3,10.7,20.1,21,32.1,30.7"/>
|
||||
<path class="st11" d="M744.1,702.6c177.8-27.1,308.5-117.3,308.5-224.3"/>
|
||||
<path class="st11" d="M353.1,651.9c-86.2-42.6-140.4-104.6-140.4-173.5"/>
|
||||
<path class="st11" d="M458.5,689.9c35.8,9.1,74.3,15.5,114.7,18.7"/>
|
||||
|
||||
<ellipse transform="matrix(0.1212 -0.9926 0.9926 0.1212 -56.3368 1556.4971)" class="st15" cx="850.9" cy="810.1" rx="11.2" ry="8.8"/>
|
||||
|
||||
<ellipse transform="matrix(0.136 -0.9907 0.9907 0.136 -109.1847 1517.3595)" class="st13" cx="815.4" cy="821.3" rx="11.3" ry="9"/>
|
||||
|
||||
<ellipse transform="matrix(0.1578 -0.9875 0.9875 0.1578 -131.9485 1438.3595)" class="st15" cx="777.3" cy="796.5" rx="11.3" ry="9.3"/>
|
||||
|
||||
<ellipse transform="matrix(0.1578 -0.9875 0.9875 0.1578 -166.1544 1466.5557)" class="st13" cx="776.7" cy="830.7" rx="11.3" ry="9.3"/>
|
||||
|
||||
<ellipse transform="matrix(0.2037 -0.979 0.979 0.2037 -163.5832 1332.571)" class="st13" cx="737.4" cy="766.8" rx="11.3" ry="9.8"/>
|
||||
|
||||
<ellipse transform="matrix(0.2037 -0.979 0.979 0.2037 -129.4434 1304.8036)" class="st12" cx="737.4" cy="732" rx="11.3" ry="9.8"/>
|
||||
|
||||
<ellipse transform="matrix(0.2814 -0.9596 0.9596 0.2814 -210.6724 1192.8893)" class="st14" cx="691.1" cy="737.1" rx="11.3" ry="10.2"/>
|
||||
<path class="st11" d="M342,485.7c-78.7-42.4-127.6-102-127.6-167.9c0-128.9,187.1-233.4,418-233.4s418,104.5,418,233.4
|
||||
c0,72.5-59.1,137.2-151.9,180"/>
|
||||
<path class="st3" d="M1025.8,619.1c-37,57.4-113.1,104.4-210.5,131"/>
|
||||
</g>
|
||||
<g id="Слой_10">
|
||||
</g>
|
||||
<g id="Слой_8">
|
||||
</g>
|
||||
<g id="Слой_11">
|
||||
</g>
|
||||
<g id="_x31_11" class="st4">
|
||||
<line class="st5" x1="778.1" y1="316.8" x2="923.4" y2="152.6"/>
|
||||
<line class="st5" x1="486.8" y1="316.9" x2="341.6" y2="152.7"/>
|
||||
<line class="st5" x1="486.8" y1="481.4" x2="320.3" y2="473.1"/>
|
||||
<line class="st5" x1="778.1" y1="481.5" x2="944.5" y2="473.1"/>
|
||||
<line class="st5" x1="486.8" y1="474.9" x2="341.6" y2="471.9"/>
|
||||
<line class="st5" x1="923.9" y1="471.9" x2="780.2" y2="476"/>
|
||||
<line class="st5" x1="485.8" y1="638.9" x2="320.3" y2="793.6"/>
|
||||
<line class="st5" x1="780.2" y1="638.4" x2="944.5" y2="793.6"/>
|
||||
</g>
|
||||
<g id="_x32_22_1_" class="st4">
|
||||
<path class="st5" d="M486.8,316.9c-11.1-61.5-77.8-129.5-145.2-164.1"/>
|
||||
<path class="st5" d="M778.1,316.9c11.1-61.5,77.8-129.5,145.2-164.1"/>
|
||||
<path class="st5" d="M486.8,481.4c-24.1-18.9-103.6-12.4-145.2,2.2"/>
|
||||
<path class="st5" d="M778,481.4c15.7-26.1,101.5-27.8,166.5-8.4"/>
|
||||
</g>
|
||||
<g id="Слой_15">
|
||||
<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="486.607" y1="295.3755" x2="357.607" y2="160.3755">
|
||||
<stop offset="0" style="stop-color:#FFFFFF"/>
|
||||
<stop offset="1" style="stop-color:#F8CC46"/>
|
||||
</linearGradient>
|
||||
<path class="st21" d="M382.4,167.3l20.8-11.9l-61.6-3.2v38.5l24.6-14.1c52.6,39.2,93.4,101.4,102.7,152.9l36.5-19.8
|
||||
C496,258.1,440,203.9,382.4,167.3z"/>
|
||||
<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="791.1455" y1="282.1384" x2="908.1455" y2="159.1384">
|
||||
<stop offset="0" style="stop-color:#FFFFFF"/>
|
||||
<stop offset="1" style="stop-color:#F8CC46"/>
|
||||
</linearGradient>
|
||||
<path class="st22" d="M882.5,167.3l-20.8-11.9l61.6-3.2v38.5l-24.6-14.1c-52.6,39.2-93.4,101.4-102.7,152.9l-36.5-19.8
|
||||
C768.9,258.1,824.9,203.9,882.5,167.3z"/>
|
||||
<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="383.1513" y1="200.1442" x2="343.1513" y2="168.1442">
|
||||
<stop offset="0" style="stop-color:#F14600;stop-opacity:0"/>
|
||||
<stop offset="0.2718" style="stop-color:#F14600;stop-opacity:0.1567"/>
|
||||
<stop offset="1" style="stop-color:#F14600"/>
|
||||
</linearGradient>
|
||||
<path class="st23" d="M382.4,167.3l20.8-11.9l-61.6-3.2v38.5l24.6-14.1c52.6,39.2,93.4,101.4,102.7,152.9l36.5-19.8
|
||||
C496,258.1,440,203.9,382.4,167.3z"/>
|
||||
<linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="879.9936" y1="195.8818" x2="919.4936" y2="159.8818">
|
||||
<stop offset="0" style="stop-color:#F14600;stop-opacity:0"/>
|
||||
<stop offset="0.2718" style="stop-color:#F14600;stop-opacity:0.1567"/>
|
||||
<stop offset="1" style="stop-color:#F14600"/>
|
||||
</linearGradient>
|
||||
<path class="st24" d="M882.5,167.3l-20.8-11.9l61.6-3.2v38.5l-24.6-14.1c-52.6,39.2-93.4,101.4-102.7,152.9l-36.5-19.8
|
||||
C768.9,258.1,824.9,203.9,882.5,167.3z"/>
|
||||
<path class="st25" d="M466.6,468.1c0.5,0.6,0.9,1.2,1.3,1.9l36.5,20.7C496.6,481.8,482.9,473.6,466.6,468.1L466.6,468.1z"/>
|
||||
<linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="474.8906" y1="462.8759" x2="346.1406" y2="476.3759">
|
||||
<stop offset="0" style="stop-color:#FFFFFF"/>
|
||||
<stop offset="1" style="stop-color:#F8CC46"/>
|
||||
</linearGradient>
|
||||
<path class="st26" d="M381.4,469.4l20.8,11.9l-61.6,3.2v-38.5l24.6,14.1c39.7-17.9,68.9-14.9,86.7-4.7
|
||||
c52.8,30.3,52.5,35.3,52.5,35.3C484.3,467.6,424.6,449.8,381.4,469.4z"/>
|
||||
<linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="402.4668" y1="478.1228" x2="351.7168" y2="502.8728">
|
||||
<stop offset="0" style="stop-color:#F14600;stop-opacity:0"/>
|
||||
<stop offset="0.2718" style="stop-color:#F14600;stop-opacity:0.1567"/>
|
||||
<stop offset="1" style="stop-color:#F14600"/>
|
||||
</linearGradient>
|
||||
<path class="st27" d="M381.4,469.4l20.8,11.9l-61.6,3.2v-38.5l24.6,14.1c39.7-17.9,68.9-14.9,86.7-4.7
|
||||
c52.8,30.3,52.5,35.3,52.5,35.3C484.3,467.6,424.6,449.8,381.4,469.4z"/>
|
||||
<path class="st25" d="M799.6,467.1c-0.5,0.6-0.9,1.2-1.3,1.9l-36.5,20.7C769.5,480.8,783.2,472.6,799.6,467.1L799.6,467.1z"/>
|
||||
|
||||
<linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="711.601" y1="461.8759" x2="582.851" y2="475.3759" gradientTransform="matrix(-1 0 0 1 1502.8495 0)">
|
||||
<stop offset="0" style="stop-color:#FFFFFF"/>
|
||||
<stop offset="1" style="stop-color:#F8CC46"/>
|
||||
</linearGradient>
|
||||
<path class="st28" d="M884.8,468.4l-20.8,11.9l61.6,3.2v-38.5l-24.6,14.1c-39.7-17.9-68.9-14.9-86.7-4.7
|
||||
c-52.8,30.3-52.5,35.3-52.5,35.3C781.8,466.6,841.5,448.8,884.8,468.4z"/>
|
||||
|
||||
<linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="639.1772" y1="477.1228" x2="588.4272" y2="501.8728" gradientTransform="matrix(-1 0 0 1 1502.8495 0)">
|
||||
<stop offset="0" style="stop-color:#F14600;stop-opacity:0"/>
|
||||
<stop offset="0.2718" style="stop-color:#F14600;stop-opacity:0.1567"/>
|
||||
<stop offset="1" style="stop-color:#F14600"/>
|
||||
</linearGradient>
|
||||
<path class="st29" d="M884.8,468.4l-20.8,11.9l61.6,3.2v-38.5l-24.6,14.1c-39.7-17.9-68.9-14.9-86.7-4.7
|
||||
c-52.8,30.3-52.5,35.3-52.5,35.3C781.8,466.6,841.5,448.8,884.8,468.4z"/>
|
||||
</g>
|
||||
<g id="Слой_16">
|
||||
<g class="st30">
|
||||
<linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="478.5602" y1="664.3079" x2="358.5602" y2="799.6412">
|
||||
<stop offset="0" style="stop-color:#FFFFFF"/>
|
||||
<stop offset="1" style="stop-color:#F8CC46"/>
|
||||
</linearGradient>
|
||||
<path class="st31" d="M382.4,789.8l20.8,11.9l-61.6,3.2v-38.5l24.6,14.1c52.6-39.2,93.4-101.4,102.7-152.9l36.5,19.8
|
||||
C496,699,440,753.2,382.4,789.8z"/>
|
||||
<linearGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" x1="788.7911" y1="671.0307" x2="902.7911" y2="795.0307">
|
||||
<stop offset="0" style="stop-color:#FFFFFF"/>
|
||||
<stop offset="1" style="stop-color:#F8CC46"/>
|
||||
</linearGradient>
|
||||
<path class="st32" d="M882.5,789.8l-20.8,11.9l61.6,3.2v-38.5l-24.6,14.1c-52.6-39.2-93.4-101.4-102.7-152.9l-36.5,19.8
|
||||
C768.9,699,824.9,753.2,882.5,789.8z"/>
|
||||
<linearGradient id="SVGID_20_" gradientUnits="userSpaceOnUse" x1="387.2608" y1="755.856" x2="340.7608" y2="795.106">
|
||||
<stop offset="0" style="stop-color:#F14600;stop-opacity:0"/>
|
||||
<stop offset="0.2718" style="stop-color:#F14600;stop-opacity:0.1567"/>
|
||||
<stop offset="1" style="stop-color:#F14600"/>
|
||||
</linearGradient>
|
||||
<path class="st33" d="M382.4,789.8l20.8,11.9l-61.6,3.2v-38.5l24.6,14.1c52.6-39.2,93.4-101.4,102.7-152.9l36.5,19.8
|
||||
C496,699,440,753.3,382.4,789.8z"/>
|
||||
<linearGradient id="SVGID_21_" gradientUnits="userSpaceOnUse" x1="880.3262" y1="757.345" x2="923.3262" y2="793.0117">
|
||||
<stop offset="0" style="stop-color:#F14600;stop-opacity:0"/>
|
||||
<stop offset="0.2718" style="stop-color:#F14600;stop-opacity:0.1567"/>
|
||||
<stop offset="1" style="stop-color:#F14600"/>
|
||||
</linearGradient>
|
||||
<path class="st34" d="M882.5,789.8l-20.8,11.9l61.6,3.2v-38.5l-24.6,14.1c-52.6-39.2-93.4-101.4-102.7-152.9l-36.5,19.8
|
||||
C768.9,699,824.9,753.3,882.5,789.8z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 18 KiB |
1
website/images/index/shield.svg
Normal file
1
website/images/index/shield.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36"><circle cx="18" cy="18" r="18" fill="#FAFAFA"/><path d="M17.94 28s8-4 8-10v-7l-8-3-8 3v7c0 6 8 10 8 10z" fill="none" stroke="#f14600" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||||
|
After Width: | Height: | Size: 268 B |
@ -11,7 +11,7 @@
|
||||
{% include "templates/index/efficient.html" %}
|
||||
{% include "templates/index/rich.html" %}
|
||||
{% include "templates/index/features.html" %}
|
||||
{% include "templates/index/reliable.html" %}
|
||||
{% include "templates/index/scalable.html" %}
|
||||
{% include "templates/index/use.html" %}
|
||||
{% include "templates/index/quickstart.html" %}
|
||||
{% include "templates/index/community.html" %}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<div class="bg-secondary-alt my-5 py-5">
|
||||
<div class="container">
|
||||
|
||||
<h2 id="community" class="text-white mb-5">{{ _('ClickHouse community') }}</h2>
|
||||
<h2 id="community" class="display-4 text-white mb-5">{{ _('ClickHouse community') }}</h2>
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg">
|
||||
<div class="row">
|
||||
@ -139,9 +139,9 @@
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<p class="lead text-white"><strong>{{ _('Like ClickHouse?') }}</strong> {{ _('Help to spread the word about it via') }} <a rel="external nofollow noreferrer" target="_blank" href="https://www.facebook.com/sharer.php?u=https://clickhouse.tech" class="text-decoration-none"><span class="text-yellow">Facebook</span></a>,
|
||||
<a rel="external nofollow noreferrer" target="_blank" href="https://twitter.com/intent/tweet?url=https://clickhouse.tech" class="text-decoration-none"><span class="text-yellow">Twitter</span></a>{{ _('and') }}
|
||||
<a rel="external nofollow noreferrer" target="_blank" href="https://www.linkedin.com/shareArticle?url=https://clickhouse.tech" class="text-decoration-none"><span class="text-yellow">LinkedIn</span></a>!</p>
|
||||
<h3 class="display-5 text-white">{{ _('Like ClickHouse?') }}</h3>
|
||||
<p class="lead text-white">{{ _('Help to spread the word about it via') }} <a rel="external nofollow noreferrer" target="_blank" href="https://www.facebook.com/sharer.php?u=https://clickhouse.tech" class="text-decoration-none"><span class="text-yellow">Facebook</span></a>,
|
||||
<a rel="external nofollow noreferrer" target="_blank" href="https://twitter.com/intent/tweet?url=https://clickhouse.tech" class="text-decoration-none"><span class="text-yellow">Twitter</span></a> {{ _('and') }} <a rel="external nofollow noreferrer" target="_blank" href="https://www.linkedin.com/shareArticle?url=https://clickhouse.tech" class="text-decoration-none"><span class="text-yellow">LinkedIn</span></a>!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -150,18 +150,18 @@
|
||||
|
||||
<div>
|
||||
<div class="container">
|
||||
<div class="row my-5">
|
||||
<div class="col-lg">
|
||||
<h2 id="meet">{{ _('Hosting ClickHouse Meetups') }}</h2>
|
||||
<h2 id="meet" class="display-4 mt-5">{{ _('Hosting ClickHouse Meetups') }}</h2>
|
||||
<div class="row">
|
||||
<div class="col-lg my-3">
|
||||
<p class="lead">
|
||||
{{ _('ClickHouse meetups are essential for strengthening community worldwide, but they couldn\'t be possible without the help of local organizers. Please, feel this form if you want to become one or want to meet ClickHouse core team for any other reason.') }}
|
||||
</p>
|
||||
<img src="images/index/meetup.svg" alt="{{ _('ClickHouse Meetup') }}" title="{{ _('ClickHouse Meetup') }}" class="img-fluid" />
|
||||
<img src="images/index/meetup.svg" alt="{{ _('ClickHouse Meetup') }}" title="{{ _('ClickHouse Meetup') }}" class="img-fluid mt-5" />
|
||||
</div>
|
||||
|
||||
<div class="col-lg">
|
||||
<form id="meetup-form" action="" method="post">
|
||||
<div class="form-group">
|
||||
<div class="form-group my-3">
|
||||
<input type="text" class="form-control" name="name" placeholder="{{ _('Name') }} *" required="true">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
@ -206,7 +206,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-5">
|
||||
<div class="row my-5">
|
||||
<div class="col">
|
||||
<p class="lead">
|
||||
{{ _('If you have any more thoughts or questions, feel free to contact Yandex ClickHouse team directly at') }}
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="container my-5">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg">
|
||||
<h2 id="hardware-efficient" class="my-4">Hardware efficient</h2>
|
||||
<h2 id="hardware-efficient" class="display-4 my-4">Hardware efficient</h2>
|
||||
<p class="lead">ClickHouse processes typical analytical queries two to three orders of magnitude faster than traditional
|
||||
row-oriented systems with the same available I/O throughput and CPU capacity. Columnar storage format allows fitting
|
||||
more hot data in RAM, which leads to shorter typical response times.</p>
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="container py-5 my-5">
|
||||
<div class="row text-center">
|
||||
<div class="col-lg">
|
||||
<h2 id="key-features">ClickHouse. Just makes you think faster!</h2>
|
||||
<h2 id="key-features" class="display-4">ClickHouse. Just makes you think faster!</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-3">
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<div>
|
||||
<div class="container lead">
|
||||
<h2 id="quick-start" class="mt-5">Quick start</h2>
|
||||
<h2 id="quick-start" class="display-4 mt-5">Quick start</h2>
|
||||
|
||||
<p>System requirements for pre-built packages: Linux, x86_64 with SSE 4.2.</p>
|
||||
|
||||
|
||||
@ -1,27 +0,0 @@
|
||||
<div>
|
||||
<div class="container">
|
||||
|
||||
<h2 id="highly-reliable" class="mt-5">Highly reliable</h2>
|
||||
|
||||
<p>ClickHouse has been managing petabytes of data serving a number of highload mass audience services of
|
||||
<a href="https://www.yandex.com/company/"
|
||||
rel="external nofollow noreferrer">Yandex</a>, Russia's
|
||||
leading search provider and one of the largest European IT companies.
|
||||
Since 2012, ClickHouse has been providing robust database management for the company's <a
|
||||
href="https://metrica.yandex.com/" rel="external nofollow noreferrer">web analytics service</a>, comparison
|
||||
e-commerce platform, public email service, online advertising platform, business intelligence tools
|
||||
and infrastructure monitoring.</p>
|
||||
|
||||
<p>ClickHouse can be configured as a purely distributed system located on independent nodes,
|
||||
without any single points of failure.</p>
|
||||
|
||||
<p>Software and hardware failures or misconfigurations do not result in loss of data. Instead of deleting "broken"
|
||||
data, ClickHouse saves it or asks you what to do before a startup. All data is checksummed before every
|
||||
read or write to disk or network. It is virtually impossible to delete data by accident as there are safeguards
|
||||
even for human errors.</p>
|
||||
|
||||
<p>ClickHouse offers flexible limits on query complexity and resource usage, which can be fine-tuned with settings.
|
||||
It is possible to simultaneously serve both a number of high priority low-latency requests and some
|
||||
long-running queries with a background priority.</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -3,7 +3,7 @@
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg">
|
||||
<h2 id="feature-rich">Feature-rich</h2>
|
||||
<h2 id="feature-rich" class="display-4">Feature-rich</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row my-lg-5 my-0">
|
||||
|
||||
16
website/templates/index/scalable.html
Normal file
16
website/templates/index/scalable.html
Normal file
@ -0,0 +1,16 @@
|
||||
<div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg">
|
||||
<h2 id="linearly-scalable" class="display-4 mt-5">Linerarly scalable</h2>
|
||||
<p class="lead">ClickHouse scales well both vertically and horizontally. ClickHouse is easily adaptable to perform either on a cluster with hundreds or thousands of nodes or on a single server or even on a tiny virtual machine. Currently, there are installations with more multiple trillion rows or hundreds of terabytes of data per single node.</p>
|
||||
<p class="lead">
|
||||
There are many ClickHouse clusters consisting of multiple hundred nodes, including few clusters of Yandex Metrica, while the largest known ClickHouse cluster is well over a thousand nodes.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-lg">
|
||||
<img src="/images/index/linearly-scalable.svg" alt="Lineraly scalable" title="Linearly scalable" class="mt-5" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -1,6 +1,6 @@
|
||||
<div class="bg-light py-5 my-5">
|
||||
<div class="container text-center">
|
||||
<h2 id="success-stories">Success stories</h2>
|
||||
<h2 id="success-stories" class="display-4">Success stories</h2>
|
||||
<div class="row">
|
||||
<div class="col-lg-4 py-3">
|
||||
<a href="https://blog.cloudflare.com/http-analytics-for-6m-requests-per-second-using-clickhouse/" class="text-reset text-decoration-none" rel="external nofollow noreferrer" target="_blank">
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="container">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg">
|
||||
<h2>When to use ClickHouse</h2>
|
||||
<h2 class="display-5">When to use ClickHouse</h2>
|
||||
<p>For analytics over a stream of clean, well structured and immutable events or logs.
|
||||
It is recommended to put each such stream into a single wide fact table with pre-joined dimensions.</p>
|
||||
</div>
|
||||
@ -27,7 +27,7 @@
|
||||
</div>
|
||||
<div class="row text-red">
|
||||
<div class="col-lg">
|
||||
<h2>When NOT to use ClickHouse</h2>
|
||||
<h2 class="display-5">When NOT to use ClickHouse</h2>
|
||||
</div>
|
||||
<div class="col-lg">
|
||||
<ul class="lead list-unstyled mb-0 mb-lg-1">
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="container my-5 py-3 text-lg-left text-center">
|
||||
<div class="row mb-5">
|
||||
<div class="col-lg text-center">
|
||||
<h2>Why ClickHouse might be the right choice for you?</h2>
|
||||
<h2 class="display-4">Why ClickHouse might be the right choice?</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-5">
|
||||
@ -10,7 +10,7 @@
|
||||
<img src="images/index/flash.svg" alt="Blazing fast" title="Blazing fast" />
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<h3>Blazing fast</h3>
|
||||
<h3 class="display-5">Blazing fast</h3>
|
||||
<p>ClickHouse uses all available hardware to its full potential to process each query as fast as possible. Peak
|
||||
processing performance for a single query stands at more than 2 terabytes per second <span class="text-muted">(after decompression, only used columns)</span>. In distributed setup reads are automatically balanced among healthy replicas to avoid increasing latency.</p>
|
||||
</div>
|
||||
@ -18,25 +18,25 @@
|
||||
<img src="images/index/safe.svg" alt="Fault tolerant" title="Fault tolerant" />
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<h3 id="fault-tolerant">Fault-tolerant</h3>
|
||||
<h3 id="fault-tolerant" class="display-5">Fault-tolerant</h3>
|
||||
<p>ClickHouse supports multi-master asynchronous replication and can be deployed across multiple datacenters. All nodes are equal, which allows avoiding having single points of failure. Downtime of a single node or the whole datacenter won't affect the system's availability for both reads and writes.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-1">
|
||||
<img src="images/index/scale.svg" alt="Linearly scalable" title="Linearly scalable" />
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<h3 id="linearly-scalable">Linearly scalable</h3>
|
||||
<p>ClickHouse scales well both vertically and horizontally. ClickHouse is easily adaptable to perform either on a cluster with hundreds or thousands of nodes or on a single server or even on a tiny virtual machine. Currently, there are installations with more multiple trillion rows or hundreds of terabytes of data per single node.</p>
|
||||
</div>
|
||||
<div class="col-lg-1">
|
||||
<img src="images/index/heart.svg" alt="Easy to use" title="Easy to use" />
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<h3>Easy to use</h3>
|
||||
<h3 class="display-5">Easy to use</h3>
|
||||
<p>ClickHouse is simple and works out-of-the-box. It streamlines all your data processing: ingest all your structured data into the system and it becomes instantly available for building reports. SQL dialect allows expressing the desired result without involving any custom non-standard API that could be found in some DBMS.</p>
|
||||
</div>
|
||||
<div class="col-lg-1">
|
||||
<img src="images/index/shield.svg" alt="Highly reliable" title="Highly reliable" width="60" />
|
||||
</div>
|
||||
<div class="col-lg-5">
|
||||
<h3 id="highly-reliable" class="display-5">Highly reliable</h3>
|
||||
<p>ClickHouse can be configured as a purely distributed system located on independent nodes, without any single points of failure. It also includes a lot of enterprise-grade security features and fail-safe mechanisms against human errors.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user