Speed up loading of community page by inlining images

This commit is contained in:
mtail 2018-06-26 07:27:03 -07:00
parent 31d3309830
commit 4359e340c6
12 changed files with 46 additions and 55 deletions

View File

@ -13,7 +13,7 @@ There are quite a few ways to get plugged in with the Istio community:
<tbody>
<tr>
<td class="logo"><img src="/img/mailing-list.svg" alt="Mailing Lists"/></td>
<td class="logo">{{< inline_image "community/mailing-list.svg" >}}</td>
<td class="desc">
Join the <a href="https://groups.google.com/forum/#!forum/istio-users">istio-users@</a> mailing list to participate in
discussions
@ -26,14 +26,14 @@ There are quite a few ways to get plugged in with the Istio community:
</tr>
<tr>
<td class="logo"><img src="/img/twitter.svg" alt="Twitter"/></td>
<td class="logo">{{< inline_image "community/twitter.svg" >}}</td>
<td class="desc">
Follow us on <a href="https://twitter.com/IstioMesh">Twitter</a> to get the latest news.
</td>
</tr>
<tr>
<td class="logo"><img src="/img/stackoverflow.svg" alt="Stack Overflow"/></td>
<td class="logo">{{< inline_image "community/stackoverflow.svg" >}}</td>
<td class="desc">
<a href="https://stackoverflow.com/questions/tagged/istio">Stack Overflow</a> is for practical questions and curated answers
on deploying, configuring, and using Istio.
@ -41,7 +41,7 @@ There are quite a few ways to get plugged in with the Istio community:
</tr>
<tr>
<td class="logo"><img src="/img/rocket-chat.svg" alt="Rocket Chat"/></td>
<td class="logo">{{< inline_image "community/rocket-chat.svg" >}}</td>
<td class="desc">
Chat with members of the Istio community on <a href="https://istio.rocket.chat">Rocket Chat</a>.
</td>
@ -55,7 +55,7 @@ There are quite a few ways to get plugged in with the Istio community:
</tr>
<tr>
<td class="logo"><img src="/img/drive.png" alt="Team Drive"/></td>
<td class="logo">{{< inline_image "community/drive.svg" >}}</td>
<td class="desc">
If you want to get into the nuts and bolts of Istio, check out our growing collection
of design documents. To access these, simply join the
@ -66,7 +66,7 @@ There are quite a few ways to get plugged in with the Istio community:
</tr>
<tr>
<td class="logo"><img src="/img/group.svg" alt="Working Groups"/></td>
<td class="logo">{{< inline_image "community/group.svg" >}}</td>
<td class="desc">
If you'd like to contribute to the Istio project, consider participating in our
<a href="https://github.com/istio/community/blob/master/WORKING-GROUPS.md">working groups</a>.

View File

@ -12,7 +12,7 @@ Istio是一个开源项目拥有支持其使用和持续开发的活跃社区
<tbody>
<tr>
<td class="logo"><img src="/img/mailing-list.svg" alt="Mailing Lists"/></td>
<td class="logo">{{< inline_image "community/mailing-list.svg" >}}</td>
<td class="desc">
加入 <a href="https://groups.google.com/forum/#!forum/istio-users">istio-users@</a> 邮件列表参与讨论,获取排除故障的帮助。
加入 <a href="https://groups.google.com/forum/#!forum/istio-announce">istio-announce@</a> 了解最新发布、活动和其他事情。
@ -21,21 +21,21 @@ Istio是一个开源项目拥有支持其使用和持续开发的活跃社区
</tr>
<tr>
<td class="logo"><img src="/img/twitter.svg" alt="Twitter"/></td>
<td class="logo">{{< inline_image "community/twitter.svg" >}}</td>
<td class="desc">
关注我们的<a href="https://twitter.com/IstioMesh">Twitter</a>来获最新信息。
</td>
</tr>
<tr>
<td class="logo"><img src="/img/stackoverflow.svg" alt="Stack Overflow"/></td>
<td class="logo">{{< inline_image "community/stackoverflow.svg" >}}</td>
<td class="desc">
<a href="https://stackoverflow.com/questions/tagged/istio">Stack Overflow</a>中列举了针对实际问题以及部署、配置和使用Istio的各项回答。
</td>
</tr>
<tr>
<td class="logo"><img src="/img/rocket-chat.svg" alt="Rocket Chat"/></td>
<td class="logo">{{< inline_image "community/rocket-chat.svg" >}}</td>
<td class="desc">
<a href="https://istio.rocket.chat">Rocket Chat</a>中与社区中的成员交流。
</td>
@ -49,7 +49,7 @@ Istio是一个开源项目拥有支持其使用和持续开发的活跃社区
</tr>
<tr>
<td class="logo"><img src="/img/drive.png" alt="Team Drive"/></td>
<td class="logo">{{< inline_image "community/drive.svg" >}}</td>
<td class="desc">
如果您想深入了解Istio的细节请查看我们日益增加完善的设计文档。要访问这些文档值需要加入
<a href="https://groups.google.com/forum/#!forum/istio-team-drive-access">istio-team-drive-access@</a>邮件列表。
@ -59,7 +59,7 @@ Istio是一个开源项目拥有支持其使用和持续开发的活跃社区
</tr>
<tr>
<td class="logo"><img src="/img/group.svg" alt="Working Groups"/></td>
<td class="logo">{{< inline_image "community/group.svg" >}}</td>
<td class="desc">
如果您想为Istio项目做出贡献请考虑加入我们的
<a href="https://github.com/istio/community/blob/master/WORKING-GROUPS.md">工作组</a>

