Refactor: Modularize page content using JSON #87
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* 👨🏻💻 Update Header.astro Replace url Contacto by mailto:[email protected] * Update Footer.astro Add id in anchor contact in footer * Fix experience vertical line in light mode * Fix about me image border in light mode * Fix footer container color in dark mode * Update SectionContainer.astro scroll-m-# da un margen con respecto al viewport para cuando se navega a través nav así el nav no queda por encima del title de la section, lo aprendi viendo el codigo fuente de openai.sora que utiliza este estilo de nav. :) * change styles footer * change styles footer * Fix minimal footer styles * SocialPill onhover effect in dark mode * ThemeToggle: el dropdown para cambiar de theme cuando estaba cerrado tenia un opacity-0 por lo que se podian clickear los items dentro del menu, cambie este estilo por un hidden, y en el #themeMenu.open se agrega display: inline para volver a mostrarlo al hacer click * Add license * Upgrade dependencies * Upgrade lock file * Fix footer styles * Some fixes to header styles * Improve new colors to navbar 'Cause the yellow one was bumping into the blur white one * Fix typo in variable name in Experience component * Add TitleSection component * Add TitleSection component to index page * Fixed theme switching bug related to page transitions. * Adding padding to the Footer for mobile resolution * Update Header.astro Al parecer, hay un bug o algo así con Tailwind que impide que el fondo del nav correspondiente se aplique en modo oscuro. Por lo tanto, he modificado un poco el código para evitar que esto ocurra. * "Updated .gitignore to ignore bun.* files and modified LinkButton.astro to add target="_blank" attribute" * add: Light mode support for buttons. --------- Co-authored-by: Dario Espinoza Muñoz <[email protected]> Co-authored-by: Miguel Ángel Durán <[email protected]> Co-authored-by: davidchicano <[email protected]> Co-authored-by: Joseph Vento <[email protected]> Co-authored-by: webzma <[email protected]> Co-authored-by: Walter Ortiz <[email protected]> Co-authored-by: Diego Fernández <[email protected]> Co-authored-by: bocha13 <[email protected]> Co-authored-by: Carlos Felipe Rivera Güeche <[email protected]> Co-authored-by: Adrian Martin Barcelo <[email protected]> Co-authored-by: Amador <[email protected]> Co-authored-by: AbarcaJ <[email protected]> Co-authored-by: Glitzypanic <[email protected]> Co-authored-by: daniel <[email protected]> Co-authored-by: tito1984 <[email protected]> Co-authored-by: juqndev <[email protected]>
This commit refactors the portfolio website to load content for the "About Me", "Experience", and "Projects" sections from a central JSON file (`src/data/content.json`). Key changes: - Created `src/data/content.json` to store text, experience data, and project details (including tags and icon references). - Modified `AboutMe.astro`, `Experience.astro`, and `Projects.astro` components to fetch and render data from this JSON file. - Implemented dynamic icon loading in `Projects.astro` by mapping icon string names from JSON to imported Astro icon components. - Updated `README.md` with instructions on how to modify `content.json` to update portfolio content. - Resolved TypeScript errors related to JSON module imports and type checking to ensure a successful build. This change makes it easier for you to update your portfolio content without needing to modify Astro component code directly.
✅ Deploy Preview for animated-churros-60739d ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This commit refactors the portfolio website to load content for the
"About Me", "Experience", and "Projects" sections from a central
JSON file (
src/data/content.json).Key changes:
src/data/content.jsonto store text, experience data,and project details (including tags and icon references).
AboutMe.astro,Experience.astro, andProjects.astrocomponents to fetch and render data from this JSON file.
Projects.astroby mappingicon string names from JSON to imported Astro icon components.
README.mdwith instructions on how to modifycontent.jsonto update portfolio content.type checking to ensure a successful build.
This change makes it easier for you to update your portfolio
content without needing to modify Astro component code directly.