{"id":19505110,"url":"https://github.com/alejandroq12/polyglot-talk","last_synced_at":"2025-07-19T16:02:11.711Z","repository":{"id":172632878,"uuid":"613447301","full_name":"Alejandroq12/polyglot-talk","owner":"Alejandroq12","description":"As a polyglot who speaks French, Spanish, English, and Chinese, I am excited to share my experiences and insights on the importance of language learning in today's global society. In my talk, I will explore how learning multiple languages can broaden our perspectives, foster empathy and understanding, and open up new opportunities.","archived":false,"fork":false,"pushed_at":"2023-09-10T22:31:42.000Z","size":2791,"stargazers_count":20,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2025-06-06T02:04:39.087Z","etag":null,"topics":["accessibility","css","dom-manipulation","event-listeners","html","javascript","linters","media-queries","responsive-web-design","version-control"],"latest_commit_sha":null,"homepage":"https://alejandroq12.github.io/polyglot-talk/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Alejandroq12.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,"publiccode":null,"codemeta":null}},"created_at":"2023-03-13T15:30:47.000Z","updated_at":"2024-02-24T18:52:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"3e588e8b-63c2-4f48-a71e-bd41138c8493","html_url":"https://github.com/Alejandroq12/polyglot-talk","commit_stats":null,"previous_names":["alejandroq12/polyglot-talk"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Alejandroq12/polyglot-talk","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fpolyglot-talk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fpolyglot-talk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fpolyglot-talk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fpolyglot-talk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Alejandroq12","download_url":"https://codeload.github.com/Alejandroq12/polyglot-talk/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alejandroq12%2Fpolyglot-talk/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264804048,"owners_count":23666514,"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":["accessibility","css","dom-manipulation","event-listeners","html","javascript","linters","media-queries","responsive-web-design","version-control"],"created_at":"2024-11-10T22:28:26.084Z","updated_at":"2025-07-11T12:09:59.532Z","avatar_url":"https://github.com/Alejandroq12.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003ePolyglot Talk: Connecting Cultures through Language Learning.\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./assets/img/logo/logo-readme.png\" alt=\"logo\" width=\"700\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n  \u003ch3\u003e\u003cb\u003ePolyglot Talk: Connecting Cultures through Language Learning\u003c/b\u003e\u003c/h3\u003e\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n# 📗 Table of Contents\n\n- [📗 Table of Contents](#-table-of-contents)\n- [📖 Polyglot Talk: Connecting Cultures through Language Learning ](#-polyglot-talk-connecting-cultures-through-language-learning-)\n  - [🛠 Built With ](#-built-with-)\n    - [Tech Stack ](#tech-stack-)\n    - [Key Features ](#key-features-)\n  - [🚀 Live Demo ](#-live-demo-)\n  - [😎 Loom walkthrough ](#-loom-walkthrough-)\n  - [💻 Getting Started ](#-getting-started-)\n    - [Prerequisites](#prerequisites)\n    - [Setup](#setup)\n    - [Install](#install)\n    - [Usage](#usage)\n    - [Run tests](#run-tests)\n    - [Deployment](#deployment)\n  - [👥 Authors ](#-authors-)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [❓ FAQ (OPTIONAL) ](#-faq-optional-)\n  - [📝 License ](#-license-)\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 Polyglot Talk: Connecting Cultures through Language Learning \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\nAs a polyglot who speaks French, Spanish, English, and Chinese, I am excited to share my experiences and insights on the importance of language learning in today's global society. In my talk, I will explore how learning multiple languages can broaden our perspectives, foster empathy and understanding, and open up new opportunities for personal and professional growth.\n\nDrawing on my own experiences as a language learner, I will share practical tips and strategies for effective language learning, including how to choose the right materials, practice speaking with confidence, and immerse yourself in the target language and culture. I will also discuss the latest trends and technologies in language education and how they are shaping the future of language learning.\n\nWhether you are a language learner, teacher, or simply interested in the power of language to connect people and cultures, this talk is for you. Join me and become part of the global movement for multilingualism and cross-cultural understanding.\n\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/es/docs/Learn/HTML\"\u003eHTML\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/es/docs/Web/CSS\"\u003eCSS\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **A fully functional website**\n- **Mobile first website**\n- **Only using semantic HTML**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Live Demo Link](https://alejandroq12.github.io/polyglot-talk/index.html)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LOOM WALKTHROUGH --\u003e\n\n## 😎 Loom walkthrough \u003ca name=\"loom-walkthrough\"\u003e\u003c/a\u003e\n\n- [Loom walkthrough Link](https://www.loom.com/share/a863f031fa284557b40d31ee47e01fbe)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\nTo get a local copy up and running, follow these steps:\n\n### Prerequisites\n\nIn order to run this project you need:\n\n1. A web browser to see the website.\n\n2. And a code editor if you want to edit the code. For example, Vs Code.\n\n### Setup\n\nClone this repository to your desired folder:\n\n1. Clone it using your terminal:\n```\ngit clone https://github.com/Alejandroq12/polyglot-talk.git\n```\n\n2. If the previous method does not work you may also download the repo as a .zip file and once you decompress the .zip file you are ready to use it.\n\nImportant: do not forget to clone the repo in the correct folder, probably you will use the following commands to achieve that in your terminal:\n\n1. To navigate a certain folder:\n\n```\ncd \u003cfolder name\u003e\n```\n2. To navigate to the previous folder: \n\n```\ncd ..\n```\n\n### Install\n\nInstall this project with:\n\n1. To see this project you will not need to install something else.\n\n2. But in case you want to test the linter that I configured to check errors you will have to complete the following steps:\n\n```\nnpm init -y\nnpm install --save-dev hint@7.x\n```\n\n3. If you run npm install do not forget to create a .gitignore file to prevent the node_modules to be uploaded to GitHub:\n\n```\n.gitignore\nnode_modules/\n```\n\n### Usage\n\nTo see this project you will only need to:\n\n1. Open the index.html file with a web browser.\n\n### Run tests\n\n1. Make sure all the linters and their configurations are installed and set up correctly in your project. If you haven't installed them yet, run `npm install` in your project directory to install the packages listed in your `package.json` file.\n\n2. Run each linter with the following commands:\n\n- For ESLint:\n```\nnpx eslint .\n\n```\n- For Stylelint:\n```\nnpx stylelint \"**/*.css\"\n\n```\n- For hint:\n```\nnpx hint .\n\n```\n\n3. Review the output of each linter and fix any issues reported.\n\n### Deployment\n\nYou can deploy this project using GitHub pages:\n\n1. Log in to your GitHub account and navigate to the repository that contains your website files.\n2. Make sure that your website files are located in the main branch and in the root directory of the repository.\n3. If your website is not already live, make sure that the index.html file is the main page of your website.\n4. Click on the \"Settings\" tab in your repository.\n5. Scroll down to the \"GitHub Pages\" section.\n6. In the \"Source\" dropdown menu, select the branch where your website files are located. For a simple website with only HTML and CSS, this is typically the main branch.\n7. In the \"Path\" field, make sure that the root directory is specified (i.e., \"/\").\n8. Click \"Save\" to generate your website.\n9. Wait a few minutes for GitHub to build and deploy your website.\n10. Once the website is deployed, visit the GitHub Pages URL to view your site.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n👤 **Julio Quezada**\n\n- GitHub: [Alejandroq12](https://github.com/Alejandroq12)\n- Twitter: [@JulioAle54](https://twitter.com/JulioAle54)\n- LinkedIn: [Julio Quezada](https://www.linkedin.com/in/quezadajulio/)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- [ ] **I will add a contact form**\n- [x] **I will add media queries for larger screens**\n- [x] **I will use JavaScript to add more interactivity**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project please give a star.\nThanks in advance.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to thank Wes Bos because I learned how to implement flexbox with his free tutorial:\n- Wes Bos: [Wes Bos](https://flexbox.io/)\n\nOriginal design idea by Cindy Shin in Behance: [CC Global Summit 2015](https://www.behance.net/gallery/29845175/CC-Global-Summit-2015).\n- The Creative Commons license of the design requires that I give appropriate credit to the author. Therefore, I acknowledge the contribution of Cindy Shin for providing the original design idea used as a basis for this project.\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FAQ (optional) --\u003e\n\n## ❓ FAQ (OPTIONAL) \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **Are you goin to use React in the future?**\n\n  - Yes! I will transform this website into a React App.\n\n- **Did you create this website from scratch?**\n\n  - Yes! From zero, and I will improve it a lot.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falejandroq12%2Fpolyglot-talk","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falejandroq12%2Fpolyglot-talk","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falejandroq12%2Fpolyglot-talk/lists"}