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 982080b88fa47535251f60800e8c4dc5214a146b Author: Bryan Call <[email protected]> AuthorDate: Wed Dec 24 13:35:04 2025 -0800 Update press kit download buttons with blue gradient - Changed all buttons to say 'Download' consistently - Applied blue gradient (from-blue-500 to-blue-900) to all buttons - Added hover shadow effect for better interactivity - All 7 download buttons now have consistent styling --- newsite/content/press.html | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/newsite/content/press.html b/newsite/content/press.html index 1cc1fa7..6e61568 100644 --- a/newsite/content/press.html +++ b/newsite/content/press.html @@ -114,11 +114,11 @@ </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"> + <a href="/images/press/ts_logo_tm_380x73.png" 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 PNG + Download </a> </div> @@ -129,11 +129,11 @@ </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"> + <a href="/images/press/ts_logo_tm_1024x196.png" 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 PNG + Download </a> </div> @@ -144,11 +144,11 @@ </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"> + <a href="/images/press/ts_logo_tm_1960x375.png" 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 PNG + Download </a> </div> @@ -163,7 +163,7 @@ <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 + Download </a> </div> </div> @@ -181,7 +181,7 @@ </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"> + <a href="/images/press/tsicon_small.png" 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> @@ -196,7 +196,7 @@ </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"> + <a href="/images/press/tsicon.png" 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> @@ -211,7 +211,7 @@ </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"> + <a href="/images/press/tsicon_large.png" 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>
