public/templates/homepage.hbs

   1 <!doctype html>
   2 <html class="no-js {{#if hasCachedFonts}}fonts-loaded{{/if}}" lang="{{ lang }}">
   3
   4 <head>
   5   <meta charset="utf-8">
   6   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   7
   8   <title>{{{ __ "Gitter &mdash; Where developers come to talk." }}}</title>
   9
  10   <meta name="description" content="Where developers come to talk.">
  11
  12   {{#each socialMetadata}}
  13   <meta property="{{@key}}" content="{{this}}" />
  14   {{/each}}
  15
  16   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
  17
  18   <link rel="stylesheet" href='{{cdn cssFileName }}'>
  19
  20   <link id="favicon" rel="shortcut icon" href="{{ cdn 'images/favicon-normal.ico' }}">
  21   {{> fonts}}
  22 </head>
  23
  24 <body {{#if wordy}}class="wordy" {{/if}}>
  25   <div class="homepage">
  26
  27     <header id="intro-panel">
  28       <nav class="site-nav">
  29         <div class="wrap">
  30
  31           <a href="/" class="logo">
  32             {{> logo_man}}
  33             <img src="{{ cdn 'images/home/logo_nomargin@2x.png' }}" alt="Gitter" class="logo-image menu-animation">
  34           </a>
  35
  36           <div class="top-navigation menu-animation">
  37             <a href="#apps-panel">{{ __ "Apps" }}</a>
  38             <a href="https://element.io/open-source" target="_blank">{{ __ "Open Source" }}</a>
  39           </div>
  40
  41           <a class="btn login" href="{{ elementUrl }}">
  42             <b><span class='desktopOnly'>{{ __ "Sign In to Start Talking"}}</span><span
  43                 class='exceptDesktop'>{{ __ "Sign In"}}</span></b>
  44           </a>
  45         </div>
  46       </nav>
  47       <div class="wrap">
  48         <div class="map">
  49           <img class="bg" src="{{cdn 'images/home/map.png'}}" alt="There should be a map here">
  50         </div>
  51
  52         <div class="intro-title-block">
  53           <h1>{{ __ "Where communities thrive"}}</h1>
  54
  55           <a class="gitter-element-news-link" href="https://blog.gitter.im/2023/02/13/gitter-has-fully-migrated-to-matrix/" target="_blank">
  56             <svg width="32" height="32" viewBox="39 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  57               <g filter="url(#filter0_d)">
  58               <rect x="39" width="32" height="32" rx="8" fill="url(#paint0_linear)"/>
  59               </g>
  60               <rect x="49.5781" y="6.90234" width="1.70308" height="11.3838" fill="white"/>
  61               <rect x="52.625" y="9.67969" width="1.70308" height="15.3277" fill="white"/>
  62               <rect x="55.4922" y="9.67969" width="1.70308" height="15.3277" fill="white"/>
  63               <rect x="58.7188" y="9.67969" width="1.70308" height="8.60504" fill="white"/>
  64               <defs>
  65               <filter id="filter0_d" x="0.493008" y="0" width="109.014" height="110.137" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  66               <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  67               <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
  68               <feOffset dy="39.63"/>
  69               <feGaussianBlur stdDeviation="19.2535"/>
  70               <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
  71               <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
  72               <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
  73               </filter>
  74               <linearGradient id="paint0_linear" x1="55" y1="0" x2="55" y2="32" gradientUnits="userSpaceOnUse">
  75               <stop stop-color="#EB1963"/>
  76               <stop offset="1" stop-color="#CE1358"/>
  77               </linearGradient>
  78               </defs>
  79             </svg>
  80
  81             <svg class="gitter-element-news-logo-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  82               <path d="M7.87598 2.12366V13.8758" stroke="#74726C" stroke-width="2" stroke-linecap="round"/>
  83               <path d="M13.7524 8.00024H2.00033" stroke="#74726C" stroke-width="2" stroke-linecap="round"/>
  84             </svg>
  85
  86
  87             <svg width="32" height="32" viewBox="39 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  88               <g filter="url(#filter0_d)">
  89               <rect x="38.7529" width="32" height="32" rx="8" fill="#0DBD8B"/>
  90               </g>
  91               <path fill-rule="evenodd" clip-rule="evenodd" d="M58.5872 13.7667C58.5872 10.7014 56.1023 8.21651 53.037 8.21651C52.3052 8.21651 51.7119 7.62326 51.7119 6.89146C51.7119 6.15965 52.3052 5.56641 53.037 5.56641C57.5659 5.56641 61.2373 9.23781 61.2373 13.7667C61.2373 14.4985 60.6441 15.0918 59.9123 15.0918C59.1804 15.0918 58.5872 14.4985 58.5872 13.7667ZM46.9694 17.7199C46.9694 14.6546 49.4544 12.1696 52.5197 12.1696C53.2515 12.1696 53.8447 11.5764 53.8447 10.8446C53.8447 10.1128 53.2515 9.51953 52.5197 9.51953C47.9907 9.51953 44.3193 13.1909 44.3193 17.7199C44.3193 18.4517 44.9126 19.0449 45.6444 19.0449C46.3762 19.0449 46.9694 18.4517 46.9694 17.7199ZM50.9226 18.2333C50.9226 21.2986 53.4075 23.7835 56.4728 23.7835C57.2046 23.7835 57.7978 24.3767 57.7978 25.1085C57.7978 25.8403 57.2046 26.4336 56.4728 26.4336C51.9439 26.4336 48.2725 22.7622 48.2725 18.2333C48.2725 17.5015 48.8657 16.9082 49.5975 16.9082C50.3293 16.9082 50.9226 17.5015 50.9226 18.2333ZM56.9901 19.8304C60.0554 19.8304 62.5403 17.3454 62.5403 14.2801C62.5403 13.5483 63.1336 12.9551 63.8654 12.9551C64.5972 12.9551 65.1904 13.5483 65.1904 14.2801C65.1904 18.8091 61.519 22.4805 56.9901 22.4805C56.2583 22.4805 55.6651 21.8872 55.6651 21.1554C55.6651 20.4236 56.2583 19.8304 56.9901 19.8304Z" fill="white"/>
  92               <defs>
  93               <filter id="filter0_d" x="0.245937" y="0" width="109.014" height="110.137" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
  94               <feFlood flood-opacity="0" result="BackgroundImageFix"/>
  95               <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
  96               <feOffset dy="39.63"/>
  97               <feGaussianBlur stdDeviation="19.2535"/>
  98               <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
  99               <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
 100               <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
 101               </filter>
 102               </defs>
 103             </svg>
 104
 105
 106             <span class="gitter-element-news-link-text">
 107                 Latest news<br />
 108                 Gitter has migrated to Matrix
 109               </span>
 110             </span>
 111           </a>
 112         </div>
 113
 114         <p>
 115           {{ __ "Gitter is a chat and networking platform that helps to manage, grow and connect communities through messaging, content and discovery." }}
 116         </p>
 117
 118         <div class="intro-panel-cta-button-block">
 119           <a class="button-caribbean signup intro-panel-button"
 120             href="{{ elementUrl }}">
 121             {{ __ "Sign-in to start talking" }}
 122           </a>
 123
 124           <a class="subdued-button-clouds intro-panel-button" href="#apps-panel">
 125             {{ __ "Get the apps"}}
 126           </a>
 127         </div>
 128
 129         <div class="legal">
 130           <span>
 131             {{{ __ "By signing up you agree to our <a %s>End User License Agreement</a> and <a %s>Acceptable Use Policy</a>." "href='https://static.element.io/pdfs/enterprise-EULA.pdf' target='_blank'" "href='https://static.element.io/pdfs/acceptable-use-policy.pdf' target='_blank'" }}}
 132           </span>
 133         </div>
 134
 135         <ul class="mini-features-list">
 136           <li>
 137             <h2>{{ __ "Built on Matrix" }}</h2>
 138             <span>{{{ __ "<a %s>Matrix.org</a> is an open network for secure, decentralized communication. There is a variety of clients are available. <a %s>Learn more</a>" "href='https://matrix.org/' target='_blank'" "href='https://matrix.org/clients/' target='_blank'" }}}</span>
 139           </li>
 140
 141           <li>
 142             <h2>{{ __ "Simple to start"}}</h2>
 143             <span>{{ __ "Sign-in with GitHub/GitLab/Twitter and start chatting, with End-to-End Encrypted messaging."}}</span>
 144           </li>
 145
 146           <li>
 147             <h2>{{ __ "Markdown and LaTeX" }}</h2>
 148             <span>{{ __ "Format your messages just like with your other favorite developer tools." }}</span>
 149           </li>
 150         </ul>
 151       </div>
 152       <div class='bg-animation'>{{!-- the div below is responsible for the fadein of the background --}}</div>
 153     </header>
 154
 155
 156     <section id="trusted-by-panel">
 157       <div class="wrap">
 158         <h1 class="trusted-by-heading">{{ __ "Trusted by"}}</h1>
 159
 160         <ul class="trusted-by-list">
 161           <li class="trusted-by-list-item">
 162             <a href="https://gitter.im/airbnb">
 163               <img class="trusted-by-list-item-logo" src="{{cdn 'images/home/logos/trusted-by-airbnb.png'}}"
 164                 alt="AirBnB">
 165             </a>
 166           </li>
 167           <li class="trusted-by-list-item--smaller">
 168             <a href="https://gitter.im/aws">
 169               <img class="trusted-by-list-item-logo" src="{{cdn 'images/home/logos/trusted-by-aws.png'}}"
 170                 alt="Amazon Web Services">
 171             </a>
 172           </li>
 173           <li class="trusted-by-list-item">
 174             <a href="https://gitter.im/google">
 175               <img class="trusted-by-list-item-logo" src="{{cdn 'images/home/logos/trusted-by-google.png'}}"
 176                 alt="Google">
 177             </a>
 178           </li>
 179           <li class="trusted-by-list-item">
 180             <a href="https://gitter.im/microsoft">
 181               <img class="trusted-by-list-item-logo" src="{{cdn 'images/home/logos/trusted-by-microsoft.png'}}"
 182                 alt="Microsoft">
 183             </a>
 184           </li>
 185           <li class="trusted-by-list-item">
 186             <a href="https://gitter.im/mozillascience">
 187               <img class="trusted-by-list-item-logo"
 188                 src="{{cdn 'images/home/logos/trusted-by-mozilla-science-lab.png'}}" alt="Mozilla Science Lab">
 189             </a>
 190           </li>
 191           <li class="trusted-by-list-item--smaller">
 192             <a href="https://gitter.im/rails">
 193               <img class="trusted-by-list-item-logo" src="{{cdn 'images/home/logos/trusted-by-rails.png'}}" alt="Rails">
 194             </a>
 195           </li>
 196           <li class="trusted-by-list-item--smaller">
 197             <a href="https://gitter.im/scala">
 198               <img class="trusted-by-list-item-logo" src="{{cdn 'images/home/logos/trusted-by-scala.png'}}" alt="Scala">
 199             </a>
 200           </li>
 201         </ul>
 202       </div>
 203     </section>
 204
 205     <section id="matrix-native-panel">
 206       <div class="wrap">
 207         <h1 class="matrix-primary-heading">
 208           {{ __ "Matrix native"}}
 209         </h1>
 210
 211         <div class="matrix-native-panel-content">
 212           <div class="matrix-native-panel-content-description">
 213             <p class="matrix-description-paragraph">
 214               Chat that always works and your content is made to last.
 215             </p>
 216             <p class="matrix-description-paragraph">
 217               Available however you want to access Gitter. Just connect your favorite Matrix client to the <code>gitter.im</code> homeserver.
 218             </p>
 219             <p class="matrix-description-paragraph">
 220               Internals you'll want to see, it's just JSON, make it yours.
 221             </p>
 222             <p class="matrix-description-paragraph">
 223               <a href="https://matrix.org/" target="_blank">Learn more</a>
 224             </p>
 225           </div>
 226
 227           <div class="matrix-native-panel-content-logo-wrapper">
 228             <svg class="matrix-native-panel-content-logo" width="446" height="186" viewBox="0 0 446 186" fill="none" xmlns="http://www.w3.org/2000/svg">
 229               <path d="M5.01531 180.849V5.15076H18.0847V0.935791H0V185.064H18.0847V180.849H5.01531Z" fill="white"/>
 230               <path d="M55.3686 69.7392V60.8479H37.7777V126.515H56.4184V88.4103C56.4184 85.193 56.8993 82.5908 57.8627 80.5998C58.8255 78.6115 59.9838 77.0873 61.3422 76.0278C62.6977 74.971 64.099 74.25 65.5433 73.8689C66.9858 73.4868 68.1453 73.296 69.0217 73.296C71.9972 73.296 74.2506 73.7858 75.7824 74.7562C77.3137 75.7315 78.4081 77.0239 79.0647 78.6311C79.7224 80.2411 80.0931 81.9976 80.1824 83.9039C80.2666 85.8081 80.3123 87.7351 80.3123 89.6824V126.516H98.9536V89.9366C98.9536 87.9046 99.1056 85.8928 99.4136 83.9039C99.7193 81.9129 100.332 80.1356 101.251 78.5672C102.169 77.0025 103.437 75.7315 105.058 74.7562C106.677 73.7858 108.8 73.296 111.425 73.296C114.05 73.296 116.13 73.7219 117.662 74.5654C119.191 75.4128 120.352 76.557 121.141 77.9953C121.928 79.437 122.407 81.1295 122.584 83.0757C122.76 85.0247 122.847 87.0993 122.847 89.2998V126.515H141.49V82.5695C141.49 78.3343 140.876 74.7163 139.652 71.7073C138.424 68.7038 136.718 66.2694 134.531 64.4052C132.343 62.5426 129.717 61.188 126.656 60.3411C123.59 59.4943 120.266 59.0701 116.677 59.0701C111.95 59.0701 107.859 60.1727 104.402 62.3732C100.944 64.5747 98.2089 67.1157 96.1974 69.994C94.3593 65.9288 91.6674 63.0937 88.1224 61.4837C84.5784 59.8764 80.661 59.0701 76.3734 59.0701C71.9107 59.0701 67.9487 60.0038 64.4923 61.8637C61.0337 63.7268 58.0813 66.3547 55.6302 69.7392H55.3686Z" fill="white"/>
 231               <path fill-rule="evenodd" clip-rule="evenodd" d="M160.784 63.77C157.807 65.4652 155.356 67.7078 153.432 70.503C151.504 73.2955 150.412 76.8112 150.15 81.0437H168.792C169.14 77.4886 170.368 74.947 172.468 73.4228C174.569 71.8987 177.457 71.136 181.133 71.136C182.794 71.136 184.349 71.2443 185.793 71.4531C187.236 71.6658 188.506 72.0895 189.6 72.7242C190.693 73.3589 191.569 74.2494 192.225 75.392C192.882 76.5346 193.21 78.0812 193.21 80.0274C193.295 81.8916 192.726 83.3097 191.503 84.2833C190.276 85.2581 188.615 85.9978 186.514 86.5056C184.414 87.0135 182.006 87.3951 179.294 87.6498C176.58 87.9035 173.824 88.243 171.023 88.665C168.222 89.0909 165.443 89.6611 162.687 90.38C159.929 91.0994 157.479 92.1792 155.336 93.618C153.189 95.0591 151.439 96.9846 150.084 99.3993C148.725 101.81 148.047 104.881 148.047 108.605C148.047 111.991 148.639 114.915 149.821 117.371C151.002 119.826 152.643 121.858 154.744 123.464C156.844 125.076 159.293 126.261 162.095 127.023C164.895 127.784 167.915 128.166 171.154 128.166C175.355 128.166 179.469 127.571 183.496 126.389C187.519 125.203 191.021 123.128 193.997 120.164C194.083 121.266 194.236 122.345 194.457 123.402C194.674 124.462 194.959 125.498 195.31 126.514H214.214C213.338 125.16 212.724 123.128 212.377 120.417C212.026 117.708 211.851 114.874 211.851 111.907V77.7422C211.851 73.7618 210.932 70.5647 209.094 68.1517C207.255 65.7397 204.893 63.8541 202.005 62.5C199.116 61.1469 195.921 60.2356 192.421 59.7682C188.92 59.3041 185.464 59.0701 182.05 59.0701C178.287 59.0701 174.544 59.4314 170.825 60.1503C167.105 60.8709 163.758 62.0769 160.784 63.77ZM186.449 96.9226C187.805 96.6678 189.075 96.3513 190.255 95.9708C191.438 95.5892 192.422 95.0605 193.211 94.381V101.114C193.211 102.13 193.1 103.485 192.883 105.178C192.664 106.874 192.072 108.543 191.11 110.193C190.146 111.846 188.659 113.265 186.647 114.449C184.632 115.636 181.789 116.228 178.113 116.228C176.625 116.228 175.181 116.101 173.782 115.846C172.38 115.594 171.155 115.148 170.106 114.513C169.056 113.879 168.223 113.011 167.61 111.908C166.997 110.81 166.692 109.453 166.692 107.846C166.692 106.153 166.997 104.755 167.61 103.654C168.223 102.556 169.032 101.644 170.04 100.924C171.045 100.204 172.227 99.6341 173.585 99.2083C174.94 98.7868 176.318 98.4451 177.719 98.1931C179.206 97.9389 180.694 97.7284 182.183 97.5573C183.67 97.3889 185.092 97.1768 186.449 96.9226Z" fill="white"/>
 232               <path d="M260.95 72.9213V60.8548H247.298V41.1675H228.656V60.8548H217.366V72.9213H228.656V111.659C228.656 114.963 229.224 117.632 230.363 119.662C231.5 121.694 233.054 123.263 235.023 124.362C236.992 125.464 239.267 126.203 241.85 126.583C244.431 126.965 247.167 127.156 250.055 127.156C251.893 127.156 253.774 127.112 255.699 127.03C257.624 126.944 259.375 126.776 260.95 126.521V112.55C260.076 112.718 259.156 112.847 258.194 112.93C257.231 113.015 256.225 113.057 255.175 113.057C252.024 113.057 249.922 112.549 248.874 111.533C247.823 110.518 247.298 108.484 247.298 105.438V72.9213H260.95Z" fill="white"/>
 233               <path d="M287.6 60.849V73.0429H287.863C288.736 71.0092 289.917 69.127 291.407 67.3896C292.895 65.6555 294.6 64.1723 296.526 62.9445C298.45 61.7188 300.508 60.7659 302.698 60.0864C304.883 59.4101 307.16 59.0701 309.524 59.0701C310.749 59.0701 312.104 59.2833 313.593 59.7059V76.4728C312.717 76.3022 311.667 76.1535 310.443 76.0278C309.217 75.9004 308.036 75.8365 306.898 75.8365C303.484 75.8365 300.596 76.3886 298.234 77.488C295.871 78.589 293.968 80.0908 292.524 81.9966C291.08 83.9028 290.049 86.124 289.437 88.665C288.825 91.2044 288.519 93.9581 288.519 96.9211V126.515H269.878V60.849H287.6Z" fill="white"/>
 234               <path d="M321.472 50.6914V35.8307H340.115V50.6914H321.472Z" fill="white"/>
 235               <path d="M340.113 60.8543V126.521H321.47V60.8543H340.113Z" fill="white"/>
 236               <path d="M349.823 60.8472H371.09L383.037 77.9941L394.853 60.8472H415.463L393.146 91.5853L418.221 126.514H396.953L382.774 105.811L368.595 126.514H347.724L372.141 91.9674L349.823 60.8472Z" fill="white"/>
 237               <path d="M440.984 5.15076V180.849H427.914V185.064H446V0.935791H427.914V5.15076H440.984Z" fill="white"/>
 238             </svg>
 239           </div>
 240         </div>
 241
 242       </div>
 243     </section>
 244
 245     <section id="apps-panel">
 246       <div class="wrap">
 247         <div class="devices">
 248           {{! find the raw source file at https://gitlab.com/gitlab-org/gitter/design/-/blob/master/design-assets/deliverables/frontpage/gitter-apps.xcf}}
 249           <img srcset="{{cdn 'images/home/gitter-apps.png'}}, {{cdn 'images/home/gitter-apps@2x.png'}} 2x"
 250             src="{{cdn 'images/home/gitter-apps.png'}}">
 251         </div>
 252
 253         <h1>{{ __ "Get Gitter"}}</h1>
 254         {{> apps_content }}
 255     </section>
 256
 257
 258     <section id="testimonials-panel">
 259       <div class="wrap">
 260         <div class="quotes">
 261           <blockquote>
 262             <div class="testimonial-image-wrapper">
 263               <img src="{{cdn 'images/home/testimonial-chrisvnicholson.jpg' }}">
 264             </div>
 265
 266             <cite><b>Chris Nicholson</b><span class="no-small">, Deeplearning4j</span>:</cite>
 267             <p>We have an engineering team and open source community distributed over several continents, but the
 268               conversation lives in one place - and that's Gitter.</p>
 269           </blockquote>
 270
 271           <blockquote>
 272             <div class="testimonial-image-wrapper">
 273               <img src="{{cdn 'images/home/testimonial-dreadknight.jpg' }}">
 274             </div>
 275
 276             <cite><b>Valentin Anastase</b><span class="no-small">, Freezing Moon</span>:</cite>
 277             <p>Other communication solutions for the projects I’ve been involved in were far from ideal. Switching to
 278               Gitter was one of the best decisions I've made and there's no going back now.</p>
 279           </blockquote>
 280
 281           <blockquote>
 282             <div class="testimonial-image-wrapper">
 283               <img src="{{cdn 'images/home/testimonial-ttmc.jpg' }}">
 284             </div>
 285
 286             <cite><b>Troy McConaghy</b><span class="no-small">, BigchainDB developer</span>:</cite>
 287             <p>Gitter is the main way people contact us to ask questions about BigchainDB. I guess it just feels more
 288               open, immediate and personal.</p>
 289           </blockquote>
 290
 291           <blockquote>
 292             <div class="testimonial-image-wrapper">
 293               <img src="{{cdn 'images/home/testimonial-krishnasrinivas.jpg' }}">
 294             </div>
 295
 296             <cite><b>Krishna Srinivas</b><span class="no-small">, Minio</span>:</cite>
 297             <p>Gitter is the IRC of the post-IRC era. It has helped us at Minio build and connect with our community
 298               really well.</p>
 299           </blockquote>
 300
 301           <blockquote>
 302             <div class="testimonial-image-wrapper">
 303               <img src="{{cdn 'images/home/samccone.jpeg'}}">
 304             </div>
 305
 306             <cite><b>Sam Saccone</b><span class="no-small">, Marionette.js Lead</span>:</cite>
 307             <p>Gitter has helped to bring the Marionette community together, turning it into a thriving collaborative
 308               environment that has been exceedingly beneficial to both our endusers and maintainers.</p>
 309           </blockquote>
 310
 311           <blockquote>
 312             <div class="testimonial-image-wrapper">
 313               <img src="{{cdn 'images/home/diasdavid.jpeg'}}">
 314             </div>
 315
 316             <cite><b>David Dias</b><span class="no-small">, LXJS Conference Organiser</span>:</cite>
 317             <p>Gitter was an essential tool, not only for organising LXJS but to create a thriving community amongst our
 318               attendees before, during and even after the conference.</p>
 319           </blockquote>
 320
 321           <blockquote>
 322             <div class="testimonial-image-wrapper">
 323               <img src="{{cdn 'images/home/doge.jpeg'}}">
 324             </div>
 325
 326             <cite><b>Doge</b><span class="no-small">, Chief Woofing Officer</span>:</cite>
 327             <p>Wow chat. Much awesome.</p>
 328           </blockquote>
 329
 330         </div>
 331
 332         <h1>{{ __ "Loved by our users" }}</h1>
 333         <p>{{ __ "Gitter is nothing without the people using it day in and day out." }}</p>
 334         <p>
 335           {{{ __ "We need updated quotes! If you love Gitter, Tweet us <a %s>@gitchat</a> with what Gitter means to you or your community." "href='https://twitter.com/gitchat' target='_blank'" "@gitchat" }}}<br><br>
 336         </p>
 337       </div>
 338     </section>
 339
 340   </div>
 341
 342   <footer id="bottom-panel">
 343     <div class="wrap">
 344       {{> footer_content }}
 345       {{#if translationRequired}}
 346       <p class="translation">
 347         <a href="https://gitlab.com/gitlab-org/gitter/gitter-translations">Want this in {{ requestLangLocalName}}?</a>
 348       </p>
 349       {{else}}
 350       {{#if translated}}
 351       <p class="translation">
 352         <a href="https://gitlab.com/gitlab-org/gitter/gitter-translations">Translation</a> kindly done by
 353         {{{ translated }}}.
 354       </p>
 355       {{/if}}
 356       {{/if}}
 357
 358     </div>
 359   </footer>
 360
 361   {{{ generateEnv anonymous=true }}}
 362   {{{ bootScript bootScriptName jsRoot=jsRoot }}}
 363
 364   <script type="text/javascript" src="//use.typekit.net/ohh4mcl.js"></script>
 365   <script type="text/javascript">try { Typekit.load(); } catch (e) { }</script>
 366
 367 </body>
 368
 369 </html>