TP_JO2024/home/index.html

307 lines
10 KiB
HTML
Raw Permalink Normal View History

2024-03-27 17:19:37 +01:00
<html lang="fr">
<head>
<title>JO 2024</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="style.css" />
<!-- favicon -->
<link rel="icon" type="image/png" href="favicon.png" />
</head>
<body>
<header role="banner" class="fr-header">
<div class="fr-header__body">
<div class="fr-container">
<div class="fr-header__body-row">
<div class="fr-header__brand fr-enlarge-link">
<div class="fr-header__brand-top">
<div class="fr-header__logo">
<img src="logo.png" alt="Logo des JO 2024" width="64px" />
</div>
</div>
<div class="fr-header__service">
<a
href="/"
title="Accueil - API Jeux Olympiques 2024"
>
<p class="fr-header__service-title">
A.P.I. Jeux Olympiques 2024
</p>
</a>
<p class="fr-header__service-tagline">
Service public OpenAPI pour les Jeux Olympiques de 2024 à
Paris
</p>
</div>
</div>
</div>
</div>
</div>
<div
class="fr-header__menu fr-modal"
id="modal-491"
aria-labelledby="button-492"
>
<div class="fr-container">
<button
class="fr-btn--close fr-btn"
aria-controls="modal-491"
title="Fermer"
>
Fermer
</button>
<div class="fr-header__menu-links"></div>
<nav
class="fr-nav"
id="navigation-494"
role="navigation"
aria-label="Menu principal"
>
<ul class="fr-nav__list">
<li class="fr-nav__item">
<a class="fr-nav__link" href="/athletes" target="_self"
>Athlètes</a
>
</li>
<li class="fr-nav__item">
<a class="fr-nav__link" href="/medailles" target="_self"
>Médailles</a
>
</li>
<li class="fr-nav__item">
<a class="fr-nav__link" href="/disciplines" target="_self"
>Disciplines</a
>
</li>
</ul>
</nav>
</div>
</div>
</header>
<div class="fr-notice fr-notice--info" style="margin: 2%">
<div class="fr-container">
<div class="fr-notice__body">
<p class="fr-notice__title">
API non complète : l'interface Web est en cours de développement.
</p>
</div>
</div>
</div>
<div class="fr-grid-row fr-grid-row--gutters fr-m-5w">
<div class="fr-col-md-4 fr-col">
<div class="fr-card">
<div class="fr-card__body">
<div class="fr-card__content">
<h3 class="fr-card__title">
<a href="/athletes">API Athlètes</a>
</h3>
<p class="fr-card__desc">API permettant de lister les athlètes</p>
<div class="fr-card__start">
<ul class="fr-tags-group">
<li><p class="fr-badge fr-badge--new">OpenAPI</p></li>
</ul>
</div>
</div>
<div class="fr-card__footer">
<ul
class="fr-btns-group fr-btns-group--inline-reverse fr-btns-group--inline-lg"
>
<li>
<a class="fr-btn fr-btn--secondary" href="/athletes"> API </a>
</li>
<li>
<a class="fr-btn" href="/athletes/swagger/"> Documentation </a>
</li>
</ul>
</div>
</div>
<div class="fr-card__header">
<div class="fr-card__img">
<img class="fr-responsive-img" src="/img/athlete.jpg" alt="" />
</div>
</div>
</div>
</div>
<div class="fr-col-md-4 fr-col">
<div class="fr-card">
<div class="fr-card__body">
<div class="fr-card__content">
<h3 class="fr-card__title">
<a href="/medailles">API Médailles</a>
</h3>
<p class="fr-card__desc">
API pour les médailles obtenues par tout les athlètes
</p>
<div class="fr-card__start">
<ul class="fr-tags-group">
<li><p class="fr-badge fr-badge--new">OpenAPI</p></li>
</ul>
</div>
</div>
<div class="fr-card__footer">
<ul
class="fr-btns-group fr-btns-group--inline-reverse fr-btns-group--inline-lg"
>
<li>
<a class="fr-btn fr-btn--secondary" href="/medailles">
API
</a>
</li>
<li>
<a class="fr-btn" href="/medailles/swagger/">
Documentation
</a>
</li>
</ul>
</div>
</div>
<div class="fr-card__header">
<div class="fr-card__img">
<img class="fr-responsive-img" src="/img/medailles.jpg" alt="" />
</div>
</div>
</div>
</div>
<div class="fr-col-md-4 fr-col">
<div class="fr-card">
<div class="fr-card__body">
<div class="fr-card__content">
<h3 class="fr-card__title">
<a href="/disciplines">API Disciplines</a>
</h3>
<p class="fr-card__desc">API pour les disciplines des JO 2024</p>
<div class="fr-card__start">
<ul class="fr-tags-group">
<li><p class="fr-badge fr-badge--new">OpenAPI</p></li>
</ul>
</div>
</div>
<div class="fr-card__footer">
<ul
class="fr-btns-group fr-btns-group--inline-reverse fr-btns-group--inline-lg"
>
<li>
<a class="fr-btn fr-btn--secondary" href="/disciplines">
API
</a>
</li>
<li>
<a class="fr-btn" href="/disciplines/swagger/">
Documentation
</a>
</li>
</ul>
</div>
</div>
<div class="fr-card__header">
<div class="fr-card__img">
<img class="fr-responsive-img" src="/img/discipline.jpg" alt="" />
</div>
</div>
</div>
</div>
</div>
<footer class="fr-footer" role="contentinfo" id="footer">
<div class="fr-container">
<div class="fr-footer__body">
<div class="fr-footer__brand fr-enlarge-link">
<a
href="/"
title="Retour à laccueil du site - Nom de lentité (ministère, secrétariat détat, gouvernement)"
>
<p class="fr-logo">Ministère <br />des IUT</p>
</a>
</div>
<div class="fr-footer__content">
<p class="fr-footer__content-desc">Ce site est a pur but pédagogique</p>
<ul class="fr-footer__content-list">
<li class="fr-footer__content-item">
<a
class="fr-footer__content-link"
target="_blank"
rel="noopener external"
title="[À MODIFIER - Intitulé] - nouvelle fenêtre"
href="https://legifrance.gouv.fr"
>legifrance.gouv.fr</a
>
</li>
<li class="fr-footer__content-item">
<a
class="fr-footer__content-link"
target="_blank"
rel="noopener external"
title="[À MODIFIER - Intitulé] - nouvelle fenêtre"
href="https://gouvernement.fr"
>gouvernement.fr</a
>
</li>
<li class="fr-footer__content-item">
<a
class="fr-footer__content-link"
target="_blank"
rel="noopener external"
title="[À MODIFIER - Intitulé] - nouvelle fenêtre"
href="https://service-public.fr"
>service-public.fr</a
>
</li>
<li class="fr-footer__content-item">
<a
class="fr-footer__content-link"
target="_blank"
rel="noopener external"
title="[À MODIFIER - Intitulé] - nouvelle fenêtre"
href="https://data.gouv.fr"
>data.gouv.fr</a
>
</li>
</ul>
</div>
</div>
<div class="fr-footer__bottom">
<ul class="fr-footer__bottom-list">
<li class="fr-footer__bottom-item">
<a class="fr-footer__bottom-link" href="#">Plan du site</a>
</li>
<li class="fr-footer__bottom-item">
<a class="fr-footer__bottom-link" href="#"
>Accessibilité : non/partiellement/totalement conforme</a
>
</li>
<li class="fr-footer__bottom-item">
<a class="fr-footer__bottom-link" href="#">Mentions légales</a>
</li>
<li class="fr-footer__bottom-item">
<a class="fr-footer__bottom-link" href="#"
>Données personnelles</a
>
</li>
<li class="fr-footer__bottom-item">
<a class="fr-footer__bottom-link" href="#">Gestion des cookies</a>
</li>
</ul>
<div class="fr-footer__bottom-copy">
<p>
Sauf mention explicite de propriété intellectuelle détenue par des
tiers, les contenus de ce site sont proposés sous
<a
href="https://github.com/etalab/licence-ouverte/blob/master/LO.md"
target="_blank"
rel="noopener external"
title="[À MODIFIER - Intitulé] - nouvelle fenêtre"
>licence etalab-2.0</a
>
</p>
</div>
</div>
</div>
</footer>
<script scr="dist/dsfr.module.min.js"></script>
<script scr="dist/dsfr.nomodule.min.js"></script>
</body>
</html>