Giter VIP home page Giter VIP logo

ivansaul / personal-portfolio Goto Github PK

View Code? Open in Web Editor NEW
76.0 1.0 41.0 906 KB

Fully responsive personal portfolio single-page website, responsive for all devices, built using HTML, CSS, JavaScript and Python.

Home Page: https://ivansaul.github.io/personal-portfolio

License: MIT License

CSS 57.02% JavaScript 8.39% Jinja 29.05% Python 5.54%
github portfolio responsive resume single-page-app website css html jinja python

personal-portfolio's Introduction

Personal Portfolio is a fully responsive personal developer portfolio single-page website,
responsive for all devices, built using HTML, CSS, JavaScript, and Python.

Made-with-python Jinja GitHub repo size License: MIT

GitHub stars GitHub forks

Discord Server

Demo Live Demo: 馃憠馃徑 personal-portfolio.github.io

How to make it yours?

Step 1

Fork this project and rename the repo to your_github_username.github.io.

Important

For example, if your GitHub username is ivansaul. Rename the repository to ivansaul.github.io

Step 2

Enable GitHub Pages on:

Repository(Settings) > Pages > Build and deployment > Source(GitHub Actions)

Step 3

Enable workflows:

Repository(Actions) > I understand my workflows, go ahead and enable them

Step 4

Go to the config/ folder and replace the default data with your personal information.

config
|-- assets
|   |-- avatars
|   |-- icons
|   |-- posts
|   |-- projects
|-- about.toml
|-- blog.toml
|-- softskills.toml
|-- doing.toml
|-- projects.toml
|-- resume.toml
|-- social.toml
|-- technologies.toml

For example, to set your contact information, edit config/about.toml.

name = "Richard hanrick"
rol = "Flutter Developer"
email = "[email protected]"
phone = "+1 (213) 352-2795"
birthday = "June 26, 1996"
location = "Sacramento, California, USA"
avatar = "./path/to/my-avatar.png"

Tip

You can upload your images directly to the config/assets folder or use an image server like Imgur. Both options are valid for customizing your portfolio. For example:

avatar = "https://i.imgur.com/H5gx7JF.png"

avatar = "./config/assets/avatars/my-avatar.png"

Step 5: Enjoy 馃槈

Now you can visit your portfolio at https://your_github_username.github.io

Your personal portfolio will be built and updated automatically whenever any changes occur in the configuration files.

Note

If you like my work and want to show some 鉂わ笍, please consider giving a 猸愶笍 to this Repository.

Screenshots

Desktop Demo Mobile Demo

Contribute

Contributions are welcome.

Facing any Issue?

Feel free to open an Issue :)

Contact

If you want to contact me you can reach me at Discord.

Credits

This project is based on vcard portfolio. The main focus of this project is adding new features and make it accessible to everyone.

License

MIT

personal-portfolio's People

Contributors

actions-user avatar ivansaul avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

personal-portfolio's Issues

Problema de instalaci贸n

Amigo, al cambiar los datos en el config, no cambia en ka presentaci贸n, se debe modificar el index, o que debo hacer para no cambiar el index y que con solo cambiar todo en el config, se pueda hacer?

Option to change to Light Mode

Hi there!

Is there an option to change to Light mode?

Perhaps, there could be an option to toggle between light and dark mode.

finance

Hola hay una opcion en tu portafolio que dice "Finance web developer" no esta funcionando me envia a una app de flutter

How to change the heading position and tag?

Hi there,

Just some simple questions! :)

image

  1. When the screen is minimized, the navbar appears at the bottom. How can I change this to appear at the top instead?

  2. Let's say I want to change one of the navbar headings from "Blog" to 'Certificates". How do I change this?

  3. How is the light and dark mode coming along?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    馃枛 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 馃搳馃搱馃帀

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google 鉂わ笍 Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.