Skip to content

Add Manchester chapter page and nav links #30

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
UFO-101 merged 1 commit into from
May 29, 2026
Merged

Add Manchester chapter page and nav links #30

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
1 change: 1 addition & 0 deletions site/campaigns/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,7 @@
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
Expand Down
1 change: 1 addition & 0 deletions site/donate/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,7 @@
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
Expand Down
1 change: 1 addition & 0 deletions site/glasgow/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,7 @@
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
Expand Down
Binary file added site/images/chapters/manchester/coworking_event.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added site/images/chapters/manchester/discussion_group.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added site/images/chapters/manchester/manchester_logo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added site/images/chapters/manchester/manchester_public.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added site/images/chapters/manchester/movie_night.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
21 changes: 21 additions & 0 deletions site/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,6 +79,7 @@
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
Expand Down Expand Up @@ -232,6 +233,26 @@ <h3>Glasgow</h3>
</p>
</div>
</a>
<a class="chapter-card" href="/manchester">
<div
class="image-frame"
style="
background-image: url(&quot;images/chapters/manchester/manchester_public.jpg&quot;);
background-size: 110% auto;
background-position: center 22%;
"
></div>
<div class="card-copy">
<div class="card-header">
<h3>Manchester</h3>
<span class="card-link">Explore Manchester →</span>
</div>
<p>
New chapter bringing AI safety conversations and action to the
North West.
</p>
</div>
</a>
<a
class="chapter-card"
href="https://docs.google.com/document/d/1wVqsjGatoP3ltspkeqnyeye7I1d_V8XYRPQGaGyvitQ/edit?usp=sharing"
Expand Down
1 change: 1 addition & 0 deletions site/leicester/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,7 @@
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
Expand Down
1 change: 1 addition & 0 deletions site/london/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,7 @@
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
Expand Down
226 changes: 226 additions & 0 deletions site/manchester/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,226 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>PauseAI UK — Manchester Chapter</title>
<link rel="canonical" href="/manchester" />
<meta property="og:title" content="PauseAI Manchester" />
<meta property="og:description" content="Join the Manchester chapter of PauseAI for meetups, outreach, and AI safety action." />
<meta property="og:image" content="/images/open-graph/open-graph-1200-630.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://pauseai.uk/manchester" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="PauseAI Manchester" />
<meta name="twitter:description" content="Join the Manchester chapter of PauseAI for meetups, outreach, and AI safety action." />
<meta name="twitter:image" content="/images/open-graph/open-graph-1080-1080.jpg" />
<link rel="stylesheet" href="../styles.css" />
<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
<link rel="shortcut icon" href="/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="PauseAI UK" />
<link rel="manifest" href="/favicon/site.webmanifest" />
</head>
<body>
<header class="site-header">
<div class="container">
<a class="brand brand-link" href="/">
<img src="../images/chapters/manchester/manchester_logo.png" alt="PauseAI Manchester" class="brand-mark" />
</a>
<button class="burger" aria-label="Menu" aria-expanded="false">
<span></span><span></span><span></span>
</button>
<nav>
<div class="nav-item has-dropdown">
<a href="/#about" class="dropdown-trigger" aria-haspopup="true" aria-expanded="false">About<svg class="caret" viewBox="0 0 12 8" aria-hidden="true" focusable="false"><path d="M1 1.5l5 5 5-5" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
<div class="dropdown" role="menu">
<a href="/track-record/" role="menuitem">Track record</a>
<a href="/theory-of-change/" role="menuitem">Theory of change</a>
</div>
</div>
<div class="nav-item has-dropdown">
<a href="/#chapters" class="dropdown-trigger" aria-haspopup="true" aria-expanded="false">Chapters<svg class="caret" viewBox="0 0 12 8" aria-hidden="true" focusable="false"><path d="M1 1.5l5 5 5-5" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
<div class="dropdown" role="menu">
<a href="/london/" role="menuitem">London</a>
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
<a href="/#news">In the News</a>
<a href="/#stories">Stories</a>
<a href="/#people">People</a>
<a href="https://pauseai-shop.fourthwall.com/en-gbp" target="_blank" rel="noreferrer">Shop</a>
<a href="/#join" class="pill">Join</a>
<a href="/donate" class="pill pill-primary">Donate</a>
</nav>
</div>
</header>

