Foreign Affairs Style Guide

Foreign Affairs

Homepage Module -- Today in History

This block holds an illustrated story that occured on this date in history.

Redmine Prototyping Ticket(s)
Redline Notes:
Data Sources:
Images Styles:

This Day in History

The Battle of Khafji

The Battle of Khafji was the first major ground engagement of the Gulf War. It took place in and around the Saudi Arabian city of Khafji, from 29 January to 1 February 1991 and marked the culmination of the Coalition's air campaign over Kuwait and Iraq, which had begun on 17 January 1991.

Read about it in the Foreign Affairs Archive

This Day in History

The Battle of Khafji

The Battle of Khafji was the first major ground engagement of the Gulf War. It took place in and around the Saudi Arabian city of Khafji, from 29 January to 1 February 1991 and marked the culmination of the Coalition's air campaign over Kuwait and Iraq, which had begun on 17 January 1991.

Read about it in the Foreign Affairs Archive 

<section class="today-in-history">
  <button type="button" class="next"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="195 398.9 610 937.8" enable-background="new 195 398.9 610 937.8" xml:space="preserve">
<g>
	<polygon points="805,867.8 336,1336.7 195,1315.5 642.6,867.8 195,420.1 336,398.9 	"/>
</g>
</svg>
</button>
  <header>
    <h2 class="today-in-history__label"><span class="today-in-history__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 210.9 997.5 1128.2" enable-background="new 0 210.9 997.5 1128.2" xml:space="preserve">
<path d="M841,290.4h-79.5v-38.5c0-23.1-17.9-41-41-41h-41c-20.5,0-38.5,17.9-38.5,41v41h-79.5v-41c0-23.1-17.9-41-41-41h-41
	c-23.1,0-41,17.9-41,41v41H359v-41c0-23.1-17.9-41-38.5-41h-41c-23.1,0-41,17.9-41,41v41H159c-87.2-2.6-159,71.8-159,159v725.6
	c0,89.7,71.8,161.5,159,161.5h679.5c87.2,0,159-71.8,159-161.5V451.9C1000,364.7,928.2,290.4,841,290.4z M879.5,1177.6
	c0,23.1-17.9,41-41,41H159c-23.1,0-41-17.9-41-41V451.9c0-23.1,17.9-41,41-41h79.5v41c0,23.1,17.9,41,41,41h41c23.1,0,41-17.9,41-41
	v-38.5H441v41c0,23.1,17.9,41,41,41h41c23.1,0,41-17.9,41-41v-41H641v41c0,23.1,17.9,41,41,41h41c23.1,0,41-17.9,41-41v-41h79.5
	c23.1,0,41,17.9,41,41v723.1H879.5z"/>
</svg>
</span><time class="today-in-history__date" datetime="01-29">29</time> This Day in History</h2>
  </header>

  <article class="today-in-history-article">
    <div class="today-in-history-article__image">
    </div>
    <div class="today-in-history-article__head">
      <p class="today-in-history-article__metadata"><time pubdate datetime="1991-01-29">January 29, 1991</time>
</p>
      <h3 class="today-in-history-article__title">The Battle of Khafji</h3>
      <p class="today-in-history-article__deck">The Battle of Khafji was the first major ground engagement of the Gulf War. It took place in and around the Saudi Arabian city of Khafji, from 29 January to 1 February 1991 and marked the culmination of the Coalition's air campaign over Kuwait and Iraq, which had begun on 17 January 1991.</p>
      <a class="today-in-history-article__action" href="#">
        <p>Read about it in the <em>Foreign Affairs</em> Archive </p>
        <span class="today-in-history-article__caret"><img src="/fa_prototype/assets/images/caret.png"></span>
      </a>
    </div>
  </article>
</section>

<section class="today-in-history">
  <button type="button" class="calendar-link"><a href="#"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="-81 99.9 693 692.1" enable-background="new -81 99.9 693 692.1" xml:space="preserve">
<g>
	<g id="c100_arrow">
		<g>
			<path d="M-81,490.1c0,21.1,17.2,38.3,38.3,38.3l217.8,0l-58.9,58.9c-15.9,16-16.8,41-1.8,56c15,14.9,40,14.1,56-1.8l123-123
				c16-15.9,16.8-41,1.8-56c-0.4-0.4-0.8-0.6-1.2-1c-0.5-0.5-0.9-1.2-1.4-1.7L171.3,338.4c-15.8-15.7-40.6-16.4-55.6-1.4
				c-15,15-14.3,39.9,1.4,55.6l59.1,59.1H-42.6C-63.8,451.7-81,468.9-81,490.1z"/>
		</g>
	</g>
	<g id="Capa_1_46_">
	</g>
