Skip to content
BranchesTags

Repository files navigation

Welcome! You’ve stumbled across Hack Club

Hack Club is a global, nonprofit network of high school makers & student-led coding clubs. This repository is where we store our Workshops, which are self-led learn-to-code tutorials, as well as our Code of Conduct.

Philosophy

We think learning to code is uniquely like gaining a superpower: it converts you from a consumer to a creator, turning your computer into a tool for creation. If you’re reading this, you can learn to build an app—there’s never been a better time for making.

The goal of Hack Club is to help you become a hacker. We want an inclusive space on the internet & at every school where people are making interesting things with code, every week. In our online Slack (Discord-style online chatroom with 15K student members), you can ask coding questions, you’ll meet amazing friends, share projects you’re building, and so much more. Most members start with little to no coding experience, join our Slack, build projects of their own, start clubs at their school, attend & later organize hackathons.

Hack Club was founded by a teenager who dropped out of high school because the school system wasn’t working. We’re an entirely open source organization—our website to even our finances are public. It’s backed by everyone from Elon Musk to the co-founder of GitHub, Tom Preston-Werner.

Quick Hack Club links

ActionLink
Join our Slackhttps://hackclub.com/slack
See our workshopshttps://workshops.hackclub.com
Apply to start a clubhttps://apply.hackclub.com
Draw a dino & join our GitHubhttps://hack.af/draw-dino
See our contribution guidelinesCONTRIBUTING.md
Read our code of conducthttps://hackclub.com/conduct
Use our logos & bannershttps://hackclub.com/brand
Follow us on Twitterhttps://twitter.com/hackclub

Contributing to Workshops

Contributions are welcome!

If you need any help, please feel free to contact us at team@hackclub.com or on our Slack.

  1. Check out our public issues board. If your issue isn't on the board, open a new one.
  2. Pick an issue that nobody has claimed and start working on it. First-time contributors should look for the "first-timers-only" label on issues.
  3. Fork the project (Need help forking a project?). You’ll do all of your work on your forked copy.
  4. Create a branch specific to the issue or feature you are working on. Push your work on that branch (Need help with branching?).
  5. Name the branch something like fixes-xxx-issue or add-xxx-feature where xxx is a short description of the changes or feature you are adding.
  6. Once your code is ready, submit a pull request from your branch to Hack Club's main branch. We'll do a quick review and give you feedback.

License

TL;DR: All content is released under the Creative Commons Attribution-ShareAlike 4.0 International license. All code is released under the MIT License. For the license's full text and attributions, please see LICENSE.

About

🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects

hackclub.com

Resources

Readme

Code of conduct

Code of conduct

Contributing

Contributing
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
GitHub - karamassie/hackclub: 🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects · GitHub
Skip to content
BranchesTags
Repository files navigation
Welcome! You’ve stumbled across Hack Club
Hack Club is a global, nonprofit network of high school makers & student-led coding clubs. This repository is where we store our Workshops, which are self-led learn-to-code tutorials, as well as our Code of Conduct.
Philosophy
We think learning to code is uniquely like gaining a superpower: it converts you from a consumer to a creator, turning your computer into a tool for creation. If you’re reading this, you can learn to build an app—there’s never been a better time for making.
The goal of Hack Club is to help you become a hacker. We want an inclusive space on the internet & at every school where people are making interesting things with code, every week. In our online Slack (Discord-style online chatroom with 15K student members), you can ask coding questions, you’ll meet amazing friends, share projects you’re building, and so much more. Most members start with little to no coding experience, join our Slack, build projects of their own, start clubs at their school, attend & later organize hackathons.
Hack Club was founded by a teenager who dropped out of high school because the school system wasn’t working. We’re an entirely open source organization—our website to even our finances are public. It’s backed by everyone from Elon Musk to the co-founder of GitHub, Tom Preston-Werner.
Quick Hack Club links
ActionLink
Join our Slackhttps://hackclub.com/slack
See our workshopshttps://workshops.hackclub.com
Apply to start a clubhttps://apply.hackclub.com
Draw a dino & join our GitHubhttps://hack.af/draw-dino
See our contribution guidelinesCONTRIBUTING.md
Read our code of conducthttps://hackclub.com/conduct
Use our logos & bannershttps://hackclub.com/brand
Follow us on Twitterhttps://twitter.com/hackclub
Contributing to Workshops
Contributions are welcome!
If you need any help, please feel free to contact us at team@hackclub.com or on our Slack.
  1. Check out our public issues board. If your issue isn't on the board, open a new one.
  2. Pick an issue that nobody has claimed and start working on it. First-time contributors should look for the "first-timers-only" label on issues.
  3. Fork the project (Need help forking a project?). You’ll do all of your work on your forked copy.
  4. Create a branch specific to the issue or feature you are working on. Push your work on that branch (Need help with branching?).
  5. Name the branch something like fixes-xxx-issue or add-xxx-feature where xxx is a short description of the changes or feature you are adding.
  6. Once your code is ready, submit a pull request from your branch to Hack Club's main branch. We'll do a quick review and give you feedback.
