Kulturpessimist Instagram

by Alex

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/instafeed.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<div id="instafeed" class="card-columns "></div>



<!--
<a class="twitter-timeline" data-dnt="true" data-theme="light" href="https://twitter.com/kulturpessimist">Tweets by kulturpessimist</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-->

CSS

.card img,
.card-columns img
{ display:none;}

.instagram-card{
  min-height: 20vw;
  background-repeat: no-repeat;
  background-size:cover;
}

.twitter-timeline {
  opacity: 0.5;
}

JavaScript

var feed = new Instafeed({
  get: 'user',
  //userId: '3842814',
  sort: 'most-recent',
  imageResolution: 'standard-resolution',

  imageTemplate: '<div class="card instagram-card bg-dark" style="background-image: url({{image}});"><div class="card-footer">{{caption}}</div></div>',

  //clientId: '4ac6ff64779446eb96dc6d0a2f027bd8',
  accessToken: '3842814.4ac6ff6.8342277a61224fdd969ad684cb518d15'

});
feed.run();

setTimeout(function() {
  console.log('parseTweets...');
}, 1000)