Skip to content

Commit 4adf6df

Browse files
eitiyamamotoeitiyamamoto
committed
Adding Attendings - Visa Information
1 parent 27ccba5 commit 4adf6df

File tree

4 files changed

+136
-4
lines changed

4 files changed

+136
-4
lines changed

‎src/App.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ import Sponsorship from "./components/Sponsorship";
2222
import ImportantDates from "./components/importantdates"
2323
import WorkshopsTutorials from "./components/calls/WorkshopsTutorials";
2424
import Host from "./components/blogs/host"
25+
import { Visa } from "./components/attending/visa";
2526

2627

2728
export default function HeroComponent() {
@@ -58,6 +59,9 @@ export default function HeroComponent() {
5859
<Route path="/guidelines/resources" element={<ResourcesAvailability />} />
5960
<Route path="/guidelines/prior-publications" element={<PriorPublicationMultipleSubmission />} />
6061

62+
{/* Attendings */}
63+
<Route path="/attending/visa" element={<Visa />} />
64+
6165
{/* Blogs */}
6266
<Route path="/blogs/host" element={<Host />} />
6367

‎src/components/attending/attending.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
.h2-border-bottom {
2+
border-bottom: 2px solid #e94607;
3+
margin-bottom: 20px;
4+
}
5+
6+
a {
7+
color: #e94607;
8+
}
9+
10+
.ul-disc {
11+
list-style-type: disc;
12+
list-style-position: inside;
13+
}
14+
15+
ol {
16+
list-style-type: decimal;
17+
padding-left: 32px;
18+
}
19+
20+
ol li::marker {
21+
color: #e94607;
22+
}

‎src/components/attending/visa.jsx

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
import React from "react";
2+
import './attending.css';
3+
export const Visa = () => {
4+
return (
5+
<div>
6+
<div className="mt-[74px] px-4 pt-2 bg-white flex items-center justify-center">
7+
</div>
8+
9+
<div className="container mx-auto px-4 lg:px-8 lg:pb-12 mt-12">
10+
<h1 className="text-3xl font-bold text-center text-[#e94607]">VISA Information</h1>
11+
12+
<h2 className="h2-border-bottom">Exemption of Visa (Short-Term Stay)</h2>
13+
<div className="mt-4 text-lg">
14+
<p>Nationals of certain countries and regions are exempt from obtaining a visa for short-term stays in Japan. The list of exempt countries and further details on visa exemptions can be found on the official website of the Ministry of Foreign Affairs of Japan:</p>
15+
<ul className="ul-disc lg:text-lg">
16+
<li>
17+
<a href="https://www.mofa.go.jp/j_info/visit/visa/short/novisa.html">
18+
Visa Exemptions for Short-Term Stay
19+
</a>
20+
</li>
21+
</ul>
22+
<p>If your country is not listed under the visa exemption agreement, or if you are unsure about your visa requirements, please check with your nearest Japanese embassy or consulate.
23+
</p>
24+
</div>
25+
26+
<br />
27+
<h2 className="h2-border-bottom">Visa Application Information for ISWC2025 Participants</h2>
28+
<div className="mt-4 text-lg">
29+
<p>Visa support letters will only be issued to:</p>
30+
<ol>
31+
<li>Individuals known to the organization (notification from a member of <a href="https://iswc2025.semanticweb.org/#/organizing_committee">the organizing committee</a> is required).</li>
32+
<li>Speakers or presenters at the conference.</li>
33+
<li>Committee members.</li>
34+
<li>Attendees who have paid the full registration fee.</li>
35+
</ol>
36+
37+
<p>For attendees in the fourth category, we may request additional documents and/or certificates to verify the provided information and assess whether the applicant is expected to attend the scientific and technical conference. If we are not confident in the validity of the provided information or the likelihood of attendance, we will not issue an invitation letter.</p>
38+
</div>
39+
40+
<br />
41+
<h2 className="h2-border-bottom">Visa Application Information</h2>
42+
<div className="mt-4 text-lg">
43+
<p>Details on how to apply for a visa to enter Japan can be found on the following websites:</p>
44+
<ul className="ul-disc lg:text-lg">
45+
<li><a href="http://www.mofa.go.jp/j_info/visit/visa/">Ministry of Foreign Affairs of Japan – Visa Information</a></li>
46+
<li><a href="http://www.mofa.go.jp/j_info/visit/visa/process/short.html">Visa Application Process – Short-Term Stay</a></li>
47+
</ul>
48+
</div>
49+
50+
<br />
51+
<h2 className="h2-border-bottom">Requesting a Visa Support Letter</h2>
52+
<div className="mt-4 text-lg">
53+
<p>To request a visa support letter, please send an email to <a href="mailto:[email protected]">[email protected]</a> with the following information included in the body of the email:</p>
54+
<ul className="ul-disc lg:text-lg">
55+
<li><b>Full name</b>(as written in the passport)</li>
56+
<li><b>Job title</b></li>
57+
<li><b>Mailing address</b></li>
58+
<li><b>Nationality</b></li>
59+
<li><b>Date of birth</b></li>
60+
<li><b>Gender</b> (Male/Female)</li>
61+
<li><b>Are you a speaker/presenter?</b> (Yes or No)</li>
62+
<li><b>Title of session/paper/workshop you are speaking/presenting at</b></li>
63+
<li><b>Itinerary</b> (dates, planned activities, name of hotel)</li>
64+
<li><b>Do you require a hard copy of the letter?</b> (Please note that hard copies will take additional processing time.)</li>
65+
</ul>
66+
67+
<p>Electronic visa support letters will be issued promptly upon verification of paid registration. If you require an original signed letter via regular mail, you must request it in advance.</p>
68+
</div>
69+
70+
<br />
71+
<h2 className="h2-border-bottom">Invitation Letter Details</h2>
72+
<div className="mt-4 text-lg">
73+
<p>The invitation letter will include the following information:</p>
74+
<ul className="ul-disc lg:text-lg">
75+
<li>Conference dates, title, and location</li>
76+
<li>The requester’s role (committee member, speaker, presenter, or attendee)</li>
77+
<li>Confirmation that the requester has paid the full registration fee</li>
78+
</ul>
79+
80+
<p><b>Note:</b> Invitation letters will not be issued to individuals who have not completed their registration payment.</p>
81+
</div>
82+
83+
<br />
84+
<h2 className="h2-border-bottom">Contact Information</h2>
85+
<p>For any inquiries, please contact:</p>
86+
<p><a href="mailto:[email protected]">[email protected]</a></p>
87+
<p>Kouji Kozaki (Local Organizing Chairs)</p>
88+
</div>
89+
</div>
90+
);
91+
};
92+
93+
export default Visa;

‎src/components/navbar.jsx

Lines changed: 17 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,13 +7,13 @@ export const NavBar = () => {
77
const [isMobile, setIsMobile] = useState(false);
88
const [dropdownOpen, setDropdownOpen] = useState({ calls: false, guidelines: false });
99
const location = useLocation();
10-
let mouseLeaveTimeout;
10+
let mouseLeaveTimeout;
1111

1212
const handleMouseEnter = (key) => {
1313
//clearTimeout(mouseLeaveTimeout);
1414
setDropdownOpen((prev) => {
1515
if (isMobile) return;
16-
const newState = { calls: false, guidelines: false }; // Reset all dropdowns
16+
const newState = { calls: false, guidelines: false, attendings: false }; // Reset all dropdowns
1717
newState[key] = true;
1818
setIsOpen(true);
1919
return newState;
@@ -25,15 +25,15 @@ export const NavBar = () => {
2525
// Set a timeout to delay the execution of the dropdown closing logic
2626
mouseLeaveTimeout = setTimeout(() => {
2727
setDropdownOpen(() => {
28-
const newState = { calls: false, guidelines: false }; // Reset all dropdowns
28+
const newState = { calls: false, guidelines: false, attendings: false }; // Reset all dropdowns
2929
return newState;
3030
});
3131
}, 2000); // 2 seconds delay
3232
};
3333

3434
const dropdownMenuClicked = () => {
3535
setDropdownOpen(() => {
36-
const newState = { calls: false, guidelines: false }; // Reset all dropdowns
36+
const newState = { calls: false, guidelines: false, attendings: false }; // Reset all dropdowns
3737
return newState;
3838
});
3939
}
@@ -253,6 +253,19 @@ export const NavBar = () => {
253253
</div>
254254
</Link>
255255

256+
<Link to="#" style={{ color: '#e94607' }} onMouseEnter={() => handleMouseEnter('attendings')} className="relative block mt-4 lg:inline-block items-center text-[#e94607] mr-4 group lg:mr-4 lg:inline-flex lg:mt-0 mt-4">
257+
Attending
258+
<div className="w-0 w-full">
259+
{(isMobile || dropdownOpen.attendings) && (
260+
<div className={`${isMobile ? 'relative' : 'absolute'} right-auto left-0 top-full mt-2 bg-white shadow-md rounded-md z-50`}>
261+
<Link to="/attending/visa" className="block px-4 py-2" style={{ color: '#e94607' }} onClick={() => dropdownMenuClicked()}>
262+
VISA Information
263+
<div className="bg-[#E30022] w-0 group-hover:w-full"></div>
264+
</Link>
265+
</div>
266+
)}
267+
</div>
268+
</Link>
256269
<Link to="#" style={{ color: '#e94607' }} onMouseEnter={() => handleMouseEnter('blogs')} className="relative block mt-4 lg:inline-block items-center text-[#e94607] mr-4 group lg:mr-4 lg:inline-flex lg:mt-0 mt-4">
257270
Blogs
258271
<div className="w-0 w-full">

0 commit comments

Comments
 (0)