highlights

Author: burningtree

src/pages/index.astro

@@ -28,12 +28,12 @@ const data = {
 <Layout>
 	<h1 class="text-3xl py-1 px-2 bg-black text-white inline-block -rotate-2 lg:-m-4">⟠ ETHBrno×3</h1>
 
-	<p class="mt-8">
+	<p class="mt-6">
 		<b>17-19 October 2025*</b> @ <a href="https://en.wikipedia.org/wiki/Brno">Brno, Czech Republic</a>
 	</p>
 
-	<p class="mt-4">
-		A <i>three-day in-person hackathon</i> for builders and privacy advocates collaborating on sovereign tools aligned with ⟠ <a href="https://ethereum.org">Ethereum</a>'s original principles of decentralization and freedom.
+	<p class="mt-8">
+		A <i class="eb-ibasic">three-day in-person hackathon</i> for builders and privacy advocates collaborating on sovereign tools aligned with ⟠ <a href="https://ethereum.org">Ethereum</a>'s original principles of decentralization and freedom.
 	</p>
 
 	<p class="mt-4 text-xs opacity-75">
@@ -59,13 +59,13 @@ const data = {
 	<h2>What we hack?</h2>
 	<ul class="mt-4 space-y-4">
 		<li></li>
-		<li><i>* Sovereign Development</i> - Open-source tools for code collaboration, testing, and deployment without centralized gatekeepers</li>
-		<li><i>* Sovereign Data</i> - Self-hosted explorers, indexers, and analytics tools for accessing blockchain data without intermediaries and surveillance</li>
-		<li><i>* Sovereign Communities</i> - Decentralized infrastructure for privacy-preserving communication, coordination, and payments</li>
+		<li>* <span class="eb-ibasic">Sovereign Development</span> - Open-source tools for code collaboration, testing, and deployment without centralized gatekeepers</li>
+		<li>* <span class="eb-ibasic">Sovereign Data</span> - Self-hosted explorers, indexers, and analytics tools for accessing blockchain data without intermediaries and surveillance</li>
+		<li>* <span class="eb-ibasic">Sovereign Communities</span> - Decentralized infrastructure for privacy-preserving communication, coordination, and payments</li>
 	</ul>
 
 	<div class="eb-invert mt-10 rotate-0.5">
-		<i>"We, the Ethereum Cypherpunks, stand united in our pursuit of a more private, secure, and censorship-resistant future."</i> - <a href="https://hackmd.io/@pcaversaccio/the-ethereum-cypherpunk-manifesto">The Ethereum Cypherpunk Manifesto</a>
+		<i>"We, the Ethereum Cypherpunks, stand united in our pursuit of a more private, secure, and censorship-resistant future."</i> - <a href="https://hackmd.io/@pcaversaccio/the-ethereum-cypherpunk-manifesto">⟠ Ethereum Cypherpunk Manifesto</a>
 	</div>
 
 	<h2 id="venue">Venue</h2>
@@ -94,7 +94,7 @@ const data = {
 		))}
 	</ul>
 	<p class="mt-4 italic">
-		We are looking for partners interested in the sovereign future of Ethereum. Please <a href="https://signal.me/#eu/08P5JDn8VtVDLDpFl0ihILAxoYu0fNa7kEVimHlvbZTRiNQflwtNM5FbhCDG0BKJ">contact us</a> and help us make this hackathon happen!
+		We are looking for partners interested in the <i class="eb-ibasic">sovereign future</i> of Ethereum. Please <a href="https://signal.me/#eu/08P5JDn8VtVDLDpFl0ihILAxoYu0fNa7kEVimHlvbZTRiNQflwtNM5FbhCDG0BKJ">contact us</a> and help us make this hackathon happen!
 	</p>
 
 	<h2>About the Host</h2>

src/styles/global.css

@@ -35,6 +35,10 @@ h2::before {
     @apply bg-black text-white inline-block py-2 px-3 lg:-mx-4 -rotate-1;
 }
 
+.eb-ibasic {
+    @apply bg-black text-white inline-block py-0.5 px-1.5;
+}
+
 .eb-invert a:hover {
     @apply text-red-200;
 }