pods-template.txt

This is a file that has the code for every pods template from the browser. 
Please edit when you make changes to any pod templates

** Single Project Page Template ** 

<div class="projectMainContODH">
	<div class="projectHeroODH">
		<img class="projectHeroIMG" src="{@project_image._src.large}" alt="{@project_image._wp_attachment_image_alt}" title="{@project_image._wp_attachment_image_alt}"/><!--header image dynamic to have featured image be  img-->
	</div>
	<!--container for the project description and detail/status-->
</div>


<div class="gridContWrapperCont">
		<!--left side of grid-->
		<div class="gridDescriptionProjODH">
			<h2 class="gridDescriptionTitle">Description</h2>
			<p>{@project_description}</p>
		</div>
		<!--right side of grid-->
		<div class="gridProjStatODH">
			<div class="innerProjectGrid">
                [if project_type]
				    <div class="projectGridRow projectTypeRow">
                        <div>Project Type:</div>
					    <div>{@project_type}</div>
                    </div>
                [/if]
				[if project_link]
                    <div class="projectGridRow projectURLRow">
                        <div>Project URL:</div>
					    <div>{@project_link}</div>
				    </div>
                [/if]
				<div class="projectGridRow projectURLRow">
					<div>Status:</div>
					<div>
					    [if archived_status_date]
							<span class="archivedStatus statusLineSizeODH"> Archived</span>
						[else]
							[if live_status_date]
								<span class="liveStatus statusLineSizeODH"> Live</span>
							[else]
								<span class="intakeStatus statusLineSizeODH"> Intake</span>
						    [/if]
						[/if]
					</div>
				</div>
                [if project_directors]
                    <div class="projectGridRow projectDirectorsRow">
                        <div>Project Director(s):</div>
                        <div class="odhAlumni">
                            [each project_directors]
                                [if homepage]
                                    <a class="projectPersonnelSingle" href="{@homepage}">{@post_title}</a><br>
                                [else]
                                    {@post_title}<br>
                                [/if]
                            [/each]
                        </div>
				    </div>
                [/if]
                [if project_personnel]
				    <div class="projectGridRow projectURLRow">
					    <div>ODH Personnel:</div>
					    <div>
                            [each project_personnel]
							    <a class="projectPersonnelSingle" href="{@permalink}">{@post_title}</a><br>
						    [/each]
					    </div>
				    </div>
                [/if]
                [if project_alumni]
				    <div class="projectGridRow projectURLRow">
					    <div>Project Alumni:</div>
					    <div class="odhAlumni">
						    [each project_alumni]
                                [if homepage]
						            <a class="projectPersonnelSingle" href="{@homepage}">{@post_title}</a><br>
						        [else]
                                    {@post_title}<br>
						        [/if]
						    [/each]
					    </div>
				    </div>
                [/if]
                [if non-odh_collaborators]
                    <div class="projectGridRow projectURLRow">
                        <div>Non-ODH Collaborators:</div>
                        <div class="odhAlumni">
                            [each non-odh_collaborators]
                                [if homepage]
                                    <a class="projectPersonnelSingle" href="{@homepage}">{@post_title}</a><br>
                                [else]
                                    {@post_title}<br>
                                [/if]
                            [/each]
					    </div>
				    </div>
                [/if]
	
				<!--<div class="rightInner">
					
				</div>-->
			</div>
		</div>
	
	<div class="gridSnapshotsODH">		
		[each project_descriptive_images]
			<div class="singleSnapshot">
				<a href="{@_src.post-thumbnail}" title="{@post_content, esc_attr}"><img class="object-fit_contain" src="{@_src.post-thumbnail.medium, esc_url}" alt = "{@_wp_attachment_image_alt}"/></a>
			</div>
		[/each]	
	</div>	
</div>

** Room Card Template **

<div class="odhBoxSingleCard">
	<div class="odhBoxInner">
		<a href="{@room_link}">
			<h2 class="odhBoxTitle odhFirstTitle">{@room_name}</h2>
			<p class="odhBoxInfo">{@room_info}</p>
		</a>
	</div>
</div>

** Project Card Template **
[if archived_status_date]
	<div class="odhBoxSingleCard archivedStatus">
[else]
	[if live_status_date]
		<div class="odhBoxSingleCard liveStatus">
	[else]
		[if development_status_date]
			<div class="odhBoxSingleCard developmentStatus">
		[else]
			<div class="odhBoxSingleCard">
		[/if]
				
	[/if]
		
[/if]
			
	<div class="odhBoxInner">
		<a href="{@permalink}">
			<div class="odhCardImgContainer">
				<img src="{@project_image._src}" alt="{@project_image._wp_attachment_image_alt}"/>
			</div>
			<h3 class="odhBoxTitle odhFirstTitle">{@post_title}</h3>
		</a>
		[if excerpt]
		<div class="projectExcerpt">
			<p>{@excerpt}</p>
		</div>
		[else]
		<div class="odhBoxDescription">
			<p>{@project_description,trim_post_content}</p>
		</div>
		[/if]
	</div>
</div>

** Test Lab Card Template **

<div class="odhBoxSingleCard">
	<div class="odhBoxInner">
		<h2 class="odhBoxTitle odhFirstTitle">{@testing_card_name}</h2>
		<p class="odhBoxInfo">{@testing_card_info}</p>
	</div>
</div>

** Home Cards Template **

<div class="odhBoxSingleCard"> 
	<div class="odhBoxInner">
		<a href="{@home_card_link}">
			<h2 class="odhBoxTitle odhFirstTitle">{@home_card_name}</h2>
			<p class="odhBoxInfo">{@home_card_info}</p>
		</a>
	</div>
</div>