contact.html

---
layout: default
title: Contact
permalink: /contact.html
coordies:
  'Arjun Sinha':
    mail: arjuns@iitk.ac.in
    github: ajs97
    image: arjun.jpg
  'Milind Luthra':
    mail: milindl@iitk.ac.in
    github: milindl
    image: milind.jpg
  'Varun Khare':
    mail: varun@iitk.ac.in
    github: varunkhare1234
    image: varun.png
  'Yash Srivastav':
    mail: yashsriv@iitk.ac.in
    github: yashsriv
    image: yash.jpg
secys:
  'anantp':
    name: Anant Prakash
    hall: 2
    number: 7318019903
    room: B-123
  'bhavish':
    name: Bhavishya
    hall: 2
    number: 9413015982
    room: B-123
  'lakshayb':
    name: Lakshay Bandlish
    hall: 2
    number: 7275935088
    room: C-228
  'nishanta':
    name: Nishant Arya
    hall: 2
    number: 9752340956
    room: B-218
  'raghavag':
    name: Raghav Aggarwal
    hall: 2
    number: 9839130512
    room: C-229
  'sunsingh':
    name: Gagandeep Singh
    hall: 3
    number: 9454801558
    room: B-316
  'jatinj':
    name: Jatin Jindal
    hall: 3
    number: 7318019187
    room: 125/3
  'pushkard':
    name: Pushkar Dixit
    hall: 3
    number: 8317032812
    room: B-245
  'abhays':
    name: Abhay Pratap Singh
    hall: 5
    number: 9455065930
    room: D-311
  'ayushb':
    name: Ayush Bansal
    hall: 5
    number: 9462545882
    room: D-213
  'parv':
    name: Parv Mor
    hall: 5
    number: 7318019085
    room: C-207
  'abhiyad':
    name: Abhishek Yadav
    hall: 10
    number: 9005296305
    room: C-348
  'ahsanb':
    name: Ahsan Barkati
    hall: 10
    number: 7318018978
    room: C-342
  'aniketp':
    name: Aniket Pandey
    hall: 10
    number: 9599881876
    room: B-415
  'hritvikt':
    name: Hritvik Taneja
    hall: 10
    number: 8004982413
    room: B-410
---

<br>

<div class="row">
  <div class="columns samping card">
    <h1 style="color: #00ffff;"> Current Coordinators </h1>
    <div class="flex-col">
      <div class="flex-row flex-row-wrap single-row">
        {% for coordie in page.coordies %}
          <div>
            <div> <img src="assets/image/{{ coordie[1].image }}" class="pic" alt="{{ coordie[0] }}"> </div>
            <div class="flex-col flex-grow-1">
              <div> <b> {{ coordie[0] }} </b> </div>
              <div> <a href="mailto:{{ coordie[1].mail }}"> {{ coordie[1].mail }} </a> </div>
              <div> <a href="https://github.com/{{ coordie[1].github }}" target="_blank">{{ coordie[1].github }}@github</a></div>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>
    <h1 style="color: #00ffff;">Current Secretaries</h1>
    <table class="secyTable" cellpadding="5">
      <tr>
        <th>Name</th>
        <th>Hall</th>
        <th>Mobile Number</th>
        <th>Email-ID</th>
        <th>Room No.</th>
      </tr>
      {% for secy in page.secys %}
        <tr>
          <td class="secyRow" align="center"> {{ secy[1].name }}</td>
          <td class="secyRow" align="center"> {{ secy[1].hall }} </td>
          <td class="secyRow" align="center"> {{ secy[1].number }} </td>
          <td class="secyRow" align="center"> <a href="mailto:{{ secy[0] }}@iitk.ac.in"> {{ secy[0] }}@iitk.ac.in </a> </td>
          <td class="secyRow" align="center"> {{ secy[1].room }} </td>
        </tr>
      {% endfor %}
    </table>
  </div>
</div>

{% for year in site.excoordies %}
<div class="row new-card-margin">
  <div class="columns samping card">
    <h1> {{ year[0] }} Coordinators </h1>
    <div class="flex-col">
      {% for coordie in year[1] %}
      <div class="flex-row single-row">
        <div style="flex-shrink: 0;">
          <img src="assets/image/{{ coordie[1].image }}" class="pic" alt="{{ coordie[0] }}">
        </div>
        <div class="flex-col flex-grow-1">
          <div class="flex-row flex-row-wrap">
            <td> <b> {{ coordie[0] }} </b> </td>
            <td> <a href="mailto:{{ coordie[1].mail }}"> {{ coordie[1].mail }} </a> </td>
            <td> <a href="https://github.com/{{ coordie[1].github }}" target="_blank">{{ coordie[1].github }}@github</a></td>
          </div>
          <div class="flex-grow-1">
            <p class="left-align-text">
              {{ coordie[1].body }}
            </p>
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endfor %}

<style>

 .new-card-margin {
     margin-top: 25px;
 }

 .secyTable {
     width: 100%;
 }

.secyTable tr {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.secyTable tr:hover {
  background-color: #333333;
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  -o-transform:scale(1.05);
  transform:scale(1.05);
}

.secyRow {
  display:table-cell;
}
.secyRow b {
  color: #33dddd;
}
.secyTable tr:nth-child(even) {
  background-color: #2F4F4F;
}

</style>