Skip to content

Commit

Permalink
Minimum styling
Browse files Browse the repository at this point in the history
  • Loading branch information
danjjl committed Nov 15, 2024
1 parent 548d3dc commit ed622ff
Show file tree
Hide file tree
Showing 4 changed files with 829 additions and 55 deletions.
105 changes: 65 additions & 40 deletions website/public/algorithm.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,61 +3,86 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Algorithm</title> <!-- Default title that will be changed dynamically -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<title>Algorithm</title>
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<body class="bg-gray-50 font-sans text-gray-900">

<div id="content">
<h1 id="algorithm-title"></h1> <!-- The algorithm title will be filled in here -->

<div class="max-w-4xl mx-auto p-12">
<!-- Algorithm Title -->
<h1 id="algorithm-title" class="text-4xl font-extrabold text-center mb-8">Algorithm Title</h1>

<p><strong>Version:</strong> <span id="algorithm-version"></span> | <strong>Released:</strong> <span id="release-date">Loading...</span></p>
<!-- Version & Release Date -->
<p class="text-lg mb-8">
<strong class="font-semibold">Version:</strong> <span id="algorithm-version"></span>
<strong class="font-semibold">Released:</strong> <span id="release-date"></span>
</p>

<!-- Event Results Table -->
<div class="bg-white rounded-xl shadow-lg mb-8 p-6">
<h2 class="text-2xl font-semibold mb-4">Event Results</h2>
<table id="event_results" class="table-auto w-full text-left text-gray-600">
<thead>
<tr id="event-table-header" class="bg-gray-100 text-gray-700 font-bold uppercase tracking-wider">
<!-- Table header content goes here -->
</tr>
</thead>
<tbody id="event-table-body">
<!-- Table rows go here -->
</tbody>
</table>
</div>

<h2>Event Results</h2>
<table id="event_results" class="table">
<thead>
<tr id="event-table-header"></tr>
</thead>
<tbody id="event-table-body"></tbody>
</table>

<h2>Sample Results</h2>
<table id="sample_results" class="table">
<thead>
<tr id="sample-table-header"></tr>
</thead>
<tbody id="sample-table-body"></tbody>
</table>
<!-- Sample Results Table -->
<div class="bg-white rounded-xl shadow-lg mb-8 p-6">
<h2 class="text-2xl font-semibold mb-4">Sample Results</h2>
<table id="sample_results" class="table-auto w-full text-left text-gray-600">
<thead>
<tr id="sample-table-header" class="bg-gray-100 text-gray-700 font-bold uppercase tracking-wider">
<!-- Table header content goes here -->
</tr>
</thead>
<tbody id="sample-table-body">
<!-- Table rows go here -->
</tbody>
</table>
</div>

<div id="abstract-section" class="content-section">
<h2>Abstract</h2>
<p id="abstract-text"></p>
<!-- Abstract Section -->
<div id="abstract-section" class="content-section bg-white rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-semibold mb-4">Abstract</h2>
<p id="abstract-text" class="text-gray-700"></p>
</div>

<div id="authors-section" class="content-section">
<h2>Authors</h2>
<div id="authors-list"></div>
<!-- Authors Section -->
<div id="authors-section" class="content-section bg-white rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-semibold mb-4">Authors</h2>
<div id="authors-list" class="text-gray-700"></div>
</div>

<div id="repository-section" class="content-section">
<h2>Repository</h2>
<dl class="row">
<dt class="col-sm-2">Repository</dt>
<dd class="col-sm-9" id="repository-url"></dd>
<dt class="col-sm-2">License</dt>
<dd class="col-sm-9" id="license-text"></dd>
<dt class="col-sm-2">Image</dt>
<dd class="col-sm-9" id="algorithm-image"></dd>
<!-- Repository Section -->
<div id="repository-section" class="content-section bg-white rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-semibold mb-4">Repository</h2>
<dl class="grid grid-cols-2 gap-4">
<dt class="font-semibold">Repository:</dt>
<dd id="repository-url" class="text-gray-600"></dd>

<dt class="font-semibold">License:</dt>
<dd id="license-text" class="text-gray-600"></dd>

<dt class="font-semibold">Image:</dt>
<dd id="algorithm-image" class="text-gray-600"></dd>
</dl>
</div>

<div id="datasets-section" class="content-section">
<h2>Dataset</h2>
<div id="datasets-list"></div>
<!-- Datasets Section -->
<div id="datasets-section" class="content-section bg-white rounded-xl shadow-lg p-6 mb-8">
<h2 class="text-2xl font-semibold mb-4">Dataset</h2>
<div id="datasets-list" class="text-gray-700"></div>
</div>
</div>

<!-- Link to the external JavaScript file that will handle loading the YAML -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/4.1.0/js-yaml.min.js"></script>
<script src="assets/js/algorithm.js"></script>

Expand Down
Loading

0 comments on commit ed622ff

Please sign in to comment.