TP_JO2024/home/index.html
2024-03-27 17:19:37 +01:00

306 lines
10 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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>