Skip to content

add event submission link to header #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
neila merged 1 commit into from
May 23, 2026
Merged

add event submission link to header #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 17 additions & 3 deletions app/components/layouts/$Menu.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,9 +26,11 @@ export default function Menu() {

const navItems = [
{ href: "/", label: "Home", enabled: true },
{ href: "/manifesto", label: "Manifesto", enabled: true },
{ href: "#", label: "Schedule", enabled: false },
{ href: "#", label: "Access", enabled: false },
{
href: "https://forms.ethtokyo.org/p/event-submission",
label: "Submit Event",
enabled: true,
},
];

return (
Expand Down Expand Up @@ -73,6 +75,18 @@ export default function Menu() {
href={item.href}
class="block py-3 sm:py-0 w-full h-full sm:flex sm:items-center"
onClick={() => setIsOpen(false)}
target={
item.href.startsWith("http://") ||
item.href.startsWith("https://")
? "_blank"
: undefined
}
rel={
item.href.startsWith("http://") ||
item.href.startsWith("https://")
? "noopener noreferrer"
: undefined
}
>
{item.label}
</a>
Expand Down
98 changes: 43 additions & 55 deletions app/components/pages/top/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,27 @@ import Logo from "@/components/icons/LogoGradient";
import Layout from "@/components/layouts/MainLayout";
import PastEvents from "@/components/pages/top/PastEvents";

// ExternalLink component for consistent styling
const ExternalLink = ({ href, children, ...props }: any) => (
<a
href={href}
class="ext underline decoration-dotted underline-offset-2 hover:text-secondary"
target="_blank"
rel={props.rel || "noopener noreferrer"}
{...props}
>
<span>{children}</span>
<span style={{ fontSize: "0.8em", verticalAlign: "super" }}>↗︎</span>
</a>
);

const TopPage = () => {
return (
<Layout>
<div class="w-full pt-20 pb-8 px-6 border-b">
<div class="max-w-3xl mx-auto flex flex-col gap-4">
<Logo klass="max-w-80 h-auto mx-auto pl-4" stroke={12} />
<h1 class="text-4xl mt-14 font-mono font-bold">ETHTokyo'26</h1>
<h1 class="text-4xl mt-14 font-mono font-bold">ETHTokyo week 2026</h1>
<p class="text-2xl">
🗓️ September 19-27, 2026
<br />📍 Tokyo, Japan
Expand All @@ -25,8 +39,9 @@ const TopPage = () => {
Ethereum.
</p>
<p class="mt-4">
ETHTokyo'26 will be held from September 19 to 27, 2026, featuring
conferences, events, and hackathons during the period.
This year's ETHTokyo week will be held from September 19 to 27,
2026, featuring conferences, events, and hackathons during the
period.
</p>
<div class="flex items-center justify-center pt-4">
<a class="btn mx-auto" href="/manifesto">
Expand All @@ -39,50 +54,42 @@ const TopPage = () => {
<div class="max-w-3xl mx-auto">
<h3 class="font-bold text-center text-2xl pb-5">Schedule</h3>
<ul class="list-disc list-outside pl-6">
<li class="text-lg">ETHTokyo Week&nbsp;:&nbsp;Sep 19-27, 2026</li>
<li class="text-lg">ETHTokyo week&nbsp;:&nbsp;Sep 19-27, 2026</li>
<ul class="list-disc list-outside pl-4 mb-6">
<li>
<a
class="ext"
<ExternalLink
href="https://luma.com/0xoaxqaq"
target="_blank"
rel="noopener noreferer"
>
Decentralized AI Summit
</a>
</ExternalLink>
&nbsp;:&nbsp; Sep 23
</li>
<li>
<a
class="ext"
<ExternalLink
href="https://ethglobal.com/events/pragma-tokyo2026"
target="_blank"
rel="noopener noreferer"
>
Pragma Tokyo 2026
</a>
</ExternalLink>
&nbsp;:&nbsp; Sep 24
</li>
<li>
<a
class="ext"
<ExternalLink
href="https://luma.com/154ptgo7"
target="_blank"
rel="noopener noreferer"
>
Ethereum Institutional Summit
</a>
</ExternalLink>
&nbsp;:&nbsp; Sep 25
</li>
<li>
<a
class="ext"
<ExternalLink
href="https://ethglobal.com/events/tokyo2026"
target="_blank"
rel="noopener noreferer"
>
ETHGlobal Tokyo 2026
</a>
</ExternalLink>
&nbsp;:&nbsp; Sep 25-27
</li>
</ul>
Expand All @@ -109,7 +116,6 @@ const TopPage = () => {
<a
class="btn mx-auto flex items-center"
href="https://forms.ethtokyo.org/p/event-submission"
target="_blank"
rel="noopener noreferrer"
>
<svg
Expand Down Expand Up @@ -153,7 +159,6 @@ const TopPage = () => {
<a
class="btn mx-auto flex items-center"
href="https://forms.ethtokyo.org/p/sponsor-inquiry"
target="_blank"
rel="noopener noreferrer"
>
<svg
Expand All @@ -172,7 +177,6 @@ const TopPage = () => {
<a
class="btn mx-auto flex items-center"
href="https://forms.ethtokyo.org/p/volunteer-signup"
target="_blank"
rel="noopener noreferrer"
>
<svg
Expand Down Expand Up @@ -200,23 +204,19 @@ const TopPage = () => {
<h4 class="font-bold text-lg mb-2">✈️ Traveling to Tokyo</h4>
<div>
Tokyo has two airports:&nbsp;
<a
class="ext"
<ExternalLink
href="https://maps.app.goo.gl/pEzYqQj1HuTY3ctD7"
target="_blank"
rel="noreferer noopener"
>
Narita International Airport (NRT)
</a>
</ExternalLink>
&nbsp;and&nbsp;
<a
class="ext"
<ExternalLink
href="https://maps.app.goo.gl/C1rgT7mBmtXzULy68"
target="_blank"
rel="noreferer noopener"
>
Haneda International Airport (HND)
</a>
</ExternalLink>
. They are both well connected with the railway system.
</div>
</div>
Expand All @@ -228,23 +228,19 @@ const TopPage = () => {
the times, the quickest and easiest way to getting from A to B
is by trains and buses. If you are staying longer than just a
few days, you might want to consider purchasing a&nbsp;
<a
class="ext"
<ExternalLink
href="https://www.jreast.co.jp/multi/en/pass/suica.html"
target="_blank"
rel="noreferrer noopener"
>
SUICA
</a>
</ExternalLink>
&nbsp;or&nbsp;
<a
class="ext"
<ExternalLink
href="https://www.pasmo.co.jp/visitors/en/"
target="_blank"
rel="noreferrer noopener"
>
PASMO
</a>
</ExternalLink>
&nbsp; card at for the best experience, which can be obtained
at pretty much any train station. You can use these cards to
ride the buses also.
Expand All @@ -253,46 +249,38 @@ const TopPage = () => {
<strong>🛴 Scooters & Bikes</strong> : Depending on the area,
you will also find scooters and bikes that you can grab around
the city, using apps like{" "}
<a
class="ext"
<ExternalLink
href="https://play.google.com/store/apps/details?id=sc.luup.luup"
target="_blank"
rel="noreferrer noopener"
>
LUUP
</a>
</ExternalLink>
&nbsp;and&nbsp;
<a
class="ext"
<ExternalLink
href="https://play.google.com/store/apps/details?id=com.limebike"
target="_blank"
rel="noreferrer noopener"
>
LIME
</a>
</ExternalLink>
. You should take precaution to stay safe since the streets in
Tokyo are generally narrow and crowded.
</p>
<p>
<strong>🚖 Taxis</strong> : Taxis are available through apps
like&nbsp;
<a
<ExternalLink
href="https://play.google.com/store/apps/details?id=com.dena.automotive.taxibell"
class="ext"
target="_blank"
rel="noreferrer noopener"
>
GO
</a>
</ExternalLink>
&nbsp;and&nbsp;
<a
<ExternalLink
href="https://play.google.com/store/apps/details?id=com.ubercab"
class="ext"
target="_blank"
rel="noreferrer noopener"
>
Uber
</a>
</ExternalLink>
.
</p>
</div>
Expand Down
8 changes: 0 additions & 8 deletions app/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,14 +56,6 @@ a {
@apply hover:text-secondary;
}

a.ext {
@apply underline;

&:after {
content: "\2197";
}
}

input {
@apply p-2 rounded-sm border outline-none;
}
Expand Down