resources.html

<!DOCTYPE html>
<html lang="en" class="w-full h-full font-sans">
	<head>
		<meta charset="utf-8" />
		<title>HackTJ 12.0</title>
		<meta
			name="description"
			content="Do you get excited watching your ideas come to life? Ever wanted to build the next Snapchat or
			create an Amazon Alexa skill? Program a drone? Create programs using the latest machine
			learning or virtual reality technology? Come to HackTJ to make new friends, build mind-blowing
			projects, attend workshops to learn new tricks, and have a fantastic time!"
		/>
		<link rel="icon" href="./favicon.png" />

		<!-- Open Graph -->
		<meta property="og:title" content="HackTJ 12.0" />
		<meta property="og:url" content="https://hacktj.org" />
		<meta
			property="og:description"
			content="Do you get excited watching your ideas come to life? Ever wanted to build the next Snapchat or
			create an Amazon Alexa skill? Program a drone? Create programs using the latest machine
			learning or virtual reality technology? Come to HackTJ to make new friends, build mind-blowing
			projects, attend workshops to learn new tricks, and have a fantastic time!"
		/>
		<meta property="og:image" content="./og-image.png" />

		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link
			rel="stylesheet"
			href="https://fonts.googleapis.com/css2?family=Red%20Hat%20Display:wght@400;700;900"
		/>
		<meta http-equiv="content-security-policy" content="">
	<link rel="stylesheet" href="/_app/immutable/assets/__layout-1cf9728f.css">
	<link rel="modulepreload" href="/_app/immutable/start-c5fb8fc8.js">
	<link rel="modulepreload" href="/_app/immutable/chunks/index-a8d9dc73.js">
	<link rel="modulepreload" href="/_app/immutable/chunks/paths-b9644fda.js">
	<link rel="modulepreload" href="/_app/immutable/pages/__layout.svelte-f8366ff9.js">
	<link rel="modulepreload" href="/_app/immutable/pages/resources.svelte-f17db51c.js">
	<link rel="modulepreload" href="/_app/immutable/chunks/home-599ee650.js">
	<link rel="modulepreload" href="/_app/immutable/chunks/Footer-02a4a4a9.js">
	</head>
	<body class="bg-blackberry-800 min-h-screen block">
		

