/* Reflections.jsx โ five 100-word mini reflections + one 500-word major.
Copy is placeholder in Neel's voice โ replace with real writing. */
const MINI_REFLECTIONS = [
{ n: "01", topic: "Editing, Leadership, and Team Building",
body: "I believe I was able to improve my leadership skills a lot in InFocus this year. I realized that sometimes leading a class that's not fully dedicated is hard. There will be some students that unfortunately will not try their hardest to make the best packages and to pay attention and there is nothing you can do about it. I learned that the best use of time is focusing on the ones who need help but are putting in the effort, because if you help someone who is trying, they could end up becoming great reporters and therefore we could have a larger pool of dedicated and skilled students." },
{ n: "02", topic: "Writing and Reporting",
body: "In InFocus, I believe I have improved my writing skills, and especially my reporting skills. I learned a lot of new scriptwriting techniques over the year which greatly helped my Airport Day package and my iPhone 17 package. I learned that scriptwriting is a very useful tool as you can transcribe the interviews you had in the editor, paste it into a google doc and then cut down on those interviews using the transcription. This, then allows you to easily visualize the story of the interviews which made it much easier to write my VO script, and demonstrated how the story could flow better." },
{ n: "03", topic: "Broadcast Journalism",
body: "In InFocus, a broadcast journalism program, I improved significantly this semester on the broadcast. I improved my stories more by adding NAT sound clips at the start then transitioning to my VO or standup. I also learned to separate my interview clips and other interview clips with more VO- as the VO is supposed to tell the obvious facts, while the interviews should tell stories that you could not tell yourself. Additionally, I believe we improved the show slightly this year by adding banter that flows better, as well as doing anchor training. Overall, InFocus as a broadcast publication in terms of quality has increased this year." },
{ n: "04", topic: "Law, Ethics, and News Literacy",
body: "In InFocus, I have been constantly improving my ethics and news literacy through journalism. As always, I have always tried to stay up to date with the news, I continue to read the news daily as well as Ground News which separates news biases. I try to read it multiple times per day, and I also read a variety of morning financial newsletters and podcasts, which is where I get some of my news ideas from. I have maintained the same ethics standards by being polite to my interviewees, respecting their boundaries and being respectful to everyone I meet." },
{ n: "05", topic: "Commitment to Diversity",
body: "I believe I have improved my commitment to diversity in InFocus. I have always maintained a policy on trying to balance genders, if possible, within my packages. I attempted that with the Palo Alto Airport Day package but was unable to do so because of the lack of female pilots at the event. Additionally, as producers we try to encourage the students to include more diverse aspects- for example, a lot of packages where students interviewed other students usually contained one single grade and therefore, a piece of advice that we usually give is to interview multiple students across grade levels." },
];
const MAJOR_REFLECTION = {
topic: "Major Reflection",
read: "4 min read ยท protected",
protected: true,
};
const MAJOR_ACCESS_KEY = "neel-major-reflection-access";
async function fetchMajorReflection({ password, token } = {}) {
const headers = { "Content-Type": "application/json" };
if (token) headers.Authorization = `Bearer ${token}`;
const response = await fetch("/api/major-reflection", {
method: "POST",
headers,
body: JSON.stringify(password ? { password } : {}),
});
const data = await response.json().catch(() => ({}));
if (!response.ok) throw new Error(data.error || "Unable to unlock reflection");
return data;
}
function readSavedMajorAccess() {
try {
const saved = JSON.parse(localStorage.getItem(MAJOR_ACCESS_KEY));
if (!saved || !saved.token || !saved.expiresAt || saved.expiresAt <= Date.now()) {
localStorage.removeItem(MAJOR_ACCESS_KEY);
return null;
}
return saved;
} catch {
localStorage.removeItem(MAJOR_ACCESS_KEY);
return null;
}
}
function saveMajorAccess({ token, expiresAt }) {
localStorage.setItem(MAJOR_ACCESS_KEY, JSON.stringify({ token, expiresAt }));
}
function Reflections({ onRead }) {
const [gate, setGate] = React.useState({ open: false, password: "", error: "", loading: false });
const openMajorReflection = async () => {
const saved = readSavedMajorAccess();
if (!saved) {
setGate({ open: true, password: "", error: "", loading: false });
return;
}
try {
const data = await fetchMajorReflection({ token: saved.token });
saveMajorAccess(data);
onRead(data.reflection);
} catch {
localStorage.removeItem(MAJOR_ACCESS_KEY);
setGate({ open: true, password: "", error: "", loading: false });
}
};
const submitMajorPassword = async (e) => {
e.preventDefault();
setGate((g) => ({ ...g, error: "", loading: true }));
try {
const data = await fetchMajorReflection({ password: gate.password });
saveMajorAccess(data);
setGate({ open: false, password: "", error: "", loading: false });
onRead(data.reflection);
} catch (error) {
setGate((g) => ({ ...g, error: error.message, loading: false }));
}
};
return (
[ 04 ] In my own words
Reflections
Five mini reflections on different categories and one major reflection on the entire year
{/* Mini grid โ shared-hairline bordered cells */}