{"id":16458275,"url":"https://github.com/matthysdev/tpresponsivehtml","last_synced_at":"2025-08-02T10:33:12.867Z","repository":{"id":133403978,"uuid":"422721675","full_name":"MatthysDev/tpResponsiveHtml","owner":"MatthysDev","description":"School responsive website project","archived":false,"fork":false,"pushed_at":"2021-10-31T08:29:03.000Z","size":3205,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-03T22:42:23.841Z","etag":null,"topics":["css","html"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MatthysDev.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-10-29T21:52:19.000Z","updated_at":"2022-01-18T14:46:33.000Z","dependencies_parsed_at":null,"dependency_job_id":"c8b1f50e-64e0-4e39-aa3b-8491dbc85e62","html_url":"https://github.com/MatthysDev/tpResponsiveHtml","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MatthysDev/tpResponsiveHtml","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatthysDev%2FtpResponsiveHtml","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatthysDev%2FtpResponsiveHtml/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatthysDev%2FtpResponsiveHtml/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatthysDev%2FtpResponsiveHtml/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MatthysDev","download_url":"https://codeload.github.com/MatthysDev/tpResponsiveHtml/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MatthysDev%2FtpResponsiveHtml/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268371069,"owners_count":24239784,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-02T02:00:12.353Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html"],"created_at":"2024-10-11T10:44:46.427Z","updated_at":"2025-08-02T10:33:12.835Z","avatar_url":"https://github.com/MatthysDev.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TP Final (et noté)\nVous allez intégrer la maquette et ses déclinaisons responsives qui se trouvent dans le dossier _maquettes_\nN'oubliez pas d'appeler le fichier _reboot.css_ pour pouvoir avoir des styles propres dès le départ.\n\n## Comment me rendre votre travail ?\nUn zip par mail à bonjour[at]davidpollet . fr. __À rendre pour le 01 novembre (2020). Votre zip doit être nommé classe_nom-prenom.zip (ex: app_doe-john.zip)__\n\n⚠️⚠️ __Vos pages doivent être en HTML sinon, je ne corrige pas.__ Vous pouvez travailler en php si vous le souhaitez pour profiter des `include` mais dans ce cas, faites un copié/coller du html généré dans un fichier HTML.⚠️⚠️\n\n## Astuces utiles\n- On peut changer l'ordre d'un élément grâce à la propriété `order` si son parent est en `display: flex` ou `display: grid`. [Documentation](https://developer.mozilla.org/fr/docs/Web/CSS/order)\n- Pour déclarer les valeurs qui se répètent beaucoup (couleurs, padding, …) dans le projet, vous pouvez utiliser des variables CSS. 🔥🔥 [Documentation](https://developer.mozilla.org/fr/docs/Web/CSS/--*)\n- Pour bloquer le ratio d'un media (image, video), il faut utiliser la propriété `object-fit`. [Documentation](https://developer.mozilla.org/fr/docs/Web/CSS/object-fit)\n- Pour insérer les icônes et images SVG, vous avez deux cas de figure :\n  - Dans une balise `img` mais vous ne pourrez pas changer la couleur\n  - Copié / collé du code svg dans votre page, ou un include si vous travaillez en php. Dans ce cas, vous pourrez selectionnez le svg et changer sa couleur.\n\n\n## Barême de notation\n- 15 points pour l'intégration\n- 5 points pour la qualité du code. La qualité du code inlut le choix des bonnes balises HTML et la lisibilité de votre code.\n\n\n\n## Crédits\nUn grand merci à [DrawKit](https://www.drawkit.io/grape-pack) pour son kit d'illustrations.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatthysdev%2Ftpresponsivehtml","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatthysdev%2Ftpresponsivehtml","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatthysdev%2Ftpresponsivehtml/lists"}