Today We have shared displays a timeline Github generator. This timeline is powered by jQuery, and it enables users to fetch asynchronous Github repositories. The users then can see a vertical timeline in chronological order based on their search. This code is specially created to add value to your website. It is a user-friendly tool where items appear based on your search so that your customers do not have to go through the entire list.
Table of Contents
How to use :
Add the latest jQuery library and other required files in the document.
<link rel="stylesheet" href="index.css" /> <script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="index.js"></script>
Add code for HTML markup for the Github timeline.
<div class="timeline-container"> <div class="timeline-line"></div> <div class="timeline-end">The end :)</div> <div class="timeline-back"> <a>Click here </a>to search another username </div> </div>
Create an input field where user can enter an username to generate the timeline.
<div class="username-container"> <div class="username-form"> <div class="username-title">Github's Timeline</div> <div class="username-subtitle"> Enter an username to generate a timeline. </div> <form method="post"> <input placeholder="Username..." /> <button> <span class="input-search">Search</span> <span class="input-error">Invalid name</span> </button> </form> </div> </div>