Skip to content

Commit

Permalink
Merge pull request #3 from robocup-junior/documentation-sites
Browse files Browse the repository at this point in the history
Merge Sphinx site with OnStage resources into main
  • Loading branch information
ChristianH99 authored Jul 26, 2024
2 parents be5c9d8 + e3ef5a6 commit a045af6
Show file tree
Hide file tree
Showing 87 changed files with 2,865 additions and 53 deletions.
35 changes: 35 additions & 0 deletions .github/workflows/deploy.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
name: Deploy Sphinx Docs to GitHub Pages

on:
push:
branches:
- main

jobs:
build:
name: build OnStage resources website
runs-on: ubuntu-latest

steps:
- name: Checkout repository
uses: actions/checkout@v2

- name: Set up Python
uses: actions/setup-python@v2
with:
python-version: '3.x'

- name: Install dependencies
run: |
python -m pip install --upgrade pip
pip install sphinx
- name: Build documentation
run: |
sphinx-build -b html source docs/_build
- name: Deploy to GitHub Pages
uses: peaceiris/actions-gh-pages@v3
with:
github_token: ${{ secrets.GITHUB_TOKEN }}
publish_dir: docs/_build
3 changes: 3 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
docs/_build/*
docs/source/_ext/__pycache__
/.vscode
File renamed without changes.
120 changes: 120 additions & 0 deletions Old/RCJ-2024/RCJ-2024.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RoboCupJunior OnStage</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f7f7f7;
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
h1, h2 {
color: #133076;
}
h1 {
text-align: center;
margin-top: 0;
}
p {
text-align: justify;
margin-bottom: 15px;
}
ul {
list-style-type: none;
padding: 0;
}
li {
margin-bottom: 0px;
}
a {
color: #007bff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-family: Arial, sans-serif;
}
th, td {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
th {
background-color: #d0d0d0;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
.headline {
background-color: #a0a0a0;
font-weight: bold;
text-align: center;
font-size: 1.2em;
}
</style>
</head>
<body>
<div class="container">
<h1>RoboCupJunior 2024 - Eindhoven</h1>

<h2>Teams</h2>
<table id="data-table">
<tr class="headline">
<th style="width: 50%;">Name</th>
<th style="width: 50%;">Region</th>
</tr>
</table>

<h2>Rankings</h2>
<p>Rankings (only those that get published during the award ceremony)</p>

<h2>Performances and documentation</h2>
<p>Table with recordings and documentation...</p>
</div>

<script src="https://hypothes.is/embed.js" async></script>
<script>
// Fetch the JSON data
fetch('team-data.json')
.then(response => response.json())
.then(data => {
// Get the table element
const table = document.getElementById('data-table');

// Iterate over the JSON data and create table rows
data.forEach(item => {
const row = document.createElement('tr');

const nameCell = document.createElement('td');
nameCell.textContent = item.Name;
row.appendChild(nameCell);

const regionCell = document.createElement('td');
regionCell.textContent = item.Region;
row.appendChild(regionCell);

table.appendChild(row);
});
})
.catch(error => console.error('Error fetching JSON data:', error));
</script>
</body>
</html>
File renamed without changes.
File renamed without changes.
92 changes: 39 additions & 53 deletions main.html → Old/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,59 +4,33 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RoboCupJunior OnStage</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: #f7f7f7;
color: #333;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
h1, h2, h3 {
color: #133076;
}
h1 {
text-align: center;
margin-top: 0;
}
p {
text-align: justify;
margin-bottom: 15px;
}
ul {
list-style-type: none;
padding: 0;
}
li {
margin-bottom: 0px;
}
a {
color: #007bff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
</style>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/fontawesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/solid.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/brands.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<input type="checkbox" class="sidebar-toggle" id="sidebar-toggle">
<label class="overlay" for="sidebar-toggle"></label>

<div id="sidebar" class="sidebar">
<label class="closebtn" for="sidebar-toggle">&times;</label>
<a href="#general-information">General Information</a>
<a href="#rules-and-scoresheets">Rules and Scoresheets</a>
<a href="#resources">Resources</a>
<a href="#past-teams">Past Teams' Performances</a>
<a href="#contact">Contact</a>
</div>

<div id="main-content" class="container">
<h1>RoboCupJunior OnStage</h1>
<p>This page lists various websites, documents, posters, videos, and other resources relevant for RoboCupJunior OnStage. It gathers everything useful in one place for everybody who wants to learn more.</p>

<h2>General information</h2>
<h2 id="general-information">General Information</h2>
<p>General information about the RoboCupJunior OnStage League can be found on the official <a href="https://junior.robocup.org/onstage/" target="_blank">RoboCupJunior Website</a>.</p>

<h2>Rules and scoresheets</h2>
<h2 id="rules-and-scoresheets">Rules and Scoresheets</h2>
<p>The OnStage rules are managed in a separate <a href="https://github.com/robocup-junior/onstage-rules/" target="_blank">GitHub repository</a>. Scoresheets are about to be migrated there soon. See the readme to find out more.</p>
<p>The documents are available in a printable PDF format and as HTML version. Please also note the general RoboCupJunior rules.</p>

Expand All @@ -78,26 +52,38 @@ <h3>OnStage Entry</h3>
<li><a href="Scoresheets/OnStage-Entry-ScoreSheets-2024.pdf" target="_blank">Entry-Scoresheets</a></li>
</ul>

<h2>Ressources</h2>
<p>The following ressources will help you to participate in the OnStage League successfully.</p>
<h2 id="resources">Resources</h2>
<p>The following resources will help you to participate in the OnStage League successfully.</p>

<ul>
<li><a href="how-to-features.html" target="_blank">How to decide on your OnStage Robotic Features</a></li>
</ul>

<h2>Past Teams' performances and documentation</h2>
<p>The pages provide insight into the performances of previous years teams as well as their rankings. They can be helpfull to get inspiration for your own work.</p>
<h2 id="past-teams">Past Teams' Performances and Documentation</h2>
<p>The pages provide insight into the performances of previous years teams as well as their rankings. They can be helpful to get inspiration for your own work.</p>

<ul>
<li><a href="RCJ-2023.html" target="_blank">RoboCup 2023 - Bordeaux, France</a></li>
<li>...</li>
</ul>

<h2>Questions and furter information</h2>
<h2 id="contact">Questions and Further Information</h2>
<p>Feel free to contact the OnStage League committee through the <a href="https://junior.forum.robocup.org/c/robocupjunior-onstage" target="_blank">RoboCupJunior Forum</a>.</p>

</div>

<script src="https://hypothes.is/embed.js" async></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
<script>
function toggleSidebar() {
const sidebar = document.getElementById("sidebar");
const mainContent = document.getElementById("main-content");
if (sidebar.style.width === "250px") {
sidebar.style.width = "0";
mainContent.style.marginLeft = "0";
} else {
sidebar.style.width = "250px";
mainContent.style.marginLeft = "250px";
}
}
</script>
</body>
</html>
Loading

0 comments on commit a045af6

Please sign in to comment.