PHP os_path Examples

Example #1

File: content-localdata.php Project: ObjectiveSubject/obsub

				<figcaption>Local Data Story Page</figcaption>
			</li>
		</ul>
		<?php 
os_slide_nav("homepage-slide-nav");
?>
	</figure>
	<figure class="aligncenter">
		<img src="<?php 
echo os_path('LD-Stationery-min.png', 'localdata');
?>
" srcset="<?php 
echo os_path('LD-Stationery-min.png', 'localdata');
?>
 1x, <?php 
echo os_path('*****@*****.**', 'localdata');
?>
 2x" width="1200" height="797">
		<div class="outer-container">
			<figcaption class="inner-container">LocalData Stationery</figcaption>
		</div>
	</figure>
	<div class="colophon push-double outer-container clearfix">
		<p class="h2 future-A inner-container"><a href="http://localdata.com" class="cta-link" target="_blank">localdata.com <span class="icon arnhem rotate-cc-45">&rarr;</span></a></p>
	</div>
</section>

<?php 
os_get_case_study();
?>

Example #2

File: content-city-of-oakland.php Project: ObjectiveSubject/obsub

					</div>
				</div>
				<figcaption>Toolkit – Visual Identity</figcaption>
			</li>
			<li class="browser">
				<div class="browser-bar"></div>
				<div class="browser-window">
					<div class="browser-inner">
						<img src="<?php 
echo os_path('CoO-PatternPortfolio-3-min.png', 'oakland');
?>
" srcset="<?php 
echo os_path('CoO-PatternPortfolio-3-min.png', 'oakland');
?>
 1x, <?php 
echo os_path('*****@*****.**', 'oakland');
?>
 2x" width="850" height="780">
					</div>
				</div>
				<figcaption>Toolkit – Pattern Portfolio</figcaption>
			</li>
		</ul>
		<?php 
os_slide_nav("oakland-toolkit-nav");
?>
	</figure>

	<div class="outer-container">
		<div class="inner-container">
			<p>We continue to support the City as it improves the quality of its visual communication.</p>

Example #3

File: front-page.php Project: ObjectiveSubject/obsub

?>
" srcset="<?php 
echo os_path('Worldstrides1.png', 'home');
?>
 1x, <?php 
echo os_path('*****@*****.**', 'home');
?>
 2x" width="493" height="330" style="box-shadow: 0 2px 6px -2px rgba(0,0,0,0.2)" />
						<img src="<?php 
echo os_path('Worldstrides2-mobile.png', 'home');
?>
" srcset="<?php 
echo os_path('Worldstrides2-mobile.png', 'home');
?>
 1x, <?php 
echo os_path('*****@*****.**', 'home');
?>
 2x" width="493" height="330" />
					</div>
				</li>
			</ul>

		</div>

	</section>

	<section class="ctas">
		<div class="outer-container">
			<div class="inner-container">
				<a href="/profile" class="future-A h2 text-color-link">get to know us</a>
				<em class="h3">or</em>

Example #4

File: content-boston-public-schools.php Project: ObjectiveSubject/obsub

?>
 1x, <?php 
echo os_path('*****@*****.**', 'bps');
?>
 2x" width="850" height="566" />
				<div class="photo-credit">&copy; Mindy Best Photography</div>
			</li>
			<li>
				<img src="<?php 
echo os_path('DBPS-Billboards3-min.png', 'bps');
?>
" srcset="<?php 
echo os_path('DBPS-Billboards3-min.png', 'bps');
?>
 1x, <?php 
echo os_path('*****@*****.**', 'bps');
?>
 2x" width="850" height="566" />
				<div class="photo-credit">&copy; Mindy Best Photography</div>
			</li>
		</ul>
		<?php 
os_slide_nav("bps-billboard-nav");
?>
		<figcaption class="outer-container"><div class="inner-container">Discover BPS Billboards</div></figcaption>
	</figure>

	<div class="outer-container">
		<p class="h2 future-A inner-container"><a href="http://www.discoverbps.org/" class="cta-link" target="_blank">discoverbps.org <span class="icon arnhem rotate-cc-45">&rarr;</span></a></p>
	</div>

Example #5

File: module-contact-form.php Project: ObjectiveSubject/obsub

				<div class="input-row future-A">
					<label class="row-node inline-label h2 hug">I work for </label>
					<span class="row-node inline-input h2"><input type="text" id="contact_company" name="contact_company" value="" pattern="[a-zA-Z0-9 ]+" placeholder="the rebels"></span>
				</div>

				<div class="input-row future-A">
					<label class="row-node inline-label h2 hug">my email address is </label>
					<span class="row-node inline-input h2"><input type="email" id="contact_email" name="contact_email" value="" placeholder="*****@*****.**" required></span>
				</div>

				<div class="input-row future-A push">
					<label class="row-node h2 hug no-placeholder">my message is:</label>
					<span class="row-node h2"><textarea id="contact_message" name="contact_message" value="" placeholder="write your message here..." required></textarea></span>
					<div class="g-recaptcha" data-sitekey="6LdyAhcTAAAAAFhYeun4VgaG-zl-lZtoRVyOcxbg"></div>
					<img src="<?php 
echo os_path('loader.svg');
?>
" width="44" height="44" alt="loader" class="form-loader" />
					<input type="submit" id="contact_submit" class="h2 future-A push" name="contact_submit" value="send message" disabled />
				</div>

				<input type="hidden" name="name" value="">
				<input type="hidden" name="email" value="">
				<input type="hidden" name="message" value="">

				<nav class="form-nav push">
					<span href="#contact_name" class="active"></span>
					<span href="#contact_company" class=""></span>
					<span href="#contact_email" class=""></span>
					<span href="#contact_message" class=""></span>
				</nav>