David A. Windham
david
/
daw
1
0
Fork 0
Files Issues 0 Pull Requests 0
Tree: 72fc956db9
Branches Tags
daw
/
index.php

index.php 13 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246 
  1. <?php get_header('home'); ?>
    2. 

  2. 	<div class="container-full leader">
    3. 

  3. 		<div class="container">
    4. 

  4. 			<div class="row">
    5. 

  5. 				<div class="col-xs-5">
    6. 

  6. 					<h1 class="didot">David A. Windham</h1>
    7. 

  7. 					
    8. 

  8. 					<svg class="logo" width="250px" height="0px">
    9. 

  9. 					</svg>
    10. 

  10. 				</div>
    11. 

  11. 				<div class="col-xs-4">
    12. 

  12. 					<img src="<?php echo get_bloginfo('template_directory');?>/img/daw.png" width="100" class="logo" alt="David Windham"/>
    13. 

  13. 				</div>
    14. 

  14. 				<div class="col-xs-3 front-nav">
    15. 

  15. 					<div class="col-sm-6">
    16. 

  16. 						<ul>
    17. 

  17. 							<li><a href="notebook">Notebook</a></li>
    18. 

  18. 							<li><a href="studio">Studio</a></li>
    19. 

  19. 							<li><a href="bio">Bio</a></li>
    20. 

  20. 						</ul>
    21. 

  21. 					</div>
    22. 

  22. 					<div class="col-sm-6">
    23. 

  23. 						<ul>
    24. 

  24. 							<li><a href="contact">Contact</a></li>
    25. 

  25. 							<li><a href="archives">Archives</a></li>
    26. 

  26. 							<li><a href="essays">Essays</a></li>
    27. 

  27. 							<li></li>
    28. 

  28. 							<li></li>
    29. 

  29. 						</ul>
    30. 

  30. 					</div>
    31. 

  31. 				</div>
    32. 

  32. 			</div>
    33. 

  33. 		</div>
    34. 

  34. 	</div>
    35. 

  35. 	<video id="tv" class="sat" preload="auto" autostart="false" loop="loop" poster="wp-content/themes/dw/img/tv.jpg">
    36. 

  36. 	     <source src="<?php echo get_bloginfo('template_directory');?>/img/tv.mp4" type="video/mp4">
    37. 

  37. 	     <source src="<?php echo get_bloginfo('template_directory');?>/img/tv.webm" type="video/webm">
    38. 

  38. 	</video>
    39. 

  39. 	<div class="container-full">
    40. 

  40. 		<div id="caro-lead" class="carousel slide carousel-fade" data-ride="carousel" data-interval="false">
    41. 

  41. 			<div class="carousel-inner">
    42. 

  42. 				<div class="item active">
    43. 

  43. 					<div class="container">
    44. 

  44. 						<h1 class="light super cm-sans">Computer Modern Sans 1</h1>
    45. 

  45. 						<h3 class="light cm-concrete">The First tagline about that article</h3>
    46. 

  46. 					</div>
    47. 

  47. 					<div class="carousel-caption">
    48. 

  48. 						<p>Some sort of captions</p>
    49. 

  49. 					</div>
    50. 

  50. 				</div>
    51. 

  51. 			    <div class="item">
    52. 

  52. 					<div class="container">
    53. 

  53. 						<h1 class="light super cm-sans wow fadeIn" data-wow-duration="4s">This Is Another Title - 2</h1>
    54. 

  54. 						<h3 class="light cm-concrete">Another line about that Essay</h3>
    55. 

  55. 					</div>
    56. 

  56. 					<div class="carousel-caption">
    57. 

  57. 						<p>Some sort of captions</p>
    58. 

  58. 					</div>
    59. 

  59. 			    </div>
    60. 

  60. 			    <div class="item bg1">
    61. 

  61. 					<div class="container">
    62. 

  62. 						
    63. 

  63. 						<h1 class="light super cm-sans">And A Third Title - 3</h1>
    64. 

  64. 						<h3 class="light cm-concrete">A Third byline about an Artwork</h3>
    65. 

  65. 					</div>
    66. 

  66. 					<div class="carousel-caption">
    67. 

  67. 						<p>Some sort of captions</p>
    68. 

  68. 					</div>
    69. 

  69. 			    </div>
    70. 

  70. 			</div>
    71. 

  71. 		</div>
    72. 

  72. 	</div>
    73. 

  73. 	<div class="container-fluid posts">
    74. 

  74. 		<div class="container">
    75. 

  75. 			<div class="row">
    76. 

  76. 				<div class="col-sm-4 wow fadeInLeft">
    77. 

  77. 					<article id="main" class="home">
    78. 

  78. 						<?php query_posts('showposts=1'); ?>
    79. 

  79. 						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
    80. 

  80. 						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    81. 

  81. 							<div class="entry-content">
    82. 

  82. 								<div class="date">
    83. 

  83. 									<?php the_time('n/j/Y'); ?>		
    84. 

  84. 								</div>
    85. 

  85. 								<h3 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h3>
    86. 

  86. 								<?php the_excerpt(); ?>
    87. 

  87. 							</div>
    88. 

  88. 						</div>
    89. 

  89. 						<?php endwhile; ?>
    90. 

  90. 					</article>
    91. 

  91. 				</div>
    92. 

  92. 				<div class="col-sm-4 wow fadeInUp" data-wow-duration="1s">
    93. 

  93. 					<article id="main" class="home">
    94. 

  94. 						<?php query_posts('showposts=1&offset=1'); ?>
    95. 

  95. 						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
    96. 

  96. 						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    97. 

  97. 							<div class="entry-content">
    98. 

  98. 								<div class="date">
    99. 

  99. 									<?php the_time('n/j/Y'); ?>		
    100. 

  100. 								</div>
    101. 

  101. 								<h3 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h3>
    102. 

  102. 								<?php the_excerpt(); ?>
    103. 

  103. 							</div>
    104. 

  104. 						</div>
    105. 

  105. 						<?php endwhile; ?>
    106. 

  106. 					</article>
    107. 

  107. 				</div>
    108. 

  108. 				<div class="col-sm-4 wow fadeInRight">
    109. 

  109. 					<article id="main" class="home">
    110. 

  110. 						<?php query_posts('showposts=1&offset=2'); ?>
    111. 

  111. 						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
    112. 

  112. 						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    113. 

  113. 							<div class="entry-content">
    114. 

  114. 								<div class="date">
    115. 

  115. 									<?php the_time('n/j/Y'); ?>
    116. 

  116. 								</div>
    117. 

  117. 								<h3 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h3>
    118. 

  118. 								<?php the_excerpt(); ?>
    119. 

  119. 							</div>
    120. 

  120. 						</div>
    121. 

  121. 						<?php endwhile; ?>
    122. 

  122. 					</article>
    123. 

  123. 				</div>
    124. 

  124. 			</div>
    125. 

  125. 		</div>
    126. 

  126. 	</div>
    127. 

  127. 	<div class="container-full dark">
    128. 

  128. 		<div class="container">
    129. 

  129. 			<div class="row">
    130. 

  130. 				<div class="col-xs-5">
    131. 

  131. 					<p>&nbsp;</p>
    132. 

  132. 					<p>&nbsp;</p>
    133. 

  133. 					<p>&nbsp;</p>
    134. 

  134. 				</div>
    135. 

  135. 				<div class="col-xs-4">
    136. 

  136. 					
    137. 

  137. 				</div>
    138. 

  138. 				<div class="col-xs-2">
    139. 

  139. 					
    140. 

  140. 				</div>
    141. 

  141. 			</div>
    142. 

  142. 		</div>
    143. 

  143. 	</div>
    144. 

  144. 	<div class="container-full top-lead">
    145. 

  145. 		<div id="caro" class="carousel slide">
    146. 

  146. 			<ol class="carousel-indicators">
    147. 

  147. 			    <li data-target="#caro" data-slide-to="0" class="active"></li>
    148. 

  148. 			    <li data-target="#caro" data-slide-to="1"></li>
    149. 

  149. 			    <li data-target="#caro" data-slide-to="2"></li>
    150. 

  150. 			  </ol>
    151. 

  151. 			<div class="carousel-inner">
    152. 

  152. 				<div class="item active">
    153. 

  153. 					<div class="container animac">
    154. 

  154. 						<svg xmlns="http://www.w3.org/2000/svg" id="svg-mac" class="svg" viewBox="0 0 960 480" preserveAspectRatio="xMinYMin meet">
    155. 

  155. 							<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" d="M570.14 440.2l-29.165-28.99c-7.103-8.5-6.152-36.718-6.02-40.665H425.048c.133 3.947 1.082 32.164-6.018 40.666l-29.166 28.99c-1.237 1.404-1.712 2.505-1.623 3.37h-.054c.76 7.727 6.664 6.332 13.607 6.332H558.01c6.696 0 12.412 1.27 13.493-5.56.58-.953.274-2.282-1.364-4.14z"/>
    156. 

  156. 							<path fill="#C8D2DC" stroke="#C8D2DC" stroke-width="2px" stroke-miterlimit="10" d="M727.488 355.125c0 8.514-6.597 15.42-14.738 15.42h-465.5c-8.14 0-14.74-6.906-14.74-15.42V45.42c0-8.517 6.6-15.42 14.74-15.42h465.5c8.142 0 14.738 6.903 14.738 15.42v309.705z"/>
    157. 

  157. 							<path fill="#fff" stroke="#C8D2DC" stroke-width="2px" stroke-miterlimit="10" d="M489.01 343.713c-.042-4.223 3.447-6.254 3.605-6.352-1.963-2.866-5.018-3.263-6.102-3.31-2.602-.26-5.074 1.53-6.39 1.53s-3.356-1.49-5.506-1.448c-2.836.04-5.445 1.645-6.907 4.182-2.942 5.11-.75 12.672 2.116 16.814 1.4 2.02 3.072 4.305 5.268 4.22 2.114-.08 2.913-1.362 5.467-1.362 2.556 0 3.274 1.363 5.51 1.322 2.273-.04 3.716-2.064 5.105-4.098 1.61-2.35 2.273-4.63 2.313-4.748-.05-.02-4.434-1.7-4.48-6.75M484.807 331.31c1.168-1.41 1.953-3.37 1.738-5.327-1.68.068-3.713 1.12-4.916 2.53-1.08 1.247-2.027 3.245-1.77 5.16 1.87.143 3.784-.95 4.947-2.362"/>
    158. 

  158. 							<path fill="#3C4650" stroke="#3C4650" stroke-width="2px" stroke-miterlimit="10" d="M727.488 315.527V45.982c0-8.828-6.597-15.982-14.738-15.982h-465.5c-8.14 0-14.74 7.155-14.74 15.982v269.545H727.49z"/>
    159. 

  159. 							<path fill="#141E28" stroke="#141E28" stroke-width="2px" stroke-miterlimit="10" d="M251.2 48.887h457.205v245.52H251.2z"/>
    160. 

  160. 						</svg>
    161. 

  161. 					</div>
    162. 

  162. 				</div>
    163. 

  163. 				<div class="item">
    164. 

  164. 					<div class="container animac hide-svg">
    165. 

  165. 						<svg xmlns="http://www.w3.org/2000/svg" id="svg-imac" class="svg" viewBox="0 0 960 480" preserveAspectRatio="xMinYMin meet">
    166. 

  166. 							<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" d="M570.14 440.2l-29.165-28.99c-7.103-8.5-6.152-36.718-6.02-40.665H425.048c.133 3.947 1.082 32.164-6.018 40.666l-29.166 28.99c-1.237 1.404-1.712 2.505-1.623 3.37h-.054c.76 7.727 6.664 6.332 13.607 6.332H558.01c6.696 0 12.412 1.27 13.493-5.56.58-.953.274-2.282-1.364-4.14z"/>
    167. 

  167. 							<path fill="#C8D2DC" stroke="#C8D2DC" stroke-width="2px" stroke-miterlimit="10" d="M727.488 355.125c0 8.514-6.597 15.42-14.738 15.42h-465.5c-8.14 0-14.74-6.906-14.74-15.42V45.42c0-8.517 6.6-15.42 14.74-15.42h465.5c8.142 0 14.738 6.903 14.738 15.42v309.705z"/>
    168. 

  168. 							<path fill="#fff" stroke="#C8D2DC" stroke-width="2px" stroke-miterlimit="10" d="M489.01 343.713c-.042-4.223 3.447-6.254 3.605-6.352-1.963-2.866-5.018-3.263-6.102-3.31-2.602-.26-5.074 1.53-6.39 1.53s-3.356-1.49-5.506-1.448c-2.836.04-5.445 1.645-6.907 4.182-2.942 5.11-.75 12.672 2.116 16.814 1.4 2.02 3.072 4.305 5.268 4.22 2.114-.08 2.913-1.362 5.467-1.362 2.556 0 3.274 1.363 5.51 1.322 2.273-.04 3.716-2.064 5.105-4.098 1.61-2.35 2.273-4.63 2.313-4.748-.05-.02-4.434-1.7-4.48-6.75M484.807 331.31c1.168-1.41 1.953-3.37 1.738-5.327-1.68.068-3.713 1.12-4.916 2.53-1.08 1.247-2.027 3.245-1.77 5.16 1.87.143 3.784-.95 4.947-2.362"/>
    169. 

  169. 							<path fill="#3C4650" stroke="#3C4650" stroke-width="2px" stroke-miterlimit="10" d="M727.488 315.527V45.982c0-8.828-6.597-15.982-14.738-15.982h-465.5c-8.14 0-14.74 7.155-14.74 15.982v269.545H727.49z"/>
    170. 

  170. 							<path fill="#141E28" stroke="#141E28" stroke-width="2px" stroke-miterlimit="10" d="M251.2 48.887h457.205v245.52H251.2z"/>
    171. 

  171. 						</svg>
    172. 

  172. 					</div>
    173. 

  173. 				</div>
    174. 

  174. 				<div class="item">
    175. 

  175. 					<div class="container animac hide-svg">
    176. 

  176. 						<svg xmlns="http://www.w3.org/2000/svg" id="svg" class="svg" width="250px" height="250px" preserveAspectRatio="xMinYMin meet">
    177. 

  177. 							<path fill="#3C4650" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10"  d="M0.5,125a124.5,124.5 0 1,0 249,0a124.5,124.5 0 1,0 -249,0"/>
    178. 

  178. 							<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10"  d="M242.8,131.8c-0.4-29.9-22.1-50.1-48.1-50c-16.9,0-28.6,8.4-28.6,8.4s12.7-16.2,12.6-36.9c-0.2-24.7-23-47.9-52.4-47.9C97.6,5.4,71.8,26,72.3,55.5C72.6,76.3,85,90.2,85,90.2c0,0-13.9-8.7-29-8.2C16.5,83,6.6,115.8,7.3,132.9c1.2,33.4,15.4,53.8,52.7,54.2c34.2,0.4,54.9-32.3,61-43.5c1.5-9.5,0-13.9,0-13.9c-3.1,1.6-14.5,27.9-35.6,16.1c-6.8-3.8-8.8-16.7-5.2-26.3c6.3-16.9,18.3-18.7,36-40.3c6.8-8.3,8.2-13.6,8.2-13.6s1.2,5.2,7.8,13.2c17.4,21.2,30.1,23.6,36.7,40.4c4.1,10.4,1.8,23-6,26.9c-20.3,10.1-31.4-15.1-34.9-16.5c0,0-1.2,4,0.1,12.8c2.6,5.7,21.7,44.2,64,44.2C226.3,186.6,243.1,156.2,242.8,131.8z"/>
    179. 

  179. 							<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10"  d="M124.5,154.1c0,0-10.8,37.5-12.7,41.9c-4.9,11.3-26.6,38.8-26.6,38.8s25.2-2.8,40.4-2.8c15.6,0,39.2,3.2,39.2,3.2s-22.8-28.1-27.6-39.6C135.4,191.2,124.5,154.1,124.5,154.1z"/>
    180. 

  180. 						</svg>
    181. 

  181. 					</div>
    182. 

  182. 				</div>
    183. 

  183. 			</div>
    184. 

  184. 			<a class="left carousel-control" href="#caro" role="button" data-slide="prev">
    185. 

  185. 			    <span class="glyphicon glyphicon-chevron-left"></span>
    186. 

  186. 			    <span class="sr-only">Previous</span>
    187. 

  187. 			  </a>
    188. 

  188. 			  <a class="right carousel-control" href="#caro" role="button" data-slide="next">
    189. 

  189. 			    <span class="glyphicon glyphicon-chevron-right"></span>
    190. 

  190. 			    <span class="sr-only">Next</span>
    191. 

  191. 			  </a>
    192. 

  192. 		</div>
    193. 

  193. 	</div>
    194. 

  194. 	<div class="container-full dark bottom">
    195. 

  195. 		<div class="container">
    196. 

  196. 			<div class="row">
    197. 

  197. 				<div class="col-sm-8">
    198. 

  198. 					<h3 class="light">Subscribe / Contact</h3>
    199. 

  199. 					<p class="dim">Subscribe to be notified of new post or contact me and I'll get back with you.</p>
    200. 

  200. 					<form action="//davidawindham.us1.list-manage.com/subscribe/post?u=f581cb29340364ff0a4421d5c&amp;id=d7b8f624d3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
    201. 

  201. 						<div class="form-row texts">
    202. 

  202. 							<label class='text-field'>
    203. 

  203. 								<input type="text" value="" name="FNAME" class="required" id="mce-FNAME" placeholder='David' required>
    204. 

  204. 							<strong>First name <span class='req'>*</span></strong>
    205. 

  205. 							</label>
    206. 

  206. 							<label class='text-field'>
    207. 

  207. 								<input type="text" value="" name="LNAME" class="required" id="mce-LNAME" placeholder='Windham' required>
    208. 

  208. 							<strong>Last name <span class='req'>*</span></strong>
    209. 

  209. 							</label>
    210. 

  210. 						</div>
    211. 

  211. 						<div class="form-row texts">
    212. 

  212. 							<label class='text-field'>
    213. 

  213. 								<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder='you@gmail.com' required>
    214. 

  214. 							<strong>Email address <span class='req'>*</span></strong>
    215. 

  215. 							</label>
    216. 

  216. 			
    217. 

  217. 							<label class='text-field'>
    218. 

  218. 								<input type="text" value="" name="COMPANY" class="" placeholder='Your Place'>
    219. 

  219. 							<strong>Company <i>or</i> School</strong>
    220. 

  220. 							</label>
    221. 

  221. 						</div>
    222. 

  222. 						<div class="contact-form-message">
    223. 

  223. 							<label class='text-field'>
    224. 

  224. 								<input type="text" size="100" value="" name="MMERGE3" class="" placeholder='Your Message'>
    225. 

  225. 							<strong>Message</strong>
    226. 

  226. 							</label>
    227. 

  227. 						</div>
    228. 

  228. 							<input type="hidden" value="8" name="group[9585][8]">
    229. 

  229. 						<div style="position: absolute; left: -5000px;">
    230. 

  230. 							<input type="text" name="b_f581cb29340364ff0a4421d5c_d7b8f624d3" tabindex="-1" value="">
    231. 

  231. 						</div>
    232. 

  232. 						<div class="clear"></div>
    233. 

  233. 						<div class="actions">
    234. 

  234. 							<button type="submit" class="submit btn default" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">Subscribe</button>
    235. 

  235. 							<span> ~ or ~ </span>
    236. 

  236. 							<button type="submit" class="submit btn default" value="Conctact" name="contact" id="contact">Contact Me</button>
    237. 

  237. 						</div>
    238. 

  238. 					</form>
    239. 

  239. 				</div>
    240. 

  240. 				<div class="col-sm-4">
    241. 

  241. 				<div class="calendar"></div>
    242. 

  242. 				</div>
    243. 

  243. 			</div>
    244. 

  244. 		</div>
    245. 

  245. 	</div>
    246. 

  246. <?php get_footer('home'); ?>
    247.