<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tech History | Yu-Chao (Curtis) Wang's Personal Website</title><link>https://yuchao-wang.netlify.app/tags/tech-history/</link><atom:link href="https://yuchao-wang.netlify.app/tags/tech-history/index.xml" rel="self" type="application/rss+xml"/><description>Tech History</description><generator>HugoBlox Kit (https://hugoblox.com)</generator><language>en-US</language><lastBuildDate>Fri, 10 Apr 2026 00:00:00 +0000</lastBuildDate><image><url>https://yuchao-wang.netlify.app/media/logo_hu_3214bcd0aed3837d.png</url><title>Tech History</title><link>https://yuchao-wang.netlify.app/tags/tech-history/</link></image><item><title>The Geography of Silicon: AMD's Island Codenames</title><link>https://yuchao-wang.netlify.app/project/amd-gcn-islands/</link><pubDate>Fri, 10 Apr 2026 00:00:00 +0000</pubDate><guid>https://yuchao-wang.netlify.app/project/amd-gcn-islands/</guid><description>&lt;p&gt;Welcome to an interactive journey through the geography of silicon. During the early to mid-2010s, AMD utilized a naming scheme for their Radeon graphics architectures that took inspiration from famous islands across the world. From the icy terrains of the Arctic to the tropical paradises of the Caribbean and Oceania, these codenames marked significant milestones in computing history, including the legendary Graphics Core Next (GCN) architecture.&lt;/p&gt;
&lt;p&gt;Explore the map below to discover the geographical origins of your favorite GPUs.&lt;/p&gt;
&lt;link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" /&gt;
&lt;script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""&gt;&lt;/script&gt;
&lt;style&gt;
[data-atlas-map] {
height: 600px;
width: 100%;
border-radius: 1rem;
z-index: 1;
}
.gpu-marker {
transition: filter 0.3s ease-out, stroke-width 0.3s ease-out, r 0.3s ease-out;
cursor: pointer;
filter: drop-shadow(0 0 4px currentColor) drop-shadow(0 0 8px currentColor);
}
.gpu-marker:hover,
.gpu-marker.active {
filter: drop-shadow(0 0 8px currentColor) drop-shadow(0 0 16px currentColor) drop-shadow(0 0 24px currentColor);
stroke-width: 4px;
}
.glass-popup .leaflet-popup-content-wrapper {
background: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(12px) saturate(180%) !important;
-webkit-backdrop-filter: blur(12px) saturate(180%) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
border-radius: 12px !important;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;
color: #1f2937 !important;
}
html.dark .glass-popup .leaflet-popup-content-wrapper {
background: rgba(17, 24, 39, 0.4) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
color: #f3f4f6 !important;
}
.glass-popup .leaflet-popup-tip {
background: rgba(255, 255, 255, 0.2) !important;
backdrop-filter: blur(12px) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
html.dark .glass-popup .leaflet-popup-tip {
background: rgba(17, 24, 39, 0.4) !important;
}
.glass-popup .leaflet-popup-content {
margin: 12px 16px !important;
line-height: 1.4 !important;
}
.island-item.highlight-text {
background: rgba(59, 130, 246, 0.1);
border-radius: 4px;
padding-left: 4px;
}
&lt;/style&gt;
&lt;div id="atlas-map" data-atlas-map class="my-10 shadow-2xl border border-gray-200 dark:border-gray-800" data-islands='[{&amp;#34;lat&amp;#34;:17.9,&amp;#34;lng&amp;#34;:-62.8333,&amp;#34;name&amp;#34;:&amp;#34;Barts (St. Barthélemy)&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 6800 Series (Northern Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:19.3333,&amp;#34;lng&amp;#34;:-81.4,&amp;#34;name&amp;#34;:&amp;#34;Cayman Islands&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 6900 Series (Northern Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:19,&amp;#34;lng&amp;#34;:-70,&amp;#34;name&amp;#34;:&amp;#34;Antilles&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 6990 Series (Northern Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:21.45,&amp;#34;lng&amp;#34;:-71.15,&amp;#34;name&amp;#34;:&amp;#34;Turks Islands&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 5570, HD 6570, HD 6670, HD 7570, HD 7670 OEM (Northern Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:21.75,&amp;#34;lng&amp;#34;:-71.75,&amp;#34;name&amp;#34;:&amp;#34;Caicos Islands&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 6450, R5 230/235 (Northern Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:-17.6509,&amp;#34;lng&amp;#34;:-149.426,&amp;#34;name&amp;#34;:&amp;#34;Tahiti&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 7900 Series (Southern Islands - 1st GCN)&amp;#34;},{&amp;#34;lat&amp;#34;:-25.0667,&amp;#34;lng&amp;#34;:-130.1,&amp;#34;name&amp;#34;:&amp;#34;Pitcairn&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 7800 Series (Southern Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:16.5388,&amp;#34;lng&amp;#34;:-23.0418,&amp;#34;name&amp;#34;:&amp;#34;Cape Verde&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 7700 Series (Southern Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:-40.9006,&amp;#34;lng&amp;#34;:174.886,&amp;#34;name&amp;#34;:&amp;#34;New Zealand&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 7990 (Initial/Custom Dual-Tahiti)&amp;#34;},{&amp;#34;lat&amp;#34;:35.89,&amp;#34;lng&amp;#34;:14.44,&amp;#34;name&amp;#34;:&amp;#34;Malta&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 7990 (Official 1GHz&amp;#43; Dual-Tahiti)&amp;#34;},{&amp;#34;lat&amp;#34;:12.1696,&amp;#34;lng&amp;#34;:-68.99,&amp;#34;name&amp;#34;:&amp;#34;Curaçao&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;R9 270 Series (Sea Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:12.15,&amp;#34;lng&amp;#34;:-68.2667,&amp;#34;name&amp;#34;:&amp;#34;Bonaire&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;HD 7790 / R7 260 (Sea Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:11.24,&amp;#34;lng&amp;#34;:-60.68,&amp;#34;name&amp;#34;:&amp;#34;Tobago&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;R7 360, RX 455 OEM (Sea Islands / Bonaire Refresh)&amp;#34;},{&amp;#34;lat&amp;#34;:10.45,&amp;#34;lng&amp;#34;:-61.3,&amp;#34;name&amp;#34;:&amp;#34;Trinidad&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;R9 370X (Sea Islands / Curacao Refresh)&amp;#34;},{&amp;#34;lat&amp;#34;:19.0354,&amp;#34;lng&amp;#34;:109.8396,&amp;#34;name&amp;#34;:&amp;#34;Hainan&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;Mobile/OEM (Sea Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:56.7333,&amp;#34;lng&amp;#34;:16.6667,&amp;#34;name&amp;#34;:&amp;#34;Öland&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;R7 240/250 (Sea Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:19.8968,&amp;#34;lng&amp;#34;:-155.5828,&amp;#34;name&amp;#34;:&amp;#34;Hawaii&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;R9 290 / 390 Series (Volcanic Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:-21.1789,&amp;#34;lng&amp;#34;:-175.1982,&amp;#34;name&amp;#34;:&amp;#34;Tonga&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;R9 285 / 380 (Volcanic Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:17.06,&amp;#34;lng&amp;#34;:-61.79,&amp;#34;name&amp;#34;:&amp;#34;Antigua&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;R9 380X (Volcanic Islands / Tonga Refresh)&amp;#34;},{&amp;#34;lat&amp;#34;:-17.7134,&amp;#34;lng&amp;#34;:178.065,&amp;#34;name&amp;#34;:&amp;#34;Fiji&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;R9 Fury Series w/ HBM (Pirate Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:80.101,&amp;#34;lng&amp;#34;:-78.4354,&amp;#34;name&amp;#34;:&amp;#34;Ellesmere&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;Polaris 10 / RX 480 (Arctic Islands)&amp;#34;},{&amp;#34;lat&amp;#34;:68.5284,&amp;#34;lng&amp;#34;:-72.0305,&amp;#34;name&amp;#34;:&amp;#34;Baffin&amp;#34;,&amp;#34;series&amp;#34;:&amp;#34;Polaris 11 / RX 460 (Arctic Islands)&amp;#34;}]'&gt;&lt;/div&gt;
&lt;div class="grid grid-cols-1 md:grid-cols-2 gap-6 my-8"&gt;
&lt;div class="info-glass-card rounded-xl p-6 transition"&gt;
&lt;h3 class="text-xl font-bold mb-2" style="color: #06b6d4;"&gt;Northern Islands&lt;/h3&gt;
&lt;p class="text-sm font-semibold mb-3"&gt;HD 6000 Series &amp;amp; TeraScale 2&lt;/p&gt;
&lt;ul class="text-sm space-y-2"&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Barts"
data-group-color="#06b6d4" style="--hover-color: #06b6d4;"&gt;
&lt;strong&gt;Barts (St. Barthélemy)&lt;/strong&gt;: Saint Barthelemy, a French-speaking Caribbean island commonly known as St. Barts, HD 6870
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Cayman"
data-group-color="#06b6d4" style="--hover-color: #06b6d4;"&gt;
&lt;strong&gt;Cayman Islands&lt;/strong&gt;: The Cayman Islands, a British Overseas Territory, HD 6970
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Antilles"
data-group-color="#06b6d4" style="--hover-color: #06b6d4;"&gt;
&lt;strong&gt;Antilles&lt;/strong&gt;: The Antilles, an archipelago within the West Indies in the Caribbean region of the Americas, HD 6990
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Turks"
data-group-color="#06b6d4" style="--hover-color: #06b6d4;"&gt;
&lt;strong&gt;Turks Islands&lt;/strong&gt;: The eastern group of the Turks and Caicos Islands, a British Overseas Territory southeast of the Bahamas. Geographically and culturally part of the Caribbean, separated from the Caicos group by the Turks Island Passage. HD 5570, HD 6570, HD 6670, HD 7570, HD 7670 OEM, HD 8550 OEM
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Caicos"
data-group-color="#06b6d4" style="--hover-color: #06b6d4;"&gt;
&lt;strong&gt;Caicos Islands&lt;/strong&gt;: The larger western group of the Turks and Caicos Islands. The name &amp;#39;Caicos&amp;#39; comes from &amp;#39;caya hico&amp;#39; (string of islands). Primarily limestone islands surrounded by coral reefs, including Providenciales and North Caicos. HD 6450, HD 7470 OEM, HD 8490 OEM, R5 230, R5 235 OEM, R5 310 OEM
&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="mt-4 text-xs dark:text-gray-400 text-gray-600"&gt;The last high-end generation utilizing the VLIW architecture before the monumental shift to GCN.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="info-glass-card rounded-xl p-6 transition"&gt;
&lt;h3 class="text-xl font-bold mb-2" style="color: #3b82f6;"&gt;Southern Islands&lt;/h3&gt;
&lt;p class="text-sm font-semibold mb-3"&gt;HD 7000 Series &amp;amp; 1st Gen GCN&lt;/p&gt;
&lt;ul class="text-sm space-y-2"&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Tahiti"
data-group-color="#3b82f6" style="--hover-color: #3b82f6;"&gt;
&lt;strong&gt;Tahiti&lt;/strong&gt;: The largest island of the Windward group of the Society Islands in French Polynesia, an overseas collectivity of France, HD 7970, HD 8970 OEM, R9 280X
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Pitcairn"
data-group-color="#3b82f6" style="--hover-color: #3b82f6;"&gt;
&lt;strong&gt;Pitcairn&lt;/strong&gt;: Pitcairn Island is a volcanic island in the southern Pacific Ocean, one of the 23 inhabited islands of the Pitcairn Islands group, HD 7870, HD 8870
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Cape"
data-group-color="#3b82f6" style="--hover-color: #3b82f6;"&gt;
&lt;strong&gt;Cape Verde&lt;/strong&gt;: Cape Verde, officially the Republic of Cabo Verde, is an archipelago and island country in the central Atlantic Ocean, HD 7770, HD 8760 OEM, R7 250X
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="New"
data-group-color="#3b82f6" style="--hover-color: #3b82f6;"&gt;
&lt;strong&gt;New Zealand&lt;/strong&gt;: An island country in the southwestern Pacific. Used for the initial set of partner-designed dual-Tahiti HD 7990 cards (e.g., PowerColor, ASUS ARES II). HD 7990 (Initial/Custom)
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Malta"
data-group-color="#3b82f6" style="--hover-color: #3b82f6;"&gt;
&lt;strong&gt;Malta&lt;/strong&gt;: A microstate in the Mediterranean known as the &amp;#39;Heart of the Mediterranean&amp;#39;. Used for the official, higher-clocked (1GHz&amp;#43;) refresh of the HD 7990. HD 7990, HD 8990 OEM
&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="mt-4 text-xs dark:text-gray-400 text-gray-600"&gt;Introduced the legendary GCN architecture, setting up AMD for a decade of graphics technology dominance.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="info-glass-card rounded-xl p-6 transition"&gt;
&lt;h3 class="text-xl font-bold mb-2" style="color: #10b981;"&gt;Sea Islands&lt;/h3&gt;
&lt;p class="text-sm font-semibold mb-3"&gt;HD 8000 / Rx 200 Series &amp;amp; 2nd Gen GCN&lt;/p&gt;
&lt;ul class="text-sm space-y-2"&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Curaçao"
data-group-color="#10b981" style="--hover-color: #10b981;"&gt;
&lt;strong&gt;Curaçao&lt;/strong&gt;: A Lesser Antilles island in the Dutch Caribbean. HD 8860, R9 270X (Pitcairn refresh)
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Bonaire"
data-group-color="#10b981" style="--hover-color: #10b981;"&gt;
&lt;strong&gt;Bonaire&lt;/strong&gt;: A Caribbean island in the Leeward Antilles. HD 7790, HD 8770 OEM, R7 260X
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Tobago"
data-group-color="#10b981" style="--hover-color: #10b981;"&gt;
&lt;strong&gt;Tobago&lt;/strong&gt;: The smaller of the two main islands of Trinidad and Tobago. Located at the southern end of the Lesser Antilles, it features the volcanic &amp;#39;Main Ridge&amp;#39; mountains. R7 360, RX 455 OEM (Bonaire refresh)
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Trinidad"
data-group-color="#10b981" style="--hover-color: #10b981;"&gt;
&lt;strong&gt;Trinidad&lt;/strong&gt;: The largest and most populous island of Trinidad and Tobago, located just 11km from Venezuela. Geologically part of South America and rich in oil and gas. R9 370X (Curacao refresh)
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Hainan"
data-group-color="#10b981" style="--hover-color: #10b981;"&gt;
&lt;strong&gt;Hainan&lt;/strong&gt;: Hainan is a tropical island province of China, Mobile/OEM
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Öland"
data-group-color="#10b981" style="--hover-color: #10b981;"&gt;
&lt;strong&gt;Öland&lt;/strong&gt;: Öland is a Swedish island in the Baltic Sea, HD 8670 OEM, R7 250, R7 350 OEM
&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="mt-4 text-xs dark:text-gray-400 text-gray-600"&gt;A refinement phase optimizing the initial GCN design for better performance-per-watt.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="info-glass-card rounded-xl p-6 transition"&gt;
&lt;h3 class="text-xl font-bold mb-2" style="color: #f43f5e;"&gt;Volcanic Islands&lt;/h3&gt;
&lt;p class="text-sm font-semibold mb-3"&gt;R9 290/390 Series &amp;amp; 3rd Gen GCN&lt;/p&gt;
&lt;ul class="text-sm space-y-2"&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Hawaii"
data-group-color="#f43f5e" style="--hover-color: #f43f5e;"&gt;
&lt;strong&gt;Hawaii&lt;/strong&gt;: An island state of the United States, in the Pacific Ocean about 2,000 miles (3,200 km) southwest of the U.S. mainland. R9 290X, FirePro W9100
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Tonga"
data-group-color="#f43f5e" style="--hover-color: #f43f5e;"&gt;
&lt;strong&gt;Tonga&lt;/strong&gt;: An archipelago in Polynesia in the South Pacific Ocean. R9 285, R9 380 (1792 SPs)
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Antigua"
data-group-color="#f43f5e" style="--hover-color: #f43f5e;"&gt;
&lt;strong&gt;Antigua&lt;/strong&gt;: An island in the Leeward Islands known for its &amp;#34;365 beaches&amp;#34;. R9 380X (Tonga refresh, full 2048 SPs)
&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="mt-4 text-xs dark:text-gray-400 text-gray-600"&gt;Brought massive compute horsepower to the mainstream, forcing fierce competition in the enthusiast market.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="info-glass-card rounded-xl p-6 transition"&gt;
&lt;h3 class="text-xl font-bold mb-2" style="color: #f59e0b;"&gt;Pirate Islands&lt;/h3&gt;
&lt;p class="text-sm font-semibold mb-3"&gt;Fury Series &amp;amp; 3rd Gen GCN &amp;#43; HBM&lt;/p&gt;
&lt;ul class="text-sm space-y-2"&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Fiji"
data-group-color="#f59e0b" style="--hover-color: #f59e0b;"&gt;
&lt;strong&gt;Fiji&lt;/strong&gt;: an island country in Melanesia, part of Oceania in the South Pacific Ocean, R9 FURY X, F9 Nano, Radeon Pro SSG, Instinct MI8
&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="mt-4 text-xs dark:text-gray-400 text-gray-600"&gt;Fiji was an engineering marvel, utilizing groundbreaking High-Bandwidth Memory (HBM) next to the die.&lt;/p&gt;
&lt;/div&gt;
&lt;div class="info-glass-card rounded-xl p-6 transition"&gt;
&lt;h3 class="text-xl font-bold mb-2" style="color: #818cf8;"&gt;Arctic Islands&lt;/h3&gt;
&lt;p class="text-sm font-semibold mb-3"&gt;RX 400 Series &amp;amp; Polaris&lt;/p&gt;
&lt;ul class="text-sm space-y-2"&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Ellesmere"
data-group-color="#818cf8" style="--hover-color: #818cf8;"&gt;
&lt;strong&gt;Ellesmere&lt;/strong&gt;: the northernmost and third-largest island in Canada, located in the Qikiqtaaluk Region of Nunavut, Polaris 10, RX 480, WX 7100, Radeon Pro Duo Polaris
&lt;/li&gt;
&lt;li class="island-item cursor-pointer transition-colors" data-island="Baffin"
data-group-color="#818cf8" style="--hover-color: #818cf8;"&gt;
&lt;strong&gt;Baffin&lt;/strong&gt;: in the Canadian territory of Nunavut, is the largest island in Canada, Polaris 11, RX 460, WX 4100
&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="mt-4 text-xs dark:text-gray-400 text-gray-600"&gt;Shifted focus slightly from high-end to mass-market domination with the 14nm FinFET process.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
.info-glass-card {
background: rgba(30, 41, 59, 0.3);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.06);
backdrop-filter: blur(2px) saturate(140%);
-webkit-backdrop-filter: blur(2px) saturate(140%);
transition: all 0.4s ease;
}
.info-glass-card:hover {
background: rgba(30, 41, 59, 0.45);
box-shadow:
0 16px 48px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
transform: translateY(-3px);
border-color: rgba(255, 255, 255, 0.2);
}
html:not(.dark) .info-glass-card {
background: rgba(255, 255, 255, 0.3);
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
html:not(.dark) .info-glass-card:hover {
background: rgba(255, 255, 255, 0.5);
box-shadow:
0 16px 48px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.9);
border-color: rgba(0, 0, 0, 0.1);
}
.island-item {
transition: color 0.15s ease-out;
}
.island-item:hover {
color: var(--hover-color, #38bdf8);
}
&lt;/style&gt;
&lt;!-- ---
title: "My Custom Map Page"
atlas_map:
height: "500px"
markers:
- name: "Location A"
lat: 35.68
lng: 139.69
series: "Tokyo Region"
info_cards:
cols: "3"
groups:
- name: "Group 1"
color: "#06b6d4"
subtitle: "Subtitle"
description: "Description text"
items:
- id: "item1"
name: "Item 1"
details: "Some details"
---
{{&lt; atlas-map &gt;}}
{{&lt; info-cards &gt;}} --&gt;</description></item></channel></rss>