Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/longpdo/longpdo.github.io
My personal website built with Jekyll.
https://github.com/longpdo/longpdo.github.io
jekyll personal-website portfolio portfolio-website
Last synced: 3 months ago
JSON representation
My personal website built with Jekyll.
- Host: GitHub
- URL: https://github.com/longpdo/longpdo.github.io
- Owner: longpdo
- License: mit
- Created: 2020-02-19T13:09:37.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-31T04:01:01.000Z (almost 2 years ago)
- Last Synced: 2023-03-09T01:05:30.801Z (almost 2 years ago)
- Topics: jekyll, personal-website, portfolio, portfolio-website
- Language: HTML
- Homepage: https://longpdo.github.io
- Size: 14.1 MB
- Stars: 11
- Watchers: 2
- Forks: 15
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Personal Website
> This repository is currently used for my personal landing page.
[![Open Issues](https://badgen.net/github/open-issues/longpdo/longpdo.github.io)](https://github.com/longpdo/longpdo.github.io/issues)
[![License](https://badgen.net/github/license/longpdo/longpdo.github.io)](LICENSE)[View Demo](https://longpdo.github.io) · [Report Bug](https://github.com/longpdo/longpdo.github.io/issues)
## Table of Contents
* [About The Project](#about-the-project)
* [Built With](#built-with)
* [Features](#features)
* [Getting Started](#getting-started)
* [License](#license)
* [Acknowledgements](#acknowledgements)## About The Project
[![Project Screenshot][product-screenshot]](https://longpdo.github.io)
This is my personal website built with `Jekyll` and hosted on `Github Pages`, which is based on the new `Neumorphism` design trend and was developed with a mobile-first approach.. This can be used by developers, who want to showcase their resume and portfolio. If you want to use this for your own portfolio, I have created a boilerplate version of this without my branding, another preloader and [particles.js](https://vincentgarreau.com/particles.js/) integrated into the landing page. Fork the repository [Neumorphism](https://github.com/longpdo/neumorphism) and then refer to the [README](https://github.com/longpdo/neumorphism/blob/master/README.md) for more.
### Built With
* [Jekyll](https://jekyllrb.com/)
### Features
* Mobile-First Responsive Design
* Animated preloader animation
* Landing Page with my animated Logo, a Typing Carousel and animated social icons
* Dark Neumorphism Design on main content
* [Animations On Scroll](https://michalsnik.github.io/aos/)
* Filterable *Skills* word cloud
* [Github's API](https://developer.github.com/v3/) automatically populating the *Open Source Projects* section
* Gulp dev workflow with [BrowserSync](https://browsersync.io/), [Autoprefixer](https://autoprefixer.github.io/) and `JS` & `SCSS` minifying.
* [Google Analytics](https://analytics.google.com/)## Getting Started
> I value keeping my site open source, but as you all know, *plagiarism is bad*. I would appreciate it, if you would give me credit by attribution, similar to how I give credits to other developers at [Acknowledgements](#acknowledgements).
Fork the repository [Neumorphism](https://github.com/longpdo/neumorphism) and then refer to the [README](https://github.com/longpdo/neumorphism/blob/master/README.md) for more.
## License
Distributed under the MIT License. See `LICENSE` for more information.
## Acknowledgements
* [Font Awesome](https://fontawesome.com/)
* [Normalize.css](https://necolas.github.io/normalize.css/)
* Based Preloader on [Anastasiya Kuligina'](https://codepen.io/WebSonata/pen/bRaONB) version
* Typing Carousel by [Gregory Schier](https://codepen.io/gschier/pen/jkivt)
* Social Button Animation by [Stéphane Lyver](https://codepen.io/wouwi/pen/Lwrmi)
* Adapted [Damian Jankowski's](https://codepen.io/dolaron/pen/rNadmOE) color palette for the neumorphism design
* Based Timeline on [Krishna Babu's](https://codepen.io/krishnab/pen/OPwqbW) version[product-screenshot]: screenshot.gif