Overview

Julia Ebert’s personal website, juliaebert.com, is a showcase of her work and portfolio. The website is built using Nuxt.js and utilizes various features and components to create an interactive and visually appealing user experience.

Features

• Static site setup with easy deployment to Netlify.
• Integration of Bulma and Sass for customizable styling.
• Customization options for site configuration, including site names/descriptions, icons, fonts, and Google Analytics.
• Dynamic icons based on section slugs, with the ability to change icons in the PrimarySection component.
• Typewriter effect on the home page, with customizable text options and background image.
• Particle effects with customizable configurations.
• Publication records management using a JSON file and ACM citation format.
• Customization options for the footer content.
• Layout options for different page types, including default, home, and error pages.
• Additional complexities in the CV page, with content stored separately in a cvContent.vue component.

Installation

To install the Julia Ebert personal website theme, follow these steps:

1. Clone the repository or download the source code.
2. Install the necessary dependencies by running the following command:

npm install

3. Customize the site configuration by modifying the nuxt.config.js file. Update the site names/descriptions, icons, fonts, and Google Analytics ID as desired.
4. Add SVG icons to the /static/imgs/icons directory. The file names should match the section slugs.
5. Update the typewriter text and background image for the home page by modifying the home.vue layout file and the CSS file (main.scss .bg-img).
6. Customize the particles configuration in the assets/particles.json file.
7. Manage publication records by editing the publications.json file in the /assets directory. Ensure that PDF files are placed in the appropriate folders (/static/pdfs/).
8. Modify the footer content by editing the MyFooter.vue component.
9. Customize page layouts as needed, including the default, home, and error pages.
10. For the CV page, update the content in the cvContent.vue component.
11. After making all desired customizations, build and deploy the website using the following command:

npm run build

Summary

Julia Ebert’s personal website is built using Nuxt.js and offers a range of features and customization options. From easily deployable static site setup to dynamic icons and particle effects, the theme provides an interactive and visually appealing user experience. With flexibility for managing publication records, customizing footer content, and designing different page layouts, the website theme can be tailored to showcase any individual’s work and portfolio.