{"id":28209679,"url":"https://github.com/juletopi/the_content-cove_project","last_synced_at":"2025-06-10T21:31:30.505Z","repository":{"id":92468361,"uuid":"602757405","full_name":"juletopi/The_Content-Cove_Project","owner":"juletopi","description":"🎞️ • Repository of my front-end project called \"The Content-Cove\", a fictitious website for trailers and synopses of movies, games and anime. Made in HTML, CSS and JavaScript.","archived":false,"fork":false,"pushed_at":"2024-07-23T09:08:38.000Z","size":3074,"stargazers_count":7,"open_issues_count":12,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-01T19:58:01.048Z","etag":null,"topics":["anime","css","css3","front-end","front-end-development","frontend","game","html","html-css-javascript","html5","javascript","movie","project","projeto","vscode"],"latest_commit_sha":null,"homepage":"https://juletopi.github.io/The_Content-Cove_Project/","language":"CSS","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/juletopi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2023-02-16T21:58:26.000Z","updated_at":"2024-10-05T22:23:47.000Z","dependencies_parsed_at":"2023-07-04T01:01:20.316Z","dependency_job_id":"997418eb-f79c-4439-ae33-6bdd08da32be","html_url":"https://github.com/juletopi/The_Content-Cove_Project","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juletopi%2FThe_Content-Cove_Project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juletopi%2FThe_Content-Cove_Project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juletopi%2FThe_Content-Cove_Project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juletopi%2FThe_Content-Cove_Project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/juletopi","download_url":"https://codeload.github.com/juletopi/The_Content-Cove_Project/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/juletopi%2FThe_Content-Cove_Project/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":258708445,"owners_count":22744948,"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","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":["anime","css","css3","front-end","front-end-development","frontend","game","html","html-css-javascript","html5","javascript","movie","project","projeto","vscode"],"created_at":"2025-05-17T16:13:01.170Z","updated_at":"2025-06-10T21:31:30.497Z","avatar_url":"https://github.com/juletopi.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!--\n❗ ➤ References used in this Repository:\n🔗 • https://github.com/kyechan99/capsule-render\n🔗 • https://github.com/DenverCoder1/custom-icon-badges\n🔗 • https://github.com/gepser/markdown-progress\n🔗 • https://shields.io\n🔗 • https://emoji.gg\n🔗 • https://getemoji.com\n--\u003e\n\n\u003cdiv align=\"left\"\u003e\n  \u003cimg src=\"https://img.shields.io/github/license/juletopi/The_Content-Cove_Project\" alt=\"Licence-badge\"\u003e\n  \u003cimg src=\"https://img.shields.io/badge/project%20status:-in%20progress-ef934a\" alt=\"ProjectProgress-badge\"\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n\u003c!-- PRESENTATION --\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/juletopi/The_Content-Cove_Project/blob/main/Assets%20(README)/Images/ContentCove-pic.png\"\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/76459155/219552460-47e99139-3f4b-41aa-a0bd-d592721062ae.png\" alt=\"TheContentCove-pic\" width=\"124px\" title=\"The Content-Cove Repository\"\u003e\n  \u003c/a\u003e\n  \u003ch2 align=\"center\"\u003eThe Content-Cove Project 🎞️\u003c/h2\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003ca href=\"https://juletopi.github.io/The_Content-Cove_Project/\"\u003e**» Explore the website by clicking here «**\u003c/a\u003e \\\n    \u003csub\u003e**\"Use `ctrl + click` to open it in a new window!\"**\u003c/sub\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n \n  • This is the repository of my project called \"**The Content-Cove**\", a fictitious \\\n  website for trailers and synopses of movies, games, anime and much more!\n \n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://code.visualstudio.com/\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Made%20with%20IDE:-VSCode%20-gray.svg?colorA=3d85c6\u0026amp;colorB=0b5394\u0026amp;style=for-the-badge\" alt=\"VSCodeIDE-badge\" style=\"max-width: 100%;\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.w3schools.com/html/\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Made%20with%20language:-HTML%20-gray.svg?colorA=d2704c\u0026amp;colorB=d25526\u0026amp;style=for-the-badge\" alt=\"HTMLLanguage-badge\" style=\"max-width: 100%;\"\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://www.w3schools.com/css/\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Made%20with%20language:-CSS%20-gray.svg?colorA=615484\u0026amp;colorB=483675\u0026amp;style=for-the-badge\" alt=\"CSSLanguage-badge\" style=\"max-width: 100%;\"\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.w3schools.com/js/\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/Made%20with%20language:-JavaScript%20-gray.svg?colorA=ccaa44\u0026amp;colorB=ca9c0d\u0026amp;style=for-the-badge\" alt=\"JavaScriptLanguage-badge\" style=\"max-width: 100%;\"\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://github.com/juletopi/The_Content-Cove_Project\"\u003eView Demo\u003c/a\u003e \u0026#xa0; • \u0026#xa0;\n\u003ca href=\"https://github.com/juletopi/The_Content-Cove_Project/issues\"\u003eReport Bug\u003c/a\u003e \u0026#xa0; • \u0026#xa0;\n\u003ca href=\"https://github.com/juletopi/The_Content-Cove_Project/discussions\"\u003eRequest Feature\u003c/a\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg width=100% align=\"center\" src=\"https://capsule-render.vercel.app/api?type=rect\u0026color=FF7723\u0026height=4\u0026section=header\u0026%20render\"\u003e\n\u003c/div\u003e\n\n\u003c!-- SUMMARY --\u003e\n\n\u003ch2 align=\"center\"\u003eSummary 🧾\u003c/h2\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"#-project-progress\"\u003eProject Progress\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n    \u003ca href=\"#-about-the-project\"\u003eAbout the Project\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n    \u003ca href=\"#-how-to-use\"\u003eHow to Use\u003c/a\u003e\n  \u003c/p\u003e\n  \u003cp align=\"center\"\u003e\n    \u003ca href=\"#-prerequisites\"\u003ePrerequisites\u003c/a\u003e \u0026#xa0; | \u0026#xa0;\n    \u003ca href=\"#-author\"\u003eAuthor\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n\u003c!-- PROJECT PROGRESS --\u003e\n\n## ✅ Project Progress\n\n\u003cdiv align=\"center\"\u003e\n\n\u003e [!WARNING]\\\n\u003e This project is **IN PROGRESS**\n\u003e\n\u003e ### **Status:** \u003cimg align=\"center\" src=\"https://geps.dev/progress/25?dangerColor=ed4242\u0026warningColor=ef934a\u0026successColor=82cf5e\" alt=\"StatusBar\" /\u003e\n\n\u003c/div\u003e\n\n\u003cdiv align=\"left\"\u003e\n\n- [X] \u003cdel\u003e**Content Templates**\u003c/del\u003e ↴\n    - [X] \u003cdel\u003e**HTML, CSS, JavaScript**\u003c/del\u003e ↴\n        - [X] \u003cdel\u003eAdd Header and Navigation\u003c/del\u003e\n        - [X] \u003cdel\u003eAdd Main Info.\u003c/del\u003e\n        - [X] \u003cdel\u003eAdd Main Image\u003c/del\u003e\n        - [X] \u003cdel\u003eAdd Video Modal\u003c/del\u003e\n        - [X] \u003cdel\u003eAdd Linking\u003c/del\u003e\n        - [X] \u003cdel\u003eAdd Styling\u003c/del\u003e\n        - [X] \u003cdel\u003eAdd Responsiveness\u003c/del\u003e\n- [ ] **Home Page** ↴\n    - [ ] **HTML, CSS, JavaScript** ↴\n        - [ ] Add Header and Navigation\n        - [ ] Add Main Info.\n        - [ ] Add Main Image\n        - [ ] Add Content Cards\n        - [ ] Add Linking\n        - [ ] Add Styling\n        - [ ] Add Responsiveness\n- [ ] **Multi-language Support** ↴\n    - [X] \u003cdel\u003eEnglish\u003c/del\u003e\n    - [ ] Spanish\n    - [ ] Brazilian Portuguese\n\u003c/div\u003e\n\n\u003cdiv align=\"left\"\u003e\n  \u003ch6\u003e\u003ca href=\"#the-content-cove-project-%EF%B8%8F\"\u003e Back to top ↺\u003c/a\u003e\u003c/h6\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg width=100% align=\"center\" src=\"https://capsule-render.vercel.app/api?type=rect\u0026color=FF7723\u0026height=4\u0026section=header\u0026%20render\"\u003e\n\u003c/div\u003e\n\n\u003c!-- ABOUT THE PROJECT --\u003e\n\n## 📋 About The Project\n\n### 🖼️ Content Pages\n\n\u003e \u003ca href=\"https://github.com/juletopi/The_Content-Cove_Project/blob/main/Assets%20(README)/Images/ContentPageMobile-pic.png\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/76459155/220253860-131fb405-cfe4-4349-a2ef-7e3f44d80239.png\" alt=\"ContentPageMobile\" title=\"Responsive Page View\" style=\"width: 29%;\"\u003e\u003c/a\u003e\n\u003e \u003ca href=\"https://github.com/juletopi/The_Content-Cove_Project/blob/main/Assets%20(README)/Images/ContentPageDesktop-pic.png\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/76459155/220253813-0789b2fe-eff1-4a38-bbea-3bdc58ae08a9.png\" alt=\"ContentPageDesktop-pic\" title=\"Desktop Page View\" style=\"width: 69%;\"\u003e\u003c/a\u003e\n\n### 🏠 Home Page\n\n\u003e [!NOTE]\\\n\u003e *Coming soon...*\n\n\u003cbr\u003e\n\n\u003cdiv align=\"left\"\u003e\n\n  \"**The Content-Cove**\" is a project about a website for trailers and information about movies, games and anime.\n \n  Originally, this was a project created by the [Irmãos Dev em Dobro](https://www.youtube.com/c/devemdobro), in the \"**Semana Dev em Dobro**\" \\\n  (Double Dev Week), after the end of this dev week, I decided to take this project to another level.\n \n  What main implementations will be made:\n  * A main \"**Home**\" with information about the site and a section \\\n  with cards of movies, games and anime to choose from.\n  * Different **custom webpages** for each of the movies, games, \\\n  and anime previously present on the cards.\n \n  As this is kinda of a big project, and at the current time I am a beginner programmer, as \\\n  I improve my skills I'll be going back to this project, and making new implementations.\n \n\u003c/div\u003e\n\n\u003cdiv align=\"left\"\u003e\n  \u003ch6\u003e\u003ca href=\"#the-content-cove-project-%EF%B8%8F\"\u003e Back to top ↺\u003c/a\u003e\u003c/h6\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg width=100% align=\"center\" src=\"https://capsule-render.vercel.app/api?type=rect\u0026color=FF7723\u0026height=4\u0026section=header\u0026%20render\"\u003e\n\u003c/div\u003e\n\n\u003c!-- HOW TO USE --\u003e\n\n## ❓ How to Use\n\n\u003cdiv align=\"left\"\u003e\n \n  You can access the website by the link: https://juletopi.github.io/The_Content-Cove_Project/. \\\n\u003csub\u003e**\"Use `ctrl + click` to open it in a new window!\"**\u003c/sub\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"left\"\u003e\n  \u003ch6\u003e\u003ca href=\"#the-content-cove-project-%EF%B8%8F\"\u003e Back to top ↺\u003c/a\u003e\u003c/h6\u003e\n\u003c/div\u003e\n\n## 🛠 Prerequisites\n\n\u003cdiv align=\"left\"\u003e\n \n  To access the website all you need is a **internet browser** and **internet connection**.\n \n  The use of browsers with support for experience with GitHub, and using the latest \\\n  version of the browser like **Chrome**, **Edge**, **Firefox** or **Safari**, is recommended.\n \n\u003c/div\u003e\n \n\u003cdiv align=\"left\"\u003e\n  \u003ch6\u003e\u003ca href=\"#the-content-cove-project-%EF%B8%8F\"\u003e Back to top ↺\u003c/a\u003e\u003c/h6\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg width=100% align=\"center\" src=\"https://capsule-render.vercel.app/api?type=rect\u0026color=FF7723\u0026height=4\u0026section=header\u0026%20render\"\u003e\n\u003c/div\u003e\n\n\u003c!-- AUTHOR --\u003e\n\n## 👤 Author\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd valign=\"top\" width=\"33%\"\u003e\n      \u003cdiv align=\"center\"\u003e  \n        \u003ca href=\"https://github.com/juletopi\"\u003e\n          \u003cimg src=\"https://user-images.githubusercontent.com/76459155/220271784-9f930c36-c370-4518-9b56-604627c6e2b5.png\" width=\"120px;\" alt=\"JuletopiAvatar-pic\" title=\"Author: Juletopi\" /\u003e\n          \u003cbr\u003e\n          \u003csub\u003e\u003cb\u003eJúlio Cézar | Juletopi\u003c/b\u003e\u003c/sub\u003e\n        \u003c/a\u003e\n      \u003c/div\u003e\n    \u003c/td\u003e\n    \u003ctd valign=\"left\" width=\"100%\"\u003e\n      \u003cdiv align=\"left\"\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n            \u003csub\u003e\u003cimg align=\"center\" src=\"https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linkedin/linkedin-original.svg\" height=\"15\" alt=\"LinkedIn-icon\"\u003e LinkedIn - \u003ca href=\"https://www.linkedin.com/in/julio-cezar-pereira-camargo/\"\u003eJúlio Cézar P. Camargo\u003c/a\u003e\u003c/sub\u003e\n          \u003c/li\u003e\n          \u003cli\u003e\n            \u003csub\u003e\u003cimg align=\"center\" src=\"https://pngimg.com/uploads/email/email_PNG100738.png\" height=\"15\" alt=\"Facebook-icon\"\u003e Email - \u003ca href=\"mailto:juliocezarpvh@hotmail.com\"\u003ejuliocezarpvh@hotmail.com\u003c/a\u003e\u003c/sub\u003e\n          \u003c/li\u003e\n          \u003cli\u003e\n            \u003csub\u003e\u003cimg align=\"center\" src=\"https://cdn3.emoji.gg/emojis/6158-whatsapp.png\" height=\"15\" alt=\"WhatsApp-icon\"\u003e Whatsapp - \u003ca href=\"http://api.whatsapp.com/send?phone=5569993606894\"\u003e+55 (69) 9 9360-6894\u003c/a\u003e\u003c/sub\u003e\n          \u003c/li\u003e\n          \u003cli\u003e\n            \u003csub\u003e\u003cimg align=\"center\" src=\"https://cdn3.emoji.gg/emojis/6333-instagram.png\" height=\"15\" alt=\"Instagram-icon\"\u003e Instagram - \u003ca href=\"https://www.instagram.com/juletopi/\"\u003e@juletopi\u003c/a\u003e\u003c/sub\u003e\n          \u003c/li\u003e\n        \u003c/ul\u003e\n      \u003c/div\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n\u003cdiv align=\"left\"\u003e\n  \u003ch6\u003e\u003ca href=\"#the-content-cove-project-%EF%B8%8F\"\u003e Back to top ↺\u003c/a\u003e\u003c/h6\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\n\u003c!-- THANK YOU, GOODBYE --\u003e\n\n----\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://git.io/typing-svg\"\u003e\n    \u003cimg src=\"https://readme-typing-svg.demolab.com?font=Sue+Ellen+Francisco\u0026size=40\u0026duration=1\u0026pause=99999\u0026color=FF7723\u0026center=true\u0026vCenter=true\u0026repeat=false\u0026width=620\u0026height=70\u0026lines=Thanks+for+visiting%2C++see+ya+around!\" alt=\"TypingGoodbye-SVG\" title=\"Boas venturas e volte sempre que precisar! ;)\"/\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  Made with 🧡 by \u003ca href=\"https://github.com/juletopi\"\u003e Juletopi\u003c/a\u003e.\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuletopi%2Fthe_content-cove_project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjuletopi%2Fthe_content-cove_project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuletopi%2Fthe_content-cove_project/lists"}