Neumorphism Designed Jekyll Theme for Personal Websites

Neumorphism

Neumorphism designed Jekyll theme for personal websites, portfolios and resumes.

• Featured on JAMstack Themes
• Featured on Jekyll Themes
• Featured on jekyllthemes

About The Project

This is a 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 website, fork this repository and then refer to personalize and customize.

Built With

• Jekyll

Features

• Mobile-First Responsive Design
• Animated preloader animation
• Landing Page with animated background with particles.js, a Typing Carousel and animated social icons
• Dark Neumorphism Design on main content
• Animations On Scroll
• Filterable Skills word cloud
• Github's API automatically populating the Open Source Projects section
• Gulp dev workflow with BrowserSync, Autoprefixer and JS & SCSS minifying.
• Google Analytics

Getting Started

To get a local copy up and running follow these simple steps.

The commands and instructions I provide are for MacOS - please look up the specific commands for your OS on your own.

Prerequisites

• NodeJS

brew install node

If you need to switch between Node versions regurlarly, I would recommend to install Node via Node Version Manager.

• Jekyll

gem install bundler jekyll

For more information, refer to this.

• Yarn

npm install -g yarn

Installation

Recommended way: If you want to contribute to this theme or open issues due to problems implementing this on your own, I would recommend forking the repository directly. This makes it easier for me to solve open issues and questions or check pull requests.

1.1: Fork the repository (using the Fork button at the top) and then clone the repository

# Replace {YOUR_USERNAME} with your actual username
git clone https://github.com/{YOUR_USERNAME}/neumorphism.git

or

1.2: Create your own repository (using the green Use this template button at the top) and then clone the repository

# Replace {YOUR_USERNAME}, {YOUR_REPOSITORY} with the actual values
git clone https://github.com/{YOUR_USERNAME}/{YOUR_REPOSITORY}.git

2: Change directory into neumorphism

cd neumorphism

3: Install dependencies

yarn
bundle install

Usage

• Run and develop locally with live server at http://localhost:4000, this will also build production-ready JS and SCSS assets with every change

gulp

• After committing and pushing, see the Settings page of your repository to see where your site is published at via Github Pages.

Personalize and Customize

_config.yml

Edit _config.yml to personalize your site. For documentation, refer to docs/config.md.

Github Metadata Plugin

If you want to automatically have your Github repositories pulled for the Open Source Projects section, then you also need to authenticate yourself for the Github Metadata plugin to work.

You need to generate a new personal access token on GitHub:

• Go to the Github Token site
• Select the scope public_repository, and add a description.
• Confirm and save the settings. Copy the token you see on the page.
• Create a .env file inside your repository and add your generated JEKYLL_GITHUB_TOKEN:

JEKYLL_GITHUB_TOKEN=0YOUR0GENERATED0TOKEN0

To complete the configuration for the Github Metadata plugin, you also need to change the value of repository inside _config.yml. After this, you should the Github Metadata plugin should work properly.

For optimal results, you should make sure, that every Github project, you want included on this portfolio, has added following informations on Github:

• Description
• Homepage link, if there is a live version of it
• Topics

Example:

