{"id":20163568,"url":"https://github.com/m-u-c-k-a/sae301","last_synced_at":"2026-03-19T14:16:16.006Z","repository":{"id":65380220,"uuid":"591215407","full_name":"M-U-C-K-A/SAE301","owner":"M-U-C-K-A","description":"Un site web sur l'écocitoyenneté, réalisé dans le cadre de nos études. Il a pour but de sensibiliser les gens sur l'importance de protéger notre environnement en se basant sur un film sur l'écocitoyenneté.","archived":false,"fork":false,"pushed_at":"2023-11-09T21:12:02.000Z","size":5680,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-03T03:12:27.362Z","etag":null,"topics":["design","ecological","website"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/M-U-C-K-A.png","metadata":{"files":{"readme":"README.en.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-01-20T07:45:14.000Z","updated_at":"2023-03-23T13:09:27.000Z","dependencies_parsed_at":"2024-11-14T00:40:21.638Z","dependency_job_id":null,"html_url":"https://github.com/M-U-C-K-A/SAE301","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/M-U-C-K-A/SAE301","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/M-U-C-K-A%2FSAE301","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/M-U-C-K-A%2FSAE301/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/M-U-C-K-A%2FSAE301/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/M-U-C-K-A%2FSAE301/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/M-U-C-K-A","download_url":"https://codeload.github.com/M-U-C-K-A/SAE301/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/M-U-C-K-A%2FSAE301/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30141298,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-05T16:58:46.102Z","status":"ssl_error","status_checked_at":"2026-03-05T16:58:45.706Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["design","ecological","website"],"created_at":"2024-11-14T00:30:13.967Z","updated_at":"2026-03-05T18:03:16.070Z","avatar_url":"https://github.com/M-U-C-K-A.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Version](https://img.shields.io/badge/version-1.0.0-green.svg) \n![License](https://img.shields.io/badge/license-MIT-green.svg) \n![SAE301](https://img.shields.io/github/repo-size/M-U-C-K-A/SAE301)\n\n[**Francais**](https://github.com/M-U-C-K-A/SAE301/blob/main/README.md) |\n[**English**](https://github.com/M-U-C-K-A/SAE301/blob/main/README.en.md) |\n[**Programmation**](https://github.com/M-U-C-K-A/SAE301/blob/main/DEV.md) |\n[**Low Carbon**](https://github.com/M-U-C-K-A/SAE301/blob/main/Carbon.md)\n\n# Look Down\nA website about eco-citizenship, created as part of our studies. Its goal is to raise awareness about the importance of protecting our environment based on a movie about eco-citizenship. It is developed in HTML, CSS, JavaScript and uses libraries such as AOS.\nIt has two paths:\n\n1. `\"Film\"` path: It presents the selected film and information about it. It also includes information about our project and the reasons why we created it.\n2. `\"Act\"` path: It offers quizzes on eco-citizenship and information on concrete actions that everyone can take to protect the environment. It also allows you to commit to taking actions and share your commitment with your friends on social media.\n\n## Installation\nDownload or clone this repository\nInstall the dependencies using the command npm install\nLaunch the website using the command npm start\n\n## Usage\nOpen your browser and access the address `http://localhost:3000` to see the website in action. You can navigate through the different sections of the website to learn more about eco-citizenship and the featured film.\n\n## Graphic charter\nOur project Look Down has been designed with a sleek and elegant graphic charter to reflect the importance of ecology and the need to protect our environment.\n\n\u003e The main colors used in the project are :\n\u003e- ![#81CD79](https://placehold.co/15x15/81CD79/81CD79.png) `#81CD79` green is used to represent ecology and nature,\n\u003e- ![#F5F5F5](https://placehold.co/15x15/F5F5F5/F5F5F5.png) `#F5F5F5` white is used to represent the purity of the text,\n\u003e- ![#1E1E1E](https://placehold.co/15x15/1E1E1E/1E1E1E.png) `#1E1E1E` black is used to represent elegance and sophistication.\n\n\u003e- The typography used for titles is \"Outfit Medium Semibold\" to highlight the importance of the information presented.\n\u003e \u003cimg src=\"https://pbs.twimg.com/media/FExQ5rhWYAk4H30.png\" height=\"200\"\u003e\n---\n\u003e- The paragraphs are written in \"Montserrat Regular\" to ensure optimal readability.\n\u003e \u003cimg src=\"https://global-uploads.webflow.com/6262d15f87c1ba2d767ce245/6262e212e47c9580030e422d_60570e30650af1d9b7b03cde_montserrat.png\" height=\"200\"\u003e\n\nBy using a combination of bright colors and refined typography, we have created a professional and convincing look that reflects the importance of ecology and preserving our environment. We hope you enjoy our design as much as we did in creating it.\n\n## Contribution\nWe are open to contributions and suggestions to improve the website. If you would like to contribute, please follow the steps below:\n\n1. Fork this repository\n2. Create a new branch (`git checkout -b my-new-feature`)\n3. Make changes and commit (`git commit -am 'Add some feature'`)\n4. Push to your branch (`git push origin my-new-feature`)\n5. Submit a (`pull request`)\nPlease keep in mind that all contributions must be consistent with the project's graphic charter and respect the project's goal of raising awareness about eco-citizenship.\n\nCredits\n- `Nabil Boukhorissa` was responsible for the overall design and structure of the website, as well as the implementation of the various quizzes and engagement features.\n- `Hugo Delacour` was responsible for the layout and formatting of the content, as well as the implementation of the movie presentation section.\n- Under the supervision of `M. Pique`, we worked together to finalize the project and make it accessible to the public.\n\n\u003eWe would like to thank everyone who helped and supported us in the realization of this project, especially our teacher for her guidance and valuable advice.\n\n## Licence\n- This project is under open-source license, so you can modify, distribute and use it as you wish.\n- The project's source code is freely reusable under the MIT License.\n\u003cblockquote\u003eCopyright (c) 2023 Nabil Boukhorissa, Hugo Delacour\u003c/blockquote\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fm-u-c-k-a%2Fsae301","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fm-u-c-k-a%2Fsae301","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fm-u-c-k-a%2Fsae301/lists"}