Repetitive markup in _pages/developers.html

[anuraghazra]

I guess we can loop over, instead of hard coding them? 🤔 (i'm not familiar with jekyll though)

glugmvit.github.io/_pages/developers.html

Lines 14 to 55 in d6ba206

	<div class="col-xs-12 col-sm-6 col-md-4">
	<div class="image-flip" ontouchstart="this.classList.toggle('hover');">
	<div class="mainflip">
	<div class="frontside">
	<div class="card">
	<div class="card-body text-center">
	<p><img class=" img-fluid" src="{{ site.authors.absingh.gravatar }}" alt="card image"></p>
	<h4 class="card-title" style="font-family: 'Oswald', sans-serif;" >Abhijeet Singh</h4>
	<p class="card-text">GLUG Lead | Microsoft Student Partner | AI Developer</p>
	<a href="#" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>
	</div>
	</div>
	</div>
	<div class="backside">
	<div class="card">
	<div class="card-body text-center mt-4">
	<h4 class="card-title" style="font-family: 'Oswald', sans-serif;">Abhijeet Singh</h4>
	<p class="card-text">Neighbourhood friendly Software Engineer</p>
	<ul class="list-inline">
	<li class="list-inline-item">
	<a class="social-icon text-xs-center" target="_blank" href="https://twitter.com/cse_as">
	<i class="fab fa-twitter"></i>
	</a>
	</li>
	<li class="list-inline-item">
	<a class="social-icon text-xs-center" target="_blank" href="https://www.linkedin.com/in/thatniceman/">
	<i class="fa fa-linkedin"></i>
	</a>
	</li>
	<li class="list-inline-item">
	<a class="social-icon text-xs-center" target="_blank" href="https://github.com/cseas">
	<i class="fa fa-github"></i>
	</a>
	</li>
	</ul>
	</div>
	</div>
	</div>
	</div>
	</div>
	</div>

[cseas]

You're correct. This can be done using a Liquid for loop.

You can find an example use case code in the authors.html file.