License
TL;DR: All content is released under the Creative Commons Attribution-ShareAlike 4.0 International license. All code is released under the MIT License. For the license's full text and attributions, please see LICENSE.
About
🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects
hackclub.com
Resources
Readme
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - karamassie/hackclub: 🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects · GitHub
Skip to content
BranchesTags
Repository files navigation
Welcome! You’ve stumbled across Hack Club
Hack Club is a global, nonprofit network of high school makers & student-led coding clubs. This repository is where we store our Workshops, which are self-led learn-to-code tutorials, as well as our Code of Conduct.
Philosophy
We think learning to code is uniquely like gaining a superpower: it converts you from a consumer to a creator, turning your computer into a tool for creation. If you’re reading this, you can learn to build an app—there’s never been a better time for making.
The goal of Hack Club is to help you become a hacker. We want an inclusive space on the internet & at every school where people are making interesting things with code, every week. In our online Slack (Discord-style online chatroom with 15K student members), you can ask coding questions, you’ll meet amazing friends, share projects you’re building, and so much more. Most members start with little to no coding experience, join our Slack, build projects of their own, start clubs at their school, attend & later organize hackathons.
Hack Club was founded by a teenager who dropped out of high school because the school system wasn’t working. We’re an entirely open source organization—our website to even our finances are public. It’s backed by everyone from Elon Musk to the co-founder of GitHub, Tom Preston-Werner.
Quick Hack Club links
ActionLink
Join our Slackhttps://hackclub.com/slack
See our workshopshttps://workshops.hackclub.com
Apply to start a clubhttps://apply.hackclub.com
Draw a dino & join our GitHubhttps://hack.af/draw-dino
See our contribution guidelinesCONTRIBUTING.md
Read our code of conducthttps://hackclub.com/conduct
Use our logos & bannershttps://hackclub.com/brand
Follow us on Twitterhttps://twitter.com/hackclub
Contributing to Workshops
Contributions are welcome!
If you need any help, please feel free to contact us at team@hackclub.com or on our Slack.
  1. Check out our public issues board. If your issue isn't on the board, open a new one.
  2. Pick an issue that nobody has claimed and start working on it. First-time contributors should look for the "first-timers-only" label on issues.
  3. Fork the project (Need help forking a project?). You’ll do all of your work on your forked copy.
  4. Create a branch specific to the issue or feature you are working on. Push your work on that branch (Need help with branching?).
  5. Name the branch something like fixes-xxx-issue or add-xxx-feature where xxx is a short description of the changes or feature you are adding.
  6. Once your code is ready, submit a pull request from your branch to Hack Club's main branch. We'll do a quick review and give you feedback.
