thevar1able/ClickHouse
1
0
Fork 0
mirror of https://github.com/ClickHouse/ClickHouse.git synced 2024-11-21 15:12:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Incorporate the last illustration into the front page (#9995)

Browse Source 
* [docs] alternative approach to pdf generation

* Incorporate the last illustration into the front page
This commit is contained in:
Ivan Blinkov 2020-04-02 00:02:52 +03:00 committed by GitHub
parent 71d3009844
commit bd3d61e09f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
14 changed files with 344 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
website/images/flags/es.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 33 KiB

297
website/images/index/linearly-scalable.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

1
website/images/index/shield.svg Normal file
View 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>
Side by Side

After

Width:  |  Height:  |  Size: 268 B

2
website/index.html
View File

@ -11,7 +11,7 @@
{% include "templates/index/efficient.html" %} {% include "templates/index/efficient.html" %}
{% include "templates/index/rich.html" %} {% include "templates/index/rich.html" %}
{% include "templates/index/features.html" %} {% include "templates/index/features.html" %}
{% include "templates/index/reliable.html" %} {% include "templates/index/scalable.html" %}
{% include "templates/index/use.html" %} {% include "templates/index/use.html" %}
{% include "templates/index/quickstart.html" %} {% include "templates/index/quickstart.html" %}
{% include "templates/index/community.html" %} {% include "templates/index/community.html" %}

20
website/templates/index/community.html
View File

@ -1,7 +1,7 @@
<div class="bg-secondary-alt my-5 py-5"> <div class="bg-secondary-alt my-5 py-5">
<div class="container"> <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="row mb-5">
<div class="col-lg"> <div class="col-lg">
<div class="row"> <div class="row">
@ -139,9 +139,9 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col"> <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>, <h3 class="display-5 text-white">{{ _('Like ClickHouse?') }}</h3>
<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') }} <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://www.linkedin.com/shareArticle?url=https://clickhouse.tech" class="text-decoration-none"><span class="text-yellow">LinkedIn</span></a>!</p> <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> </div>
</div> </div>
@ -150,18 +150,18 @@
<div> <div>
<div class="container"> <div class="container">
<div class="row my-5"> <h2 id="meet" class="display-4 mt-5">{{ _('Hosting ClickHouse Meetups') }}</h2>
<div class="col-lg"> <div class="row">
<h2 id="meet">{{ _('Hosting ClickHouse Meetups') }}</h2> <div class="col-lg my-3">
<p class="lead"> <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.') }} {{ _('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> </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>
<div class="col-lg"> <div class="col-lg">
<form id="meetup-form" action="" method="post"> <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"> <input type="text" class="form-control" name="name" placeholder="{{ _('Name') }} *" required="true">
</div> </div>
<div class="form-group"> <div class="form-group">
@ -206,7 +206,7 @@
</div> </div>
</div> </div>
<div class="row mb-5"> <div class="row my-5">
<div class="col"> <div class="col">
<p class="lead"> <p class="lead">
{{ _('If you have any more thoughts or questions, feel free to contact Yandex ClickHouse team directly at') }} {{ _('If you have any more thoughts or questions, feel free to contact Yandex ClickHouse team directly at') }}

2
website/templates/index/efficient.html
View File

@ -2,7 +2,7 @@
<div class="container my-5"> <div class="container my-5">
<div class="row mb-5"> <div class="row mb-5">
<div class="col-lg"> <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 <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 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> more hot data in RAM, which leads to shorter typical response times.</p>

2
website/templates/index/features.html
View File

@ -2,7 +2,7 @@
<div class="container py-5 my-5"> <div class="container py-5 my-5">
<div class="row text-center"> <div class="row text-center">
<div class="col-lg"> <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> </div>
<div class="row my-3"> <div class="row my-3">

2
website/templates/index/quickstart.html
View File

@ -1,6 +1,6 @@
<div> <div>
<div class="container lead"> <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> <p>System requirements for pre-built packages: Linux, x86_64 with SSE 4.2.</p>

27
website/templates/index/reliable.html
View File

@ -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&nbsp;or asks you what to do before a startup. All data is checksummed before every
read or write to disk or network. It&nbsp;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&nbsp;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>

2
website/templates/index/rich.html
View File

@ -3,7 +3,7 @@
<div class="row"> <div class="row">
<div class="col-lg"> <div class="col-lg">
<h2 id="feature-rich">Feature-rich</h2> <h2 id="feature-rich" class="display-4">Feature-rich</h2>
</div> </div>
</div> </div>
<div class="row my-lg-5 my-0"> <div class="row my-lg-5 my-0">

16
website/templates/index/scalable.html Normal file
View 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>

2
website/templates/index/success.html
View File

@ -1,6 +1,6 @@
<div class="bg-light py-5 my-5"> <div class="bg-light py-5 my-5">
<div class="container text-center"> <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="row">
<div class="col-lg-4 py-3"> <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"> <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">

4
website/templates/index/use.html
View File

@ -2,7 +2,7 @@
<div class="container"> <div class="container">
<div class="row mb-5"> <div class="row mb-5">
<div class="col-lg"> <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. <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> It is recommended to put each such stream into a single wide fact table with pre-joined dimensions.</p>
</div> </div>
@ -27,7 +27,7 @@
</div> </div>
<div class="row text-red"> <div class="row text-red">
<div class="col-lg"> <div class="col-lg">
<h2>When NOT to use ClickHouse</h2> <h2 class="display-5">When NOT to use ClickHouse</h2>
</div> </div>
<div class="col-lg"> <div class="col-lg">
<ul class="lead list-unstyled mb-0 mb-lg-1"> <ul class="lead list-unstyled mb-0 mb-lg-1">

22
website/templates/index/why.html
View File

@ -2,7 +2,7 @@
<div class="container my-5 py-3 text-lg-left text-center"> <div class="container my-5 py-3 text-lg-left text-center">
<div class="row mb-5"> <div class="row mb-5">
<div class="col-lg text-center"> <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> </div>
<div class="row mb-5"> <div class="row mb-5">
@ -10,7 +10,7 @@
<img src="images/index/flash.svg" alt="Blazing fast" title="Blazing fast" /> <img src="images/index/flash.svg" alt="Blazing fast" title="Blazing fast" />
</div> </div>
<div class="col-lg-5"> <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 <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&nbsp;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> processing performance for a single query stands at more than 2&nbsp;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> </div>
@ -18,25 +18,25 @@
<img src="images/index/safe.svg" alt="Fault tolerant" title="Fault tolerant" /> <img src="images/index/safe.svg" alt="Fault tolerant" title="Fault tolerant" />
</div> </div>
<div class="col-lg-5"> <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> <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> </div>
<div class="row"> <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"> <div class="col-lg-1">
<img src="images/index/heart.svg" alt="Easy to use" title="Easy to use" /> <img src="images/index/heart.svg" alt="Easy to use" title="Easy to use" />
</div> </div>
<div class="col-lg-5"> <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> <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>
<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> </div>
</div> </div>