Skip to content

Commit 493fc04

Browse files
justin808claude
andcommitted
Update UI to indicate early hints and HTTP/2 enabled on Control Plane
Enhanced the footer component to clearly display the performance features enabled: UI improvements: - Add "HTTP/2 Enabled" badge with green checkmark - Add "Early Hints" badge with green checkmark - Add "Hosted on Control Plane" badge with link to shakacode.controlplane.com - Restructure layout with feature badges below main Thruster line - Use emerald-colored checkmarks for active features - Improve responsive layout with flex-wrap for smaller screens Visual hierarchy: - Main line: "Powered by Thruster HTTP/2 for optimized performance" - Sub-badges: Three specific features enabled (HTTP/2, Early Hints, Control Plane) - All badges include visual checkmarks for quick scanning This makes it immediately clear to users that the application is using advanced performance features including HTTP/2 protocol and early hints for faster asset loading. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent d46f274 commit 493fc04

File tree

1 file changed

+64
-20
lines changed
  • client/app/bundles/comments/components/Footer/ror_components

1 file changed

+64
-20
lines changed

client/app/bundles/comments/components/Footer/ror_components/Footer.jsx

Lines changed: 64 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -17,26 +17,70 @@ export default class Footer extends BaseComponent {
1717
Rails On Maui on Twitter
1818
</a>
1919
<div className="mt-6 pt-6 border-t border-neutral-700 text-sm text-neutral-400">
20-
<div className="flex items-center gap-2">
21-
<svg className="w-4 h-4 text-green-400" fill="currentColor" viewBox="0 0 20 20">
22-
<path
23-
fillRule="evenodd"
24-
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
25-
clipRule="evenodd"
26-
/>
27-
</svg>
28-
<span>
29-
Powered by{' '}
30-
<a
31-
href="https://github.com/basecamp/thruster"
32-
className="text-blue-400 hover:text-blue-300 underline"
33-
target="_blank"
34-
rel="noopener noreferrer"
35-
>
36-
Thruster HTTP/2
37-
</a>{' '}
38-
for optimized performance
39-
</span>
20+
<div className="flex flex-col gap-3">
21+
<div className="flex items-center gap-2">
22+
<svg className="w-4 h-4 text-green-400" fill="currentColor" viewBox="0 0 20 20">
23+
<path
24+
fillRule="evenodd"
25+
d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
26+
clipRule="evenodd"
27+
/>
28+
</svg>
29+
<span>
30+
Powered by{' '}
31+
<a
32+
href="https://github.com/basecamp/thruster"
33+
className="text-blue-400 hover:text-blue-300 underline"
34+
target="_blank"
35+
rel="noopener noreferrer"
36+
>
37+
Thruster HTTP/2
38+
</a>{' '}
39+
for optimized performance
40+
</span>
41+
</div>
42+
<div className="flex flex-wrap gap-x-4 gap-y-2 ml-6">
43+
<div className="flex items-center gap-1.5">
44+
<svg className="w-3.5 h-3.5 text-emerald-400" fill="currentColor" viewBox="0 0 20 20">
45+
<path
46+
fillRule="evenodd"
47+
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
48+
clipRule="evenodd"
49+
/>
50+
</svg>
51+
<span className="text-xs">HTTP/2 Enabled</span>
52+
</div>
53+
<div className="flex items-center gap-1.5">
54+
<svg className="w-3.5 h-3.5 text-emerald-400" fill="currentColor" viewBox="0 0 20 20">
55+
<path
56+
fillRule="evenodd"
57+
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
58+
clipRule="evenodd"
59+
/>
60+
</svg>
61+
<span className="text-xs">Early Hints</span>
62+
</div>
63+
<div className="flex items-center gap-1.5">
64+
<svg className="w-3.5 h-3.5 text-emerald-400" fill="currentColor" viewBox="0 0 20 20">
65+
<path
66+
fillRule="evenodd"
67+
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
68+
clipRule="evenodd"
69+
/>
70+
</svg>
71+
<span className="text-xs">
72+
Hosted on{' '}
73+
<a
74+
href="https://shakacode.controlplane.com"
75+
className="text-blue-400 hover:text-blue-300 underline"
76+
target="_blank"
77+
rel="noopener noreferrer"
78+
>
79+
Control Plane
80+
</a>
81+
</span>
82+
</div>
83+
</div>
4084
</div>
4185
</div>
4286
</div>

0 commit comments

Comments
 (0)