_data/*.yml

Edit files inside _data to add information to the portfolio. For documentation, refer to docs/data.md.

Particles.js

Edit assets/particles.json to customize the landing page backgorund animation. For more information, refer to this.

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

Acknowledgements

• Font Awesome
• Normalize.css
• Based Preloader on Codrin Pavel's version
• Typing Carousel by Gregory Schier
• Social Button Animation by Stéphane Lyver
• Adapted Damian Jankowski's color palette for the neumorphism design
• Based Timeline on Krishna Babu's version

Download Details:

Author: longpdo
Source Code: https://github.com/longpdo/neumorphism 
License: MIT license

#jekyll #theme #template #githubpages 

What is GEEK

Buddha Community

Landscapes Website Design | Nature Landscapes Website Designer

Most landscapers think of their website as an online brochure. In reality of consumers have admitted to judging a company’s credibility based on their web design, making your website a virtual sales rep capable of generating massive amounts of leads and sales. If your website isn’t actively increasing leads and new landscaping contracts, it may be time for a redesign.

DataIT Solutions specializes in landscape website designing that are not only beautiful but also rank well in search engine results and convert your visitors into customers. We’ve specialized in the landscaping industry for over 10 years, and we look at your business from an owner’s perspective.

Why use our Landscapes for your landscape design?

• Superior experience
• Friendly personal service
• Choice of design layout
• Budget sensitive designs
• Impartial product choice and advice
• Planting and lighting designs

Want to talk about your website?
If you are a gardener or have a gardening company please do not hesitate to contact us for a quote.
Need help with your website? Get in touch

#nature landscapes website design #landscapes website design #website design #website designing #website designer #designer

Security Website Design

As web developers, we strive to meet your specific needs by creating a website that is user-friendly and remains relevant to the current design trends. This ensures that your website grabs the attention of your audience and keeps you ahead of your competitors.

DataIT Solutions team of experts works collaboratively to create ideas that can meet your requirements. Our Website Designing Company believes in High-Quality Professional Website Designing for your Security Website Designing. Our designers have experience in working on a wide array of projects, including websites of the next generation. We listen to your needs and then deliver.

Our Expertise includes:

• Dot Net Development
• PHP Development
• HTML5 Development
• IOS App Development
• Android App Development
• Website Security services

Our team of experts has the expertise, knowledge, and skills to take control and dominate the web design industry over the next couple of years. They are on hand to listen to your ideas, goals, and help you to have a website that is unique and works with your business and brand.

Looking for a better design? Need a professional web design?
Get in touch with our, Web Design Professional experts.

#security website design #security website designing #security website designer #website designer #website designing #website design

Top Web Design Company in India | Website Design Firm

Our award-winning website designing company India gives your web application an interactive design, user-friendly interface, motion graphics, and visual aspect that perfectly matches your brand image. We have 16+ years of domain expertise and have completed 16800+ projects successfully with 7800+ happy clients worldwide.

Decided to outsource web design services in India, we are a one-stop solution for you!

We are one of the leading website designing companies in India being trusted by thousands of businesses across the globe. Our custom web design company offers affordable and creative website design services to startups, SMEs, and enterprises. Our web designers in India have been consistently producing innovative & eye-catchy designs.

Excited to Get a Beautiful Website?
Our top website designing company introduces your business online with a well-designed, SEO optimized, and 100% responsive website. With over 16+ years of experience, we have learned the art of delivering great UI & UX Design Services. Do you want to discuss your web designing project with us? Contact us!

#best website design company #top website designing company #website designing companies in india #website design company in india #website design services india #website design company india

Construction website design in the UK

The right construction web design firm can help ensure that a website converts visitors into clients or leads effectively, even on the first visit, through the proper use of site elements to lead visitors through a sales funnel. With an effective website, construction companies can easily showcase their portfolios as they work to generate more effective leads.

DataIT Solutions offers customized construction website design companies in the UK and digital marketing services. Whether you’re establishing a new online location or your current site needs a redesign, we work with you to produce exactly what you want and need.

We approach every project differently - we analyze and research your business and customer type to build and design the website around our analysis and what we feel will work best for your website and business and as standard, a website will benefit from all of the standard content management features.

What’s included in your website design packages:

• Hosting and coding
• Graphic design
• Advanced analytics tracking
• Optimization for SEO
• Existing content import
• New content creation
• Lead form creation and tracking
• Website compatibility across all browsers and devices
• Integration with social media pages
• XML sitemap creation and submission
• And more!

Ready to start your website design project?
We’ll consult with you to scope out your website build requirements.
Request a Consultation.!!

#construction website design in the uk #construction website design #construction website #website design in the uk #website design #website designer

Website Design Services | Skenix Infotech

Attractive Website Design is important because it impacts how your audience sees your brand. The impression you make on them can either get them to remain on your website and learn about your business or leave your page and turn to a competitor. Good web design helps you keep your leads on your web page.

Increase your brand reputation with eye-catching website design at a reasonable price. Contact Skenix now to know more about our Services & Pricing.

#website design company #website designing services #website designing company in india #website design #website layout design #hire web designer