{"id":15046724,"url":"https://github.com/vara-co/blog-project","last_synced_at":"2026-03-17T23:35:46.624Z","repository":{"id":257268849,"uuid":"857548754","full_name":"vara-co/blog-project","owner":"vara-co","description":"Personal Blog Project using HTML, CSS, Media Queries, Imports, Flexbox, Grid, and other fun stuff. ","archived":false,"fork":false,"pushed_at":"2024-09-20T01:27:31.000Z","size":15913,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-20T13:25:14.166Z","etag":null,"topics":["blog","css","css-flexbox","css-grid","css3","frontend","html","html5","project"],"latest_commit_sha":null,"homepage":"https://blog-project-gamma-blue.vercel.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vara-co.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-09-15T00:05:32.000Z","updated_at":"2024-09-20T01:27:34.000Z","dependencies_parsed_at":"2024-11-19T11:09:06.391Z","dependency_job_id":"f27b49b5-431a-4039-8829-178ecb90469e","html_url":"https://github.com/vara-co/blog-project","commit_stats":null,"previous_names":["vara-co/blog-project"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vara-co%2Fblog-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vara-co%2Fblog-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vara-co%2Fblog-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vara-co%2Fblog-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vara-co","download_url":"https://codeload.github.com/vara-co/blog-project/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243451609,"owners_count":20293168,"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":["blog","css","css-flexbox","css-grid","css3","frontend","html","html5","project"],"created_at":"2024-09-24T20:53:28.670Z","updated_at":"2025-12-30T02:24:26.386Z","avatar_url":"https://github.com/vara-co.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eUDACITY Front End Web Development Nanodegree\u003cbr/\u003e\nProject 2: Personal Blog Project \u003c/h1\u003e\n\u003ch2 align=\"center\"\u003eUsing HTML, and CSS(Flexbox/Grid/Media Queries)\u003cbr/\u003e\n\u003cbr/\u003e\nby Laura Vara\u003c/h2\u003e\u003cbr/\u003e\n\nLink to live website: https://blog-project-gamma-blue.vercel.app/index.html \n\nThis project consists of creating a blog post using HTML and CSS flexbox and grid.\nThis project includes the HTML Semantics:\n- header\n- article\n- section\n- footer\n\nAnd for the images:\n- figure\n- figcaption\n\nMy main page looks like this:\n![image](https://github.com/user-attachments/assets/ebe70bdd-e71d-4e48-ac86-b3f309bda733)\n\nThat links to the \"Blog\" page which looks like this:\n![image](https://github.com/user-attachments/assets/d539e7b3-2a04-4709-a032-3d13c87bbe13)\n\nThe blog page also includes a footer:\n![image](https://github.com/user-attachments/assets/62645041-5b3a-4312-8982-873f7b82812a)\n\nMy blog post has all the requirements:\n![image](https://github.com/user-attachments/assets/4745a50d-6759-44e6-b47f-f8c8f95f0329)\n![image](https://github.com/user-attachments/assets/9e688507-53be-438a-a6c6-9f4856e286ab)\n![image](https://github.com/user-attachments/assets/105d5e7c-0193-484a-a4b5-82ec7c995ce7)\n\nNote that the working links are as follows:\n1. Home\n2. Blog\n3. Post1 (By clicking on the Read More button, links on \"Popular Posts\" on the sidebar, or by clicking the image at the \"Featuared\" section on the Home pag.\n4. Post2\n\nMedia Queries were used to make sure the site was responsive to different devices\n\n![image](https://github.com/user-attachments/assets/5d4c5506-9d6f-4092-b7c4-0e506669b6d2)\n\nReferences:\n- Media Queries: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries\n- Media Queries: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Media_queries\n- Subscribe Form: https://blog.hubspot.com/marketing/html-form-email\n- Font Awesome for the socials: https://fontawesome.com/ \n\nImage References:\n- Title background image: https://pixabay.com/photos/leaf-drops-veins-structure-foliage-7395982/\n- Hello World Image: https://pixabay.com/photos/forest-trees-light-dust-clearing-653448/\n- One Step at the Time: https://pixabay.com/illustrations/ai-generated-sneakers-meadow-8222499/\n- The Structure of HTML Image: https://pixabay.com/photos/tree-nature-dusk-sunset-kahl-tree-94198/ \n- Styling with CSS Image: https://pixabay.com/photos/flower-cherry-blossom-sakura-7718955/\n- Flexbox Image: https://pixabay.com/photos/mountains-landscape-mountain-range-4420690/\n- Grid Image: https://pixabay.com/photos/stones-stone-nature-natural-3803550/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvara-co%2Fblog-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvara-co%2Fblog-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvara-co%2Fblog-project/lists"}