paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-25 00:53:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

features: Swap in redesigned feature-comparison table.

Browse Source
This commit is contained in:
Karl Stolley
2024-02-12 14:35:19 -06:00
committed by Tim Abbott
parent f9ba4da012
commit 04b94f6ad5
5 changed files with 17 additions and 1539 deletions
Download Patch File Download Diff File Expand all files Collapse all files

737
static/images/landing-page/features/love-keyboard-shortcuts.svg
View File

@@ -1,737 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="500px" height="200px" viewBox="0 0 500 200" enable-background="new 0 0 500 200" xml:space="preserve">
<g>
<g>
<g>
<g>
<path fill="#FFFFFF" d="M290.435,106.001c0.23-8.764,4.382-18.91,9.916-25.599c8.533-9.916,17.528-8.071,29.52-9.685
c-2.307-5.997-11.991-6.226-17.527-6.226c-8.532,0-14.529,2.306-20.755,8.072l-12.538,29.565"/>
<g>
<path fill="#45A487" d="M291.484,106.001c0.52-10.3,5.025-21.167,12.835-28.054c6.861-6.049,17.084-5.125,25.551-6.181
c0.815-0.102,1.274-0.807,0.906-1.58c-3.165-6.649-12.086-6.726-18.434-6.746c-4.394-0.014-9.021,0.605-13.014,2.538
c-2.5,1.21-7.611,3.61-8.783,6.373c-4.134,9.749-8.269,19.498-12.402,29.246c-0.522,1.231,1.286,2.304,1.813,1.061
c3.551-8.372,7.101-16.743,10.651-25.115c0.584-1.377,1.168-2.755,1.752-4.132c1.422-3.354,8.412-5.928,11.588-6.874
c6.561-1.955,21.491-2.696,25.017,4.709c0.302-0.526,0.604-1.053,0.906-1.58c-9.53,1.188-19.086,0.587-27.035,6.795
c-8.433,6.585-12.93,19.21-13.45,29.539C289.316,107.355,291.417,107.349,291.484,106.001L291.484,106.001z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M188.27,103.088c-4.844-0.463-8.533-7.842-11.07-11.532c-2.998-4.381-6.688-8.301-11.762-11.07
c-6.688-3.92-21.909-5.073-22.831,5.766c8.302-3.689,18.218-2.536,23.061,6.457c2.537,4.844,4.382,10.148,7.149,14.76
c2.537,4.151,8.417,8.604,12.107,11.371l10.263-7.797l-3.921-9.225L188.27,103.088z"/>
<g>
<path fill="#45A487" d="M188.549,102.075c-6.237-1.229-9.522-10.154-13.228-14.729c-3.534-4.364-8.354-7.876-13.707-9.606
c-7.614-2.46-18.733-1.307-20.019,8.232c-0.091,0.679,0.453,1.638,1.292,1.292c4.18-1.726,8.397-2.41,12.855-1.381
c6.218,1.436,8.982,7.024,11.386,12.31c2.109,4.637,3.994,9.297,7.391,13.158c2.843,3.23,6.453,5.82,9.877,8.396
c0.265,0.2,0.795,0.202,1.06,0c3.421-2.599,6.842-5.197,10.263-7.797c0.502-0.381,0.623-0.857,0.377-1.437
c-1.307-3.074-2.614-6.149-3.921-9.225c-0.244-0.572-0.965-0.576-1.437-0.376c-0.999,0.423-1.998,0.846-2.997,1.27
c-1.244,0.526-0.172,2.335,1.06,1.813c0.999-0.423,1.998-0.846,2.997-1.27c-0.479-0.125-0.958-0.251-1.437-0.376
c1.307,3.074,2.614,6.149,3.921,9.225c0.125-0.479,0.251-0.958,0.377-1.437c-3.065,2.328-6.13,4.657-9.195,6.985
c-1.224,0.93-0.425,0.497-0.973,0.085c-1.819-1.368-3.582-2.793-5.309-4.276c-3.572-3.068-5.93-6.575-7.977-10.792
c-3.262-6.722-5.265-13.837-12.38-17.367c-5.158-2.558-11.39-1.64-16.497,0.467c0.431,0.431,0.861,0.861,1.292,1.292
c1.583-11.744,17.215-7.89,23.922-3.518c5.282,3.443,8.521,8.827,11.91,13.955c2.083,3.153,4.659,6.367,8.538,7.133
C189.313,104.361,189.876,102.337,188.549,102.075z"/>
</g>
</g>
<path fill="#FFFFFF" d="M276.382,102.396c0,0,0.101,0.234,0.302,0.651c1.811,3.768,11.622,22.438,26.155,17.674
c0,0,7.234-4.976,15.815-15.463c8.581-10.491,37.326-3.972,41.071,3.259c3.748,7.229,7.644,11.079,6.49,17.416
c0,0-8.836-19.309-36.146-5.212c0,0-20.079,19.428-40.698,18.033c0,0-22.646-4.318-27.353-16.048"/>
<path fill="#FFFFFF" d="M192.611,105.259v5.085l13.547,5.912l-8.658,10.578l9.634,0.93l7.86-8.278l24.661,1.597
c0,0,4.09,22.729,23.903,21.494c0,0,10.916,1.14,14.095-7.124s-2.476-36.639-2.476-36.639L192.611,105.259z"/>
<g>
<path fill="#FFFFFF" d="M192.611,108.518c-14.189-19.35-20.642-40.642-15.48-64.506c5.159-21.933,25.157-31.609,45.8-36.125
c34.833-7.742,73.536,13.549,70.308,50.963c-0.644,13.542-7.094,33.539-16.126,43.86"/>
<g>
<path fill="#45A487" d="M193.518,107.987c-14.741-20.417-24.175-49.964-11.517-73.814
c10.036-18.91,36.479-26.946,56.517-26.807c20.03,0.138,40.643,10.104,49.755,28.514c4.925,9.949,4.728,21.355,2.791,32.027
c-2.175,11.983-6.765,24.666-14.693,34.062c-0.867,1.027,0.61,2.521,1.484,1.484c7.342-8.7,11.563-19.754,14.302-30.683
c2.521-10.067,3.308-20.817,0.598-30.914c-5.09-18.967-22.888-31.072-41.224-35.124c-19.934-4.405-43.675,1.044-59.938,13.322
c-19.112,14.429-20.301,41.53-13.67,62.744c2.964,9.484,7.991,18.229,13.781,26.249
C192.489,110.135,194.312,109.088,193.518,107.987L193.518,107.987z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M192.611,108.518c-11.611,19.353-23.864,0.645-34.187-6.448c-9.677-7.742-28.382-9.68-29.673,6.448
l-0.646,1.935c16.127-14.834,25.788,5.521,37.401,12.618c14.188,9.031,35.493,10.602,40.651-8.748"/>
<g>
<path fill="#45A487" d="M191.704,107.987c-3.001,4.718-6.831,9.003-12.891,7.651c-4.332-0.967-8.116-4.569-11.344-7.381
c-5.224-4.549-10.202-9.146-16.81-11.563c-5.147-1.882-11.043-2.135-16.058,0.215c-5.581,2.616-5.809,8.169-7.509,13.263
c-0.356,1.067,1.017,1.666,1.755,1.021c4.174-3.646,8.696-5.97,14.236-4.342c4.404,1.294,8.031,4.992,11.27,8.055
c5.61,5.306,10.87,9.876,18.092,12.865c13.953,5.775,30.117,2.58,34.725-13.171c0.381-1.303-1.646-1.855-2.025-0.559
c-5.809,19.859-29.457,16.125-42.417,5.735c-5.74-4.603-10.286-10.645-16.928-14.067c-6.692-3.448-13.194-0.581-18.438,3.999
c0.585,0.34,1.17,0.681,1.755,1.021c0.897-2.688,1.025-5.464,2.35-8.021c1.911-3.691,6.058-5.124,9.938-5.383
c7.579-0.507,14.317,3.649,19.887,8.297c5.296,4.42,10.189,9.923,16.962,12.038c6.822,2.131,11.967-3.436,15.263-8.615
C194.247,107.901,192.429,106.849,191.704,107.987L191.704,107.987z"/>
</g>
</g>
<g>
<g>
<path fill="#45A487" d="M367.577,125.535c-2.883-7.36-11.175-10.185-18.451-11.062c-4.092-0.493-8.152-0.521-12.223,0.161
c-2.328,0.39-4.445,2.49-6.307,3.837c-2.523,1.825-4.957,3.778-7.404,5.704c-10.098,7.944-20.485,14.222-33.842,13.094
c-12.469-1.053-24.844-9.357-28.85-21.412c-0.606-1.827-3.505-1.044-2.893,0.797c6.739,20.281,31.45,28.314,50.313,20.825
c10.529-4.181,18.729-12.81,27.98-19.072c3.806-2.577,10.984-1.351,15.183-0.602c5.221,0.932,11.508,3.187,13.6,8.526
C365.382,128.112,368.284,127.339,367.577,125.535L367.577,125.535z"/>
</g>
</g>
<g>
<g>
<path fill="#45A487" d="M367.181,125.934c1.089-18.78-18.438-29.331-35.286-26.807c-10.072,1.51-15.627,6.907-21.745,14.561
c-4.765,5.961-10.987,8.209-18.198,5.03c-6.509-2.869-12.472-9.215-13.825-16.286c-0.255-1.329-2.278-0.765-2.025,0.559
c1.828,9.551,11.364,18.057,20.912,19.385c10.381,1.442,14.918-8.878,21.088-14.939c15.239-14.971,48.292-4.128,46.98,18.498
C365.002,127.287,367.103,127.279,367.181,125.934L367.181,125.934z"/>
</g>
</g>
<g>
<path fill="#DFEAF1" d="M258.873,70.248c-6.781,4.468-0.44,19.558,7.081,11.143C270.524,76.509,267.498,63.265,258.873,70.248"
/>
<g>
<path fill="#45A487" d="M258.419,69.47c-7.362,5.226-0.792,20.456,7.385,13.357c3.238-2.812,4.039-8.063,2.335-11.912
c-2.037-4.603-6.445-3.986-9.902-1.304c-0.916,0.711,0.368,1.975,1.273,1.272c2.851-2.212,5.963-2.355,7.237,1.426
c1.017,3.016,0.343,6.553-1.824,8.866c-5.829,6.222-11.212-6.165-5.596-10.151C260.266,70.359,259.367,68.797,258.419,69.47
L258.419,69.47z"/>
</g>
</g>
<g>
<path fill="#DFEAF1" d="M223.479,63.655c-6.784,4.468-0.44,19.558,7.077,11.143C235.129,69.916,232.102,56.671,223.479,63.655"
/>
<g>
<path fill="#45A487" d="M223.024,62.877c-7.363,5.225-0.793,20.457,7.381,13.357c3.238-2.813,4.042-8.061,2.337-11.912
c-2.037-4.603-6.445-3.986-9.901-1.304c-0.917,0.711,0.368,1.975,1.272,1.272c2.851-2.212,5.962-2.356,7.237,1.425
c1.017,3.018,0.339,6.552-1.827,8.866c-5.826,6.223-11.209-6.165-5.592-10.15C224.871,63.766,223.973,62.204,223.024,62.877
L223.024,62.877z"/>
</g>
</g>
<g>
<g>
<path fill="#45A487" d="M213.743,118.441c-1.925,7.511-9.121,9.706-15.844,6.946c-1.791-0.735-2.562,2.169-0.798,2.893
c8.231,3.379,17.231-0.052,19.535-9.042C217.116,117.363,214.223,116.568,213.743,118.441L213.743,118.441z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M215.189,119.485c1.288,6.448,1.934,15.479-3.226,20.642c-5.806,5.158-14.836,1.938-21.93,1.938
c-10.968,0.643-30.964,15.479-18.064,26.444c-1.289-21.287,27.864-13.026,41.412-15.608
c15.482-2.577,26.319-16.645,26.319-33.415"/>
<g>
<path fill="#45A487" d="M214.177,119.765c0.901,4.792,1.272,9.534,0.068,14.307c-1.731,6.864-8.043,8.192-14.221,7.821
c-7.284-0.438-12.502-1.324-19.276,1.87c-9.668,4.56-19.642,16.192-9.522,25.488c0.645,0.592,1.827,0.215,1.792-0.742
c-0.674-18.883,25.13-13.328,37.176-14.151c18.315-1.252,30.231-17.323,30.555-34.872c0.025-1.354-2.075-1.353-2.1,0
c-0.211,11.428-5.176,22.051-14.882,28.391c-7.564,4.94-16.414,4.617-25.039,4.47c-12.045-0.207-28.379,0.217-27.81,16.163
c0.597-0.247,1.195-0.495,1.792-0.742c-7.262-6.672-2.355-14.313,4.149-19.209c6.326-4.761,12.569-5.731,20.233-4.854
c6.635,0.76,13.266,0.77,17.449-5.152c3.791-5.365,2.791-13.328,1.659-19.346C215.952,117.876,213.928,118.441,214.177,119.765
L214.177,119.765z"/>
</g>
</g>
<g>
<g>
<path fill="#45A487" d="M238.649,120.129c-0.831,19.169,29.179,33.006,41.307,16.646c0.808-1.09-1.017-2.135-1.813-1.061
c-10.937,14.753-38.126,1.298-37.395-15.585C240.808,118.774,238.708,118.78,238.649,120.129L238.649,120.129z"/>
</g>
</g>
<g>
<g>
<path fill="#45A487" d="M222.424,88.164c4.234,5.385,10.464,5.696,16.85,5.624c6.909-0.077,12.859,7.137,19.607,2.751
c0.97-0.63,0.068-2.189-0.908-1.555c-6.144,3.994-10.547-2.936-16.5-2.994c-6.511-0.063-13.29,0.606-17.777-5.099
C222.98,85.979,221.715,87.263,222.424,88.164L222.424,88.164z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M222.629,68.5c3.735-1.333,11.516-1.333,7.937,4.833c-3.268,5.667-8.715,2-8.715-3.667"/>
</g>
<g>
<path fill="#FFFFFF" d="M258.505,75.216c3.599-1.333,11.094-1.333,7.646,4.833c-3.148,5.667-8.396,2-8.396-3.667"/>
</g>
</g>
</g>
<g>
<g>
<rect x="170.891" y="107.184" transform="matrix(0.9356 -0.3532 0.3532 0.9356 -30.7201 102.8668)" fill="#FFFFFF" width="191.294" height="56.87"/>
<g>
<path fill="#45A487" d="M365.784,127.432c-46.533,17.565-93.067,35.131-139.602,52.696
c-13.122,4.953-26.244,9.906-39.366,14.859c0.431,0.245,0.861,0.489,1.292,0.733c-6.695-17.735-13.389-35.471-20.083-53.206
c-0.245,0.431-0.489,0.861-0.733,1.292c46.534-17.565,93.068-35.13,139.602-52.695c13.122-4.953,26.244-9.906,39.366-14.859
c-0.431-0.245-0.861-0.489-1.292-0.733c6.694,17.735,13.389,35.47,20.083,53.205c0.474,1.254,2.504,0.711,2.025-0.559
c-6.694-17.735-13.389-35.47-20.083-53.205c-0.188-0.495-0.721-0.949-1.292-0.733c-46.534,17.565-93.067,35.13-139.602,52.695
c-13.122,4.953-26.245,9.906-39.367,14.859c-0.495,0.188-0.949,0.721-0.733,1.292c6.695,17.735,13.389,35.471,20.083,53.206
c0.187,0.495,0.721,0.949,1.292,0.733c46.534-17.565,93.067-35.131,139.602-52.696c13.122-4.953,26.244-9.906,39.366-14.859
C367.597,128.983,367.054,126.953,365.784,127.432z"/>
</g>
</g>
<g>
<rect x="291.765" y="109.459" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -21.2026 112.0228)" fill="#DFEAF1" width="9.328" height="9.329"/>
<g>
<path fill="#45A487" d="M302.241,116.116c-2.909,1.099-5.818,2.196-8.728,3.294c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.909-2.197-5.818-3.295-8.728c-0.175,0.308-0.35,0.615-0.524,0.923c2.91-1.098,5.819-2.195,8.729-3.292
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.909,2.196,5.817,3.294,8.726c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.908-2.196-5.817-3.294-8.726c-0.134-0.354-0.515-0.678-0.923-0.524c-2.91,1.098-5.819,2.195-8.729,3.292
c-0.354,0.134-0.678,0.515-0.524,0.923c1.099,2.909,2.197,5.818,3.295,8.728c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.099,5.818-2.196,8.728-3.294C303.536,117.225,303.147,115.774,302.241,116.116z"/>
</g>
</g>
<g>
<rect x="304.616" y="104.61" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -18.6624 116.24)" fill="#DFEAF1" width="9.326" height="9.327"/>
<g>
<path fill="#45A487" d="M315.09,111.266c-2.908,1.098-5.817,2.195-8.726,3.293c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.909-2.196-5.817-3.294-8.726c-0.175,0.308-0.35,0.615-0.524,0.923c2.909-1.099,5.818-2.196,8.727-3.294
c-0.308-0.175-0.615-0.35-0.923-0.524c1.098,2.909,2.195,5.817,3.293,8.727c0.339,0.896,1.789,0.508,1.447-0.398
c-1.098-2.909-2.195-5.817-3.293-8.727c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.099-5.818,2.196-8.727,3.294
c-0.354,0.134-0.678,0.515-0.524,0.923c1.099,2.908,2.196,5.817,3.294,8.726c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.098,5.817-2.195,8.726-3.293C316.385,112.374,315.996,110.924,315.09,111.266z"/>
</g>
</g>
<g>
<rect x="336.739" y="92.482" transform="matrix(0.9355 -0.3533 0.3533 0.9355 -12.304 126.8923)" fill="#DFEAF1" width="9.328" height="9.329"/>
<g>
<path fill="#45A487" d="M347.215,99.139c-2.909,1.099-5.818,2.197-8.727,3.296c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.909-2.197-5.818-3.295-8.728c-0.175,0.308-0.35,0.615-0.524,0.922c2.91-1.098,5.819-2.196,8.729-3.293
c-0.308-0.174-0.615-0.349-0.923-0.524c1.098,2.909,2.195,5.817,3.293,8.725c0.339,0.896,1.789,0.508,1.447-0.398
c-1.098-2.909-2.195-5.817-3.293-8.725c-0.134-0.354-0.515-0.678-0.923-0.524c-2.91,1.098-5.819,2.196-8.729,3.293
c-0.354,0.133-0.678,0.515-0.524,0.922c1.099,2.909,2.197,5.818,3.295,8.728c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.099,5.818-2.197,8.727-3.296C348.51,100.247,348.121,98.797,347.215,99.139z"/>
</g>
</g>
<g>
<rect x="323.89" y="97.335" transform="matrix(0.9356 -0.3532 0.3532 0.9356 -14.8501 122.6104)" fill="#DFEAF1" width="9.327" height="9.326"/>
<g>
<path fill="#45A487" d="M334.364,103.989c-2.909,1.099-5.817,2.196-8.726,3.294c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.908-2.197-5.816-3.295-8.725c-0.175,0.308-0.35,0.615-0.524,0.923c2.91-1.099,5.819-2.197,8.729-3.295
c-0.308-0.174-0.615-0.349-0.923-0.524c1.098,2.909,2.195,5.817,3.292,8.726c0.339,0.896,1.789,0.508,1.447-0.398
c-1.098-2.908-2.195-5.817-3.292-8.726c-0.134-0.354-0.515-0.678-0.923-0.524c-2.91,1.098-5.819,2.197-8.729,3.295
c-0.354,0.133-0.678,0.514-0.524,0.922c1.099,2.908,2.197,5.816,3.295,8.725c0.134,0.354,0.515,0.678,0.923,0.524
c2.908-1.099,5.817-2.196,8.726-3.294C335.659,105.098,335.271,103.647,334.364,103.989z"/>
</g>
</g>
<g>
<rect x="341.59" y="105.332" transform="matrix(0.9356 -0.3532 0.3532 0.9356 -16.5345 129.3729)" fill="#DFEAF1" width="9.33" height="9.329"/>
<g>
<path fill="#45A487" d="M352.066,111.989c-2.91,1.099-5.819,2.197-8.729,3.295c0.308,0.175,0.615,0.35,0.923,0.524
c-1.098-2.91-2.195-5.819-3.293-8.729c-0.175,0.308-0.35,0.615-0.524,0.923c2.909-1.098,5.818-2.195,8.727-3.293
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.909,2.197,5.818,3.295,8.727c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.909-2.197-5.818-3.295-8.727c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.098-5.818,2.195-8.727,3.293
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.91,2.195,5.819,3.293,8.729c0.134,0.354,0.515,0.678,0.923,0.524
c2.91-1.099,5.819-2.197,8.729-3.295C353.361,113.098,352.973,111.647,352.066,111.989z"/>
</g>
</g>
<g>
<rect x="328.74" y="110.183" transform="matrix(0.9355 -0.3533 0.3533 0.9355 -19.0739 125.2077)" fill="#DFEAF1" width="9.328" height="9.328"/>
<g>
<path fill="#45A487" d="M339.215,116.839c-2.909,1.099-5.818,2.197-8.727,3.296c0.308,0.175,0.615,0.35,0.923,0.524
c-1.098-2.909-2.195-5.818-3.293-8.728c-0.175,0.308-0.35,0.615-0.524,0.923c2.909-1.099,5.818-2.197,8.727-3.295
c-0.308-0.175-0.615-0.35-0.923-0.524c1.098,2.909,2.195,5.818,3.293,8.727c0.339,0.896,1.789,0.508,1.447-0.398
c-1.098-2.909-2.195-5.818-3.293-8.727c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.099-5.818,2.197-8.727,3.295
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.195,5.818,3.293,8.728c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.099,5.818-2.197,8.727-3.296C340.51,117.947,340.121,116.497,339.215,116.839z"/>
</g>
</g>
<g>
<rect x="346.441" y="118.182" transform="matrix(0.9355 -0.3533 0.3533 0.9355 -20.759 131.9547)" fill="#DFEAF1" width="9.327" height="9.328"/>
<g>
<path fill="#45A487" d="M356.915,124.838c-2.909,1.099-5.817,2.197-8.726,3.295c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.909-2.197-5.817-3.295-8.727c-0.175,0.308-0.35,0.615-0.524,0.923c2.909-1.099,5.818-2.196,8.727-3.294
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.908,2.196,5.817,3.294,8.726c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.909-2.196-5.817-3.294-8.726c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.099-5.818,2.196-8.727,3.294
c-0.354,0.134-0.678,0.515-0.524,0.923c1.099,2.909,2.197,5.817,3.295,8.727c0.134,0.354,0.515,0.678,0.923,0.524
c2.908-1.099,5.817-2.197,8.726-3.295C358.21,125.946,357.821,124.496,356.915,124.838z"/>
</g>
</g>
<g>
<rect x="333.59" y="123.032" transform="matrix(0.9356 -0.353 0.353 0.9356 -23.3013 127.6306)" fill="#DFEAF1" width="9.328" height="9.329"/>
<g>
<path fill="#45A487" d="M344.066,129.69c-2.909,1.098-5.818,2.195-8.728,3.293c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.909-2.197-5.818-3.295-8.728c-0.175,0.308-0.35,0.615-0.524,0.923c2.909-1.099,5.819-2.196,8.729-3.294
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.91,2.196,5.819,3.294,8.729c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.91-2.196-5.819-3.294-8.729c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.099-5.819,2.196-8.729,3.294
c-0.354,0.134-0.678,0.515-0.524,0.923c1.099,2.909,2.197,5.818,3.295,8.728c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.098,5.818-2.195,8.728-3.293C345.361,130.799,344.973,129.349,344.066,129.69z"/>
</g>
</g>
<g>
<rect x="303.041" y="119.883" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -24.1566 116.6557)" fill="#DFEAF1" width="9.327" height="9.328"/>
<g>
<path fill="#45A487" d="M313.516,126.541c-2.909,1.098-5.818,2.195-8.727,3.293c0.308,0.175,0.615,0.35,0.923,0.524
c-1.098-2.909-2.195-5.818-3.293-8.728c-0.175,0.308-0.35,0.615-0.524,0.923c2.908-1.098,5.817-2.195,8.726-3.293
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.909,2.196,5.818,3.294,8.728c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.909-2.196-5.818-3.294-8.728c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.098-5.817,2.195-8.726,3.293
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.195,5.818,3.293,8.728c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.098,5.818-2.195,8.727-3.293C314.811,127.649,314.422,126.199,313.516,126.541z"/>
</g>
</g>
<g>
<rect x="307.891" y="132.733" transform="matrix(0.9355 -0.3533 0.3533 0.9355 -28.3853 119.2747)" fill="#DFEAF1" width="9.327" height="9.328"/>
<g>
<path fill="#45A487" d="M318.366,139.39c-2.909,1.099-5.817,2.197-8.726,3.295c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.909-2.197-5.818-3.296-8.727c-0.175,0.308-0.35,0.615-0.524,0.923c2.909-1.099,5.818-2.197,8.728-3.295
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.909,2.196,5.818,3.294,8.727c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.909-2.196-5.818-3.294-8.727c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.099-5.818,2.197-8.728,3.295
c-0.354,0.134-0.678,0.515-0.524,0.923c1.099,2.909,2.197,5.818,3.296,8.727c0.134,0.354,0.515,0.678,0.923,0.524
c2.908-1.099,5.817-2.197,8.726-3.295C319.661,140.498,319.272,139.048,318.366,139.39z"/>
</g>
</g>
<g>
<rect x="295.041" y="137.584" transform="matrix(0.9356 -0.353 0.353 0.9356 -30.92 114.9587)" fill="#DFEAF1" width="9.328" height="9.328"/>
<g>
<path fill="#45A487" d="M305.517,144.241c-2.909,1.098-5.818,2.195-8.728,3.293c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.909-2.197-5.818-3.295-8.727c-0.175,0.308-0.35,0.615-0.524,0.923c2.909-1.099,5.818-2.197,8.728-3.295
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.91,2.197,5.819,3.295,8.729c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.91-2.197-5.819-3.295-8.729c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.099-5.818,2.197-8.728,3.295
c-0.354,0.134-0.678,0.515-0.524,0.923c1.099,2.909,2.197,5.818,3.295,8.727c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.098,5.818-2.195,8.728-3.293C306.812,145.35,306.423,143.899,305.517,144.241z"/>
</g>
</g>
<g>
<rect x="320.74" y="127.883" transform="matrix(0.9355 -0.3533 0.3533 0.9355 -25.8436 123.51)" fill="#DFEAF1" width="9.329" height="9.33"/>
<g>
<path fill="#45A487" d="M331.217,134.54c-2.909,1.099-5.818,2.197-8.728,3.296c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.909-2.197-5.819-3.295-8.729c-0.175,0.308-0.35,0.615-0.524,0.923c2.909-1.099,5.818-2.196,8.728-3.294
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.909,2.197,5.818,3.295,8.727c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.909-2.197-5.818-3.295-8.727c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.099-5.818,2.196-8.728,3.294
c-0.354,0.134-0.678,0.515-0.524,0.923c1.099,2.909,2.197,5.819,3.295,8.729c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.099,5.818-2.197,8.728-3.296C332.512,135.648,332.123,134.198,331.217,134.54z"/>
</g>
</g>
<g>
<rect x="262.395" y="120.546" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -27.0085 102.3589)" fill="#DFEAF1" width="9.326" height="9.327"/>
<g>
<path fill="#45A487" d="M272.868,127.202c-2.909,1.098-5.817,2.195-8.726,3.293c0.308,0.175,0.615,0.35,0.923,0.524
c-1.098-2.909-2.195-5.818-3.292-8.727c-0.175,0.308-0.35,0.615-0.524,0.923c2.909-1.098,5.817-2.195,8.727-3.293
c-0.308-0.175-0.615-0.35-0.923-0.524c1.098,2.909,2.194,5.818,3.291,8.727c0.338,0.896,1.789,0.508,1.447-0.398
c-1.098-2.909-2.194-5.818-3.291-8.727c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.098-5.817,2.195-8.727,3.293
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.195,5.818,3.292,8.727c0.134,0.354,0.515,0.678,0.923,0.524
c2.908-1.098,5.817-2.195,8.726-3.293C274.163,128.311,273.774,126.86,272.868,127.202z"/>
</g>
</g>
<g>
<rect x="249.545" y="125.395" transform="matrix(0.9355 -0.3532 0.3532 0.9355 -29.5523 98.1689)" fill="#DFEAF1" width="9.329" height="9.328"/>
<g>
<path fill="#45A487" d="M260.021,132.051c-2.909,1.099-5.818,2.197-8.728,3.295c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.909-2.196-5.817-3.294-8.727c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.098,5.819-2.195,8.729-3.293
c-0.308-0.175-0.615-0.35-0.923-0.524c1.098,2.908,2.195,5.816,3.293,8.725c0.339,0.896,1.789,0.508,1.447-0.398
c-1.098-2.908-2.195-5.816-3.293-8.725c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.098-5.819,2.195-8.729,3.293
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.196,5.817,3.294,8.727c0.133,0.354,0.514,0.678,0.922,0.524
c2.909-1.099,5.818-2.197,8.728-3.295C261.315,133.159,260.927,131.709,260.021,132.051z"/>
</g>
</g>
<g>
<rect x="236.696" y="130.247" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -32.0916 93.9265)" fill="#DFEAF1" width="9.328" height="9.327"/>
<g>
<path fill="#45A487" d="M247.171,136.902c-2.909,1.099-5.818,2.196-8.727,3.294c0.308,0.175,0.615,0.35,0.922,0.524
c-1.098-2.908-2.196-5.817-3.294-8.726c-0.174,0.308-0.349,0.615-0.524,0.923c2.91-1.099,5.819-2.197,8.729-3.295
c-0.307-0.175-0.615-0.35-0.922-0.524c1.098,2.909,2.195,5.817,3.292,8.727c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.909-2.195-5.817-3.292-8.727c-0.133-0.354-0.515-0.678-0.922-0.524c-2.91,1.099-5.819,2.197-8.729,3.295
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.196,5.817,3.294,8.726c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.099,5.818-2.196,8.727-3.294C248.465,138.011,248.078,136.561,247.171,136.902z"/>
</g>
</g>
<g>
<rect x="232.481" y="121.204" transform="matrix(0.9356 -0.3532 0.3532 0.9356 -28.4199 91.7233)" fill="#DFEAF1" width="9.327" height="5.076"/>
<g>
<path fill="#45A487" d="M242.205,123.746c-2.909,1.099-5.817,2.196-8.726,3.294c0.307,0.175,0.615,0.35,0.922,0.524
c-0.598-1.583-1.196-3.166-1.793-4.749c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.099,5.818-2.197,8.727-3.295
c-0.307-0.175-0.615-0.35-0.922-0.524c0.598,1.583,1.195,3.167,1.792,4.75c0.338,0.896,1.789,0.508,1.446-0.398
c-0.598-1.583-1.195-3.167-1.792-4.75c-0.133-0.354-0.515-0.678-0.922-0.524c-2.909,1.099-5.818,2.197-8.727,3.295
c-0.354,0.134-0.678,0.515-0.524,0.923c0.598,1.583,1.196,3.166,1.793,4.749c0.134,0.354,0.515,0.678,0.922,0.524
c2.909-1.099,5.817-2.196,8.726-3.294C243.5,124.854,243.112,123.404,242.205,123.746z"/>
</g>
</g>
<g>
<rect x="245.33" y="116.353" transform="matrix(0.9355 -0.3532 0.3532 0.9355 -25.88 95.9606)" fill="#DFEAF1" width="9.329" height="5.078"/>
<g>
<path fill="#45A487" d="M255.056,118.896c-2.909,1.099-5.818,2.197-8.728,3.295c0.308,0.175,0.615,0.35,0.922,0.524
c-0.598-1.584-1.196-3.167-1.793-4.751c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.099,5.818-2.196,8.727-3.294
c-0.308-0.175-0.615-0.35-0.923-0.524c0.599,1.583,1.196,3.167,1.794,4.75c0.339,0.896,1.789,0.508,1.447-0.398
c-0.599-1.583-1.196-3.167-1.794-4.75c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.099-5.818,2.196-8.727,3.294
c-0.354,0.134-0.678,0.515-0.524,0.923c0.598,1.584,1.196,3.168,1.793,4.751c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.099,5.818-2.197,8.728-3.295C256.351,120.005,255.962,118.555,255.056,118.896z"/>
</g>
</g>
<g>
<rect x="258.181" y="111.505" transform="matrix(0.9356 -0.353 0.353 0.9356 -23.3353 100.1132)" fill="#DFEAF1" width="9.327" height="5.075"/>
<g>
<path fill="#45A487" d="M267.904,114.047c-2.909,1.098-5.818,2.195-8.727,3.292c0.308,0.175,0.615,0.35,0.923,0.524
c-0.598-1.583-1.194-3.166-1.791-4.748c-0.175,0.308-0.35,0.615-0.524,0.923c2.908-1.098,5.816-2.195,8.725-3.293
c-0.308-0.175-0.615-0.35-0.923-0.524c0.598,1.583,1.195,3.166,1.793,4.749c0.339,0.896,1.789,0.508,1.447-0.398
c-0.598-1.583-1.195-3.166-1.793-4.749c-0.134-0.354-0.515-0.678-0.923-0.524c-2.908,1.098-5.816,2.195-8.725,3.293
c-0.354,0.134-0.678,0.515-0.524,0.923c0.598,1.583,1.194,3.166,1.791,4.748c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.098,5.818-2.195,8.727-3.292C269.199,115.155,268.811,113.705,267.904,114.047z"/>
</g>
</g>
<g>
<rect x="287.551" y="100.417" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -17.5311 109.7964)" fill="#DFEAF1" width="9.327" height="5.076"/>
<g>
<path fill="#45A487" d="M297.275,102.96c-2.909,1.098-5.818,2.195-8.727,3.293c0.308,0.175,0.615,0.35,0.923,0.524
c-0.598-1.583-1.195-3.166-1.793-4.749c-0.175,0.308-0.35,0.615-0.524,0.923c2.909-1.098,5.818-2.195,8.728-3.293
c-0.308-0.175-0.615-0.35-0.923-0.524c0.598,1.583,1.195,3.166,1.792,4.749c0.339,0.896,1.789,0.508,1.447-0.398
c-0.598-1.583-1.195-3.166-1.792-4.749c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.097-5.818,2.195-8.728,3.292
c-0.354,0.134-0.678,0.515-0.524,0.923c0.598,1.583,1.195,3.166,1.793,4.749c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.098,5.818-2.195,8.727-3.293C298.57,104.068,298.182,102.618,297.275,102.96z"/>
</g>
</g>
<g>
<rect x="300.4" y="95.568" transform="matrix(0.9355 -0.3532 0.3532 0.9355 -14.989 114.0714)" fill="#DFEAF1" width="9.329" height="5.076"/>
<g>
<path fill="#45A487" d="M310.125,98.11c-2.909,1.098-5.818,2.197-8.728,3.294c0.308,0.175,0.615,0.35,0.923,0.524
c-0.598-1.583-1.195-3.166-1.793-4.749c-0.175,0.308-0.35,0.615-0.524,0.922c2.909-1.099,5.819-2.197,8.729-3.296
c-0.308-0.174-0.615-0.349-0.923-0.524c0.598,1.583,1.195,3.167,1.792,4.75c0.339,0.896,1.789,0.508,1.447-0.398
c-0.598-1.583-1.195-3.167-1.792-4.75c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.099-5.819,2.197-8.729,3.296
c-0.354,0.133-0.678,0.515-0.524,0.922c0.598,1.583,1.195,3.166,1.793,4.749c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.099,5.818-2.197,8.728-3.295C311.42,99.218,311.031,97.768,310.125,98.11z"/>
</g>
</g>
<g>
<rect x="219.632" y="126.055" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -30.9593 87.4888)" fill="#DFEAF1" width="9.328" height="5.076"/>
<g>
<path fill="#45A487" d="M229.356,128.597c-2.909,1.099-5.818,2.196-8.727,3.294c0.308,0.175,0.615,0.35,0.922,0.524
c-0.597-1.583-1.195-3.166-1.792-4.749c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.098,5.818-2.195,8.727-3.293
c-0.308-0.175-0.615-0.35-0.922-0.524c0.598,1.583,1.195,3.166,1.792,4.748c0.338,0.896,1.789,0.508,1.446-0.398
c-0.598-1.583-1.195-3.166-1.792-4.748c-0.133-0.354-0.515-0.678-0.922-0.524c-2.909,1.098-5.818,2.195-8.727,3.293
c-0.354,0.134-0.678,0.515-0.524,0.923c0.597,1.583,1.195,3.166,1.792,4.749c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.099,5.818-2.196,8.727-3.294C230.65,129.705,230.263,128.255,229.356,128.597z"/>
</g>
</g>
<g>
<rect x="206.782" y="130.907" transform="matrix(0.9356 -0.353 0.353 0.9356 -33.4945 83.2351)" fill="#DFEAF1" width="9.328" height="5.075"/>
<g>
<path fill="#45A487" d="M216.506,133.448c-2.909,1.098-5.818,2.195-8.728,3.293c0.308,0.175,0.615,0.35,0.922,0.524
c-0.597-1.583-1.194-3.166-1.792-4.748c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.099,5.817-2.197,8.726-3.296
c-0.308-0.175-0.615-0.35-0.922-0.524c0.598,1.584,1.195,3.167,1.793,4.751c0.338,0.896,1.789,0.508,1.446-0.398
c-0.598-1.584-1.195-3.168-1.793-4.751c-0.133-0.354-0.515-0.678-0.922-0.524c-2.909,1.099-5.817,2.197-8.726,3.296
c-0.354,0.134-0.678,0.515-0.524,0.923c0.597,1.583,1.194,3.166,1.792,4.748c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.098,5.818-2.195,8.728-3.293C217.801,134.557,217.413,133.106,216.506,133.448z"/>
</g>
</g>
<g>
<rect x="193.931" y="135.754" transform="matrix(0.9355 -0.3532 0.3532 0.9355 -36.0462 79.0612)" fill="#DFEAF1" width="9.328" height="5.077"/>
<g>
<path fill="#45A487" d="M203.656,138.297c-2.909,1.099-5.818,2.197-8.727,3.295c0.307,0.175,0.615,0.35,0.922,0.524
c-0.598-1.583-1.196-3.167-1.793-4.75c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.099,5.818-2.196,8.728-3.294
c-0.308-0.175-0.615-0.35-0.922-0.524c0.598,1.583,1.195,3.166,1.793,4.749c0.338,0.896,1.789,0.508,1.446-0.398
c-0.598-1.583-1.195-3.166-1.793-4.749c-0.133-0.354-0.515-0.678-0.922-0.524c-2.909,1.099-5.818,2.196-8.728,3.294
c-0.354,0.134-0.678,0.515-0.524,0.923c0.598,1.583,1.196,3.167,1.793,4.75c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.099,5.818-2.197,8.727-3.295C204.951,139.405,204.563,137.955,203.656,138.297z"/>
</g>
</g>
<g>
<rect x="175.575" y="142.685" transform="matrix(0.9356 -0.3532 0.3532 0.9356 -39.6727 73.0106)" fill="#DFEAF1" width="9.327" height="5.076"/>
<g>
<path fill="#45A487" d="M185.299,145.227c-2.909,1.099-5.817,2.196-8.726,3.294c0.307,0.175,0.615,0.35,0.922,0.524
c-0.598-1.583-1.195-3.166-1.793-4.749c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.099,5.818-2.197,8.727-3.295
c-0.308-0.175-0.615-0.35-0.922-0.524c0.597,1.583,1.195,3.167,1.792,4.75c0.338,0.896,1.789,0.508,1.446-0.398
c-0.597-1.583-1.195-3.167-1.792-4.75c-0.133-0.354-0.515-0.678-0.922-0.524c-2.909,1.099-5.818,2.197-8.727,3.295
c-0.354,0.134-0.678,0.515-0.524,0.923c0.598,1.583,1.195,3.166,1.793,4.749c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.099,5.817-2.196,8.726-3.294C186.593,146.335,186.206,144.885,185.299,145.227z"/>
</g>
</g>
<g>
<rect x="223.847" y="135.096" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -34.6313 89.6967)" fill="#DFEAF1" width="9.328" height="9.328"/>
<g>
<path fill="#45A487" d="M234.323,141.753c-2.909,1.099-5.818,2.196-8.727,3.294c0.308,0.175,0.615,0.35,0.922,0.524
c-1.098-2.909-2.197-5.817-3.295-8.727c-0.174,0.308-0.349,0.615-0.524,0.923c2.91-1.099,5.819-2.197,8.728-3.295
c-0.307-0.175-0.615-0.35-0.922-0.524c1.098,2.909,2.196,5.818,3.294,8.728c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.909-2.196-5.818-3.294-8.728c-0.133-0.354-0.515-0.678-0.922-0.524c-2.91,1.099-5.819,2.197-8.728,3.295
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.197,5.817,3.295,8.727c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.099,5.818-2.196,8.727-3.294C235.617,142.861,235.229,141.411,234.323,141.753z"/>
</g>
</g>
<g>
<rect x="210.997" y="139.946" transform="matrix(0.9355 -0.3532 0.3532 0.9355 -37.1772 85.4963)" fill="#DFEAF1" width="9.328" height="9.327"/>
<g>
<path fill="#45A487" d="M221.472,146.602c-2.909,1.099-5.818,2.197-8.727,3.295c0.308,0.175,0.615,0.35,0.922,0.524
c-1.098-2.909-2.196-5.817-3.293-8.727c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.098,5.818-2.195,8.727-3.293
c-0.308-0.175-0.615-0.35-0.922-0.524c1.098,2.908,2.196,5.816,3.293,8.725c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.908-2.196-5.816-3.293-8.725c-0.133-0.354-0.515-0.678-0.922-0.524c-2.909,1.098-5.818,2.195-8.727,3.293
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.196,5.817,3.293,8.727c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.099,5.818-2.197,8.727-3.295C222.767,147.71,222.379,146.26,221.472,146.602z"/>
</g>
</g>
<g>
<rect x="198.148" y="144.797" transform="matrix(0.9356 -0.353 0.353 0.9356 -39.7043 81.2184)" fill="#DFEAF1" width="9.328" height="9.326"/>
<g>
<path fill="#45A487" d="M208.623,151.453c-2.909,1.098-5.818,2.195-8.728,3.293c0.308,0.175,0.615,0.35,0.922,0.524
c-1.098-2.909-2.196-5.817-3.293-8.726c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.099,5.818-2.196,8.727-3.294
c-0.308-0.175-0.615-0.35-0.922-0.524c1.098,2.909,2.196,5.817,3.294,8.727c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.909-2.196-5.817-3.294-8.727c-0.133-0.354-0.515-0.678-0.922-0.524c-2.909,1.099-5.818,2.196-8.727,3.294
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.908,2.196,5.817,3.293,8.726c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.098,5.818-2.195,8.728-3.293C209.918,152.562,209.53,151.111,208.623,151.453z"/>
</g>
</g>
<g>
<rect x="179.773" y="150.656" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -42.7799 76.1402)" fill="#DFEAF1" width="15.037" height="9.326"/>
<g>
<path fill="#45A487" d="M195.773,156.303c-4.689,1.771-9.379,3.54-14.068,5.31c0.308,0.175,0.615,0.35,0.922,0.524
c-1.098-2.908-2.196-5.816-3.294-8.725c-0.174,0.308-0.349,0.615-0.524,0.923c4.69-1.771,9.379-3.541,14.069-5.311
c-0.308-0.175-0.615-0.35-0.922-0.524c1.098,2.908,2.196,5.817,3.293,8.726c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.909-2.196-5.817-3.293-8.726c-0.133-0.354-0.515-0.678-0.922-0.524c-4.69,1.771-9.379,3.541-14.069,5.311
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.908,2.196,5.816,3.294,8.725c0.133,0.354,0.515,0.678,0.922,0.524
c4.689-1.771,9.379-3.54,14.068-5.31C197.067,157.411,196.68,155.961,195.773,156.303z"/>
</g>
</g>
<g>
<rect x="261.74" y="135.474" transform="matrix(0.9356 -0.3532 0.3532 0.9356 -32.3251 103.1181)" fill="#DFEAF1" width="9.327" height="9.326"/>
<g>
<path fill="#45A487" d="M272.213,142.129c-2.908,1.099-5.817,2.196-8.726,3.294c0.308,0.175,0.615,0.35,0.923,0.524
c-1.098-2.908-2.195-5.817-3.293-8.726c-0.175,0.308-0.35,0.615-0.524,0.923c2.908-1.098,5.816-2.195,8.725-3.293
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.908,2.196,5.816,3.294,8.725c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.908-2.196-5.816-3.294-8.725c-0.134-0.354-0.515-0.678-0.923-0.524c-2.908,1.098-5.816,2.195-8.725,3.293
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.195,5.817,3.293,8.726c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.099,5.817-2.196,8.726-3.294C273.508,143.237,273.119,141.787,272.213,142.129z"/>
</g>
</g>
<g>
<rect x="274.893" y="129.553" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -29.2226 108.2656)" fill="#DFEAF1" width="14.388" height="9.327"/>
<g>
<path fill="#45A487" d="M290.265,135.315c-4.487,1.694-8.974,3.388-13.461,5.081c0.308,0.175,0.615,0.35,0.923,0.524
c-1.098-2.909-2.195-5.817-3.293-8.727c-0.175,0.308-0.35,0.615-0.524,0.923c4.487-1.693,8.975-3.387,13.462-5.08
c-0.308-0.175-0.615-0.35-0.923-0.524c1.098,2.909,2.195,5.817,3.292,8.726c0.339,0.896,1.789,0.508,1.447-0.398
c-1.098-2.908-2.195-5.817-3.292-8.726c-0.134-0.354-0.515-0.678-0.923-0.524c-4.487,1.693-8.975,3.387-13.462,5.08
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.195,5.817,3.293,8.727c0.134,0.354,0.515,0.678,0.923,0.524
c4.487-1.694,8.974-3.388,13.461-5.081C291.56,136.424,291.171,134.974,290.265,135.315z"/>
</g>
</g>
<g>
<rect x="248.889" y="140.323" transform="matrix(0.9355 -0.3532 0.3532 0.9355 -34.8681 98.9047)" fill="#DFEAF1" width="9.328" height="9.328"/>
<g>
<path fill="#45A487" d="M259.364,146.979c-2.909,1.099-5.818,2.197-8.727,3.295c0.307,0.175,0.615,0.35,0.922,0.524
c-1.098-2.909-2.196-5.818-3.293-8.728c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.099,5.818-2.196,8.727-3.294
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.909,2.196,5.818,3.294,8.727c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.909-2.196-5.818-3.294-8.727c-0.134-0.354-0.515-0.678-0.923-0.524c-2.909,1.099-5.818,2.196-8.727,3.294
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.196,5.818,3.293,8.728c0.133,0.354,0.515,0.678,0.923,0.524
c2.909-1.099,5.817-2.197,8.727-3.295C260.659,148.088,260.271,146.638,259.364,146.979z"/>
</g>
</g>
<g>
<rect x="236.039" y="145.174" transform="matrix(0.9355 -0.3534 0.3534 0.9355 -37.4182 94.721)" fill="#DFEAF1" width="9.327" height="9.328"/>
<g>
<path fill="#45A487" d="M246.513,151.829c-2.909,1.099-5.817,2.197-8.726,3.296c0.307,0.175,0.615,0.35,0.922,0.524
c-1.098-2.909-2.196-5.817-3.294-8.727c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.099,5.818-2.197,8.727-3.295
c-0.307-0.175-0.615-0.35-0.922-0.524c1.098,2.909,2.195,5.817,3.293,8.726c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.908-2.195-5.817-3.293-8.726c-0.133-0.354-0.515-0.678-0.922-0.524c-2.909,1.099-5.818,2.197-8.727,3.295
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.196,5.817,3.294,8.727c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.099,5.817-2.197,8.726-3.296C247.808,152.938,247.419,151.487,246.513,151.829z"/>
</g>
</g>
<g>
<rect x="223.191" y="150.025" transform="matrix(0.9356 -0.353 0.353 0.9356 -39.9335 90.379)" fill="#DFEAF1" width="9.327" height="9.326"/>
<g>
<path fill="#45A487" d="M233.666,156.681c-2.909,1.098-5.818,2.195-8.727,3.292c0.307,0.175,0.615,0.35,0.922,0.524
c-1.098-2.908-2.196-5.816-3.294-8.725c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.099,5.818-2.197,8.727-3.295
c-0.307-0.175-0.615-0.35-0.922-0.524c1.098,2.909,2.196,5.818,3.294,8.728c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.909-2.196-5.818-3.294-8.728c-0.133-0.354-0.515-0.678-0.922-0.524c-2.909,1.099-5.818,2.197-8.727,3.295
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.908,2.196,5.816,3.294,8.725c0.134,0.354,0.515,0.678,0.922,0.524
c2.909-1.098,5.818-2.195,8.727-3.292C234.96,157.789,234.572,156.339,233.666,156.681z"/>
</g>
</g>
<g>
<rect x="210.34" y="154.873" transform="matrix(0.9355 -0.3532 0.3532 0.9355 -42.4925 86.2265)" fill="#DFEAF1" width="9.328" height="9.328"/>
<g>
<path fill="#45A487" d="M220.815,161.53c-2.909,1.099-5.818,2.197-8.727,3.295c0.307,0.175,0.615,0.35,0.922,0.524
c-1.098-2.909-2.196-5.818-3.294-8.728c-0.174,0.308-0.349,0.615-0.524,0.923c2.909-1.098,5.818-2.195,8.727-3.293
c-0.308-0.175-0.615-0.35-0.922-0.524c1.098,2.909,2.196,5.817,3.294,8.726c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.908-2.196-5.817-3.294-8.726c-0.133-0.354-0.515-0.678-0.922-0.524c-2.909,1.098-5.818,2.195-8.727,3.293
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.196,5.818,3.294,8.728c0.133,0.354,0.515,0.678,0.922,0.524
c2.909-1.099,5.818-2.197,8.727-3.295C222.11,162.639,221.722,161.188,220.815,161.53z"/>
</g>
</g>
<g>
<rect x="184.204" y="162.177" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -46.3114 79.8411)" fill="#DFEAF1" width="22.903" height="9.327"/>
<g>
<path fill="#45A487" d="M207.816,166.437c-5.47,2.064-10.939,4.129-16.409,6.193c-1.277,0.482-2.555,0.965-3.832,1.447
c-1.624,0.612-0.445,0.493-0.425,0.548c-1.03-2.73-2.061-5.461-3.091-8.191c0.286,0.758-0.841,0.915,1.107,0.18
c1.385-0.523,2.771-1.046,4.156-1.569c3.526-1.331,7.053-2.661,10.579-3.992c1.277-0.482,2.555-0.965,3.832-1.447
c1.624-0.612,0.445-0.493,0.425-0.548c1.044,2.768,2.088,5.535,3.133,8.303c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.909-2.195-5.818-3.293-8.727c-0.133-0.354-0.515-0.678-0.922-0.524c-7.143,2.696-14.285,5.393-21.428,8.088
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.195,5.818,3.293,8.727c0.133,0.354,0.515,0.678,0.922,0.524
c7.143-2.696,14.285-5.393,21.428-8.088C209.111,167.545,208.723,166.095,207.816,166.437z"/>
</g>
</g>
<g>
<rect x="202.226" y="171.939" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -48.9186 85.0714)" fill="#DFEAF1" width="12.929" height="9.328"/>
<g>
<path fill="#45A487" d="M216.186,177.961c-4.032,1.522-8.064,3.044-12.096,4.565c0.308,0.175,0.615,0.35,0.922,0.524
c-1.098-2.909-2.196-5.818-3.294-8.728c-0.174,0.308-0.349,0.615-0.524,0.923c4.032-1.522,8.064-3.045,12.096-4.566
c-0.307-0.175-0.615-0.35-0.922-0.524c1.098,2.909,2.196,5.819,3.293,8.729c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.909-2.196-5.819-3.293-8.729c-0.133-0.354-0.515-0.678-0.922-0.524c-4.032,1.522-8.064,3.045-12.096,4.566
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.196,5.818,3.294,8.728c0.133,0.354,0.515,0.678,0.922,0.524
c4.032-1.522,8.064-3.044,12.096-4.565C217.48,179.069,217.092,177.619,216.186,177.961z"/>
</g>
</g>
<g>
<rect x="188.547" y="177.626" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -51.8951 80.1114)" fill="#DFEAF1" width="10.15" height="9.328"/>
<g>
<path fill="#45A487" d="M199.818,184.138c-3.166,1.195-6.331,2.39-9.496,3.584c0.308,0.175,0.615,0.35,0.922,0.524
c-1.098-2.909-2.196-5.818-3.294-8.727c-0.174,0.308-0.349,0.615-0.524,0.923c3.166-1.195,6.331-2.39,9.496-3.584
c-0.307-0.175-0.615-0.35-0.922-0.524c1.098,2.909,2.196,5.818,3.294,8.727c0.338,0.896,1.789,0.508,1.446-0.398
c-1.098-2.909-2.196-5.818-3.294-8.727c-0.133-0.354-0.515-0.678-0.922-0.524c-3.166,1.195-6.331,2.39-9.496,3.584
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.196,5.818,3.294,8.727c0.133,0.354,0.515,0.678,0.922,0.524
c3.166-1.195,6.331-2.39,9.496-3.584C201.113,185.246,200.725,183.796,199.818,184.138z"/>
</g>
</g>
<g>
<rect x="262.803" y="149.072" transform="matrix(0.9355 -0.3532 0.3532 0.9355 -36.9457 105.0193)" fill="#DFEAF1" width="12.928" height="9.328"/>
<g>
<path fill="#45A487" d="M276.763,155.093c-4.032,1.522-8.063,3.045-12.095,4.566c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.909-2.197-5.818-3.295-8.727c-0.175,0.308-0.35,0.615-0.524,0.923c4.032-1.522,8.064-3.044,12.096-4.565
c-0.308-0.175-0.615-0.35-0.923-0.524c1.099,2.909,2.196,5.817,3.294,8.726c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.908-2.196-5.817-3.294-8.726c-0.134-0.354-0.515-0.678-0.923-0.524c-4.032,1.522-8.064,3.044-12.096,4.565
c-0.354,0.134-0.678,0.515-0.524,0.923c1.099,2.909,2.197,5.818,3.295,8.727c0.134,0.354,0.515,0.678,0.923,0.524
c4.031-1.522,8.063-3.045,12.095-4.566C278.058,156.201,277.669,154.751,276.763,155.093z"/>
</g>
</g>
<g>
<rect x="217.95" y="160.374" transform="matrix(0.9356 -0.3532 0.3532 0.9356 -42.8642 95.1564)" fill="#DFEAF1" width="42.749" height="9.329"/>
<g>
<path fill="#45A487" d="M260.77,161.13c-8.342,3.149-16.684,6.298-25.025,9.447c-4.434,1.674-8.867,3.348-13.301,5.021
c-0.474,0.179-0.947,0.357-1.421,0.536c-0.079,0.029,0.858,1.102,0.286-0.413c-0.952-2.523-1.905-5.047-2.857-7.57
c0.217,0.576-1.06,0.979-0.136,0.631c0.551-0.208,1.102-0.416,1.652-0.624c2.056-0.775,4.111-1.552,6.167-2.327
c5.888-2.223,11.775-4.445,17.663-6.668c4.262-1.608,8.524-3.218,12.787-4.826c0.393-0.148,0.786-0.297,1.18-0.445
c-0.711,0.268-0.882-0.753-0.158,1.164c0.881,2.332,1.761,4.665,2.641,6.997c0.339,0.896,1.789,0.508,1.447-0.398
c-1.099-2.909-2.196-5.818-3.294-8.728c-0.134-0.354-0.515-0.678-0.923-0.524c-13.332,5.033-26.664,10.065-39.995,15.098
c-0.354,0.134-0.678,0.515-0.524,0.923c1.098,2.909,2.196,5.818,3.294,8.728c0.133,0.354,0.515,0.678,0.922,0.524
c13.332-5.033,26.663-10.065,39.995-15.098C262.064,162.238,261.676,160.788,260.77,161.13z"/>
</g>
</g>
<g>
<rect x="279.745" y="143.358" transform="matrix(0.9356 -0.3531 0.3531 0.9356 -33.9467 109.9621)" fill="#DFEAF1" width="9.328" height="9.327"/>
<g>
<path fill="#45A487" d="M290.221,150.014c-2.909,1.099-5.818,2.196-8.728,3.294c0.308,0.175,0.615,0.35,0.923,0.524
c-1.099-2.908-2.196-5.817-3.294-8.726c-0.175,0.308-0.35,0.615-0.524,0.923c2.91-1.099,5.819-2.197,8.729-3.296
c-0.308-0.175-0.615-0.35-0.923-0.524c1.098,2.909,2.195,5.818,3.293,8.728c0.339,0.896,1.789,0.508,1.447-0.398
c-1.098-2.909-2.195-5.818-3.293-8.728c-0.134-0.354-0.515-0.678-0.923-0.524c-2.91,1.099-5.819,2.197-8.729,3.296
c-0.354,0.134-0.678,0.515-0.524,0.923c1.099,2.909,2.196,5.817,3.294,8.726c0.134,0.354,0.515,0.678,0.923,0.524
c2.909-1.099,5.818-2.196,8.728-3.294C291.516,151.122,291.127,149.672,290.221,150.014z"/>
</g>
</g>
<g>
<circle fill="#DFEAF1" cx="319.764" cy="92.825" r="2.942"/>
<g>
<path fill="#45A487" d="M321.793,91.985c0.847,2.629-2.649,4.203-4.014,1.776c-0.616-1.096,0.066-2.37,1.049-2.922
c1.227-0.69,2.553,0.202,3.041,1.325c0.385,0.885,1.677,0.121,1.295-0.757c-0.791-1.819-2.764-2.661-4.638-2.059
c-1.96,0.629-2.838,2.848-2.238,4.715c0.63,1.959,2.848,2.837,4.715,2.239c1.96-0.628,2.837-2.85,2.237-4.715
C322.944,90.669,321.496,91.062,321.793,91.985z"/>
</g>
</g>
<g>
<circle fill="#DFEAF1" cx="330.779" cy="88.667" r="2.943"/>
<g>
<path fill="#45A487" d="M332.809,87.827c0.843,2.629-2.65,4.202-4.015,1.777c-0.617-1.095,0.066-2.371,1.048-2.923
c1.227-0.69,2.554,0.204,3.043,1.325c0.386,0.885,1.678,0.121,1.295-0.757c-0.793-1.819-2.765-2.66-4.64-2.059
c-1.961,0.628-2.837,2.85-2.238,4.716c0.629,1.959,2.85,2.836,4.715,2.237c1.96-0.629,2.837-2.847,2.239-4.714
C333.962,86.511,332.513,86.903,332.809,87.827z"/>
</g>
</g>
<g>
<circle fill="#DFEAF1" cx="341.792" cy="84.51" r="2.942"/>
<g>
<path fill="#45A487" d="M343.82,83.67c0.847,2.63-2.649,4.201-4.014,1.776c-0.616-1.096,0.068-2.37,1.05-2.922
c1.227-0.69,2.552,0.203,3.04,1.325c0.385,0.885,1.677,0.121,1.295-0.757c-0.791-1.819-2.763-2.661-4.637-2.06
c-1.96,0.628-2.838,2.849-2.239,4.715c0.629,1.959,2.85,2.836,4.716,2.239c1.96-0.627,2.836-2.851,2.236-4.715
C344.972,82.355,343.523,82.747,343.82,83.67z"/>
</g>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M277.012,153.517c0.982-11.707-9.159-20.354-16.468-27.714c-4.421-4.452-13.089-11.736-18.592-14.309
c-4.283-2.003-9.437-2.724-14.1-2.039c-2.574,0.38-4.836,1.215-7.094,2.454c-2.466,1.356-5.324,2.483-6.521,5.251
c-0.582,1.347-1.136,2.737-1.382,4.19c-0.142,0.84-0.128,2.593-0.138,3.404l11.717-4.477c7.669-1.454,11.448,2.279,18.562,5.935
c11.313,5.705,18.734,12.766,26.271,24.785c0,0,1.867,4.514,3.8,4.32S277.012,153.517,277.012,153.517z"/>
<g>
<path fill="#45A487" d="M278.062,153.517c0.372-8.175-3.782-14.698-9.039-20.602c-5.944-6.677-12.682-12.854-19.857-18.175
c-7.256-5.381-15.605-8.027-24.551-5.627c-8.078,2.168-12.882,7.284-12.947,15.642c-0.005,0.634,0.684,1.259,1.329,1.013
c3.785-1.446,7.57-2.893,11.355-4.339c4.668-1.783,9.699,0.981,13.634,3.213c4.02,2.278,8.149,4.317,12.009,6.87
c7.689,5.084,13.463,12.322,18.367,20.017c2.625,4.12,4.326,6.479,9.181,2.895c1.076-0.795,0.031-2.618-1.061-1.813
c-3.941,2.909-5.549-0.952-7.211-3.562c-2.251-3.53-4.789-6.863-7.542-10.015c-5.068-5.798-11.396-10.214-18.202-13.728
c-5.469-2.824-12.77-8.563-19.465-6.005c-3.875,1.48-7.749,2.96-11.624,4.44c0.443,0.338,0.886,0.675,1.329,1.013
c0.034-4.352,1.026-8.147,5-10.59c3.804-2.338,7.779-3.704,12.251-3.909c8.532-0.392,15.427,4.78,21.679,9.876
c9.786,7.977,23.891,19.629,23.265,33.385C275.9,154.871,278,154.865,278.062,153.517z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M279.05,118.462c13.186-0.359,22.179,1.091,34.19,7.439c7.044,3.825,14.223,9.266,14.223,17.52
l-6.998,2.603c-1.728,6.657,16.352,2.689,17.76,1.683c3.824-2.817,2.188-10.13,1.584-14.961
c-2.013-13.083-17.311-17.309-27.978-19.926c-7.85-2.014-15.9-1.61-24.152-1.61c-3.106,0-6.898-0.482-11.512,1.208
C276.167,112.417,271.266,118.674,279.05,118.462z"/>
<g>
<path fill="#45A487" d="M279.05,119.512c13.05-0.275,24.786,2.041,36.141,8.716c2.394,1.406,4.575,3.1,6.579,5.015
c0.671,0.642,5.883,8.992,5.276,9.218c-2.286,0.851-4.573,1.7-6.86,2.551c-0.323,0.12-0.671,0.36-0.733,0.733
c-1.391,8.27,14.601,4.609,18.534,3.221c4.684-1.653,3.822-8.879,3.375-12.564c-0.808-6.666-2.709-11.739-8.08-16.029
c-12.369-9.879-30.702-10.258-45.603-10.212c-4.271,0.013-11.075-1.14-13.4,3.342
C272.186,117.534,275.337,119.405,279.05,119.512c1.354,0.039,1.352-2.061,0-2.1c-2.914-0.084-3.819-1.473-2.424-3.816
c0.979-1.643,5.603-1.36,7.262-1.4c6.84-0.164,13.823-0.16,20.641,0.42c9.978,0.849,22.587,4.379,29.864,11.54
c4.034,3.97,4.648,9.525,5.151,14.868c0.236,2.51,0.418,7.021-2.53,8.063c-1.323,0.468-2.732,0.726-4.105,0.994
c-3.214,0.629-7.676,1.423-10.766-0.075c-2.773-1.346,0.804-1.788,2.101-2.271c1.166-0.434,2.333-0.867,3.499-1.301
c0.426-0.158,0.796-0.52,0.771-1.013c-0.491-9.614-8.494-15.203-16.362-19.262c-10.452-5.392-21.46-6.993-33.101-6.747
C277.697,117.44,277.694,119.541,279.05,119.512z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M177.602,172.991c2.746,0.646,5.452,0.453,8.118-0.045l0.855-0.118c3.575-1.422,0-4.73,0-4.73
c-2.284-0.979-4.731-1.632-6.852-2.773c-3.916-2.121-6.036-4.079-7.504-7.994c-0.489-1.305-0.979-4.73-2.447-5.221
c-1.305-0.489-2.121,1.958-2.61,3.427c-1.795,4.567-2.855,11.908,9.46,17.292L177.602,172.991z"/>
<g>
<path fill="#45A487" d="M177.323,174.004c3.086,0.576,16.013,0.78,10.789-5.738c-0.866-1.081-1.255-1.18-2.644-1.735
c-3.178-1.272-6.22-2.369-8.913-4.551c-2.004-1.624-3.106-4.021-3.766-6.448c-0.345-1.271-0.736-2.822-1.703-3.789
c-3.941-3.941-6.064,7.06-6.05,9.338C165.075,167.188,171.632,173.057,177.323,174.004c1.325,0.22,1.892-1.804,0.559-2.025
c-4.71-0.783-9.616-5.126-10.634-9.793c-0.38-1.742,0.025-3.603,0.531-5.27c0.211-0.695,0.492-1.382,0.729-2.068
c1.261-3.652,2.25,1.22,2.485,2.087c1.187,4.37,4.407,7.154,8.2,9.296c2.029,1.146,5.524,1.394,7.051,3.043
c3.376,3.646-7.096,2.941-8.363,2.705C176.558,171.731,175.993,173.755,177.323,174.004z"/>
</g>
</g>
<g>
<path fill="#FFFFFF" d="M361.865,134.217c-1.129-3.288,1.694-4.344,1.78-7.965c0.117-3.748-0.774-7.047-2.031-10.434
c-0.057-0.151-0.113-0.304-0.171-0.457l-6.512-17.741c3.182,0,7.246,0.856,9.938,2.814c3.059,2.08,4.405,6.24,5.996,9.544
c1.957,3.793,2.324,8.319,1.835,12.479c-0.449,3.482-1.826,7.067-3.469,10.093c-0.146,0.271-0.296,0.537-0.446,0.798
C368.785,133.349,363.355,138.559,361.865,134.217z"/>
<g>
<path fill="#45A487" d="M362.878,133.938c-0.551-2.708,1.33-3.97,1.633-6.276c0.316-2.41,0.064-4.669-0.354-7.041
c-0.49-2.788-1.682-5.483-2.656-8.14c-1.853-5.047-3.705-10.093-5.557-15.14c-0.338,0.443-0.675,0.886-1.013,1.329
c4.663,0.176,9.039,1.373,11.853,5.357c2.103,2.976,3.771,7.284,4.638,10.749c1.321,5.28-0.137,10.875-2.301,15.688
c-0.646,1.437-4.513,6.88-6.35,3.222c-0.607-1.21-2.419-0.146-1.813,1.061c1.562,3.112,4.384,2.362,6.894,0.698
c3.761-2.494,5.521-8.801,5.897-12.987c0.618-6.86-1.389-12.203-4.426-18.24c-2.789-5.544-8.539-7.427-14.393-7.647
c-0.645-0.024-1.245,0.696-1.013,1.329c1.767,4.812,3.532,9.624,5.299,14.436c0.869,2.369,1.757,4.725,2.495,7.14
c1.165,3.81,1.252,7.249-0.555,10.837c-0.719,1.427-0.612,2.676-0.306,4.185C361.122,135.822,363.146,135.26,362.878,133.938z"/>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 52 KiB

