{"id":19542959,"url":"https://github.com/maiarasanto/blog","last_synced_at":"2026-05-07T03:33:56.696Z","repository":{"id":200077280,"uuid":"694443424","full_name":"MaiaraSanto/Blog","owner":"MaiaraSanto","description":"A idéia é desenvolver um blog estático voltado à tecnologia usando HTML, CSS e Javascript, composto de duas páginas: a página inicial e página de visualização de um post específico.","archived":false,"fork":false,"pushed_at":"2023-11-07T19:11:59.000Z","size":69549,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-08T18:53:35.287Z","etag":null,"topics":["css","github","html","html5","javascript","php"],"latest_commit_sha":null,"homepage":"https://mayblogger.netlify.app/","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/MaiaraSanto.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-09-21T02:27:31.000Z","updated_at":"2024-09-12T00:23:29.000Z","dependencies_parsed_at":"2023-10-15T17:03:55.578Z","dependency_job_id":"1957c93d-e337-4355-bea7-8ee57f825f8b","html_url":"https://github.com/MaiaraSanto/Blog","commit_stats":null,"previous_names":["maiarasanto/blog-stackx","maiarasanto/blog"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaiaraSanto%2FBlog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaiaraSanto%2FBlog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaiaraSanto%2FBlog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MaiaraSanto%2FBlog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MaiaraSanto","download_url":"https://codeload.github.com/MaiaraSanto/Blog/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240797094,"owners_count":19859126,"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":["css","github","html","html5","javascript","php"],"created_at":"2024-11-11T03:16:44.088Z","updated_at":"2026-05-07T03:33:56.667Z","avatar_url":"https://github.com/MaiaraSanto.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \n  ![GitHub repo size](https://img.shields.io/github/repo-size/codewithsadee/wren)\n  ![GitHub stars](https://img.shields.io/github/stars/codewithsadee/wren?style=social)\n  ![GitHub forks](https://img.shields.io/github/forks/codewithsadee/wren?style=social)\n  [![Twitter Follow](https://img.shields.io/twitter/follow/codewithsadee?style=social)](https://twitter.com/intent/follow?screen_name=codewithsadee)\n \n\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n\n  \u003ch2 align=\"center\"\u003eMayarah Santos- Developed by \u0026copy; 2023\u003c/h2\u003e\n\n MyBlogger é um blog pessoal totalmente responsivo, \u003cbr /\u003e Responsivo para todos os dispositivos, construído usando HTML, CSS e JavaScript.\n\n ### A idéia é desenvolver um blog estático voltado à tecnologia usando HTML, CSS e Javascript, composto de duas páginas: a página inicial e página de visualização de um post específico. \u003cbr/\u003e\n ### A página inicial deve exibir todos os posts em formato de cards, apresentando o título, os primeiros caracteres, a data da postagem, a imagem, a categoria ao qual a postagem pertence e o número de acessos. Cada card de post deve ser clicável e direcionar o usuário para a página de visualização do post completo. Ao ser direcionado para a página, o número de visualizações deve ser incrementado. \u003cbr/\u003e\n ### A página inicial também deve possuir uma barra de navegação contendo o nome ou logo do blog e um filtro de postagens por categoria (utilize no máximo 4 categorias diferentes predefinidas). Ao clicar sobre uma categoria, apenas as postagens referentes a categoria escolhida devem ser exibidas. \u003cbr/\u003e\n ### A página de visualização do post deve exibir a postagem completa com todas as suas informações. Ela também deve conter uma barra de navegação contendo um link para a página de postagens que ao ser clicado, retorna para ela.\n \n\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n### Demo Screeshots  [➥ clique aqui para acessar o Blog](https://mayblogger.netlify.app) \n\n***\n   \n   \u003cimg src=\"./1.gif\" align=\"center\" height=\"500em\" width=\"100%\"\u003e \n   \n\n   ***\n   Carrossel com os banners  [➥](https://mayblogger.netlify.app) \n   \n   #\n   \u003cimg src=\"./2.gif\" align=\"center\" height=\"500em\" width=\"100%\"\u003e \n   \n   ***\n   \n   Banners e suas respectivas páginas com números de views [➥](https://mayblogger.netlify.app) \n\n   #\n   \u003cimg src=\"./3.gif\" align=\"center\" height=\"500em\" width=\"100%\"\u003e \n   \n   ***\n\n   Cards com estilo \u003ci\u003ehover:\u003c/i\u003e [➥](https://mayblogger.netlify.app) \n\n   #\n   \u003cimg src=\"./4.gif\" align=\"center\" height=\"500em\" width=\"100%\"\u003e \n   \n   ***\n\nButtom com as principais tags em TI e posts recentes \u003ci\u003ehover:\u003c/i\u003e [➥](https://mayblogger.netlify.app) \n\n   #\n   \u003cimg src=\"./5.gif\" align=\"center\" height=\"500em\" width=\"100%\"\u003e \n   \n   ***\n\n   Estilo responsivo em telas diferentes  [➥](https://mayblogger.netlify.app) \n\n   #\n   \u003cimg src=\"./6.gif\" align=\"center\" height=\"500em\" width=\"100%\"\u003e \n   \n   ***\n\n\n\n\n### Pré-requisitos\n\nAqui será incluído os seguintes requisitos:\n\n* [Git](https://git-scm.com/downloads \"Download Git\") must be installed on your operating system.\n\n### Executar localmente\n\nPara executar  localmente, execute este comando em seu git bash:\n\nLinux, macOS e Windows:\n\n```bash\nsudo git clone https://github.com/MaiaraSanto/Blog-StackX.git\n```\n\nWindows:\n\n```bash\ngit clone https://github.com/MaiaraSanto/Blog-StackX.git\n```\n### Desenvolvido com HTML, CSS e JS.\n\u003cdiv style=\"display: inline_block\" \u003e\n    \u003cimg aling=\"center\" alt=\"HTML5\" src=\"https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge\u0026logo=html5\u0026logoColor=white\" /\u003e\n    \u003cimg aling=\"center\" alt=\"CSS3\" src=\"https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge\u0026logo=css3\u0026logoColor=white\" /\u003e\n    \u003cimg aling=\"center\" alt=\"JavaScript\" src=\"https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge\u0026logo=javascript\u0026logoColor=black\" /\u003e\n\u003c/div\u003e\n\n### License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaiarasanto%2Fblog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmaiarasanto%2Fblog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmaiarasanto%2Fblog/lists"}