This is an automated email from the ASF dual-hosted git repository. bcall pushed a commit to branch modernize-website in repository https://gitbox.apache.org/repos/asf/trafficserver-site.git
commit cc4af4121371fe96d8df9790844e79264cec4e7d Author: Bryan Call <[email protected]> AuthorDate: Wed Dec 24 13:24:23 2025 -0800 Redesign customers page with modern grid layout - Added gradient hero section with title and description - Created responsive grid layout (2/3/5 columns) - Each company logo in individual card with hover effects - Logos properly centered and sized consistently - Added call-to-action section with contact button - Improved visual hierarchy and spacing --- newsite/content/users.html | 195 ++++++++++++++++++++++++++++----------------- 1 file changed, 122 insertions(+), 73 deletions(-) diff --git a/newsite/content/users.html b/newsite/content/users.html index 52afc55..88070fd 100644 --- a/newsite/content/users.html +++ b/newsite/content/users.html @@ -75,12 +75,12 @@ <!-- Desktop Navigation --> <nav class="hidden lg:flex items-center space-x-6"> <a href="/" class="text-gray-700 hover:text-accent transition-colors font-medium">Home</a> - <a href="/downloads" class="text-gray-700 hover:text-accent transition-colors font-medium">Downloads</a> + <a href="/downloads.html" class="text-gray-700 hover:text-accent transition-colors font-medium">Downloads</a> <a href="https://docs.trafficserver.apache.org/en/latest/index.html"; class="text-gray-700 hover:text-accent transition-colors font-medium">Documentation</a> <a href="https://cwiki.apache.org/confluence/display/TS/Apache+Traffic+Server"; class="text-gray-700 hover:text-accent transition-colors font-medium">Wiki</a> <a href="https://github.com/apache/trafficserver/issues"; class="text-gray-700 hover:text-accent transition-colors font-medium">Issues</a> <a href="https://ci.trafficserver.apache.org/"; class="text-gray-700 hover:text-accent transition-colors font-medium">CI</a> - <a href="/users.html" class="text-gray-700 hover:text-accent transition-colors font-medium">Customers</a> + <a href="/users.html" class="text-accent font-semibold">Customers</a> </nav> <!-- Apache Logo --> @@ -103,83 +103,140 @@ <nav id="mobile-menu" class="hidden lg:hidden pb-4 mobile-menu-enter"> <div class="space-y-2"> <a href="/" class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Home</a> - <a href="/downloads" class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Downloads</a> + <a href="/downloads.html" class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Downloads</a> <a href="https://docs.trafficserver.apache.org/en/latest/index.html"; class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Documentation</a> <a href="https://cwiki.apache.org/confluence/display/TS/Apache+Traffic+Server"; class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Wiki</a> <a href="https://github.com/apache/trafficserver/issues"; class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Issues</a> <a href="https://ci.trafficserver.apache.org/"; class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">CI</a> - <a href="/users.html" class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Customers</a> + <a href="/users.html" class="block px-3 py-2 rounded-md bg-blue-50 text-accent font-semibold">Customers</a> <a href="/acknowledgements.html" class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Acknowledgements</a> <a href="/press.html" class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Press Kit</a> <a href="/assistance.html" class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Assistance</a> - <div class="border-t border-gray-200 my-2"></div> - <a href="https://github.com/apache/trafficserver/security/policy"; class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Security</a> - <a href="https://www.apache.org/foundation/sponsorship.html"; class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Donate</a> - <a href="https://www.apache.org/"; class="block px-3 py-2 rounded-md text-gray-700 hover:bg-gray-100 hover:text-accent transition-colors font-medium">Apache Foundation</a> </div> </nav> </div> </header> - <!-- Main Content --> - <main class="min-h-screen bg-gray-50 py-12"> - <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> - <div class="bg-white rounded-lg shadow-sm p-8"> - <div id="content" class="prose prose-blue max-w-none"> - <h1 id='companies-using-apache-traffic-server'>Companies using Apache Traffic Server<a href='#companies-using-apache-traffic-server' title='Permanent link to this' class='headerlink'>¶</a></h1> -<p>Apache Traffic Server is used world-wide by companies of many sizes, ranging from the -small entrepreneurial starter companies to the large Internet conglomerates like Yahoo, -Comcast and Akamai. Companies that use Apache Traffic Server include:</p> -<p> -<a rel="nofollow" href="http://www.comcast.com";><img alt="Comcast" src="/images/companies/comcast.png" title=""/></a> -<a rel="nofollow" href="http://www.yahoo.com";><img alt="Yahoo!" src="/images/companies/yahoo.png" title=""/></a> -<a rel="nofollow" href="http://www.linkedin.com/";><img alt="LinkedIn" src="/images/companies/linkedin.png" title=""/></a> -<a rel="nofollow" href="http://www.godaddy.com/";><img alt="Go Daddy" src="/images/companies/godaddy.png" title=""/></a> -<a rel="nofollow" href="http://www.yahoo.co.jp/";><img alt="Yahoo! Japan" src="/images/companies/yahoo_japan.png" title=""/></a> -</p> - -<p> -<a rel="nofollow" href="http://www.akamai.com/";><img alt="Akamai" src="/images/companies/akamai.png" title=""/></a> -<a rel="nofollow" href="http://www.upyun.com/";><img alt="Upyun" src="/images/companies/upyunLogo.png" title=""/></a> -<a rel="nofollow" href="http://www.verycloud.cn/";><img alt="Verycloud! China" src="/images/companies/verycloud_logo.png" title=""/></a> -<a rel="nofollow" href="http://www.websense.com/";><img alt="Websense" src="/images/companies/websense.png" title=""/></a> -<a rel="nofollow" href="http://www.azion.com";><img alt="Azion Technologies" src="/images/companies/azion.png" title=""/></a> -</p> - -<p> -<a rel="nofollow" href="http://www.4399.com/";><img alt="4399" src="/images/companies/4399_logo.gif" title=""/></a> -<a rel="nofollow" href="http://owmobility.com/";><img alt="Openwave Mobility" src="/images/companies/owmobility.png" title=""/></a> -<a rel="nofollow" href="https://torchbox.com/";><img alt="Torchbox" src="/images/companies/torchbox.png" title=""/></a> -<a rel="nofollow" href="http://www.iispeed.com/";><img alt="IISpeed" src="/images/companies/iispeed.png" title=""/></a> -<a rel="nofollow" href="http://www.omniti.com/";><img alt="OmniTI" src="/images/companies/omniti.png" title=""/></a> -</p> - -<p> -<a rel="nofollow" href="http://www.betfair.com/";><img alt="Betfair" src="/images/companies/betfair.png" title=""/></a> -<a rel="nofollow" href="http://www.ip-only.com/link=ats";><img alt="IP Only" src="/images/companies/iponly.png" title=""/></a> -<a rel="nofollow" href="http://www.thelounge.net/";><img alt="The Lounge" src="/images/companies/tthelounge.png" title=""/></a> -<a rel="nofollow" href="http://www.internode.on.net/";><img alt="Internode" src="/images/companies/internode.png" title=""/></a> -<a rel="nofollow" href="http://www.sic-software.com/";><img alt="SiC Software" src="/images/companies/sic.png" title=""/></a> -</p> - -<p> -<a rel="nofollow" href="http://www.devaus.net/";><img alt="Devaus" src="/images/companies/devaus.png" title=""/></a> -<a rel="nofollow" href="http://www.powerhttp.com/";><img alt="PowerHTTP" src="/images/companies/powerhttp.png" title=""/></a> -<a rel="nofollow" href="http://vng.com.vn/";><img alt="VNG" src="/images/companies/vng.png" title=""/></a> -<a rel="nofollow" href="http://www.tilauslentopalvelu.fi/";><img alt="Suomen Tilauslentopalvelu" src="/images/companies/suomen.png" title=""/></a> -<a rel="nofollow" href="http://www.guruve.com/";><img alt="Guruve" src="/images/companies/guruve.png" title=""/></a> -</p> + <!-- Hero Section --> + <section class="bg-gradient-to-br from-blue-900 via-blue-800 to-cyan-700 text-white py-16"> + <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> + <h1 class="text-4xl md:text-5xl font-bold mb-6">Our Customers</h1> + <p class="text-xl text-blue-100 leading-relaxed max-w-3xl mx-auto"> + Apache Traffic Server is used worldwide by companies of many sizes, ranging from small entrepreneurial startups to large Internet conglomerates like Yahoo!, Comcast, and Akamai. + </p> + </div> + </section> -<p> -<a rel="nofollow" href="http://equalit.ie/";><img alt="eQualit.ie" src="/images/companies/equalit.ie.png" title=""/></a> -<a rel="nofollow" href="http://frisch-inspiriert.de/";><img alt="Frisch Inspiriert" src="/images/companies/frisch.png" title=""/></a> -<a rel="nofollow" href="http://www.brainswear.at/";><img alt="Brainswear" src="/images/companies/brainswear.png" title=""/></a> -<a rel="nofollow" href="http://www.eehu.com/";><img alt="eehu.com" src="/images/companies/eehu.png" title=""/></a> -<a rel="nofollow" href="http://www.titanbet.co.uk";><img alt="titanbet.co.uk" src="/images/companies/titanbet.png" title=""/></a> -</p> + <!-- Main Content --> + <main class="min-h-screen bg-gray-50 py-16"> + <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> + + <!-- Logo Grid --> + <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8 mb-12"> + <a rel="nofollow" href="http://www.comcast.com"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Comcast" src="/images/companies/comcast.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.yahoo.com"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Yahoo!" src="/images/companies/yahoo.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.linkedin.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="LinkedIn" src="/images/companies/linkedin.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.godaddy.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Go Daddy" src="/images/companies/godaddy.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.yahoo.co.jp/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Yahoo! Japan" src="/images/companies/yahoo_japan.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.akamai.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Akamai" src="/images/companies/akamai.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.upyun.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Upyun" src="/images/companies/upyunLogo.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.verycloud.cn/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Verycloud! China" src="/images/companies/verycloud_logo.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.websense.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Websense" src="/images/companies/websense.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.azion.com"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Azion Technologies" src="/images/companies/azion.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.4399.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="4399" src="/images/companies/4399_logo.gif" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://owmobility.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Openwave Mobility" src="/images/companies/owmobility.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="https://torchbox.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Torchbox" src="/images/companies/torchbox.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.iispeed.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="IISpeed" src="/images/companies/iispeed.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.omniti.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="OmniTI" src="/images/companies/omniti.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.betfair.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Betfair" src="/images/companies/betfair.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.ip-only.com/link=ats"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="IP Only" src="/images/companies/iponly.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.thelounge.net/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="The Lounge" src="/images/companies/tthelounge.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.internode.on.net/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Internode" src="/images/companies/internode.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.sic-software.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="SiC Software" src="/images/companies/sic.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.devaus.net/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Devaus" src="/images/companies/devaus.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.powerhttp.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="PowerHTTP" src="/images/companies/powerhttp.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://vng.com.vn/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="VNG" src="/images/companies/vng.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.tilauslentopalvelu.fi/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Suomen Tilauslentopalvelu" src="/images/companies/suomen.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.guruve.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Guruve" src="/images/companies/guruve.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://equalit.ie/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="eQualit.ie" src="/images/companies/equalit.ie.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://frisch-inspiriert.de/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Frisch Inspiriert" src="/images/companies/frisch.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.brainswear.at/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="Brainswear" src="/images/companies/brainswear.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.eehu.com/"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="eehu.com" src="/images/companies/eehu.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + <a rel="nofollow" href="http://www.titanbet.co.uk"; class="bg-white rounded-lg p-6 flex items-center justify-center hover:shadow-lg transition-shadow border border-gray-200"> + <img alt="titanbet.co.uk" src="/images/companies/titanbet.png" class="max-w-full h-auto max-h-16 object-contain"/> + </a> + </div> -<p>Please contact [email protected] to be added.</p> - </div> + <!-- CTA Section --> + <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8 text-center"> + <h2 class="text-2xl font-bold text-primary mb-4">Join Our Community</h2> + <p class="text-gray-600 mb-6"> + Are you using Apache Traffic Server? We'd love to showcase your company on this page! + </p> + <a href="mailto:[email protected]"; class="inline-flex items-center px-6 py-3 bg-gradient-to-r from-blue-500 to-blue-900 text-white font-semibold rounded-lg hover:shadow-lg transition-all"> + <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/> + </svg> + Contact Us to Be Added + </a> </div> </div> </main> @@ -188,7 +245,6 @@ Comcast and Akamai. Companies that use Apache Traffic Server include:</p> <footer class="bg-gray-50 border-t border-gray-200 mt-16"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> - <!-- Column 1 --> <div> <h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">Resources</h3> <ul class="space-y-3"> @@ -199,7 +255,6 @@ Comcast and Akamai. Companies that use Apache Traffic Server include:</p> </ul> </div> - <!-- Column 2 --> <div> <h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">Community</h3> <ul class="space-y-3"> @@ -210,7 +265,6 @@ Comcast and Akamai. Companies that use Apache Traffic Server include:</p> </ul> </div> - <!-- Column 3 --> <div> <h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">Apache</h3> <ul class="space-y-3"> @@ -222,7 +276,6 @@ Comcast and Akamai. Companies that use Apache Traffic Server include:</p> </ul> </div> - <!-- Column 4 --> <div> <h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">More</h3> <ul class="space-y-3"> @@ -253,7 +306,3 @@ Comcast and Akamai. Companies that use Apache Traffic Server include:</p> <script src="/js/menu.js"></script> </body> </html> - - - -