BIN
static/images/landing-page/features/message-formatting.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 107 KiB

BIN
static/images/landing-page/features/wave.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 41 KiB

385
templates/corporate/features.html
View File

@@ -1,380 +1,27 @@
{% extends "zerver/portico.html" %} {% extends "zerver/base.html" %}
{% set entrypoint = "landing-page" %} {% set entrypoint = "plans-page" %}
{% set PAGE_TITLE = "Features | Zulip" %} {% set PAGE_TITLE = "Features | Zulip" %}
{% set PAGE_DESCRIPTION = "From highly configurable notifications, to powerful {% set PAGE_DESCRIPTION = "From highly configurable notifications, to powerful
formatting and flexible administration, Zulip has you covered." %} formatting and flexible administration, Zulip has you covered." %}
{% block portico_content %} {% block customhead %}
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{% endblock %}
{% block content %}
{% include 'zerver/landing_nav.html' %} {% include 'zerver/landing_nav.html' %}
<div class="portico-landing features-app"> <div class="portico-pricing showing-cloud">
{% include 'zerver/gradients.html' %} <div class="body-bg">
<section class="hero"> <div class="body-bg__layer"></div>
<div class="copy"> </div>
<h1>Powerful group chat.</h1> <div class="main">
<h2>First class threading on top of everything you could want from real-time chat.</h2> {% include "corporate/comparison_table_integrated.html" %}
</div> </div>
</section>
<section class="messages">
<div class="features">
<h2>Beautiful messaging.</h2>
<div class="feature-block">
<h3>MARKDOWN OPTIMIZED FOR CHAT</h3>
<p>
Express your ideas clearly with
<a href="/help/format-your-message-using-markdown#quotes">quote blocks</a>,
<a href="/help/format-your-message-using-markdown#spoilers">spoilers</a>,
<a href="/help/format-your-message-using-markdown#latex">LaTeX/math blocks</a>,
<a href="/help/create-a-poll">polls</a>,
<a href="/help/format-your-message-using-markdown#global-times">global times</a>,
and <a href="/help/format-your-message-using-markdown">much more</a>.
</p>
</div>
<div class="feature-block">
<h3>EMOJI AND EMOJI REACTIONS</h3>
<p>Have fun expressing yourself with emoji!</p>
</div>
<div class="feature-block">
<h3>INLINE IMAGE, VIDEO, AND TWEET PREVIEWS</h3>
<p>Send a link and we’ll automatically generate a
preview; click the preview to see it at full scale.</p>
</div>
<div class="feature-block">
<h3>DRAG-AND-DROP FILE UPLOADS</h3>
<p>
Drag a file into the compose box and we’ll upload
and preview it for you. Sharing and discussing
work with team mates has never been easier.
</p>
</div>
<div class="feature-block">
<h3>CODE BLOCKS</h3>
<p>
Discuss code with ease using Markdown code blocks,
syntax highlighting, and
<a href="/help/code-blocks#code-playgrounds">code playgrounds</a>.
</p>
</div>
<div class="feature-block">
<h3>CUSTOMIZABLE AUTOMATIC LINKIFICATION</h3>
<p>
Customize Zulip’s markup to automatically link back
to your issue tracker or GitHub when you type
“#1235” or a commit ID.
</p>
</div>
</div>
<img class="image" src="{{ static('images/landing-page/features/message-formatting.png') }}" alt="" />
</section>
<section class="notifications">
<svg class="envelope" height="500" width="100" preserveAspectRatio="none" viewBox="0 0 100 100">
<polygon points="0,0 100,0 50,50" style="fill: #fafafa;" />
</svg>
<h2>Highly configurable notifications.</h2>
<div class="center">
<div class="image-block"></div>
<div class="feature-list">
<h3>@-mentions</h3>
<h3>Stream-wide announcements</h3>
<h3>Desktop notifications</h3>
<h3>Audible notifications</h3>
<h3>Message notification emails</h3>
<h3>Alert words</h3>
<h3>Optional weekly digest emails</h3>
</div>
</div>
</section>
<section class="keyboard-shortcuts">
<img class="overflow-wave" src="{{ static('images/landing-page/features/wave.png') }}" alt="" />
<div class="feature-block">
<h3>Keyboard shortcuts.</h3>
<p>Communicate as efficiently as you use your favorite
text editor. Anything you can do with a mouse, you
can do even faster from the keyboard.
<a class="cta" href="/help/keyboard-shortcuts" target="_blank" rel="noopener noreferrer">
Learn more about keyboard shortcuts.</a>
</p>
</div>
<img class="image" src="{{ static('images/landing-page/features/love-keyboard-shortcuts.svg') }}" alt="" />
</section>
<section>
<h2>Apps, integrations, and API.</h2>
<a class="feature-block" href="/integrations/" target="_blank" rel="noopener noreferrer">
<h3>INTEGRATIONS</h3>
<p>
Get alerts and updates from your favorite services with
off-the-shelf integrations for Trac, Nagios, GitHub,
Jenkins, and more.
</p>
</a>
<a class="feature-block" href="/api" target="_blank" rel="noopener noreferrer">
<h3>API</h3>
<p>
Rolling your own integrations—both sending and receiving—is a
snap with our simple RESTful API and Python bindings.
</p>
</a>
<a class="feature-block" href="/apps/" target="_blank" rel="noopener noreferrer">
<h3>MOBILE APPS</h3>
<p>Keep up while on the go with Zulip's iOS and Android apps.</p>
</a>
<a class="feature-block" href="/apps/" target="_blank" rel="noopener noreferrer">
<h3>DESKTOP APPS</h3>
<p>Even better than Zulip on the web, our desktop apps offer native
notifications and support for multiple Zulip accounts.</p>
</a>
<a class="feature-block" href="https://github.com/zulip/zulip-terminal#readme" target="_blank" rel="noopener noreferrer">
<h3>TERMINAL APP</h3>
<p>Terminal fans will love Zulip's official terminal client.</p>
</a>
<!--Hack: These 3 pseudo elements are here to ensure the flex
arrangement uses the proper cell size with 5 elements in 2 rows.-->
<div class="feature-block"></div>
<div class="feature-block"></div>
<div class="feature-block"></div>
</section>
<section>
<h2>And everything else you need…</h2>
<a class="feature-block" href="/security/" target="_blank" rel="noopener noreferrer">
<h3>ENTERPRISE-GRADE SECURITY</h3>
<p>
Zulip is used by some of the most security-conscious
organizations in the world.
</p>
</a>
<a class="feature-block" href="/help/search-for-messages" target="_blank" rel="noopener noreferrer">
<h3>POWERFUL FULL-TEXT SEARCH</h3>
<p>
Search is both snappy and smart, helping you look for
text, people, and threads of conversation, with advanced
search filters for fine-grained control.
</p>
</a>
<a class="feature-block" href="/help/stream-permissions" target="_blank" rel="noopener noreferrer">
<h3>COMPLETE HISTORY</h3>
<p>Join a stream and see its history, so even new team
members are never out of the loop.</p>
</a>
<a class="feature-block" href="/help/star-a-message" target="_blank" rel="noopener noreferrer">
<h3>STARRED MESSAGES</h3>
<p>Use starred messages as a todo list, or keep track of interesting
conversations.</p>
</a>
<a class="feature-block" href="/help/marking-messages-as-unread" target="_blank" rel="noopener noreferrer">
<h3>MARK AS UNREAD</h3>
<p>Mark messages as unread to return to them later.</p>
</a>
<a class="feature-block" href="/help/analytics" target="_blank" rel="noopener noreferrer">
<h3>STATISTICS</h3>
<p>Zulip has a powerful set of analytics available to
help you see how your organization communicates.</p>
</a>
<a class="feature-block" href="/help/direct-messages" target="_blank" rel="noopener noreferrer">
<h3>ONE-ON-ONE AND GROUP PRIVATE CONVERSATIONS</h3>
<p>Lightweight private conversations with one or as many people as you need.</p>
</a>
<a class="feature-block" href="/help/status-and-availability" target="_blank" rel="noopener noreferrer">
<h3>TEAM AVAILABILITY</h3>
<p>Let others know whether you're around with emoji statuses and
availability, or choose “invisible” mode.</p>
</a>
<a class="feature-block" href="/help/stream-permissions" target="_blank" rel="noopener noreferrer">
<h3>PRIVATE STREAMS</h3>
<p>Enjoy the benefits of threaded conversations while
controlling your audience and privacy.</p>
</a>
<a class="feature-block" href="/help/edit-a-message" target="_blank" rel="noopener noreferrer">
<h3>MESSAGE EDITING</h3>
<p>Don’t worry, you can always fix that typo, either in
the body of a message or its topic.</p>
</a>
<a class="feature-block" href="/help/move-content-to-another-stream" target="_blank" rel="noopener noreferrer">
<h3>MOVING MESSAGES</h3>
<p>
Organize conversations by easily moving messages to the
right stream and topic.
</p>
</a>
<a class="feature-block" href="/help/typing-notifications" target="_blank" rel="noopener noreferrer">
<h3>TYPING NOTIFICATIONS</h3>
<p>Know when other users are composing messages to you.</p>
</a>
<a class="feature-block" href="/help/read-receipts" target="_blank" rel="noopener noreferrer">
<h3>READ RECEIPTS</h3>
<p>Check who has read any message, no matter who sent it.</p>
</a>
<a class="feature-block" href="/help/view-and-edit-your-message-drafts" target="_blank" rel="noopener noreferrer">
<h3>SAVED DRAFTS</h3>
<p>Zulip’s drafts make it easy to write longer messages
without worrying about losing your work.</p>
</a>
<a class="feature-block" href="/help/schedule-a-message" target="_blank" rel="noopener noreferrer">
<h3>MESSAGE SCHEDULING</h3>
<p>Schedule a message to be sent later, when others are working.</p>
</a>
<a class="feature-block" href="/help/streams-and-topics" target="_blank" rel="noopener noreferrer">
<h3>CONVERSATIONS THREADED BY TOPIC</h3>
<p>Participate in several conversations with the same
group at once, without getting lost or overwhelmed.</p>
</a>
<a class="feature-block" href="/help/resolve-a-topic" target="_blank" rel="noopener noreferrer">
<h3>RESOLVE TOPIC</h3>
<p>Mark topics as ✔ completed. A lightweight way to manage support
interactions, investigating issues, and more.</p>
</a>
<a class="feature-block" href="/help/reading-strategies" target="_blank" rel="noopener noreferrer">
<h3>CATCH UP IN NO TIME</h3>
<p>With topics, hotkeys and snappy performance, usefully
reviewing hundreds of messages takes just minutes.</p>
</a>
<a class="feature-block" href="/help/mute-a-stream" target="_blank" rel="noopener noreferrer">
<h3>MUTE STREAM OR TOPIC</h3>
<p>Manage notifications by muting streams and topics that don't
require your attention.</p>
</a>
<a class="feature-block" href="/help/mute-a-user" target="_blank" rel="noopener noreferrer">
<h3>MUTE USER</h3>
<p>Users can mute anyone they'd rather not interact with.</p>
</a>
<a class="feature-block"
href="/help/link-to-a-message-or-conversation#link-to-zulip-from-anywhere"
target="_blank" rel="noopener noreferrer">
<h3>PERMANENT LINKS</h3>
<p>Permanently link to a Zulip conversation or a message in context
from your issue tracker, emails, documents, or anywhere else.</p>
</a>
<a class="feature-block" href="/help/change-your-language" target="_blank" rel="noopener noreferrer">
<h3>FULLY INTERNATIONALIZED</h3>
<p>The Zulip UI is fully internationalized and has been
translated into 23 languages.</p>
</a>
<a class="feature-block" href="/help/start-a-call" target="_blank" rel="noopener noreferrer">
<h3>VIDEO CALLS</h3>
<p>
Create and join video calls with a single click. Powered
by your choice of Zoom, Jitsi Meet, or BigBlueButton.
</p>
</a>
<a class="feature-block" href="/help/configure-authentication-methods" target="_blank" rel="noopener noreferrer">
<h3>FLEXIBLE AUTHENTICATION</h3>
<p>
Supported authentication providers include LDAP, SAML,
OIDC, Google, GitHub, GitLab, Apple, and more.
</p>
</a>
<a class="feature-block" href="/help/roles-and-permissions" target="_blank" rel="noopener noreferrer">
<h3>FLEXIBLE PERMISSIONS</h3>
<p>
Fine-grained permission settings for administrators and
moderators, and custom viewing and posting permissions for
streams.
</p>
</a>
<a class="feature-block" href="/help/add-or-remove-users-from-a-stream" target="_blank" rel="noopener noreferrer">
<h3>CONVENIENT SUBSCRIPTION MANAGEMENT</h3>
<p>
Subscribe a group of users to a stream, or copy membership from another stream.
</p>
</a>
<a class="feature-block" href="/help/invite-new-users" target="_blank" rel="noopener noreferrer">
<h3>CUSTOMIZABLE INVITATIONS</h3>
<p>
Configure user role, stream subscriptions and invite expiration
time when inviting new users.
</p>
</a>
<a class="feature-block" href="/help/import-from-slack" target="_blank" rel="noopener noreferrer">
<h3>DATA IMPORT</h3>
<p>
Import an existing Slack, Mattermost, Gitter or Rocket.Chat workspace into Zulip.
</p>
</a>
<a class="feature-block" href="/help/custom-profile-fields" target="_blank" rel="noopener noreferrer">
<h3>CUSTOM PROFILE FIELDS</h3>
<p>
Use Zulip to store directory information, pronouns, birthdays,
links to external accounts, or anything else.
</p>
</a>
<a class="feature-block" href="/help/roles-and-permissions" target="_blank" rel="noopener noreferrer">
<h3>GUESTS</h3>
<p>
Guests cannot access streams unless they are
explicitly added. Perfect for partners, vendors, and
temporary contractors.
</p>
</a>
<a class="feature-block" href="/help/create-your-organization-profile" target="_blank" rel="noopener noreferrer">
<h3>CUSTOM BRANDING</h3>
<p>
Use your logo instead of Zulip’s in the desktop and web app.
</p>
</a>
<a class="feature-block" href="https://github.com/42wim/matterbridge#readme" target="_blank" rel="noopener noreferrer">
<h3>CHAT BRIDGES</h3>
<p>
Mirror messages between Zulip and Slack, Microsoft
Teams, Discord, Matrix, and other tools.
</p>
</a>
<a class="feature-block" href="/help/moderating-open-organizations" target="_blank" rel="noopener noreferrer">
<h3>MODERATION</h3>
<p>
A full suite of tools for moderating open communities.
</p>
</a>
<a class="feature-block" href="/help/public-access-option" target="_blank" rel="noopener noreferrer">
<h3>PUBLIC ACCESS OPTION</h3>
<p>
Enable transparency by setting streams to be viewable
and searchable by anyone on the Internet, without
creating an account.
</p>
</a>
<a class="feature-block" href="/help/export-your-organization" target="_blank" rel="noopener noreferrer">
<h3>DATA EXPORTS</h3>
<p>
No vendor lock-in. Export your hosted Zulip to an
on-premises installation at any time. You can also request a
compliance export.
</p>
</a>
<a class="feature-block" href="/help/animated-gifs-from-giphy" target="_blank" rel="noopener noreferrer">
<h3>GIPHY INTEGRATION</h3>
<p>
Enjoy animated GIFs with Zulip's native GIPHY
integration.
</p>
</a>
<a class="feature-block" href="/help" target="_blank" rel="noopener noreferrer">
<h3>HELP CENTER</h3>
<p>
It's easy to get started with detailed documentation and
onboarding guides in the Zulip help center.
</p>
</a>
<a class="feature-block" href="https://github.com/zulip/zulip/" target="_blank" rel="noopener noreferrer">
<h3>YOUR FEATURE HERE</h3>
<p>Zulip is open source, so if something important for
your use case is missing, you can make it happen!</p>
</a>
<!--Hack: These two pseudo elements are here to ensure the flex
arrangement uses the proper cell size with 4 elements in 2 rows.-->
<div class="feature-block"></div>
<div class="feature-block"></div>
<div class="feature-block"></div>
</section>
</div> </div>
{% include 'zerver/footer.html' %}
{% endblock %} {% endblock %}

