Parcourir la source

Add most recent dynamic instagram posts to home

Carlos Hernandez il y a 3 ans
Parent
révision
112fbea8c6
3 fichiers modifiés avec 48 ajouts et 2 suppressions
  1. 16
    0
      dato_template/css/main.css
  2. 15
    2
      dato_template/index.html
  3. 17
    0
      dato_template/test.html

+ 16
- 0
dato_template/css/main.css Voir le fichier

@@ -0,0 +1,16 @@
1
+a img{
2
+    align-items: center;
3
+    position: relative;
4
+    width: 100%;
5
+    padding: 10px;
6
+    padding-left: 10px;
7
+    margin-top: 20px;
8
+    overflow: hidden;
9
+    opacity: 0;
10
+    animation-name: fadeIn;
11
+    animation-delay: 0.6s;
12
+    animation-duration: 0.8s;
13
+    animation-fill-mode: forwards;
14
+    text-decoration: none;
15
+    color: white;
16
+}

+ 15
- 2
dato_template/index.html
Fichier diff supprimé car celui-ci est trop grand
Voir le fichier


+ 17
- 0
dato_template/test.html Voir le fichier

@@ -0,0 +1,17 @@
1
+<h1 style="text-align: center">Instagram Feed</h1>
2
+    	<div id="instafeed-container"></div>
3
+
4
+
5
+
6
+	<script src="https://cdn.jsdelivr.net/gh/stevenschobert/instafeed.js@2.0.0rc1/src/instafeed.min.js"></script>
7
+	<script type="text/javascript">
8
+	var userFeed = new Instafeed({
9
+		get: 'user',
10
+		target: "instafeed-container",
11
+    	resolution: 'low_resolution',
12
+    	limit: 9,
13
+		accessToken: 'IGQVJVV0t4b2ZAIdkJPNTl1ZAnZAsWm90TzIzRE5LMGQtR25aRklwYlQ5eVEtcjZAmRmpEbDlNWC1RNjZAhaFJLdXBaLUJlaEM4WkRaamJNcWZACNWx1VThSYUNRLVJHcFNHWHlnWl9FTjBjcl9Vd1pPcFZAHbAZDZD'
14
+	});
15
+	userFeed.run();
16
+	</script>
17
+</div>