{"id":19411823,"url":"https://github.com/devmagno/flexblog","last_synced_at":"2025-02-25T02:29:51.764Z","repository":{"id":191296777,"uuid":"309239849","full_name":"devMagno/flexblog","owner":"devMagno","description":"🟦 Landing page de um blog fictício para estudo de CSS3 Flexbox.","archived":false,"fork":false,"pushed_at":"2020-11-03T19:38:56.000Z","size":560,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-07T15:24:21.456Z","etag":null,"topics":["adobe-brackets","css3","css3-flexbox","css3-mediaqueries","devmagno","html-css-javascript","smooth-scrolling"],"latest_commit_sha":null,"homepage":"https://devmagno.github.io/flexblog/","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/devMagno.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}},"created_at":"2020-11-02T02:44:55.000Z","updated_at":"2021-07-15T18:40:36.000Z","dependencies_parsed_at":"2023-08-29T08:01:46.191Z","dependency_job_id":null,"html_url":"https://github.com/devMagno/flexblog","commit_stats":null,"previous_names":["devmagno/flexblog"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devMagno%2Fflexblog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devMagno%2Fflexblog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devMagno%2Fflexblog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devMagno%2Fflexblog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devMagno","download_url":"https://codeload.github.com/devMagno/flexblog/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240589101,"owners_count":19825299,"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":["adobe-brackets","css3","css3-flexbox","css3-mediaqueries","devmagno","html-css-javascript","smooth-scrolling"],"created_at":"2024-11-10T12:23:18.431Z","updated_at":"2025-02-25T02:29:51.734Z","avatar_url":"https://github.com/devMagno.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FlexBlog 🟦\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://i.imgur.com/6Dx5SPF.png\" alt=\"FlexBlog\" title=\"FlexBlog\"\u003e\n\u003c/p\u003e\n\n## 📖 Sobre   \nO projeto **FlexBlog** foi desenvolvido durante o curso de **CSS Flexbox** da **[Origamid](https://origamid.com)**. Durante o curso, inicialmente é feita uma introdução à todas as propriedades do flexbox (tanto dos _flex containers_ quanto dos _flex items_) e logo em seguida, aplicamos **na prática** os conceitos aprendidos desenvolvendo o **FlexBlog**, um blog fictício feito utilizando somente as **propriedades Flexbox** do **CSS3**, que resulta em um **design inteiramente responsivo** com utilização mínima de _media queries_. Além disso, implementei um scroll suave dos links internos utilizando **JavaScript**.\n\n---\n\n## 🚀 Tecnologias e ferramentas utilizadas\n- **HTML5**\n- **CSS3 [Flexbox](https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Flexible_Box_Layout/Conceitos_Basicos_do_Flexbox)**\n- **JavaScript** (para o scroll suave dos links internos)\n- **[Brackets](http://brackets.io/)** \n\n---\n\n## 🖥️ Demonstração\n[![FlexBlog](https://i.imgur.com/DIdmfIb.png \"Clique para acessar o projeto\")](https://devmagno.github.io/flexblog/ \"Clique para acessar o projeto\")   \n\nVocê pode acessar o projeto clicando [aqui](https://devmagno.github.io/flexblog/).\n\n---\n\n## 🔧 Como executar o projeto\n\nNão há necessidade de executar o projeto, pois você pode visualizá-lo clicando no link acima, mas se ainda desejar fazê-lo, siga as instruções abaixo:\n```bash\n# Clone o repositório\ngit clone https://github.com/devMagno/flexblog\n\n# Entre no diretório\ncd flexblog\n```\nDepois disso, utilize uma ferramenta como o [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) para criar um servidor local e executar o projeto.\n\n---\n\n## 📝 Licença\n\nO projeto está sob a licença MIT. Para saber mais, acesse o arquivo [LICENSE](https://github.com/devMagno/flexblog/blob/main/LICENSE).\n\n---\n**Desenvolvido com 💙 por [Guilherme Magno](https://github.com/devmagno/).**","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevmagno%2Fflexblog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevmagno%2Fflexblog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevmagno%2Fflexblog/lists"}