index.html

---
layout: default
---

<!-- No idea what this is -->
<div class="emailTip"></div>

<!-- Top of Page -->
<div class="background">
	<div class="siggdIconAndText">
		<!-- Logo -->
		<a href="/"><img src="/img/logos/SIGGD_logo_final.png" style="width: 50%;"></a>
		<!-- Name -->
		<h1>Purdue SIGGD</h1>
		<!-- Line -->
		<hr>
		<!-- Short Description -->
		<h3>Purdue ACM's Special Interest Group on Game Development</h3>
	</div>
</div>

<!-- About Us -->
<div class="content_block">
	<h3>About Us</h3>
	<div class="anchor" id="about"></div>
	<div style="padding: 2%;">
		<p>
			Founded in Fall 2011, Purdue ACM's Special Interest Group on Game Development is a multi-disciplinary group
			of
			Purdue University students that creates a new <a class="aInParagraph" style="white-space: nowrap;"
				href="/#games">game</a> each school year. As part of the Association for Computing Machinery Purdue
			chapter,
			we are the first SIGGD of ACM National. Our goal is to develop creative and interesting games. In addition,
			we host a <a class="aInParagraph" style="white-space: nowrap;" href="/#game_jams">game jam</a> (game
			development hackathon) each semester were groups come together either
			online or in-person to create a video game prototype in 48 hours.
		</p>
		<br>
		<p>
			We primarily communicate through our <a class="aInParagraph" style="white-space: nowrap;"
				href="https://discord.gg/Mb2JAhv">Discord Server</a>, so if you are interested in joining the club be
			sure
			to join!
		</p>
	</div>
</div>

<!-- Games -->
<div class="content_block">
	<h3>Games</h3>
	<div class="anchor" id="games"></div>
	<h5>(<a href="/games/">See list of all games</a>)</h5>
	{% assign games = {{site.games | size }} %}
	{% assign offsetNum = {{games | minus: 2 }} %}
	{% for game in site.games reversed offset:offsetNum %}
	<div class="game">
		<div style="width: 20%; float:left;">
			<img alt="" src="{{ game.imageLink}}" style="width: 100%;">
		</div>
		<div style="width: 70%; float:left; padding: 2%; padding-top: 1%;">
			<a href="{{ game.url }}">
				<h2>{{ game.title }} ({{ game.dateRange }})</h2>
			</a>
			{{ game.tagline }}
			<br>
			<h5>
				{% assign contentSize = game.content | size %}
				{% if game.content contains '
				<!--more-->' %}
				{{ game.content | split:'
				<!--more-->' | first }}
				<i><a href="{{ game.url }}">(Click here to read more)</a></i>
				{% elsif contentSize > 256 %}
				{{ game.content | truncate: 256 }}
				<i><a href="{{ game.url }}">(Click here to read more)</a></i>
				{% else %}
				{{ game.content }}
				{% endif %}
			</h5>
		</div>
	</div>
	{% endfor %}
</div>

<!-- Current officers -->
<div class="content_block">
	<h3>Officers</h3>
	<div class="anchor" id="officers"></div>
	<h5>(<a href="https://docs.google.com/document/d/1ZnjgwkP6vf9UPIZOg6qeTRJo322k_7e-cIcqgDlXgVk/edit?usp=sharing">Learn
			about officer responsibilities here</a>)</h5>
	{% assign counter = 0 %}
	{% for person in site.persons %}
	{% if person.endYear == "Present" or person.endYear == "present" %}
	<div class="person">
		{% assign remainder = counter | modulo: 2 %}
		{% if remainder == 0 %}
		<div style="width: 15%; float:left;">
			<img alt="" src="{{ person.imageLink}}" style="width: 100%;">
		</div>
		<div style="width: 70%; float:left; padding: 2%; padding-top: 1%;">
			<a href="{{ person.url }}">
				<h2>{{person.title}} - {{person.role}}</h2>
			</a>
			<h5>{{person.startYear}} - {{person.endYear}}</h5>
			{% assign contentSize = person.content | size %}
			{% if person.content contains '
			<!--more-->' %}
			{{ person.content | split:'
			<!--more-->' | first }}
			<i><a href="{{ person.url }}">(Click here to read more)</a></i>
			{% elsif contentSize > 512 %}
			{{ person.content | truncate: 512 }}
			<i><a href="{{ person.url }}">(Click here to read more)</a></i>
			{% else %}
			{{ person.content }}
			{% endif %}
		</div>
		{% else %}
		<div style="width: 70%; float:right; padding: 2%; padding-top: 1%;">
			<a href="{{ person.url }}">
				<h2>{{person.title}} - {{person.role}}</h2>
			</a>
			<h5>{{person.startYear}} - {{person.endYear}}</h5>
			{% assign contentSize = person.content | size %}
			{% if person.content contains '
			<!--more-->' %}
			{{ person.content | split:'
			<!--more-->' | first }}
			<i><a href="{{ person.url }}">(Click here to read more)</a></i>
			{% elsif contentSize > 512 %}
			{{ person.content | truncate: 512 }}
			<i><a href="{{ person.url }}">(Click here to read more)</a></i>
			{% else %}
			{{ person.content }}
			{% endif %}
		</div>
		<div style="width: 15%; float:right;">
			<img alt="" src="{{ person.imageLink}}" style="width: 100%;">
		</div>
		{% endif %}
	</div>
	{% endif %}
	{% assign counter = counter | plus:1 %}
	{% endfor %}
</div>

<!-- Game Jams -->
<div class="content_block">
	<h3>Game Jams</h3>
	<div class="anchor" id="game_jams"></div>
	<h5>(<a href="/game-jams/">See list of all game jams</a>)</h5>
	{% assign jams = {{site.game-jams | size }} %}
	{% assign offsetNum = {{jams | minus: 2 }} %}
	{% for jam in site.game-jams reversed offset:offsetNum %}
	<div class="jam">
		<div style="width: 20%; float:left;">
			<img alt="" src="{{ jam.imageLink}}" style="width: 100%;">
		</div>
		<div style="width: 70%; float:left; padding: 2%; padding-top: 1%;">
			{% if jam.jamLink != null %}
			<a href="{{ jam.jamLink }}">
				<h2>{{ jam.title }}</h2>
			</a>
			{% else %}
			<a href="{{ jam.url }}">
				<h2>{{ jam.title }}</h2>
			</a>
			{% endif %}
			{% assign contentSize = jam.content | size %}
			{% if jam.content contains '
			<!--more-->' %}
			{{ jam.content | split:'
			<!--more-->' | first }}
			<i><a href="{{ jam.url }}">(Click here to read more)</a></i>
			{% elsif contentSize > 512 %}
			{{ jam.content | truncate: 512 }}
			<i><a href="{{ jam.url }}">(Click here to read more)</a></i>
			{% else %}
			{{ jam.content }}
			{% endif %}
		</div>
	</div>
	{% endfor %}
</div>