sterlingwes/genocide-club

Genocide.club is a website that shows the statements from proponents of Israel's campaign in Gaza over time and contrasts those statements with the cumulative toll of Palestinian lives due to that campaign in the months following October 7.

genocide-club

A time-based way to visualize the statements of pro-Israel people (who defend or ignore murder & displacement), by superimposing their statements on a graph showing the cumulative toll of Israel's actions in Gaza since October 7.

Our goal is to put these statements in the necessary context.

Running Locally

Prerequisites

You'll need bun installed. Then run the following in the root of the repo:

• bun install
• bun data

The bun data command will pull the latest daily casualty time series from data.techforpalestine.org, build the SVG graph with that data and store a subset of that data in site/src/generated.

Development

bun run dev will run the development server.

bun run build then bun run preview will run a simulation of the deployed site, not in dev mode.

bun run test will run any unit tests or snapshots.

Contributing

Adding or Updating a Person or Group

See the JSON files under site/src/content/enabler for an example of the format that gets used to render each visualization page.

Changing the Site

This site is powered by Astro. It's a static website, there's no server runtime.

Note the following guiding principles: the core animation (graph reveal, post appearance, label counting-up) should work without client-side javascript (build the animation sequencing on "the server" at build time).

Where to find / place things:

• site/src/pages/[...enablerPage].astro is the main template used to generate the visualization pages
• site/src/lib/server/timeline is the core animation sequencing logic, run at build ("server") time
• site/src/lib/browser has any javascript we run in the browser or referenced in a script tag in the page template

genocide-club's Issues

Editorial tags

Provide a better framework for providing reasoning behind selected posts. Some dimensions we can tag might include statements that are:

• Genocidal
• Racist
• Propagandist (distracting?)
• State / settler terror advocacy
• Dehumanizing
• Fascistic
• Something about pro-palestine generalizations ("Hamas supporters")

We can display these in the editorial comment for the person with standard text explaining them. We can also show that text in a policy document which may help guide contributors.

Collapse menu on mobile

Homepage index / enabler tagging

We can have a tags array on each enabler JSON to associate them with a category and allow for displaying (and eventually filtering if needed) on the home page

Fix Safari

• weird scroll issue on first load (no repro)
• day counter digit spacing
• not scrollable

Rough in editorial synopsis / SEO stuff

An "about" overlay with a link back to the home page from each person's page.

Also add meta description for search engines that's specific to that page.

Other SEO quick wins?

Fix large viewport text size

Fix mobile serif fonts

Fix scroll / post size issue on mobile

Couple ways to fix this:

• reduce horizontal margins
• shrink avatar on mobile to take up less space
• truncate URLs so that only the host displays
• update the scrolling script to account for post height in determining screen top offset so that it mostly centres it

Stop auto-scroll when user scrolls

In lieu of a pause or speed toggle for the time being

Support Twitter quotes & image thumbnails