

<!-- Success Submit Modal -->
<div class="modal anthrohack-submit-modal fade" id="submit_modal" role="dialog" aria-labelledby="submit_modal" style="display: none;">
  	<div class="modal-spacer"></div>
	  	<div class="anthrohack-preloader">
		  	<div class="anthrohack-preloader-container">
			    <div class="spinner">
			        <div class="dot1"></div>
			        <div class="dot2"></div>
			    </div>
			</div>
		</div>
  	<div class="modal-dialog modal-sm" role="document">
    	<div class="modal-content">


		</div>
	</div>
</div>

<!-- Sort Submit Modal -->
<div class="modal anthrohack-modal fade" id="study_modal" role="dialog" aria-labelledby="study_modal" style="display: none;">
  <div class="modal-spacer"></div>
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
        	<h2 class="title">Almost there</h2>
        	<h5 class="subtitle">Just a few more questions</h5>
        	<span class="close-button"><i class="icon-anthrohack-x"></i><br><span class="close-label">Close</span></span>
        </div>
		<div class="modal-body">

			
			        	<div class="modal-questions">
			        		<h3 class="title">Survey questions</h3>	
							
									<div class="question" data-id="4" id="how_do_you_identify">

										<div class="description">
											<span>
																									How do you identify?																							</span>
																					</div>

																				<textarea class="answer required"></textarea>

									</div><!--end question -->

							
									<div class="question" data-id="2" id="how_old_are_you">

										<div class="description">
											<span>
																									How old are you?																							</span>
																							<sup class="required">*</sup>
																					</div>

																				<textarea class="answer "></textarea>

									</div><!--end question -->

							
									<div class="question" data-id="3" id="is_there_any_other_information_you_would_like_to_share">

										<div class="description">
											<span>
																									Is there any other information you would like to share?																							</span>
																							<sup class="required">*</sup>
																					</div>

																				<textarea class="answer "></textarea>

									</div><!--end question -->

														<div class="required-note"><sup class="required">*</sup>Required question</div>
						</div>							
				
			<div class="modal-piles">

				<h3 class="title">Piles</h3>
				<div class="pile-instructions">
					Please add a description for each pile and your reasoning for sorting cards into it the way you did. There is no right or wrong answer so the more detail you can give us the better!				</div>

				
										<div class="pile sorter-defined" data-id="none" id="modal_pile_template">
						<div class="pile-header">
							<h4 class="title"><span></span><i class="edit-title icon-anthrohack-pencil"></i></h4>
						</div>
						<div class="pile-body">
							Cards: <ul class="pile-cards"></ul>
							<div class="clearfix"></div>
							<label>Notes:<sup class="required">*</sup></label>
							<textarea class="sorter_notes required"></textarea>
							<div class="required-note"><sup class="required">*</sup>Required</div>
						</div>
					</div>


			</div>
        </div>

        
        <div class="modal-footer" ">
        	<span class="cancel">Cancel</span>
			<input class="submit study-submit"  type="button" value="Submit" data-redirect="https://shiftingstereotypes.com/learn?p=Select a page" >
			<div class="validation-message">Please fill in all of the required fields before submitting.</div>

		</div>

    </div>
  </div>
</div><!-- end Study modal -->

<div id="card_sort_study" class="" data-study_id="455" data-study_slug="">
	<div class="study-header">
		        	<h3 class="title">Research protocol</h3>
			The Shifting Stereotypes digital pile sort activity is based on the live exploratory study we conducted during the Shifting Stereotypes installations. It is designed to explore how participants think about stereotypes and stereotyping language. As part of this project, we are hoping to generate conversations around why people think and speak in certain ways, and how we explain our reasoning behind these words and actions. We collect the data from this activity to inform the ongoing and processual nature of this project, breaking down the barriers between data collection and dissemination, and the researcher and the researched. We do not have a specific analysis goal, however, we welcome all discussions about how participating in the pile sort can expand our collective body of knowledge around stereotypes and beyond.<br />
