embedded-github-timeline

Best GitHub timeline component

1.0.1

latest

source

npm

Version published: 3 years ago

Weekly downloads: 0

Maintainers: 1

Created: 3 years ago

Weekly downloads

Readme

Source

GitHub Timeline V1.0.1

Its simple use embeded GitHub timeline.Its work with api.github.

Introduce

Roadmap

You can see what we've done before and what we will work on in the future;

// TODO

Usage

1: Past the div on your HTML code then change the username from data-username

<div class="github-timeline" data-username="write-here-username"></div>

2: Add the external script in your body

<script src="https://cdn.jsdelivr.net/gh/saracalihan/github-timeline/js/scripts.min.js"></script>

Now its ready to work :)

Try it

Example code and screenshot

<!DOCTYPE html>
<html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Github Timeline</title>
    <style>
        body {
        display: flex;
        flex-direction: column;
        background-color: rgb(46, 46, 46);
        }

        .examples{
        margin: auto;
        }

        .examples > div {
        margin: 10px;
        }

    </style>
    </head>

    <body>

    <div class="examples">

        <!-- Usage copy the div what has class "github-timeline" then  -->
        <div class="github-timeline" data-username="saracalihan"></div>
        <div class="github-timeline" data-username="yourUsername"></div>
        <div class="github-timeline" data-username="userNotFoundExample"></div>
    </div>


    <script src="https://cdn.jsdelivr.net/gh/saracalihan/github-timeline/js/scripts.min.js"></script>
    </body>

</html>

Example Code

Contributing

// TODO

License

GNU GENERAL PUBLIC LICENSE Version 3

Keywords

FAQs

What is embedded-github-timeline?

Is embedded-github-timeline popular?

Is embedded-github-timeline well maintained?

Last updated on 23 Aug 2021

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install