marckohlbrugge/changelog.php

## changelog.php
<?php
// Get your API key here: https://wip.co/my/api_keys

$apiKey = 'wip_sk_FOOBAR';
$baseUrl = 'https://api.wip.co/v1';
$projectSlug = 'nomadlist';

// Get todos for the project with pagination
$limit = 10;
$startingAfter = isset($_GET['starting_after']) ? $_GET['starting_after'] : null;

$todosEndpoint = "/projects/$projectSlug/todos";
$todosUrl = $baseUrl . $todosEndpoint . "?limit=$limit&api_key=$apiKey";
if ($startingAfter) {
    $todosUrl .= "&starting_after=$startingAfter";
}
$todosResponse = json_decode(file_get_contents($todosUrl), true);

if (!$todosResponse) {
    die('Error fetching todos');
}

$todos = $todosResponse['data'];
$hasMore = $todosResponse['has_more'];
?>

<!DOCTYPE html>
<html>
<head>
    <title>NomadList Changelog</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        .changelog {
            max-width: 600px;
            margin: auto;
        }
        .todo {
            border-bottom: 1px solid #ccc;
            padding: 10px 0;
        }
        .todo h3 {
            margin: 0;
        }
        .todo .timestamp {
            color: #888;
            font-size: 0.9em;
        }
        .todo img {
            max-width: 100%;
            height: auto;
            margin-top: 10px;
        }
        .pagination {
            text-align: center;
            margin-top: 20px;
        }
        .pagination a {
            margin: 0 5px;
            text-decoration: none;
            color: #007BFF;
        }
    </style>
</head>
<body>
    <div class="changelog">
        <h1>NomadList Changelog</h1>
        <?php foreach ($todos as $todo): ?>
            <div class="todo">
                <h3><?php echo htmlspecialchars($todo['body']); ?></h3>
                <div class="timestamp"><?php echo date('Y-m-d H:i:s', strtotime($todo['created_at'])); ?></div>
                <?php if (!empty($todo['attachments'])): ?>
                    <?php foreach ($todo['attachments'] as $attachment): ?>
                        <img src="<?php echo htmlspecialchars($attachment['url']); ?>" alt="Attachment">
                    <?php endforeach; ?>
                <?php endif; ?>
            </div>
        <?php endforeach; ?>
        <div class="pagination">
            <?php if ($startingAfter): ?>
                <a href="?starting_after=<?php echo htmlspecialchars($todos[0]['id']); ?>">Previous</a>
            <?php endif; ?>
            <?php if ($hasMore): ?>
                <a href="?starting_after=<?php echo htmlspecialchars(end($todos)['id']); ?>">Next</a>
            <?php endif; ?>
        </div>
    </div>
</body>
</html>
	<?php
	// Get your API key here: https://wip.co/my/api_keys

	$apiKey = 'wip_sk_FOOBAR';
	$baseUrl = 'https://api.wip.co/v1';
	$projectSlug = 'nomadlist';

	// Get todos for the project with pagination
	$limit = 10;
	$startingAfter = isset($_GET['starting_after']) ? $_GET['starting_after'] : null;

	$todosEndpoint = "/projects/$projectSlug/todos";
	$todosUrl = $baseUrl . $todosEndpoint . "?limit=$limit&api_key=$apiKey";
	if ($startingAfter) {
	$todosUrl .= "&starting_after=$startingAfter";
	}
	$todosResponse = json_decode(file_get_contents($todosUrl), true);

	if (!$todosResponse) {
	die('Error fetching todos');
	}

	$todos = $todosResponse['data'];
	$hasMore = $todosResponse['has_more'];
	?>

	<!DOCTYPE html>
	<html>
	<head>
	<title>NomadList Changelog</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	margin: 20px;
	}
	.changelog {
	max-width: 600px;
	margin: auto;
	}
	.todo {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	}
	.todo h3 {
	margin: 0;
	}
	.todo .timestamp {
	color: #888;
	font-size: 0.9em;
	}
	.todo img {
	max-width: 100%;
	height: auto;
	margin-top: 10px;
	}
	.pagination {
	text-align: center;
	margin-top: 20px;
	}
	.pagination a {
	margin: 0 5px;
	text-decoration: none;
	color: #007BFF;
	}
	</style>
	</head>
	<body>
	<div class="changelog">
	<h1>NomadList Changelog</h1>
	<?php foreach ($todos as $todo): ?>
	<div class="todo">
	<h3><?php echo htmlspecialchars($todo['body']); ?></h3>
	<div class="timestamp"><?php echo date('Y-m-d H:i:s', strtotime($todo['created_at'])); ?></div>
	<?php if (!empty($todo['attachments'])): ?>
	<?php foreach ($todo['attachments'] as $attachment): ?>
	<img src="<?php echo htmlspecialchars($attachment['url']); ?>" alt="Attachment">
	<?php endforeach; ?>
	<?php endif; ?>
	</div>
	<?php endforeach; ?>
	<div class="pagination">
	<?php if ($startingAfter): ?>
	<a href="?starting_after=<?php echo htmlspecialchars($todos[0]['id']); ?>">Previous</a>
	<?php endif; ?>
	<?php if ($hasMore): ?>
	<a href="?starting_after=<?php echo htmlspecialchars(end($todos)['id']); ?>">Next</a>
	<?php endif; ?>
	</div>
	</div>
	</body>
	</html>