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 e4e1cb484d9d82f43f2f90c4e394c37778cc18c9 Author: Bryan Call <[email protected]> AuthorDate: Wed Dec 24 13:32:52 2025 -0800 Redesign press kit page with modern grid layout - Added gradient hero section - Created cards for each logo/icon variation with previews - Organized logos by size (small/medium/large/SVG) - Added icons section with all three sizes - Download buttons for each asset with icons - Usage guidelines section with branding info - All images displayed with proper previews - Responsive grid layout (1/2/3 columns) --- newsite/content/press.html | 510 ++++++++++++++++++++++++++------------------- 1 file changed, 300 insertions(+), 210 deletions(-) diff --git a/newsite/content/press.html b/newsite/content/press.html index 9a3205e..1cc1fa7 100644 --- a/newsite/content/press.html +++ b/newsite/content/press.html @@ -1,219 +1,309 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Press Kit - Apache Traffic Server</title> - - <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. - See the NOTICE file distributed with this work for additional information regarding copyright ownership. - The ASF licenses this file to you under the Apache License, Version 2.0 (the "License"); you - may not use this file except in compliance with the License. You may obtain a copy of the License at - - https://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software distributed under the License is - distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and limitations under the License. --> - - <!-- Tailwind CSS --> - <script src="https://cdn.tailwindcss.com";></script> - <script> - tailwind.config = { - theme: { - extend: { - colors: { - 'primary': '#1e3a8a', - 'accent': '#3b82f6', - 'secondary': '#64748b' - }, - fontFamily: { - 'sans': ['Inter', '-apple-system', 'BlinkMacSystemFont', 'SF Pro', 'Segoe UI', 'Roboto', 'sans-serif'] - } - } - } - } - </script> - - <!-- Custom Styles --> - <link rel="stylesheet" href="/styles/custom.css"> - - <style> - .headerlink, .elementid-permalink { - visibility: hidden; - } - - /* Mobile menu animation */ - .mobile-menu-enter { - animation: slideDown 0.3s ease-out; - } - - @keyframes slideDown { - from { - opacity: 0; - transform: translateY(-10px); - } - to { - opacity: 1; - transform: translateY(0); - } - } - </style> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Press Kit - Apache Traffic Server</title> + + <!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. + See the NOTICE file distributed with this work for additional information regarding copyright ownership. + The ASF licenses this file to you under the Apache License, Version 2.0 (the "License"); you + may not use this file except in compliance with the License. You may obtain a copy of the License at + + https://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, software distributed under the License is + distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + See the License for the specific language governing permissions and limitations under the License. --> + + <!-- Tailwind CSS --> + <script src="https://cdn.tailwindcss.com";></script> + <script> + tailwind.config = { + theme: { + extend: { + colors: { + 'primary': '#1e3a8a', + 'accent': '#3b82f6', + 'secondary': '#64748b' + }, + fontFamily: { + 'sans': ['Inter', '-apple-system', 'BlinkMacSystemFont', 'SF Pro', 'Segoe UI', 'Roboto', 'sans-serif'] + } + } + } + } + </script> + + <!-- Custom Styles --> + <link rel="stylesheet" href="/styles/custom.css"> </head> <body class="font-sans text-gray-800 bg-white"> - <!-- Header --> - <header class="sticky top-0 z-50 bg-white shadow-sm"> - <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> - <div class="flex justify-between items-center py-4"> - <!-- Logo --> - <div class="flex items-center"> - <a href="/" class="flex items-center space-x-3"> - <img src="/images/press/ts_logo_tm_380x73.png" alt="Apache Traffic Server" class="h-12 w-auto"> - </a> - </div> - - <!-- 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="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://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> - </nav> - - <!-- Apache Logo --> - <div class="hidden lg:flex items-center space-x-4"> - <a href="https://www.apache.org/"; class="flex items-center"> - <img src="https://www.apache.org/images/feather-small.png"; alt="The Apache Software Foundation" class="h-10 w-auto"> - </a> - </div> - - <!-- Mobile menu button --> - <button id="mobile-menu-button" class="lg:hidden p-2 rounded-md text-gray-700 hover:text-accent hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-accent" aria-label="Toggle menu"> - <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> - <path id="menu-icon" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> - <path id="close-icon" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> - </svg> - </button> - </div> - - <!-- Mobile Navigation --> - <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="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="/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='press-kit'>Press Kit<a href='#press-kit' title='Permanent link to this' class='headerlink'>¶</a></h1> -<p>If you intend to use the Apache Traffic Server logo or icon for press releases, articles, -or other publications, feel free to use any of the images below:</p> -<p><img alt="Traffic Server Logo" src="/images/press/ts_logo_tm_380x73.png" title="" /></p> -<p><a href="/images/press/ts_logo_tm_380x73.png">Traffic Server Logo, small</a></p> -<p><a href="/images/press/ts_logo_tm_1024x196.png">Traffic Server Logo, medium</a> </p> -<p><a href="/images/press/ts_logo_tm_1960x375.png">Traffic Server Logo, large</a> </p> -<p><a href="/images/press/trafficserver.svg">Traffic Server Logo, SVG</a></p> -<p><br/></p> -<p><img alt="Traffic Server Icon" src="/images/press/tsicon_small.png" title="" /></p> -<p><a href="/images/press/tsicon_small.png">Traffic Server Icon, Small</a> </p> -<p><a href="/images/press/tsicon.png">Traffic Server Icon, medium</a> </p> -<p><a href="/images/press/tsicon_large.png">Traffic Server Icon, large</a> </p> - </div> - </div> - </div> - </main> - - <!-- Footer --> - <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"> - <li><a href="https://docs.trafficserver.apache.org/en/latest/index.html"; class="text-secondary hover:text-accent transition-colors">Documentation</a></li> - <li><a href="https://cwiki.apache.org/confluence/display/TS/Apache+Traffic+Server"; class="text-secondary hover:text-accent transition-colors">Wiki</a></li> - <li><a href="https://cwiki.apache.org/confluence/display/TS/FAQ"; class="text-secondary hover:text-accent transition-colors">FAQ</a></li> - <li><a href="https://github.com/apache/trafficserver/"; class="text-secondary hover:text-accent transition-colors">Source Code</a></li> - </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"> - <li><a href="/users.html" class="text-secondary hover:text-accent transition-colors">Customers</a></li> - <li><a href="/assistance.html" class="text-secondary hover:text-accent transition-colors">Get Help</a></li> - <li><a href="https://github.com/apache/trafficserver/issues"; class="text-secondary hover:text-accent transition-colors">Issues</a></li> - <li><a href="https://the-asf.slack.com/"; class="text-secondary hover:text-accent transition-colors">Slack Channel</a></li> - </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"> - <li><a href="https://www.apache.org/"; class="text-secondary hover:text-accent transition-colors">Foundation</a></li> - <li><a href="https://www.apache.org/licenses/"; class="text-secondary hover:text-accent transition-colors">License</a></li> - <li><a href="https://github.com/apache/trafficserver/security/policy"; class="text-secondary hover:text-accent transition-colors">Security</a></li> - <li><a href="https://www.apache.org/foundation/sponsorship.html"; class="text-secondary hover:text-accent transition-colors">Donate</a></li> - <li><a href="https://www.apache.org/foundation/thanks.html"; class="text-secondary hover:text-accent transition-colors">Thanks</a></li> - </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"> - <li><a href="/press.html" class="text-secondary hover:text-accent transition-colors">Press Kit</a></li> - <li><a href="/acknowledgements.html" class="text-secondary hover:text-accent transition-colors">Acknowledgements</a></li> - <li><a href="https://blogs.apache.org/trafficserver/"; class="text-secondary hover:text-accent transition-colors">Blog</a></li> - <li><a href="https://twitter.com/trafficserver"; class="text-secondary hover:text-accent transition-colors">Twitter</a></li> - </ul> - </div> - </div> - - <div class="mt-12 pt-8 border-t border-gray-200 flex flex-col md:flex-row justify-between items-center"> - <p class="text-secondary text-sm text-center md:text-left"> - Copyright © 2025 <a href="https://www.apache.org/"; class="hover:text-accent">The Apache Software Foundation</a>. - Licensed under the <a href="https://www.apache.org/licenses/"; class="hover:text-accent">Apache License</a>, Version 2.0. - Apache Traffic Server, Apache, the Apache Traffic Server logo, and the Apache feather logo are trademarks of The Apache Software Foundation. - </p> - <div class="mt-4 md:mt-0"> - <a href="https://www.apache.org/"; class="inline-block"> - <img src="https://www.apache.org/images/feather-small.png"; alt="Apache" class="h-8 w-auto"> - </a> - </div> - </div> - </div> - </footer> - - <!-- Mobile Menu Script --> - <script src="/js/menu.js"></script> -</body> -</html> + <!-- Header --> + <header class="sticky top-0 z-50 bg-white shadow-sm"> + <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> + <div class="flex justify-between items-center py-4"> + <div class="flex items-center"> + <a href="/" class="flex items-center space-x-3"> + <img src="/images/press/ts_logo_tm_380x73.png" alt="Apache Traffic Server" class="h-12 w-auto"> + </a> + </div> + + <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.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://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> + </nav> + + <div class="hidden lg:flex items-center space-x-4"> + <a href="https://www.apache.org/"; class="flex items-center"> + <img src="https://www.apache.org/images/feather-small.png"; alt="The Apache Software Foundation" class="h-10 w-auto"> + </a> + </div> + + <button id="mobile-menu-button" class="lg:hidden p-2 rounded-md text-gray-700 hover:text-accent hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-accent" aria-label="Toggle menu"> + <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path id="menu-icon" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> + <path id="close-icon" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> + </svg> + </button> + </div> + + <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.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://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="/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 bg-blue-50 text-accent font-semibold">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> + </nav> + </div> + </header> + + <!-- 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">Press Kit</h1> + <p class="text-xl text-blue-100 leading-relaxed max-w-3xl mx-auto"> + Official Apache Traffic Server logos and brand assets for press releases, articles, and publications. + </p> + </div> + </section> + <!-- 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"> + + <!-- Traffic Server Logos Section --> + <div class="mb-16"> + <h2 class="text-3xl font-bold text-primary mb-8">Traffic Server Logos</h2> + + <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> + <!-- Small Logo --> + <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8"> + <div class="bg-gray-50 rounded-lg p-8 mb-6 flex items-center justify-center min-h-[120px]"> + <img src="/images/press/ts_logo_tm_380x73.png" alt="Traffic Server Logo Small" class="max-w-full h-auto"> + </div> + <h3 class="text-xl font-semibold text-primary mb-2">Small (380×73)</h3> + <p class="text-gray-600 mb-4">Perfect for websites and small publications</p> + <a href="/images/press/ts_logo_tm_380x73.png" download class="inline-flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-800 rounded-lg font-medium transition-colors"> + <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/> + </svg> + Download PNG + </a> + </div> + + <!-- Medium Logo --> + <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8"> + <div class="bg-gray-50 rounded-lg p-8 mb-6 flex items-center justify-center min-h-[120px]"> + <img src="/images/press/ts_logo_tm_1024x196.png" alt="Traffic Server Logo Medium" class="max-w-full h-auto"> + </div> + <h3 class="text-xl font-semibold text-primary mb-2">Medium (1024×196)</h3> + <p class="text-gray-600 mb-4">Ideal for presentations and medium-sized prints</p> + <a href="/images/press/ts_logo_tm_1024x196.png" download class="inline-flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-800 rounded-lg font-medium transition-colors"> + <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/> + </svg> + Download PNG + </a> + </div> + + <!-- Large Logo --> + <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8"> + <div class="bg-gray-50 rounded-lg p-8 mb-6 flex items-center justify-center min-h-[120px]"> + <img src="/images/press/ts_logo_tm_1960x375.png" alt="Traffic Server Logo Large" class="max-w-full h-auto"> + </div> + <h3 class="text-xl font-semibold text-primary mb-2">Large (1960×375)</h3> + <p class="text-gray-600 mb-4">Best for high-resolution prints and banners</p> + <a href="/images/press/ts_logo_tm_1960x375.png" download class="inline-flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-800 rounded-lg font-medium transition-colors"> + <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/> + </svg> + Download PNG + </a> + </div> + + <!-- SVG Logo --> + <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8"> + <div class="bg-gray-50 rounded-lg p-8 mb-6 flex items-center justify-center min-h-[120px]"> + <img src="/images/press/trafficserver.svg" alt="Traffic Server Logo SVG" class="max-w-full h-auto"> + </div> + <h3 class="text-xl font-semibold text-primary mb-2">Vector (SVG)</h3> + <p class="text-gray-600 mb-4">Scalable vector format for any size</p> + <a href="/images/press/trafficserver.svg" download class="inline-flex items-center px-4 py-2 bg-gradient-to-r from-blue-500 to-blue-900 text-white rounded-lg font-medium hover:shadow-lg transition-all"> + <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/> + </svg> + Download SVG + </a> + </div> + </div> + </div> + <!-- Traffic Server Icons Section --> + <div class="mb-16"> + <h2 class="text-3xl font-bold text-primary mb-8">Traffic Server Icons</h2> + + <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> + <!-- Small Icon --> + <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8"> + <div class="bg-gray-50 rounded-lg p-8 mb-6 flex items-center justify-center min-h-[120px]"> + <img src="/images/press/tsicon_small.png" alt="Traffic Server Icon Small" class="max-w-full h-auto"> + </div> + <h3 class="text-xl font-semibold text-primary mb-2">Small Icon</h3> + <p class="text-gray-600 mb-4">For app icons and small displays</p> + <a href="/images/press/tsicon_small.png" download class="inline-flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-800 rounded-lg font-medium transition-colors"> + <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/> + </svg> + Download + </a> + </div> + + <!-- Medium Icon --> + <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8"> + <div class="bg-gray-50 rounded-lg p-8 mb-6 flex items-center justify-center min-h-[120px]"> + <img src="/images/press/tsicon.png" alt="Traffic Server Icon Medium" class="max-w-full h-auto"> + </div> + <h3 class="text-xl font-semibold text-primary mb-2">Medium Icon</h3> + <p class="text-gray-600 mb-4">Standard size for most uses</p> + <a href="/images/press/tsicon.png" download class="inline-flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-800 rounded-lg font-medium transition-colors"> + <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/> + </svg> + Download + </a> + </div> + + <!-- Large Icon --> + <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8"> + <div class="bg-gray-50 rounded-lg p-8 mb-6 flex items-center justify-center min-h-[120px]"> + <img src="/images/press/tsicon_large.png" alt="Traffic Server Icon Large" class="max-w-full h-auto"> + </div> + <h3 class="text-xl font-semibold text-primary mb-2">Large Icon</h3> + <p class="text-gray-600 mb-4">High-resolution icon for prints</p> + <a href="/images/press/tsicon_large.png" download class="inline-flex items-center px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-800 rounded-lg font-medium transition-colors"> + <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/> + </svg> + Download + </a> + </div> + </div> + </div> + <!-- Usage Guidelines --> + <div class="bg-blue-50 rounded-xl p-8 border border-blue-200"> + <div class="flex items-start"> + <svg class="w-6 h-6 text-blue-600 mt-1 mr-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> + <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> + </svg> + <div> + <h3 class="text-lg font-semibold text-blue-900 mb-2">Usage Guidelines</h3> + <p class="text-blue-800 mb-3"> + These logos and icons are available for use in press releases, articles, and publications related to Apache Traffic Server. + </p> + <p class="text-blue-800"> + Please ensure proper attribution to <strong>The Apache Software Foundation</strong> when using these assets. The Apache Traffic Server logo and name are trademarks of The Apache Software Foundation. + </p> + </div> + </div> + </div> + </div> + </main> + + <!-- Footer --> + <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"> + <div> + <h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">Resources</h3> + <ul class="space-y-3"> + <li><a href="https://docs.trafficserver.apache.org/en/latest/index.html"; class="text-secondary hover:text-accent transition-colors">Documentation</a></li> + <li><a href="https://cwiki.apache.org/confluence/display/TS/Apache+Traffic+Server"; class="text-secondary hover:text-accent transition-colors">Wiki</a></li> + <li><a href="https://cwiki.apache.org/confluence/display/TS/FAQ"; class="text-secondary hover:text-accent transition-colors">FAQ</a></li> + <li><a href="https://github.com/apache/trafficserver/"; class="text-secondary hover:text-accent transition-colors">Source Code</a></li> + </ul> + </div> + + <div> + <h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">Community</h3> + <ul class="space-y-3"> + <li><a href="/users.html" class="text-secondary hover:text-accent transition-colors">Customers</a></li> + <li><a href="/assistance.html" class="text-secondary hover:text-accent transition-colors">Get Help</a></li> + <li><a href="https://github.com/apache/trafficserver/issues"; class="text-secondary hover:text-accent transition-colors">Issues</a></li> + <li><a href="https://the-asf.slack.com/"; class="text-secondary hover:text-accent transition-colors">Slack Channel</a></li> + </ul> + </div> + + <div> + <h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">Apache</h3> + <ul class="space-y-3"> + <li><a href="https://www.apache.org/"; class="text-secondary hover:text-accent transition-colors">Foundation</a></li> + <li><a href="https://www.apache.org/licenses/"; class="text-secondary hover:text-accent transition-colors">License</a></li> + <li><a href="https://github.com/apache/trafficserver/security/policy"; class="text-secondary hover:text-accent transition-colors">Security</a></li> + <li><a href="https://www.apache.org/foundation/sponsorship.html"; class="text-secondary hover:text-accent transition-colors">Donate</a></li> + <li><a href="https://www.apache.org/foundation/thanks.html"; class="text-secondary hover:text-accent transition-colors">Thanks</a></li> + </ul> + </div> + + <div> + <h3 class="text-sm font-semibold text-gray-900 uppercase tracking-wider mb-4">More</h3> + <ul class="space-y-3"> + <li><a href="/press.html" class="text-secondary hover:text-accent transition-colors">Press Kit</a></li> + <li><a href="/acknowledgements.html" class="text-secondary hover:text-accent transition-colors">Acknowledgements</a></li> + <li><a href="https://blogs.apache.org/trafficserver/"; class="text-secondary hover:text-accent transition-colors">Blog</a></li> + <li><a href="https://twitter.com/trafficserver"; class="text-secondary hover:text-accent transition-colors">Twitter</a></li> + </ul> + </div> + </div> + + <div class="mt-12 pt-8 border-t border-gray-200 flex flex-col md:flex-row justify-between items-center"> + <p class="text-secondary text-sm text-center md:text-left"> + Copyright © 2025 <a href="https://www.apache.org/"; class="hover:text-accent">The Apache Software Foundation</a>. + Licensed under the <a href="https://www.apache.org/licenses/"; class="hover:text-accent">Apache License</a>, Version 2.0. + Apache Traffic Server, Apache, the Apache Traffic Server logo, and the Apache feather logo are trademarks of The Apache Software Foundation. + </p> + <div class="mt-4 md:mt-0"> + <a href="https://www.apache.org/"; class="inline-block"> + <img src="https://www.apache.org/images/feather-small.png"; alt="Apache" class="h-8 w-auto"> + </a> + </div> + </div> + </div> + </footer> + + <!-- Mobile Menu Script --> + <script src="/js/menu.js"></script> +</body> +</html>
![https://www.apache.org/images/feather-small.png"](https://www.apache.org/images/feather-small.png"){kind=link}