</g>
<g>
	<path d="M516,148.6h-48.8V125c0-14.2-11-25.2-25.2-25.2h-25.2c-12.6,0-23.6,11-23.6,25.2v25.2h-48.8V125c0-14.2-11-25.2-25.2-25.2
		h-25.2c-14.2,0-25.2,11-25.2,25.2v25.2h-48.8V125c0-14.2-11-25.2-23.6-25.2h-25.2c-14.2,0-25.2,11-25.2,25.2v25.2H97.6
		C44.1,148.6,0,194.2,0,247.7V415h72.4V247.7c0-14.2,11-25.2,25.2-25.2h48.8v25.2c0,14.2,11,25.2,25.2,25.2h25.2
		c14.2,0,25.2-11,25.2-25.2v-23.6h48.8v25.2c0,14.2,11,25.2,25.2,25.2h25.2c14.2,0,25.2-11,25.2-25.2v-25.2h47.2v25.2
		c0,14.2,11,25.2,25.2,25.2h25.2c14.2,0,25.2-11,25.2-25.2v-25.2h48.8c14.2,0,25.2,11,25.2,25.2v443.6h-3.1v0.1
		c0,14.2-11,25.2-25.2,25.2H97.6c-14.2,0-25.2-11-25.2-25.2V570H0v122.9c0,55,44.1,99.1,97.6,99.1h416.9c53.5,0,97.6-44.1,97.6-99.1
		V247.7C613.5,194.2,569.5,148.6,516,148.6z"/>
</g>
</svg>
</a></button>
  <button type="button" class="prev"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 1000 1550" enable-background="new 0 0 1000 1550" xml:space="preserve">
<g>
	<polygon points="0,775 768.9,6.3 1000,41.1 266.2,775 1000,1508.9 768.9,1543.7 	"/>
</g>
</svg>
</button>
  <header>
    <h2 class="today-in-history__label tomorrow-in-history"><span class="today-in-history__icon"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 210.9 997.5 1128.2" enable-background="new 0 210.9 997.5 1128.2" xml:space="preserve">
<path d="M841,290.4h-79.5v-38.5c0-23.1-17.9-41-41-41h-41c-20.5,0-38.5,17.9-38.5,41v41h-79.5v-41c0-23.1-17.9-41-41-41h-41
	c-23.1,0-41,17.9-41,41v41H359v-41c0-23.1-17.9-41-38.5-41h-41c-23.1,0-41,17.9-41,41v41H159c-87.2-2.6-159,71.8-159,159v725.6
	c0,89.7,71.8,161.5,159,161.5h679.5c87.2,0,159-71.8,159-161.5V451.9C1000,364.7,928.2,290.4,841,290.4z M879.5,1177.6
	c0,23.1-17.9,41-41,41H159c-23.1,0-41-17.9-41-41V451.9c0-23.1,17.9-41,41-41h79.5v41c0,23.1,17.9,41,41,41h41c23.1,0,41-17.9,41-41
	v-38.5H441v41c0,23.1,17.9,41,41,41h41c23.1,0,41-17.9,41-41v-41H641v41c0,23.1,17.9,41,41,41h41c23.1,0,41-17.9,41-41v-41h79.5
	c23.1,0,41,17.9,41,41v723.1H879.5z"/>
</svg>
</span><time class="today-in-history__date" datetime="01-29">30</time> This Day in History</h2>
  </header>

  <article class="today-in-history-article">
    <div class="today-in-history-article__image">
    </div>
    <div class="today-in-history-article__head">
      <p class="today-in-history-article__metadata"><time pubdate datetime="1991-01-29">January 29, 1991</time>
</p>
      <h3 class="today-in-history-article__title">The Battle of Khafji</h3>
      <p class="today-in-history-article__deck">The Battle of Khafji was the first major ground engagement of the Gulf War. It took place in and around the Saudi Arabian city of Khafji, from 29 January to 1 February 1991 and marked the culmination of the Coalition's air campaign over Kuwait and Iraq, which had begun on 17 January 1991.</p>
      <a class="today-in-history-article__action" href="#">
        <p>Read about it in the <em>Foreign Affairs</em> Archive </p>
        <span class="today-in-history-article__caret"><img src="/fa_prototype/assets/images/caret.png"></span>
      </a>
    </div>
  </article>
</section>