• Create Project
  • Search for People
  • Play Skillsrank
  • Saved Favorites
  • Community Friends
  • Activity Log
  • Developer Console
  • Programming Help
  • Advanced Topics
  • Internal API
  • WebScript Guide
  • What's Popular
  • Search by Tags
    •  
    Source: site.view [edit]
    Function name: records
    Arguments:
    Description:
    Page type: html
    Render function:  
    Module: adam

    Page source:

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Fitness Records</title>
<style>
    body {
        font-family: Arial, sans-serif;
        margin: 40px;
        background: #f8f8f8;
        line-height: 1.6;
    }

    h1, h2 {
        color: #333;
    }

    .toc {
        background: #ffffff;
        padding: 20px;
        border-radius: 8px;
        width: 280px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        margin-bottom: 40px;
    }

    .toc ul {
        list-style-type: none;
        padding-left: 0;
    }

    .toc a {
        text-decoration: none;
        color: #0077cc;
    }

    .toc a:hover {
        text-decoration: underline;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        margin: 25px 0;
        background: #ffffff;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }

    th, td {
        border-bottom: 1px solid #ddd;
        padding: 12px 16px;
        text-align: left;
    }

    th {
        background: #efefef;
        font-weight: bold;
    }

    tr:last-child td {
        border-bottom: none;
    }

    .section {
        padding-top: 40px;
        margin-top: -40px; /* anchor offset */
    }
</style>
</head>

<body>

<h1>Fitness Record Dashboard</h1>

<!-- TABLE OF CONTENTS -->
<div class="toc">
    <h2>Table of Contents</h2>
    <ul>
        <li><a href="#pushups">Max Pushups in 5 Minutes</a></li>
        <li><a href="#plank">Longest Plank Hold</a></li>
        <li><a href="#squats">Max Air Squats in 5 Minutes</a></li>
    </ul>
</div>

<!-- TABLE 1 -->
<h2 id="pushups" class="section">Max Pushups in 5 Minutes</h2>
<table>
    <tr>
        <th>Date</th>
        <th>Name</th>
        <th>Record</th>
    </tr>
    <tr><td>2025-11-21</td><td>Adam</td><td>142</td></tr>
    <tr><td>2025-11-18</td><td>Lin</td><td>95</td></tr>
    <tr><td>2025-11-15</td><td>Noah</td><td>110</td></tr>
    <tr><td>2025-11-12</td><td>Zoe</td><td>88</td></tr>
</table>

<!-- TABLE 2 -->
<h2 id="plank" class="section">Longest Plank Hold</h2>
<table>
    <tr>
        <th>Date</th>
        <th>Name</th>
        <th>Record</th>
    </tr>
    <tr><td>2025-11-20</td><td>Adam</td><td>3m 40s</td></tr>
    <tr><td>2025-11-17</td><td>Lin</td><td>4m 05s</td></tr>
    <tr><td>2025-11-14</td><td>Noah</td><td>2m 55s</td></tr>
    <tr><td>2025-11-10</td><td>Zoe</td><td>3m 20s</td></tr>
</table>

<!-- TABLE 3 -->
<h2 id="squats" class="section">Max Air Squats in 5 Minutes</h2>
<table>
    <tr>
        <th>Date</th>
        <th>Name</th>
        <th>Record</th>
    </tr>
    <tr><td>2025-11-19</td><td>Adam</td><td>210</td></tr>
    <tr><td>2025-11-16</td><td>Lin</td><td>175</td></tr>
    <tr><td>2025-11-13</td><td>Noah</td><td>195</td></tr>
    <tr><td>2025-11-11</td><td>Zoe</td><td>160</td></tr>
</table>

</body>
</html>