<main>
<section class="hero" style="padding-bottom: 48px;">
<div class="container hero-grid">
<div class="hero-copy">
<p class="eyebrow">Manchester</p>
<h1>PauseAI Manchester</h1>
<p class="lede">
Building a local network in the North West to campaign for AI safety, host discussions, and support national actions.
</p>
<div class="actions">
<a class="btn primary" href="https://chat.whatsapp.com/Ja1X3ms77NgHc5jSrZIGVR?mode=gi_t" target="_blank" rel="noreferrer">Join the WhatsApp community</a>
<a class="btn ghost" href="https://www.instagram.com/pauseai.manchester" target="_blank" rel="noreferrer">Follow us on Instagram</a>
<a class="btn ghost" href="https://www.facebook.com/profile.php?id=61577650457496" target="_blank" rel="noreferrer">Follow us on Facebook</a>
<a class="btn ghost" href="https://calendly.com/adr-skapars/pauseai-manchester-1-on-1" target="_blank" rel="noreferrer">Book a 1-on-1 chat</a>
</div>
</div>
<div class="hero-visual">
<div
class="hero-photo"
style="background-image: linear-gradient(135deg, rgba(255, 148, 22, 0.35), rgba(0,0,0,0.65)), url('../images/chapters/manchester/manchester_public.jpg'); background-size: cover, 110% auto; background-position: center, center 22%; background-repeat: no-repeat;"
></div>
<div class="hero-badge">Make your voice heard</div>
</div>
</div>
</section>

<section class="section container">
<div class="section-header">
<p class="eyebrow">Highlights</p>
<h2>What we’re doing in Manchester</h2>
<p class="section-lede">
Public outreach, community discussion, and direct pressure on decision-makers.
</p>
</div>
<div class="feature-grid">
<article class="feature-card">
<div class="dot"></div>
<h3>Letters to MPs</h3>
<p>Group emailing and letter-writing to put AI safety on our representatives’ desks.</p>
</article>
<article class="feature-card">
<div class="dot"></div>
<h3>Public outreach</h3>
<p>Flyering and putting up posters in town to engage with the public on AI risk.</p>
</article>
<article class="feature-card">
<div class="dot"></div>
<h3>Discussion groups &amp; socials</h3>
<p>Bringing people together to talk through the case for a pause and the future we want.</p>
</article>
</div>
</section>

<section class="section container">
<div class="section-header">
<p class="eyebrow">Past events</p>
<h2>Events we’ve done</h2>
</div>
<div class="activity-grid">
<article class="activity-card">
<div class="image-frame" style="background-image: url('../images/chapters/manchester/movie_night.png');"></div>
<div class="card-copy">
<h3>PauseAI Manchester Film Night</h3>
<p>A screening of an AI x-risk video with popcorn and vegan snacks, followed by group conversation about how we respond to advanced AI.</p>
<a class="inline-link" href="https://luma.com/p8saolij" target="_blank" rel="noreferrer">View event page</a>
</div>
</article>
<article class="activity-card">
<div class="image-frame" style="background-image: url('../images/chapters/manchester/discussion_group.jpg'); background-position: center 42%;"></div>
<div class="card-copy">
<h3>PauseAI x EA: Discussion Group</h3>
<p>A friendly intro discussion on political solutions to existential risk from AI — covering whether pausing development and political action are effective strategies for reducing AI risk.</p>
<a class="inline-link" href="https://luma.com/5dv44ate" target="_blank" rel="noreferrer">View event page</a>
</div>
</article>
<article class="activity-card">
<div class="image-frame" style="background-image: url('../images/chapters/manchester/coworking_event.png');"></div>
<div class="card-copy">
<h3>PauseAI Manchester Coworking</h3>
<p>Casual coworking sessions where members come together to work on outreach, write to MPs, plan campaigns, and chat about AI safety over coffee.</p>
<a class="inline-link" href="#" target="_blank" rel="noreferrer">View event page</a>
</div>
</article>
</div>
</section>