<br />
If you are interested in using this pile sort tool in your own research inquiries, it is available as a Wordpress plugin. See <a href="http://anthrohack.com" target="_blank" rel="noopener">anthrohack.com</a> for more information.<br /><br />	</div>

	<div class="card-instructions">
		<h4 class="title">Instructions</h4>
		Place cards into a piles together with those they "go with." There is no right or wrong way to sort the cards, but you should consider your decision-making process and the reasons for those decisions -- you will be asked to briefly explain after sorting. 

<ul style="padding-top: 15px;"><li style="font-size: 1em; color: #000000; margin-bottom: 10px;">Click "Add a pile" for each pile you would like to create. Keep in mind you need to have at least two piles. There is no limit to the number of piles you can create as long as there are at least two cards per pile.</li> 
<li style="font-size: 1em; color: #000000; margin-bottom: 10px;">Drag each card in the Unsorted pile onto a pile you have created. If you come up with a new idea for a pile, feel free to keep adding or removing piles until the sort feels accurate to you.</li>
<li style="font-size: 1em; color: #000000; margin-bottom: 10px;"><strong>Do not leave any cards in the "unsorted" pile.</strong></li></ul>	</div>

	<div class="study-content">
		<div class="board">

						<div class="board-column cards" id="unsorted" data-id="0">
				<div class="board-column-header">
					<h4 class="title">Unsorted</h4>
				</div>
				<div class="board-column-content">
				
									<div class="board-item card" id="social_media" data-id="1">
										<div class="board-item-content card-content">

											<h5 class="title">Social media</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="white_privilege" data-id="2">
										<div class="board-item-content card-content">

											<h5 class="title">White privilege</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="emotion" data-id="3">
										<div class="board-item-content card-content">

											<h5 class="title">Emotion</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="power" data-id="4">
										<div class="board-item-content card-content">

											<h5 class="title">Power</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="uncomfortable" data-id="5">
										<div class="board-item-content card-content">

											<h5 class="title">Uncomfortable</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="normalize" data-id="6">
										<div class="board-item-content card-content">

											<h5 class="title">Normalize</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="violence" data-id="7">
										<div class="board-item-content card-content">

											<h5 class="title">Violence</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="disgust" data-id="8">
										<div class="board-item-content card-content">

											<h5 class="title">Disgust</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="black_lives_matter" data-id="9">
										<div class="board-item-content card-content">

											<h5 class="title">Black Lives Matter</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="immigrant" data-id="10">
										<div class="board-item-content card-content">

											<h5 class="title">Immigrant</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="native_americans" data-id="11">
										<div class="board-item-content card-content">

											<h5 class="title">Native Americans</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="systemic" data-id="12">
										<div class="board-item-content card-content">

											<h5 class="title">Systemic</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="criminal" data-id="13">
										<div class="board-item-content card-content">

											<h5 class="title">Criminal</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="think" data-id="14">
										<div class="board-item-content card-content">

											<h5 class="title">Think</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="values" data-id="15">
										<div class="board-item-content card-content">

											<h5 class="title">Values</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="dehumanizing" data-id="16">
										<div class="board-item-content card-content">

											<h5 class="title">Dehumanizing</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="respect" data-id="17">
										<div class="board-item-content card-content">

											<h5 class="title">Respect</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="influence" data-id="18">
										<div class="board-item-content card-content">

											<h5 class="title">Influence</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="taboo" data-id="19">
										<div class="board-item-content card-content">

											<h5 class="title">Taboo</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="language" data-id="20">
										<div class="board-item-content card-content">

											<h5 class="title">Language</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="strong" data-id="21">
										<div class="board-item-content card-content">

											<h5 class="title">Strong</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="ignorance" data-id="22">
										<div class="board-item-content card-content">

											<h5 class="title">Ignorance</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="discovery" data-id="23">
										<div class="board-item-content card-content">

											<h5 class="title">Discovery</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="threatening" data-id="24">
										<div class="board-item-content card-content">

											<h5 class="title">Threatening</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="truth" data-id="25">
										<div class="board-item-content card-content">

											<h5 class="title">Truth</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="negative" data-id="26">
										<div class="board-item-content card-content">

											<h5 class="title">Negative</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="learn" data-id="27">
										<div class="board-item-content card-content">

											<h5 class="title">Learn</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="rapist" data-id="28">
										<div class="board-item-content card-content">

											<h5 class="title">Rapist</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="sexism" data-id="29">
										<div class="board-item-content card-content">

											<h5 class="title">Sexism</h5>

																							
										</div>
									</div>

								
									<div class="board-item card" id="change" data-id="30">
										<div class="board-item-content card-content">

											<h5 class="title">Change</h5>

																							
										</div>
									</div>

												</div>
			</div> 
						
				<div class="board-column pile sorter-defined" id="pile_template" data-id="none">
					<div class="board-column-header">
						<h4 class="title"><span>Pile template</span><i class="remove-pile icon-anthrohack-cross"></i></h4>
					</div>
					<div class="board-column-content">
						<div class="placeholder">
							<div class="placeholder-content">Drag cards here</div>
						</div>		

					</div>
				</div>

				<div class="board-column add-pile" id="add_piles">
					<div class="board-column-content">
						<button class="add-more-items btn btn-primary"><i class="icon-anthrohack-plus"></i></i>Add a pile</button>
					</div>
				</div>
				
						
		</div> 
	</div>

	<div class="study-content-footer" >
		<div class="content">
			<span class="validation-message">
				<span>Please put all of the cards in piles before continuing. </span>
									<span> There must be at least two piles and </span>
								<span>each pile must have at least 2 cards.</span>
			</span>
			<input class="submit study-finished" type="button" value="Next">
		</div>
	</div>

