Skip to content

Commit 399ff70

Browse files
abinav2307abinav2307
authored
Refactor article links and update visuals
Updated various article links and modified associated visuals, including logos and text styles for better consistency and appearance.
1 parent 8ac51cc commit 399ff70

File tree

1 file changed

+84
-39
lines changed

1 file changed

+84
-39
lines changed

‎app/page.tsx‎

Lines changed: 84 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@ export default function Home() {
100100

101101
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
102102
{/* The Register Article */}
103-
<a
103+
<a
104104
href="https://www.theregister.com/2025/01/27/microsoft_builds_open_source_document/"
105105
target="_blank"
106106
rel="noopener noreferrer"
@@ -109,34 +109,43 @@ export default function Home() {
109109
<div className="bg-neutral-800 rounded-lg shadow-lg p-4 hover:shadow-xl hover:bg-neutral-700 transition-all duration-300 border border-neutral-700 h-full">
110110
<div className="flex flex-col items-center text-center">
111111
<div className="w-12 h-12 bg-red-600 rounded-lg flex items-center justify-center mb-4">
112-
<svg className="w-10 h-4" viewBox="0 0 120 20" fill="none">
113-
<rect width="120" height="20" fill="#DC2626" rx="2"/>
114-
<text x="60" y="14" fontFamily="Arial, sans-serif" fontSize="20" fontWeight="bold" fill="white" textAnchor="middle">
115-
The Register
116-
</text>
117-
</svg>
112+
<img
113+
src="/images/The Register Logo v2.png"
114+
alt="The Register"
115+
className="w-12 h-4 group-hover:scale-110 transition-transform"
116+
/>
118117
</div>
119-
<span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-red-500/20 text-red-400 mb-3">
118+
<span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-red-600/20 text-red-500 mb-3">
120119
The Register
121120
</span>
122-
<h3 className="text-sm font-semibold text-white mb-2 group-hover:text-red-400 transition-colors line-clamp-3">
121+
<h3 className="text-sm font-semibold text-white mb-2 group-hover:text-red-500 transition-colors line-clamp-3">
123122
Microsoft builds open source document database
124123
</h3>
125124
<p className="text-gray-400 text-xs mb-3 line-clamp-2">
126125
PostgreSQL-powered platform
127126
</p>
128-
<div className="flex items-center text-red-400 group-hover:text-red-300 transition-colors mt-auto">
127+
<div className="flex items-center text-red-500 group-hover:text-red-400 transition-colors mt-auto">
129128
<span className="text-xs font-medium">Read</span>
130-
<svg className="w-3 h-3 ml-1 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
131-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
129+
<svg
130+
className="w-3 h-3 ml-1 group-hover:translate-x-1 transition-transform"
131+
fill="none"
132+
stroke="currentColor"
133+
viewBox="0 0 24 24"
134+
>
135+
<path
136+
strokeLinecap="round"
137+
strokeLinejoin="round"
138+
strokeWidth={2}
139+
d="M17 8l4 4m0 0l-4 4m4-4H3"
140+
/>
132141
</svg>
133142
</div>
134143
</div>
135144
</div>
136145
</a>
137146

138147
{/* Hacker News Discussion */}
139-
<a
148+
<a
140149
href="https://news.ycombinator.com/item?id=42807210"
141150
target="_blank"
142151
rel="noopener noreferrer"
@@ -146,8 +155,16 @@ export default function Home() {
146155
<div className="flex flex-col items-center text-center">
147156
<div className="w-12 h-12 bg-orange-600 rounded-lg flex items-center justify-center mb-4">
148157
<svg className="w-8 h-8" viewBox="0 0 24 24" fill="none">
149-
<rect width="24" height="24" fill="#FF6600" rx="2"/>
150-
<text x="12" y="16" fontFamily="Verdana, sans-serif" fontSize="12" fontWeight="bold" fill="white" textAnchor="middle">
158+
<rect width="24" height="24" fill="#FF6600" rx="2" />
159+
<text
160+
x="12"
161+
y="16"
162+
fontFamily="Verdana, sans-serif"
163+
fontSize="12"
164+
fontWeight="bold"
165+
fill="white"
166+
textAnchor="middle"
167+
>
151168
Y
152169
</text>
153170
</svg>
@@ -163,52 +180,71 @@ export default function Home() {
163180
</p>
164181
<div className="flex items-center text-orange-400 group-hover:text-orange-300 transition-colors mt-auto">
165182
<span className="text-xs font-medium">Join</span>
166-
<svg className="w-3 h-3 ml-1 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
167-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
183+
<svg
184+
className="w-3 h-3 ml-1 group-hover:translate-x-1 transition-transform"
185+
fill="none"
186+
stroke="currentColor"
187+
viewBox="0 0 24 24"
188+
>
189+
<path
190+
strokeLinecap="round"
191+
strokeLinejoin="round"
192+
strokeWidth={2}
193+
d="M17 8l4 4m0 0l-4 4m4-4H3"
194+
/>
168195
</svg>
169196
</div>
170197
</div>
171198
</div>
172199
</a>
173200

174201
{/* Phoronix Article */}
175-
<a
202+
<a
176203
href="https://www.phoronix.com/news/Microsoft-OpenSource-DocumentDB"
177204
target="_blank"
178205
rel="noopener noreferrer"
179206
className="group"
180207
>
181208
<div className="bg-neutral-800 rounded-lg shadow-lg p-4 hover:shadow-xl hover:bg-neutral-700 transition-all duration-300 border border-neutral-700 h-full">
182209
<div className="flex flex-col items-center text-center">
183-
<div className="w-12 h-12 bg-gray-800 rounded-lg flex items-center justify-center mb-4">
184-
<svg className="w-10 h-3" viewBox="0 0 80 12" fill="none">
185-
<rect width="80" height="12" fill="#2D3748" rx="1"/>
186-
<text x="40" y="9" fontFamily="Arial, sans-serif" fontSize="21" fontWeight="normal" fill="white" textAnchor="middle">
187-
phoronix
188-
</text>
189-
</svg>
210+
<div className="w-12 h-12 bg-green-800 rounded-lg flex items-center justify-center mb-4">
211+
<img
212+
src="/images/Phoronix Logo.jpg"
213+
alt="Phoronix"
214+
className="w-7 h-6 group-hover:scale-110 transition-transform"
215+
/>
190216
</div>
191-
<span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-500/20 text-blue-400 mb-3">
217+
<span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-500/20 text-green-400 mb-3">
192218
Phoronix
193219
</span>
194-
<h3 className="text-sm font-semibold text-white mb-2 group-hover:text-blue-400 transition-colors line-clamp-3">
220+
<h3 className="text-sm font-semibold text-white mb-2 group-hover:text-green-400 transition-colors line-clamp-3">
195221
Microsoft Announces Open-Source DocumentDB
196222
</h3>
197223
<p className="text-gray-400 text-xs mb-3 line-clamp-2">
198224
NoSQL database on PostgreSQL
199225
</p>
200-
<div className="flex items-center text-blue-400 group-hover:text-blue-300 transition-colors mt-auto">
226+
<div className="flex items-center text-green-400 group-hover:text-green-300 transition-colors mt-auto">
201227
<span className="text-xs font-medium">Read</span>
202-
<svg className="w-3 h-3 ml-1 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
203-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
228+
<svg
229+
className="w-3 h-3 ml-1 group-hover:translate-x-1 transition-transform"
230+
fill="none"
231+
stroke="currentColor"
232+
viewBox="0 0 24 24"
233+
>
234+
<path
235+
strokeLinecap="round"
236+
strokeLinejoin="round"
237+
strokeWidth={2}
238+
d="M17 8l4 4m0 0l-4 4m4-4H3"
239+
/>
204240
</svg>
205241
</div>
206242
</div>
207243
</div>
208244
</a>
209245

210246
{/* Business Wire Article */}
211-
<a
247+
<a
212248
href="https://www.businesswire.com/news/home/20250520124276/en/YugabyteDB-Extends-Support-for-Document-Databases-With-Postgres-Extension-DocumentDB"
213249
target="_blank"
214250
rel="noopener noreferrer"
@@ -217,12 +253,11 @@ export default function Home() {
217253
<div className="bg-neutral-800 rounded-lg shadow-lg p-4 hover:shadow-xl hover:bg-neutral-700 transition-all duration-300 border border-neutral-700 h-full">
218254
<div className="flex flex-col items-center text-center">
219255
<div className="w-12 h-12 bg-blue-700 rounded-lg flex items-center justify-center mb-4">
220-
<svg className="w-9 h-5" viewBox="0 0 54 20" fill="none">
221-
<circle cx="27" cy="10" r="10" fill="#1E40AF"/>
222-
<text x="27" y="7" fontFamily="Arial, sans-serif" fontSize="18" fontWeight="bold" fill="white" textAnchor="middle">
223-
bw
224-
</text>
225-
</svg>
256+
<img
257+
src="/images/BusinessWire.png"
258+
alt="Business Wire"
259+
className="w-9 h-7 group-hover:scale-110 transition-transform"
260+
/>
226261
</div>
227262
<span className="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-indigo-500/20 text-indigo-400 mb-3">
228263
Business Wire
@@ -235,8 +270,18 @@ export default function Home() {
235270
</p>
236271
<div className="flex items-center text-indigo-400 group-hover:text-indigo-300 transition-colors mt-auto">
237272
<span className="text-xs font-medium">Read</span>
238-
<svg className="w-3 h-3 ml-1 group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
239-
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
273+
<svg
274+
className="w-3 h-3 ml-1 group-hover:translate-x-1 transition-transform"
275+
fill="none"
276+
stroke="currentColor"
277+
viewBox="0 0 24 24"
278+
>
279+
<path
280+
strokeLinecap="round"
281+
strokeLinejoin="round"
282+
strokeWidth={2}
283+
d="M17 8l4 4m0 0l-4 4m4-4H3"
284+
/>
240285
</svg>
241286
</div>
242287
</div>

0 commit comments

Comments
 (0)