License
TL;DR: All content is released under the Creative Commons Attribution-ShareAlike 4.0 International license. All code is released under the MIT License. For the license's full text and attributions, please see LICENSE.
About
🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects
hackclub.com
Resources
Readme
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - karamassie/hackclub: 🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects · GitHub
Skip to content
BranchesTags
Repository files navigation
Welcome! You’ve stumbled across Hack Club
Hack Club is a global, nonprofit network of high school makers & student-led coding clubs. This repository is where we store our Workshops, which are self-led learn-to-code tutorials, as well as our Code of Conduct.
Philosophy
We think learning to code is uniquely like gaining a superpower: it converts you from a consumer to a creator, turning your computer into a tool for creation. If you’re reading this, you can learn to build an app—there’s never been a better time for making.
The goal of Hack Club is to help you become a hacker. We want an inclusive space on the internet & at every school where people are making interesting things with code, every week. In our online Slack (Discord-style online chatroom with 15K student members), you can ask coding questions, you’ll meet amazing friends, share projects you’re building, and so much more. Most members start with little to no coding experience, join our Slack, build projects of their own, start clubs at their school, attend & later organize hackathons.
Hack Club was founded by a teenager who dropped out of high school because the school system wasn’t working. We’re an entirely open source organization—our website to even our finances are public. It’s backed by everyone from Elon Musk to the co-founder of GitHub, Tom Preston-Werner.
Quick Hack Club links
ActionLink
Join our Slackhttps://hackclub.com/slack
See our workshopshttps://workshops.hackclub.com
Apply to start a clubhttps://apply.hackclub.com
Draw a dino & join our GitHubhttps://hack.af/draw-dino
See our contribution guidelinesCONTRIBUTING.md
Read our code of conducthttps://hackclub.com/conduct
Use our logos & bannershttps://hackclub.com/brand
Follow us on Twitterhttps://twitter.com/hackclub
Contributing to Workshops
Contributions are welcome!
If you need any help, please feel free to contact us at team@hackclub.com or on our Slack.
  1. Check out our public issues board. If your issue isn't on the board, open a new one.
  2. Pick an issue that nobody has claimed and start working on it. First-time contributors should look for the "first-timers-only" label on issues.
  3. Fork the project (Need help forking a project?). You’ll do all of your work on your forked copy.
  4. Create a branch specific to the issue or feature you are working on. Push your work on that branch (Need help with branching?).
  5. Name the branch something like fixes-xxx-issue or add-xxx-feature where xxx is a short description of the changes or feature you are adding.
  6. Once your code is ready, submit a pull request from your branch to Hack Club's main branch. We'll do a quick review and give you feedback.
License
TL;DR: All content is released under the Creative Commons Attribution-ShareAlike 4.0 International license. All code is released under the MIT License. For the license's full text and attributions, please see LICENSE.
About
🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects
hackclub.com
Resources
Readme
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
GitHub - karamassie/hackclub: 🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects · GitHub
Skip to content
BranchesTags
Repository files navigation
Welcome! You’ve stumbled across Hack Club
Hack Club is a global, nonprofit network of high school makers & student-led coding clubs. This repository is where we store our Workshops, which are self-led learn-to-code tutorials, as well as our Code of Conduct.
Philosophy
We think learning to code is uniquely like gaining a superpower: it converts you from a consumer to a creator, turning your computer into a tool for creation. If you’re reading this, you can learn to build an app—there’s never been a better time for making.
The goal of Hack Club is to help you become a hacker. We want an inclusive space on the internet & at every school where people are making interesting things with code, every week. In our online Slack (Discord-style online chatroom with 15K student members), you can ask coding questions, you’ll meet amazing friends, share projects you’re building, and so much more. Most members start with little to no coding experience, join our Slack, build projects of their own, start clubs at their school, attend & later organize hackathons.
Hack Club was founded by a teenager who dropped out of high school because the school system wasn’t working. We’re an entirely open source organization—our website to even our finances are public. It’s backed by everyone from Elon Musk to the co-founder of GitHub, Tom Preston-Werner.
Quick Hack Club links
ActionLink
Join our Slackhttps://hackclub.com/slack
See our workshopshttps://workshops.hackclub.com
Apply to start a clubhttps://apply.hackclub.com
Draw a dino & join our GitHubhttps://hack.af/draw-dino
See our contribution guidelinesCONTRIBUTING.md
Read our code of conducthttps://hackclub.com/conduct
Use our logos & bannershttps://hackclub.com/brand
Follow us on Twitterhttps://twitter.com/hackclub
Contributing to Workshops
Contributions are welcome!
If you need any help, please feel free to contact us at team@hackclub.com or on our Slack.
  1. Check out our public issues board. If your issue isn't on the board, open a new one.
  2. Pick an issue that nobody has claimed and start working on it. First-time contributors should look for the "first-timers-only" label on issues.
  3. Fork the project (Need help forking a project?). You’ll do all of your work on your forked copy.
  4. Create a branch specific to the issue or feature you are working on. Push your work on that branch (Need help with branching?).
  5. Name the branch something like fixes-xxx-issue or add-xxx-feature where xxx is a short description of the changes or feature you are adding.
  6. Once your code is ready, submit a pull request from your branch to Hack Club's main branch. We'll do a quick review and give you feedback.