View File

@ -0,0 +1 @@
<svg viewBox="0 0 139 120.4" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><radialGradient id="a" cx="-254.81979" cy="705.83588" gradientTransform="matrix(2.827 1.6322 -1.6322 2.827 2092.1199 -1494.5786)" gradientUnits="userSpaceOnUse" r="82.978401"><stop offset="0" stop-color="#4387fd"/><stop offset=".65" stop-color="#3078f0"/><stop offset=".9099" stop-color="#2b72ea"/><stop offset="1" stop-color="#286ee6"/></radialGradient><radialGradient id="b" cx="-254.8174" cy="705.83691" gradientTransform="matrix(2.827 1.6322 -1.6322 2.827 2092.1199 -1494.5786)" gradientUnits="userSpaceOnUse" r="82.973"><stop offset="0" stop-color="#ffd24d"/><stop offset="1" stop-color="#f6c338"/></radialGradient><path d="m24.2 120.4-24.2-41.9 45.3-78.5 24.2 41.9z" fill="#0da960"/><path d="m24.2 120.4 24.2-41.9h90.6l-24.2 41.9z" fill="url(#a)"/><path d="m139 78.5h-48.4l-45.3-78.5h48.4z" fill="url(#b)"/><path d="m69.5 78.5h-21.1l10.5-18.3-34.7 60.2z" fill="#2d6fdd"/><path d="m90.6 78.5h48.4l-58.9-18.3z" fill="#e5b93c"/><path d="m58.9 60.2 10.6-18.3-24.2-41.9z" fill="#0c9b57"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -1,6 +1,4 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 -45 439.833 439.833"
xml:space="preserve">

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -1,5 +1,4 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 490 490">
<g fill="#466BB0">
<path d="M480,410.248H10c-5.523,0-10-4.477-10-10V89.752c0-5.523,4.477-10,10-10h470c5.522,0,10,4.477,10,10v310.495

Before

Width:  |  Height:  |  Size: 733 B

After

Width:  |  Height:  |  Size: 672 B

View File

