Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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