License
TL;DR: All content is released under the Creative Commons Attribution-ShareAlike 4.0 International license. All code is released under the MIT License. For the license's full text and attributions, please see LICENSE.
About
🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects
hackclub.com
Resources
Readme
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - karamassie/hackclub: 🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects · GitHub
Skip to content
BranchesTags
Repository files navigation
Welcome! You’ve stumbled across Hack Club
Hack Club is a global, nonprofit network of high school makers & student-led coding clubs. This repository is where we store our Workshops, which are self-led learn-to-code tutorials, as well as our Code of Conduct.
Philosophy
We think learning to code is uniquely like gaining a superpower: it converts you from a consumer to a creator, turning your computer into a tool for creation. If you’re reading this, you can learn to build an app—there’s never been a better time for making.
The goal of Hack Club is to help you become a hacker. We want an inclusive space on the internet & at every school where people are making interesting things with code, every week. In our online Slack (Discord-style online chatroom with 15K student members), you can ask coding questions, you’ll meet amazing friends, share projects you’re building, and so much more. Most members start with little to no coding experience, join our Slack, build projects of their own, start clubs at their school, attend & later organize hackathons.
Hack Club was founded by a teenager who dropped out of high school because the school system wasn’t working. We’re an entirely open source organization—our website to even our finances are public. It’s backed by everyone from Elon Musk to the co-founder of GitHub, Tom Preston-Werner.
Quick Hack Club links
ActionLink
Join our Slackhttps://hackclub.com/slack
See our workshopshttps://workshops.hackclub.com
Apply to start a clubhttps://apply.hackclub.com
Draw a dino & join our GitHubhttps://hack.af/draw-dino
See our contribution guidelinesCONTRIBUTING.md
Read our code of conducthttps://hackclub.com/conduct
Use our logos & bannershttps://hackclub.com/brand
Follow us on Twitterhttps://twitter.com/hackclub
Contributing to Workshops
Contributions are welcome!
If you need any help, please feel free to contact us at team@hackclub.com or on our Slack.
  1. Check out our public issues board. If your issue isn't on the board, open a new one.
  2. Pick an issue that nobody has claimed and start working on it. First-time contributors should look for the "first-timers-only" label on issues.
  3. Fork the project (Need help forking a project?). You’ll do all of your work on your forked copy.
  4. Create a branch specific to the issue or feature you are working on. Push your work on that branch (Need help with branching?).
  5. Name the branch something like fixes-xxx-issue or add-xxx-feature where xxx is a short description of the changes or feature you are adding.
  6. Once your code is ready, submit a pull request from your branch to Hack Club's main branch. We'll do a quick review and give you feedback.
License
TL;DR: All content is released under the Creative Commons Attribution-ShareAlike 4.0 International license. All code is released under the MIT License. For the license's full text and attributions, please see LICENSE.
About
🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects
hackclub.com
Resources
Readme
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - karamassie/hackclub: 🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects · GitHub
Skip to content
BranchesTags
Repository files navigation
Welcome! You’ve stumbled across Hack Club
Hack Club is a global, nonprofit network of high school makers & student-led coding clubs. This repository is where we store our Workshops, which are self-led learn-to-code tutorials, as well as our Code of Conduct.
Philosophy
We think learning to code is uniquely like gaining a superpower: it converts you from a consumer to a creator, turning your computer into a tool for creation. If you’re reading this, you can learn to build an app—there’s never been a better time for making.
The goal of Hack Club is to help you become a hacker. We want an inclusive space on the internet & at every school where people are making interesting things with code, every week. In our online Slack (Discord-style online chatroom with 15K student members), you can ask coding questions, you’ll meet amazing friends, share projects you’re building, and so much more. Most members start with little to no coding experience, join our Slack, build projects of their own, start clubs at their school, attend & later organize hackathons.
Hack Club was founded by a teenager who dropped out of high school because the school system wasn’t working. We’re an entirely open source organization—our website to even our finances are public. It’s backed by everyone from Elon Musk to the co-founder of GitHub, Tom Preston-Werner.
Quick Hack Club links
ActionLink
Join our Slackhttps://hackclub.com/slack
See our workshopshttps://workshops.hackclub.com
Apply to start a clubhttps://apply.hackclub.com
Draw a dino & join our GitHubhttps://hack.af/draw-dino
See our contribution guidelinesCONTRIBUTING.md
Read our code of conducthttps://hackclub.com/conduct
Use our logos & bannershttps://hackclub.com/brand
Follow us on Twitterhttps://twitter.com/hackclub
Contributing to Workshops
Contributions are welcome!
If you need any help, please feel free to contact us at team@hackclub.com or on our Slack.
  1. Check out our public issues board. If your issue isn't on the board, open a new one.
  2. Pick an issue that nobody has claimed and start working on it. First-time contributors should look for the "first-timers-only" label on issues.
  3. Fork the project (Need help forking a project?). You’ll do all of your work on your forked copy.
  4. Create a branch specific to the issue or feature you are working on. Push your work on that branch (Need help with branching?).
  5. Name the branch something like fixes-xxx-issue or add-xxx-feature where xxx is a short description of the changes or feature you are adding.
  6. Once your code is ready, submit a pull request from your branch to Hack Club's main branch. We'll do a quick review and give you feedback.
