index.html

---
layout: default
---

<div class="home">

	<h1 class="page-heading">VacFind - A COVID-19 vaccine resource finder</h1>

	<p>Our goal is to make COVID-19 vaccinations as easy and accessible as possible. Thats why we have created a national directory of resources to help you find a COVID vaccine.</p>
	
	<p>Links to official information provided by government entities is listed in <b>bold</b> text. all other links are provided by volunteer groups or other non-government organisations.</p>

	<p>You can use the list below to find resources such as:
		<ul>
			<li>tools to automatically find open appointment slots near you</li>
			<li>local vaccine hunting and assistance groups</li>
			<li>links to updated information about vaccination programs in your state</li>
			<li>... and more!</li>
		</ul> 
	</p>

	<p>If you want to help out or suggest a change or addition to our list, please fill out <a href="{{site.links.corrections}}">this form</a> or come chat with our team on <a href="{{site.social.discord}}">Discord</a>!</p>

	<p><strong>Looking for international COVID-19 resources?</strong><br>
	VacFind is currently only providing links to US-based resources, however, the moderators of the r/COVID19 subreddit have published a list of <a href="https://www.reddit.com/r/COVID19/wiki/faq/vaccinefinder">international resources for finding COVID vaccines</a>.</p>

	<div id="link-list"></div>
	<noscript>
		{% include noscript-backup.html %}
	</noscript>

	<h2 id="share-this-site">Has VacFind helped you?</h2>
	<p>If VacFind has saved you time looking for a vaccine, please consider sharing on social media. It is by far the best way you can help spread the word and help someone else get vaccinated.</p>
	
	{% include sharing.html %}


	<script type="module" >
		import { loadLinks, retrieveFromStorage, retrieveBackupData } from '/{{ site.baseurl }}assets/js/script.js';

		let linkListElement = document.getElementById("link-list");
		linkListElement.innerText = "Loading..."

		let groups = {
			"USA": "National (United States)",
			"AL": "Alabama",
			"AK": "Alaska",
			"AS": "American Samoa",
			"AZ": "Arizona",
			"AR": "Arkansas",
			"CA": "California",
			"CO": "Colorado",
			"CT": "Connecticut",
			"DE": "Delaware",
			"DC": "District Of Columbia",
			"FM": "Federated States Of Micronesia",
			"FL": "Florida",
			"GA": "Georgia",
			"GU": "Guam",
			"HI": "Hawaii",
			"ID": "Idaho",
			"IL": "Illinois",
			"IN": "Indiana",
			"IA": "Iowa",
			"KS": "Kansas",
			"KY": "Kentucky",
			"LA": "Louisiana",
			"ME": "Maine",
			"MH": "Marshall Islands",
			"MD": "Maryland",
			"MA": "Massachusetts",
			"MI": "Michigan",
			"MN": "Minnesota",
			"MS": "Mississippi",
			"MO": "Missouri",
			"MT": "Montana",
			"NE": "Nebraska",
			"NV": "Nevada",
			"NH": "New Hampshire",
			"NJ": "New Jersey",
			"NM": "New Mexico",
			"NY": "New York",
			"NC": "North Carolina",
			"ND": "North Dakota",
			"MP": "Northern Mariana Islands",
			"OH": "Ohio",
			"OK": "Oklahoma",
			"OR": "Oregon",
			"PW": "Palau",
			"PA": "Pennsylvania",
			"PR": "Puerto Rico",
			"RI": "Rhode Island",
			"SC": "South Carolina",
			"SD": "South Dakota",
			"TN": "Tennessee",
			"TX": "Texas",
			"UT": "Utah",
			"VT": "Vermont",
			"VI": "Virgin Islands",
			"VA": "Virginia",
			"WA": "Washington",
			"WV": "West Virginia",
			"WI": "Wisconsin",
			"WY": "Wyoming",
			"ETC": "Miscellaneous"
		}

		let stored_records = retrieveFromStorage()
		if (!stored_records) {
			retrieveBackupData().then(backupdata => {
				stored_records = backupdata
				processRecords(stored_records)
			})
		}

		let by_group = {}
			
		let filter = {
				$not: {
					$or: [
						{ $textFind: ["dev resource", { $fieldName: 'category' }] },
						{ $textFind: ["useless", { $fieldName: 'category' }] },
						{ $textFind: ["INTL", { $fieldName: 'group' }] }
					]
				},
				public: true
			}
		
		let records = loadLinks(filter);

		const processRecords = (records) => {
			for (let record of records) {
				processRecord(record)
			}
			populatePage()
		}

		const processRecord = (record) => {
			// console.log(record.fields)
			const url = record.fields.url;
			//the value of the group this belongs to, default to the "Miscellaneous" group if blank
			let group = record.fields.group || "ETC";
			const title = record.fields.link_title;
			const isofficial = record.fields.verification_status == "government resource";

			let listitem = document.createElement("li");
			let link = document.createElement("a");
			link.innerText = title ? title : url;
			link.href = url;
			link.className = isofficial ?"verified":"";
			link.dataset.recordId = record.fields.id;
			listitem.appendChild(link);

			if (!by_group[group]) {
				by_group[group] = []
			}

			by_group[group].push(listitem)
		}


		const populatePage = () => {
			linkListElement.innerText = ""

			//create headings for each group
			for (let group in groups) {
				if (!by_group[group]) {
					by_group[group] = []
				}

				if (by_group[group].length > 0) {

					let listheading = document.createElement("h3");
					listheading.innerText = groups[group];

					let list = document.createElement("ul");
					list.id = group
					for (let link of by_group[group]) {
						list.appendChild(link)
					}

					linkListElement.appendChild(listheading);
					linkListElement.appendChild(list);
				}
			}
		};

		//populate the page if theres a value from local storage
		if (stored_records) {
			processRecords(stored_records)
		}

		records.then((results) => {
			by_group = {} //clear out anything that may be present from localstorage
			processRecords(results)
		});
		
	</script>
</div>