| 
									
										
										
										
											2024-07-16 20:25:24 +01:00
										 |  |  | <!doctype html> | 
					
						
							| 
									
										
										
										
											2024-07-11 20:13:17 +01:00
										 |  |  | <html> | 
					
						
							|  |  |  | <head> | 
					
						
							|  |  |  |     <link rel="stylesheet" href="styles.css"/> | 
					
						
							| 
									
										
										
										
											2024-07-16 20:25:24 +01:00
										 |  |  |     <meta name="viewport" content="width=device-width, initial-scale=1.0"> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-07-16 19:56:05 +01:00
										 |  |  |     <link rel="preconnect" href="https://fonts.googleapis.com"> | 
					
						
							|  |  |  |     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | 
					
						
							|  |  |  |     <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> | 
					
						
							| 
									
										
										
										
											2024-07-11 20:13:17 +01:00
										 |  |  | </head> | 
					
						
							|  |  |  | <body> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-07-17 00:08:03 +01:00
										 |  |  | <!-- blocks are added by JavaScript so container starts empty --> | 
					
						
							|  |  |  | <div id="block-container"></div> | 
					
						
							| 
									
										
										
										
											2024-07-11 20:13:17 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-07-11 21:19:51 +01:00
										 |  |  | <!-- loader displays an animation before adding the next batch of posts --> | 
					
						
							| 
									
										
										
										
											2024-07-11 20:13:17 +01:00
										 |  |  | <div id="loader"> | 
					
						
							| 
									
										
										
										
											2024-07-11 21:19:51 +01:00
										 |  |  |     <div class="skeleton-post"></div> | 
					
						
							| 
									
										
										
										
											2024-07-11 20:13:17 +01:00
										 |  |  | </div> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2024-07-11 21:19:51 +01:00
										 |  |  | <!-- post actions shows the post count and post total (we probably do not need this) --> | 
					
						
							|  |  |  | <div id="post-actions"> | 
					
						
							| 
									
										
										
										
											2024-07-11 20:13:17 +01:00
										 |  |  |     <span>Showing | 
					
						
							| 
									
										
										
										
											2024-07-11 21:19:51 +01:00
										 |  |  |         <span id="post-count"></span> of | 
					
						
							|  |  |  |         <span id="post-total"></span> cards | 
					
						
							| 
									
										
										
										
											2024-07-11 20:13:17 +01:00
										 |  |  |     </span> | 
					
						
							|  |  |  | </div> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | <script src="main.js"></script> | 
					
						
							|  |  |  | </body> | 
					
						
							|  |  |  | </html> |