License
TL;DR: All content is released under the Creative Commons Attribution-ShareAlike 4.0 International license. All code is released under the MIT License. For the license's full text and attributions, please see LICENSE.
About
🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects
hackclub.com
Resources
Readme
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();
GitHub - karamassie/hackclub: 🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects · GitHub
Skip to content
BranchesTags
Repository files navigation
Welcome! You’ve stumbled across Hack Club
Hack Club is a global, nonprofit network of high school makers & student-led coding clubs. This repository is where we store our Workshops, which are self-led learn-to-code tutorials, as well as our Code of Conduct.
Philosophy
We think learning to code is uniquely like gaining a superpower: it converts you from a consumer to a creator, turning your computer into a tool for creation. If you’re reading this, you can learn to build an app—there’s never been a better time for making.
The goal of Hack Club is to help you become a hacker. We want an inclusive space on the internet & at every school where people are making interesting things with code, every week. In our online Slack (Discord-style online chatroom with 15K student members), you can ask coding questions, you’ll meet amazing friends, share projects you’re building, and so much more. Most members start with little to no coding experience, join our Slack, build projects of their own, start clubs at their school, attend & later organize hackathons.
Hack Club was founded by a teenager who dropped out of high school because the school system wasn’t working. We’re an entirely open source organization—our website to even our finances are public. It’s backed by everyone from Elon Musk to the co-founder of GitHub, Tom Preston-Werner.
Quick Hack Club links
ActionLink
Join our Slackhttps://hackclub.com/slack
See our workshopshttps://workshops.hackclub.com
Apply to start a clubhttps://apply.hackclub.com
Draw a dino & join our GitHubhttps://hack.af/draw-dino
See our contribution guidelinesCONTRIBUTING.md
Read our code of conducthttps://hackclub.com/conduct
Use our logos & bannershttps://hackclub.com/brand
Follow us on Twitterhttps://twitter.com/hackclub
Contributing to Workshops
Contributions are welcome!
If you need any help, please feel free to contact us at team@hackclub.com or on our Slack.
  1. Check out our public issues board. If your issue isn't on the board, open a new one.
  2. Pick an issue that nobody has claimed and start working on it. First-time contributors should look for the "first-timers-only" label on issues.
  3. Fork the project (Need help forking a project?). You’ll do all of your work on your forked copy.
  4. Create a branch specific to the issue or feature you are working on. Push your work on that branch (Need help with branching?).
  5. Name the branch something like fixes-xxx-issue or add-xxx-feature where xxx is a short description of the changes or feature you are adding.
  6. Once your code is ready, submit a pull request from your branch to Hack Club's main branch. We'll do a quick review and give you feedback.
License
TL;DR: All content is released under the Creative Commons Attribution-ShareAlike 4.0 International license. All code is released under the MIT License. For the license's full text and attributions, please see LICENSE.
About
🏫 Hack Club is a nonprofit network of computer science clubs where members learn to code through tinkering and building projects
hackclub.com
Resources
Readme
Code of conduct
Code of conduct
Contributing
Contributing
Activity
Stars
0 stars
Watchers
0 watching
Forks
0 forks
Report repository
Releases
Packages
Contributors
Languages