<section class="text-blueberry-200 flex flex-col justify-between min-h-screen"><div class="p-8 md:p-12"><a href="/"><svg width="32px" class="text-[#A7D0F1] hover:text-[#83BDEC]" fill="currentColor" viewBox="0 0 512 512"><path d="M261.56 101.28a8 8 0 0 0-11.06 0L66.4 277.15a8 8 0 0 0-2.47 5.79L63.9 448a32 32 0 0 0 32 32H192a16 16 0 0 0 16-16V328a8 8 0 0 1 8-8h80a8 8 0 0 1 8 8v136a16 16 0 0 0 16 16h96.06a32 32 0 0 0 32-32V282.94a8 8 0 0 0-2.47-5.79z"></path><path d="m490.91 244.15-74.8-71.56V64a16 16 0 0 0-16-16h-48a16 16 0 0 0-16 16v32l-57.92-55.38C272.77 35.14 264.71 32 256 32c-8.68 0-16.72 3.14-22.14 8.63l-212.7 203.5c-6.22 6-7 15.87-1.34 22.37A16 16 0 0 0 43 267.56L250.5 69.28a8 8 0 0 1 11.06 0l207.52 198.28a16 16 0 0 0 22.59-.44c6.14-6.36 5.63-16.86-.76-22.97z"></path></svg></a>
		<h1 class="text-5xl font-black text-white mt-8">Beginner Resources</h1>
		<div class="mt-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-8"><div class="p-6 bg-blueberry-200 text-blackberry-800 rounded-2xl flex flex-col justify-between"><div><h1 class="font-bold text-2xl">Python</h1>
		<p class="mt-2">Python is a high-level programming language that serves as a great first coding language to learn and for general-purpose software engineering. Python can be valuable to know and has grown in popularity as it is an open-source language and has many resources that can support new coders.</p></div>
	<a href="https://docs.google.com/document/d/e/2PACX-1vQlx4WjhDlsmvwigkAxDWICOsaYA9gYEGqPtz10IHSNYy5Bw5duyzL93kOwNERSM5V8O9Cnt65-gk6w/pub" target="_blank" rel="noopener noreferred" class="block mt-4 text-center py-4 px-6 font-bold rounded-xl bg-black hover:bg-blackberry-800 text-white w-full">Open Resource
	</a></div><div class="p-6 bg-blueberry-200 text-blackberry-800 rounded-2xl flex flex-col justify-between"><div><h1 class="font-bold text-2xl">Javascript</h1>
		<p class="mt-2">Five words: world's most popular programming language. If you’re interested in website development, this is the most important programming language to know! It’s the default language of the internet and very valuable for game designers (perfect for a hackathon…) It’s also easy to learn!</p></div>
	<a href="https://docs.google.com/document/d/e/2PACX-1vRhPFapMdBVmwfWlPbH2Ld7N-2jYrwoEOGHcQKm84qXv5wsDjX2VBwO9n1IOsPl_QJX3UMPHd3E5okB/pub" target="_blank" rel="noopener noreferred" class="block mt-4 text-center py-4 px-6 font-bold rounded-xl bg-black hover:bg-blackberry-800 text-white w-full">Open Resource
	</a></div><div class="p-6 bg-blueberry-200 text-blackberry-800 rounded-2xl flex flex-col justify-between"><div><h1 class="font-bold text-2xl">HTML/CSS</h1>
		<p class="mt-2">The HyperText Markup Language, or HTML is the standard markup language for documents designed to be displayed in a web browser. Using HTML, you can define headers, paragraphs, links, images, and more, so your browser knows how to structure the web page you're looking at. Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. </p></div>
	<a href="https://docs.google.com/document/d/e/2PACX-1vQegX0Ukn7X2HX-AraYg70VrByO3j2EWhkQEvoFcs9AFfL34ojgICmfeXrgSz9ObEqk6_iqRP7E7qwK/pub" target="_blank" rel="noopener noreferred" class="block mt-4 text-center py-4 px-6 font-bold rounded-xl bg-black hover:bg-blackberry-800 text-white w-full">Open Resource
	</a></div></div></div>
	<div class="py-8 px-8 md:px-12 w-full bg-[#A7D0F1] sm:flex sm:justify-center sm:justify-end items-center text-blackberry-800 $mt-8"><div class="flex justify-evenly space-x-4 sm:space-x-8 sm:ml-auto"><a href="mailto:hello@hacktj.org" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path d="M424 80H88a56.06 56.06 0 0 0-56 56v240a56.06 56.06 0 0 0 56 56h336a56.06 56.06 0 0 0 56-56V136a56.06 56.06 0 0 0-56-56zm-14.18 92.63-144 112a16 16 0 0 1-19.64 0l-144-112a16 16 0 1 1 19.64-25.26L256 251.73l134.18-104.36a16 16 0 0 1 19.64 25.26z"></path></svg></a>
		<a href="https://twitter.com/hacktjofficial" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path d="M496 109.5a201.8 201.8 0 0 1-56.55 15.3 97.51 97.51 0 0 0 43.33-53.6 197.74 197.74 0 0 1-62.56 23.5A99.14 99.14 0 0 0 348.31 64c-54.42 0-98.46 43.4-98.46 96.9a93.21 93.21 0 0 0 2.54 22.1 280.7 280.7 0 0 1-203-101.3A95.69 95.69 0 0 0 36 130.4c0 33.6 17.53 63.3 44 80.7A97.5 97.5 0 0 1 35.22 199v1.2c0 47 34 86.1 79 95a100.76 100.76 0 0 1-25.94 3.4 94.38 94.38 0 0 1-18.51-1.8c12.51 38.5 48.92 66.5 92.05 67.3A199.59 199.59 0 0 1 39.5 405.6a203 203 0 0 1-23.5-1.4A278.68 278.68 0 0 0 166.74 448c181.36 0 280.44-147.7 280.44-275.8 0-4.2-.11-8.4-.31-12.5A198.48 198.48 0 0 0 496 109.5z"></path></svg></a>
		<a href="https://www.linkedin.com/company/hacktj" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path d="M444.17 32H70.28C49.85 32 32 46.7 32 66.89v374.72C32 461.91 49.85 480 70.28 480h373.78c20.54 0 35.94-18.21 35.94-38.39V66.89C480.12 46.7 464.6 32 444.17 32zm-273.3 373.43h-64.18V205.88h64.18zM141 175.54h-.46c-20.54 0-33.84-15.29-33.84-34.43 0-19.49 13.65-34.42 34.65-34.42s33.85 14.82 34.31 34.42c-.01 19.14-13.31 34.43-34.66 34.43zm264.43 229.89h-64.18V296.32c0-26.14-9.34-44-32.56-44-17.74 0-28.24 12-32.91 23.69-1.75 4.2-2.22 9.92-2.22 15.76v113.66h-64.18V205.88h64.18v27.77c9.34-13.3 23.93-32.44 57.88-32.44 42.13 0 74 27.77 74 87.64z"></path></svg></a>
		<a href="https://www.instagram.com/hacktjofficial" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path d="M349.33 69.33a93.62 93.62 0 0 1 93.34 93.34v186.66a93.62 93.62 0 0 1-93.34 93.34H162.67a93.62 93.62 0 0 1-93.34-93.34V162.67a93.62 93.62 0 0 1 93.34-93.34h186.66m0-37.33H162.67C90.8 32 32 90.8 32 162.67v186.66C32 421.2 90.8 480 162.67 480h186.66C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32z"></path><path d="M377.33 162.67a28 28 0 1 1 28-28 27.94 27.94 0 0 1-28 28zM256 181.33A74.67 74.67 0 1 1 181.33 256 74.75 74.75 0 0 1 256 181.33m0-37.33a112 112 0 1 0 112 112 112 112 0 0 0-112-112z"></path></svg></a>
		<a href="https://www.facebook.com/HackTJOfficial/" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path fill-rule="evenodd" d="M480 257.35c0-123.7-100.3-224-224-224s-224 100.3-224 224c0 111.8 81.9 204.47 189 221.29V322.12h-56.89v-64.77H221V208c0-56.13 33.45-87.16 84.61-87.16 24.51 0 50.15 4.38 50.15 4.38v55.13H327.5c-27.81 0-36.51 17.26-36.51 35v42h62.12l-9.92 64.77H291v156.54c107.1-16.81 189-109.48 189-221.31z"></path></svg></a>
		<a href="https://github.com/HackTJ" target="_blank" class="hover:text-blackberry-500"><svg width="30px" fill="currentColor" viewBox="0 0 512 512"><path d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9a17.56 17.56 0 0 0 3.8.4c8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1a102.4 102.4 0 0 1-22.6 2.7c-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1a63 63 0 0 0 25.6-6c2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8a18.64 18.64 0 0 1 5-.5c8.1 0 26.4 3.1 56.6 24.1a208.21 208.21 0 0 1 112.2 0c30.2-21 48.5-24.1 56.6-24.1a18.64 18.64 0 0 1 5 .5c12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5a19.35 19.35 0 0 0 4-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"></path></svg></a></div></div></section>


		<script type="module" data-sveltekit-hydrate="1lowwcq">
		import { set_public_env, start } from "/_app/immutable/start-c5fb8fc8.js";

		set_public_env({});

		start({
			target: document.querySelector('[data-sveltekit-hydrate="1lowwcq"]').parentNode,
			paths: {"base":"","assets":""},
			session: {},
			route: true,
			spa: false,
			trailing_slash: "never",
			hydrate: {
				status: 200,
				error: null,
				nodes: [0, 5],
				params: {},
				routeId: "resources"
			}
		});
	</script>
	</body>
</html>