</div>
{"id":490,"date":"2024-09-16T14:23:18","date_gmt":"2024-09-16T19:23:18","guid":{"rendered":"https:\/\/shiftingstereotypes.com\/learn\/?page_id=490"},"modified":"2024-09-16T14:26:49","modified_gmt":"2024-09-16T19:26:49","slug":"pile-sort","status":"publish","type":"page","link":"https:\/\/shiftingstereotypes.com\/learn\/pile-sort\/","title":{"rendered":"Pile Sort"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"<p>Almost there Just a few more questions Close Survey questions How do you identify? How old are you? * Is there any other information you would like to share? * *Required question Piles Please add a description for each pile and your reasoning for sorting cards into it the way you did. There is no right or wrong answer so the more detail you can give us the better! Cards: Notes:* *Required<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-490","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"victoria","author_link":"https:\/\/shiftingstereotypes.com\/learn\/author\/victoria\/"},"uagb_comment_info":0,"uagb_excerpt":"Almost there Just a few more questions Close Survey questions How do you identify? How old are you? * Is there any other information you would like to share? * *Required question Piles Please add a description for each pile and your reasoning for sorting cards into it the way you did. There is no&hellip;","_links":{"self":[{"href":"https:\/\/shiftingstereotypes.com\/learn\/wp-json\/wp\/v2\/pages\/490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shiftingstereotypes.com\/learn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shiftingstereotypes.com\/learn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shiftingstereotypes.com\/learn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shiftingstereotypes.com\/learn\/wp-json\/wp\/v2\/comments?post=490"}],"version-history":[{"count":4,"href":"https:\/\/shiftingstereotypes.com\/learn\/wp-json\/wp\/v2\/pages\/490\/revisions"}],"predecessor-version":[{"id":504,"href":"https:\/\/shiftingstereotypes.com\/learn\/wp-json\/wp\/v2\/pages\/490\/revisions\/504"}],"wp:attachment":[{"href":"https:\/\/shiftingstereotypes.com\/learn\/wp-json\/wp\/v2\/media?parent=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}