{"id":22934999,"url":"https://github.com/sofidevo/sofidev-portfolio-astro","last_synced_at":"2025-08-12T18:31:19.558Z","repository":{"id":206869205,"uuid":"717842709","full_name":"SofiDevO/sofidev-portfolio-astro","owner":"SofiDevO","description":"Portfolio/Blog made With Astro.js","archived":false,"fork":false,"pushed_at":"2024-11-08T01:02:02.000Z","size":76635,"stargazers_count":23,"open_issues_count":0,"forks_count":6,"subscribers_count":2,"default_branch":"sofidev","last_synced_at":"2024-11-08T02:17:24.379Z","etag":null,"topics":["astrojs","css","javascript","portfolio","portfolio-website","sofidev"],"latest_commit_sha":null,"homepage":"https://sofidev-portfolio-astro-delta.vercel.app/","language":"CSS","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/SofiDevO.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":"2023-11-12T19:13:13.000Z","updated_at":"2024-11-08T01:02:05.000Z","dependencies_parsed_at":"2024-11-08T02:17:19.177Z","dependency_job_id":"338325a9-9a9d-49b6-a75b-ec1a6062c5e7","html_url":"https://github.com/SofiDevO/sofidev-portfolio-astro","commit_stats":null,"previous_names":["sofidevo/sofidev-portfolio-astro"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SofiDevO%2Fsofidev-portfolio-astro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SofiDevO%2Fsofidev-portfolio-astro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SofiDevO%2Fsofidev-portfolio-astro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SofiDevO%2Fsofidev-portfolio-astro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SofiDevO","download_url":"https://codeload.github.com/SofiDevO/sofidev-portfolio-astro/tar.gz/refs/heads/sofidev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229699852,"owners_count":18109852,"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":["astrojs","css","javascript","portfolio","portfolio-website","sofidev"],"created_at":"2024-12-14T11:46:05.618Z","updated_at":"2024-12-14T11:46:06.117Z","avatar_url":"https://github.com/SofiDevO.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# My  Portfolio - Created with Astro\n\nThis is my first portfolio, built using the Astro framework and incorporating components from React. Feel free to clone this repository and customize it to your liking.\n\nYou can check out the live version of this portfolio [here](https://itssofi.dev/).\n\nDon't forget to give this repository a star ⭐ if you find it helpful.\n\n## Components and Styling\n\nIn this portfolio, I've integrated a custom component called \"CardTerminal.astro,\" designed to showcase information in a visually appealing manner. To apply styles to this component, use the provided CSS classes. Here's an example of how to use the \"CardTerminal\" component:\n\n```astro\n---\nimport CardTerminal from \"../layouts/CardTerminal.astro\";\n---\n\n\u003cCardTerminal\u003e\n    \u003cp class=\"terminal__content terminal__content--p\"\u003e\n        ≥ Happily graduated from the\" \u003ca href=\"https://www.oracle.com/mx/education/oracle-next-education/\"\u003e'One Oracle Next Education'\u003c/a\u003e \u003cspan class=\"terminal__content terminal__content--span\"\u003eprogram.\u003c/span\u003e\n    \u003c/p\u003e\n    \n    \u003cp class=\"terminal__content terminal__content--p\"\u003e ≥ Strong foundation in \n        \u003cspan class=\"terminal__content terminal__content--span\"\u003esemantic HTML, CSS, SCSS, Javascript, React, Styled Components, SASS, React Router, Axios, and Astro. I also have basic knowledge of MySQL.\u003c/span\u003e\n    \u003c/p\u003e\n    \u003cp class=\"terminal__content terminal__content--color\"\u003e≥ In addition to my technical skills, I have experience in graphic design and UI design.\u003c/p\u003e\n    \u003cButton\n        href=\"./docs/Angela_Sofia_Osorio_Cv_2023.pdf\"\n        text=\"Download CV\"\n        target=\"_blank\"\n    /\u003e\n\u003c/CardTerminal\u003e\n```\n\nThese styles are applied using the following CSS classes and variables:\n\n```css\n.terminal__content {\n    text-align: left;\n    font-size: 18px;\n    font-weight: 400;\n    font-family: var(--fira-code);\n    line-height: normal;\n}\n\n.terminal__content--p {\n    color: rgb(182, 182, 3);\n}   \n.terminal__content--color {\n    color: var(--blue-terminal);\n}\n.terminal__content--h3 {\n    color: var(--pink-terminal);\n    font-family: var(--fira-code);\n}\n.terminal__content--span {\n    color: var(--green-terminal);\n    font-weight: 500;\n    font-family: var(--fira-code);\n}\n.terminal__link {\n    color: var(--pink-terminal);\n}\n```\n\nThese styles, in turn, use the following color variables:\n\n```css\n--green-terminal: rgb(0, 255, 102);\n--yellow-terminal: rgb(182, 182, 3);\n--pink-terminal: rgb(255, 0, 144);\n--blue-terminal: aqua;\n```\n\nFeel free to explore and modify the styles to match your preferences. The color variables provide a convenient way to maintain a consistent color scheme throughout your portfolio.\n\n## License\n\nThis project is licensed under the MIT License. Feel free to use, modify, and share it in accordance with the terms of the license. If you have any questions or need assistance, don't hesitate to reach out.\n\nHappy coding! 🚀\n![image](https://github.com/SofiDevO/sofidev-portfolio-astro/assets/102200061/15177113-19c4-4de0-aa90-a4f5a32ef07e)\n\n\n[Visit my website](https://itssofi.dev/)\n\n![image](https://github.com/SofiDevO/SofiDev-landingpage/assets/102200061/132c1833-def1-47ab-8a8d-13c5c0499257)\n![image](https://github.com/SofiDevO/SofiDev-landingpage/assets/102200061/448f27ea-1efc-4608-a439-2e81cae00fc4)\n\n![image](https://github.com/SofiDevO/SofiDev-landingpage/assets/102200061/fcd22a9d-5ff7-4673-a2a6-f51b65e4c213)\n![image](https://github.com/SofiDevO/SofiDev-landingpage/assets/102200061/e0ed8666-e6f2-40be-a538-82bd019aa3d0)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsofidevo%2Fsofidev-portfolio-astro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsofidevo%2Fsofidev-portfolio-astro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsofidevo%2Fsofidev-portfolio-astro/lists"}