<section class="section muted">
<div class="container">
<div class="section-header">
<p class="eyebrow">Get involved</p>
<h2>Link up with the chapter</h2>
<p class="section-lede">
Join the Manchester chat to connect with local organisers, or the UK chat for UK-wide events and campaigns. Want to learn more? Book a 1-on-1 chat.
</p>
</div>
<div class="callout-inner" style="margin-top: 18px;">
<div>
<p class="section-lede">Manchester chat: <a href="https://chat.whatsapp.com/Ja1X3ms77NgHc5jSrZIGVR?mode=gi_t" target="_blank" rel="noreferrer">PauseAI Manchester WhatsApp</a></p>
<p class="section-lede">UK chat: <a href="https://chat.whatsapp.com/BesRzGOwnfNHuQM9fLIr0J" target="_blank" rel="noreferrer">PauseAI UK WhatsApp</a></p>
</div>
<div class="actions">
<a class="btn primary large" href="https://calendly.com/adr-skapars/pauseai-manchester-1-on-1" target="_blank" rel="noreferrer">Book a 1-on-1 chat</a>
<a class="btn ghost large" href="mailto:Adr.Skapars@gmail.com">Email us</a>
</div>
</div>
</div>
</section>
</main>

<footer class="site-footer">
<div class="container footer-grid">
<div class="brand footer-brand">
<img
src="../images/logos/PauseAI Logo Transparent.svg"
alt="PauseAI UK"
width="178"
height="48"
class="brand-mark"
/>
<span class="brand-uk">UK</span>
</div>
<div class="footer-links">
<a href="/donate">Donate</a>
<a href="mailto:hello@pauseai.uk">hello@pauseai.uk</a>
<a href="https://pauseai.info/dear-sir-demis-2025" target="_blank" rel="noreferrer">Open letter</a>
<a href="https://chat.whatsapp.com/BesRzGOwnfNHuQM9fLIr0J" target="_blank" rel="noreferrer">WhatsApp community</a>
<a href="https://pauseai-shop.fourthwall.com/en-gbp" target="_blank" rel="noreferrer">Shop merch</a>
<a href="/privacy">Privacy</a>
<a href="#" class="js-cookie-settings">Cookie settings</a>
</div>
<div class="social-links">
<a href="https://instagram.com/pauseai_uk" target="_blank" rel="noreferrer" aria-label="Instagram">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
</a>
<a href="https://tiktok.com/@pauseai_uk" target="_blank" rel="noreferrer" aria-label="TikTok">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/></svg>
</a>
<a href="https://x.com/pauseai_uk" target="_blank" rel="noreferrer" aria-label="X (Twitter)">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
</a>
<a href="https://www.facebook.com/people/Pause-AI-UK/61587358827177/" target="_blank" rel="noreferrer" aria-label="Facebook">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
</a>
<a href="https://www.youtube.com/@PauseAI" target="_blank" rel="noreferrer" aria-label="YouTube">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
</a>
<a href="https://luma.com/pauseai.uk" target="_blank" rel="noreferrer" aria-label="Events Calendar">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 002 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11zM9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm-8 4H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2z"/></svg>
</a>
<a href="https://linktr.ee/pauseai_uk" target="_blank" rel="noreferrer" aria-label="Linktree">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M7.953 15.066l-.038-4.036 4.044-.006v-2.93l-4.044.006.038-3.995L5.03 6.998l2.89 3.035-2.89 2.993 2.923 2.04zm8.091 0l2.924-2.04-2.89-2.993 2.89-3.035-2.923 2.893.038 3.995-4.044-.006v2.93l4.044.006-.038 4.036 2.923-2.893zM12 19.921L9.077 16.95H7.953v2.97L12 24l4.047-4.08v-2.97h-1.124L12 19.921z"/></svg>
</a>
</div>
</div>
<div class="container footer-bottom">
<small>© <span id="year"></span> PauseAI UK</small>
<small>For press enquiries, contact <a href="mailto:press@pauseai.uk">press@pauseai.uk</a>.</small>
</div>
</footer>
<script src="../script.js"></script>
</body>
</html>
1 change: 1 addition & 0 deletions site/oxford/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,7 @@
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
Expand Down
1 change: 1 addition & 0 deletions site/privacy/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,7 @@
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
Expand Down
1 change: 1 addition & 0 deletions site/theory-of-change/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,7 @@
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
Expand Down
1 change: 1 addition & 0 deletions site/track-record/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,6 +61,7 @@
<a href="/glasgow/" role="menuitem">Glasgow</a>
<a href="/oxford/" role="menuitem">Oxford</a>
<a href="/leicester/" role="menuitem">Leicester</a>
<a href="/manchester/" role="menuitem">Manchester</a>
</div>
</div>
<a href="/campaigns/">Campaigns</a>
Expand Down
Loading