434
web/styles/portico/landing_page.css
View File

@@ -215,7 +215,6 @@ button {
display: none; display: none;
} }
/* -- features page css -- */
.portico-landing { .portico-landing {
position: relative; position: relative;
@@ -246,294 +245,6 @@ button {
} }
} }
.portico-landing.features-app {
position: relative;
overflow-x: hidden;
padding-top: 0;
z-index: 2;
.gradients {
z-index: -1;
}
& section {
max-width: 1440px;
display: flex;
flex: 1 1 auto;
flex-flow: row wrap;
justify-content: space-around;
margin: 40px auto;
padding: 0 30px;
color: hsl(219deg 21% 21%);
&.hero {
display: flex;
align-items: center;
justify-content: center;
height: 400px;
padding: 100px 100px 50px;
margin: 0;
max-width: none;
color: hsl(0deg 0% 100%);
background-color: hsl(0deg 0% 0% / 10%);
.copy {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
& h1 {
margin: 0;
font-size: 3.7em;
}
& h2 {
font-size: 1.8em;
margin: 30px auto 0;
max-width: 600px;
line-height: 1.3;
}
.image {
height: 400px;
width: 40%;
background-color: hsl(0deg 0% 0% / 5%);
}
}
&.keyboard-shortcuts {
display: flex;
justify-content: center;
align-items: center;
position: relative;
max-width: none;
padding: 50px;
/* this should only be a thing if the section above is not white */
margin-top: 0;
background-color: hsl(219deg 21% 21%);
color: hsl(219deg 76% 93%);
& img {
&.overflow-wave {
width: 685px;
right: 0;
top: -168px;
position: absolute;
}
&.image {
width: 600px;
margin-left: 100px;
}
}
& h3 {
font-size: 3em;
}
.feature-block {
width: 50%;
}
& p {
font-size: 1.2em;
}
& a.cta {
font-size: 1em;
color: hsl(170deg 52% 70%);
}
}
&.messages {
display: flex;
justify-content: center;
align-items: center;
margin: 50px auto;
padding: 0 50px;
.image {
width: calc(100% - 500px - 100px);
margin: 50px 0 50px 50px;
max-width: 500px;
}
.features {
max-width: 500px;
& h2 {
margin: 0;
}
.feature-block {
display: block;
margin: 30px 0;
}
}
}
&.notifications {
position: relative;
padding: 50px 100px;
max-width: calc(1000px);
background-color: hsl(0deg 0% 100%);
border-radius: 10px;
box-shadow: 10px 20px 80px hsl(0deg 0% 0% / 15%);
margin: 100px auto 150px;
text-align: center;
.envelope {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 40vw;
}
& h2 {
position: relative;
margin-bottom: 120px;
top: 0;
}
.feature-list {
position: relative;
display: inline-block;
vertical-align: top;
text-align: left;
margin: 35px 0 0 20px;
z-index: 1;
& h3 {
position: relative;
margin: 15px 0 15px 50px;
font-size: 1.2em;
font-weight: 400;
color: hsl(0deg 0% 53%);
&::before {
content: " ";
display: block;
position: absolute;
left: -35px;
top: 0;
width: 20px;
height: 20px;
border-radius: 4px;
background-image: url("../../images/checkbox-green.svg");
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
}
}
}
.image-block {
width: 400px;
height: 280px;
background: linear-gradient(
135deg,
hsl(0deg 0% 0% / 5%),
hsl(0deg 0% 0% / 20%)
);
border-radius: 4px;
background-image: url("../../images/landing-page/features/notifications.jpg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
display: inline-block;
}
}
.feature-block {
display: inline-block;
vertical-align: top;
}
& h2 {
font-size: 2.5em;
text-align: center;
margin: 0 10px;
line-height: 1.6;
flex: 1 0 100%;
}
> .feature-block {
padding: 10px 20px;
flex: 1 1 320px;
color: inherit;
}
& a {
&.feature-block {
&:hover {
box-shadow: 0 3px 10px hsl(0deg 0% 75%);
}
&:active {
box-shadow: 0 3px 10px hsl(0deg 0% 50%);
}
}
}
}
.cta {
&::after {
content: "\2192";
margin-left: 5px;
transform: scaleX(2);
transition: all 0.3s ease;
}
&:hover {
&::after {
margin-left: 10px;
}
}
}
.feature-block {
& h3 {
font-size: 1.2em;
font-weight: 600;
}
& p {
margin: 0;
opacity: 0.8;
}
}
}
/* -- hello page -- */ /* -- hello page -- */
.portico-landing.hello { .portico-landing.hello {
background-color: transparent; background-color: transparent;
@@ -1317,8 +1028,7 @@ button {
padding-top: 0; padding-top: 0;
} }
.portico-landing.apps .main, .portico-landing.apps .main {
.portico-landing.features-app .main {
background-color: hsl(0deg 0% 100%); background-color: hsl(0deg 0% 100%);
} }
@@ -2101,47 +1811,12 @@ button {
padding-top: 170px; padding-top: 170px;
} }
.portico-landing.features-app {
& section {
&.messages {
display: block;
text-align: center;
> * {
display: inline-block;
text-align: left;
}
.image {
width: 100%;
margin: 0;
}
}
}
}
.portico-landing.plans .compare .padded-content { .portico-landing.plans .compare .padded-content {
width: auto; width: auto;
} }
} }
@media (width <= 985px) { @media (width <= 985px) {
.features .feature-box .text-content {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.features .feature-box .image {
float: none;
width: 100%;
margin: 0;
}
.features .text-content .flex {
display: block;
}
.portico-landing.apps .main { .portico-landing.apps .main {
width: 100%; width: 100%;
margin: 0; margin: 0;
@@ -2177,20 +1852,6 @@ button {
} }
} }
@media (width <= 906px) {
.portico-landing.features-app {
& section {
&.notifications {
padding: 50px 10px;
.image-block {
display: none;
}
}
}
}
}
@media (width <= 830px) { @media (width <= 830px) {
.portico-landing.hello .apps .left-side .platform-icons .group { .portico-landing.hello .apps .left-side .platform-icons .group {
margin: 50px 30px; margin: 50px 30px;
@@ -2257,20 +1918,6 @@ button {
.portico-landing.hello .apps .left-side .content { .portico-landing.hello .apps .left-side .content {
width: auto; width: auto;
} }
.portico-landing.features-app {
& section {
padding: 0 20px;
&.hero {
padding: 50px;
& h1 {
font-size: 3em;
}
}
}
}
} }
@media (width <= 1024px) { @media (width <= 1024px) {
@@ -2397,43 +2044,9 @@ button {
.portico-landing.hello .integrations .integration-icons .group { .portico-landing.hello .integrations .integration-icons .group {
margin: 10px 16px 0; margin: 10px 16px 0;
} }
.portico-landing.features-app {
& section {
&.keyboard-shortcuts {
& img {
&.overflow-wave {
top: -100px;
}
}
}
}
}
} }
@media (width <= 550px) { @media (width <= 550px) {
.portico-landing.features-app {
& section {
&.hero {
padding: 50px 20px 20px;
}
&.messages {
padding: 0 20px;
& h2 {
font-size: 2em;
}
.features {
.feature-block {
margin: 20px 0;
}
}
}
}
}
.billing-upgrade-page { .billing-upgrade-page {
.payment-schedule { .payment-schedule {
.box { .box {
@@ -2522,10 +2135,6 @@ button {
hsl(49deg 71% 68%) 80% hsl(49deg 71% 68%) 80%
); );
} }
.features-app .gradients .gradient {
height: 700px;
}
} }
@media (width <= 375px) { @media (width <= 375px) {
@@ -2541,47 +2150,6 @@ button {
.portico-landing.integrations .integration-categories-dropdown { .portico-landing.integrations .integration-categories-dropdown {
width: 323px; width: 323px;
} }
.portico-landing.features-app {
& section {
&.keyboard-shortcuts {
& img {
&.overflow-wave {
top: -92px;
}
}
}
}
}
}
@media (width <= 360px) {
.portico-landing.features-app {
& section {
.keyboard-shortcuts {
& img {
&.overflow-wave {
top: -88px;
}
}
}
}
}
}
/* For iPhone 5/SE device */
@media (width <= 320px) {
.portico-landing.features-app {
& section {
.keyboard-shortcuts {
& img {
&.overflow-wave {
top: -78px;
}
}
}
}
}
} }
#download-from-microsoft-store, #download-from-microsoft-store,