<?php
header("Cache-Control: no-cache");
$VER='3.7';
require_once('fam.php');
$this_user = require_user();
$users = get_simple_user_list();
$initial_posts = $routes['GET posts'](); # Gets recent posts by default
?><!DOCTYPE html>
<html lang="en">
<head>
    <title>Fam! <?=$VER?></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="/hearts.png">
    <link rel="stylesheet" href="/styles.css?v=<?=$VER?>">
    <link rel="stylesheet" href="/faceclick.css?v=<?=$VER?>">
    <script>
        // Populate initial JS values from this page load.
        var my_id = <?=$this_user['id']?>;
        var users = <?=json_encode($users)?>;
        var posts = <?=json_encode($initial_posts)?>;
        // Parse JSON reactions
        posts.forEach(function(p){
            p.reactions = JSON.parse(p.reactions);
        });
    </script>
</head>
<body>

<header>
    <span class="avatar-container">
        <img src="/avatars/<?=$this_user['id']?>.png" class="avatar">
        <?=$this_user['name']?>
    </span>
    <span class="version"><?=$VER?></span>
    <?php if(file_exists('myheader.php')){ include('myheader.php'); } ?>
</header>

<section id="post-area">Rendering...</section>

<script src="retrov.js?v=<?=$VER?>"></script>
<script src="faceclick.js?v=<?=$VER?>"></script>
<script src="fam.js?v=<?=$VER?>"></script>
</body>
</html>