@ -1,4 +1,4 @@
<svg width="2500" height="2139" viewBox="0 0 256 219" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
<svg viewBox="0 0 256 219" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
<path d="M255.95 109.307c0-12.853-3.844-25.173-11.43-36.63-6.81-10.283-16.351-19.385-28.355-27.057-23.18-14.806-53.647-22.963-85.782-22.963-10.734 0-21.315.907-31.577 2.705-6.366-5.96-13.82-11.322-21.707-15.56C34.964-10.62.022 9.322.022 9.322s32.487 26.688 27.204 50.08C12.693 73.821 4.814 91.207 4.814 109.307c0 .056.003.115.003.173 0 .057-.003.113-.003.174 0 18.1 7.876 35.486 22.412 49.902C32.509 182.95.022 209.639.022 209.639s34.942 19.939 77.077-.48c7.886-4.238 15.338-9.603 21.707-15.56 10.264 1.796 20.843 2.702 31.577 2.702 32.137 0 62.601-8.151 85.782-22.958 12.004-7.671 21.545-16.77 28.356-27.058 7.585-11.455 11.43-23.781 11.43-36.628 0-.06-.003-.115-.003-.174l.002-.176z"
fill="#C1272D"/>
<path d="M130.383 40.828c59.505 0 107.746 30.814 107.746 68.824 0 38.007-48.241 68.823-107.746 68.823-13.25 0-25.94-1.532-37.662-4.325-11.915 14.332-38.125 34.26-63.587 27.82 8.282-8.895 20.552-23.926 17.926-48.686-15.262-11.873-24.422-27.07-24.422-43.632-.003-38.013 48.238-68.824 107.745-68.824"

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -1,5 +1,4 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 120 120" style="enable-background:new 0 0 120 120;" xml:space="preserve">
<style type="text/css">
.st0{fill:#BCBBBB;}

Before

Width:  |  Height:  |  Size: 677 B

After

Width:  |  Height:  |  Size: 622 B

View File

@ -1,5 +1,4 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.00006 244.18703" height="244.19" width="300" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300.00006 244.18703" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
<g fill="#1da1f2" transform="translate(-539.18 -568.86)">
<path d="m633.9 812.04c112.46 0 173.96-93.168 173.96-173.96 0-2.6463-0.0539-5.2806-0.1726-7.903 11.938-8.6302 22.314-19.4 30.498-31.66-10.955 4.8694-22.744 8.1474-35.111 9.6255 12.623-7.5693 22.314-19.543 26.886-33.817-11.813 7.0031-24.895 12.093-38.824 14.841-11.157-11.884-27.041-19.317-44.629-19.317-33.764 0-61.144 27.381-61.144 61.132 0 4.7978 0.5364 9.4646 1.5854 13.941-50.815-2.5569-95.874-26.886-126.03-63.88-5.2508 9.0354-8.2785 19.531-8.2785 30.73 0 21.212 10.794 39.938 27.208 50.893-10.031-0.30992-19.454-3.0635-27.69-7.6468-0.009 0.25652-0.009 0.50661-0.009 0.78077 0 29.61 21.075 54.332 49.051 59.934-5.1376 1.4006-10.543 2.1516-16.122 2.1516-3.9336 0-7.766-0.38716-11.491-1.1026 7.7838 24.293 30.355 41.971 57.115 42.465-20.926 16.402-47.287 26.171-75.937 26.171-4.929 0-9.7983-0.28036-14.584-0.84634 27.059 17.344 59.189 27.464 93.722 27.464"/>
</g>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -1,5 +1,5 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 512 512" xml:space="preserve">
<path fill="#FFD15C" d="M314.667,391.467c6.4-21.333,19.2-40.533,36.267-55.467c32-26.667,52.267-67.2,52.267-112
c0-83.2-69.333-151.467-154.667-147.2C172.8,80,110.933,144,108.8,219.733C107.733,266.667,128,308.267,161.067,336

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.6 KiB

View File

@ -1,32 +1,29 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="1370.6239"
height="1370.6239"
viewBox="-50 -30 137.06242 137.06239"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="AJAX1.svg">
<path
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
d="m -47.981023,33.625635 c -2.69197,2.691972 -2.691968,7.119136 0,9.811108 l 61.606686,61.606687 c 2.691971,2.69197 7.119132,2.69197 9.811105,0 l 61.60668,-61.606687 c 2.691969,-2.691972 2.691969,-7.119135 0,-9.811108 L 23.436767,-27.981027 c -2.691972,-2.69197 -7.119155,-2.691992 -9.811126,-2e-5 z"
inkscape:connector-curvature="0"
sodipodi:nodetypes="sssssssss" />
<path
style="fill:#ffeb00;fill-opacity:1;stroke:none"
d="m 83.269048,35.386778 c 1.736669,1.736669 1.736669,4.552163 0,6.288831 L 21.675621,103.26905 c -1.736667,1.73666 -4.552161,1.73666 -6.28883,-2e-5 L -46.206617,41.675608 c -1.73667,-1.736669 -1.73667,-4.552162 -9e-6,-6.288829 l 61.593414,-61.593416 c 1.73667,-1.73667 4.552164,-1.73667 6.288831,0 z"
inkscape:connector-curvature="0"
sodipodi:nodetypes="sssssssss" />
<path
style="fill:#000000;fill-rule:nonzero;stroke:none"
d="m 18.531222,-4.4321889 c -7.218623,-0.0089 -13.2767282,5.736028 -13.2780102,13.117923 8.84e-4,1.9253769 0.472226,3.2494629 0.472226,3.2494629 l 11.1810322,44.972299 1.624752,0 1.624719,0 11.181058,-44.972299 c 0,0 0.470918,-1.324086 0.4722,-3.2494629 -8.84e-4,-7.381895 -6.059362,-13.126913 -13.277977,-13.117923 z"
inkscape:connector-curvature="0" />
<path
sodipodi:nodetypes="sssss"
style="fill:#000000;fill-opacity:1;stroke:none"
d="m 29.302818,70.722988 c 0,5.949 -4.822614,10.771611 -10.771585,10.771611 -5.949006,0 -10.7716206,-4.822611 -10.7716206,-10.771611 0,-5.948992 4.8226146,-10.771594 10.7716206,-10.771594 5.948971,0 10.771585,4.822602 10.771585,10.771594 z"
inkscape:connector-curvature="0" />
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
viewBox="-50 -30 137.06242 137.06239"
version="1.1"
inkscape:version="0.48.4 r9939"
sodipodi:docname="AJAX1.svg">
<path
style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:5;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans"
d="m -47.981023,33.625635 c -2.69197,2.691972 -2.691968,7.119136 0,9.811108 l 61.606686,61.606687 c 2.691971,2.69197 7.119132,2.69197 9.811105,0 l 61.60668,-61.606687 c 2.691969,-2.691972 2.691969,-7.119135 0,-9.811108 L 23.436767,-27.981027 c -2.691972,-2.69197 -7.119155,-2.691992 -9.811126,-2e-5 z"
inkscape:connector-curvature="0"
sodipodi:nodetypes="sssssssss"/>
<path
style="fill:#ffeb00;fill-opacity:1;stroke:none"
d="m 83.269048,35.386778 c 1.736669,1.736669 1.736669,4.552163 0,6.288831 L 21.675621,103.26905 c -1.736667,1.73666 -4.552161,1.73666 -6.28883,-2e-5 L -46.206617,41.675608 c -1.73667,-1.736669 -1.73667,-4.552162 -9e-6,-6.288829 l 61.593414,-61.593416 c 1.73667,-1.73667 4.552164,-1.73667 6.288831,0 z"
inkscape:connector-curvature="0"
sodipodi:nodetypes="sssssssss"/>
<path
style="fill:#000000;fill-rule:nonzero;stroke:none"
d="m 18.531222,-4.4321889 c -7.218623,-0.0089 -13.2767282,5.736028 -13.2780102,13.117923 8.84e-4,1.9253769 0.472226,3.2494629 0.472226,3.2494629 l 11.1810322,44.972299 1.624752,0 1.624719,0 11.181058,-44.972299 c 0,0 0.470918,-1.324086 0.4722,-3.2494629 -8.84e-4,-7.381895 -6.059362,-13.126913 -13.277977,-13.117923 z"
inkscape:connector-curvature="0"/>
<path
sodipodi:nodetypes="sssss"
style="fill:#000000;fill-opacity:1;stroke:none"
d="m 29.302818,70.722988 c 0,5.949 -4.822614,10.771611 -10.771585,10.771611 -5.949006,0 -10.7716206,-4.822611 -10.7716206,-10.771611 0,-5.948992 4.8226146,-10.771594 10.7716206,-10.771594 5.948971,0 10.771585,4.822602 10.771585,10.771594 z"
inkscape:connector-curvature="0"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -1,7 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 8 8" width="256" height="256">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
<style type="text/css">
.button {stroke: none; fill: #466BB0;}
.symbol {stroke: none; fill: white;}

Before

Width:  |  Height:  |  Size: 513 B

After

Width:  |  Height:  |  Size: 482 B