├── assets ├── favicon.ico ├── img │ ├── github.svg │ └── twitter.svg └── css │ └── style.css ├── LICENSE ├── main.js ├── index.html └── README.md /assets/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tuhinpal/Git-Site/HEAD/assets/favicon.ico -------------------------------------------------------------------------------- /assets/img/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Tuhin Kanti Pal 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /assets/img/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | //Replace With Your Own Github Username 2 | const Github_Username = "cachecleanerjeet"; 3 | 4 | //Replace With Your Own Email ID 5 | const Email_Id = "me@thetuhin.com"; 6 | 7 | var xhr = new XMLHttpRequest(); 8 | xhr.addEventListener("readystatechange", function() { 9 | if (this.readyState === 4) { 10 | var data = JSON.parse(this.responseText); 11 | document.title = data.name; 12 | document.getElementById("avatar").src = data.avatar_url; 13 | document.getElementById("name").innerHTML = data.name; 14 | document.getElementById("bio").innerHTML = data.bio; 15 | document.getElementById("github").href = data.html_url; 16 | if (data.twitter_username == "null") { 17 | document.getElementById("twitter").style.display = "none"; 18 | } else { 19 | document.getElementById("space").innerHTML = " "; 20 | document.getElementById("twitter").href = "https://twitter.com/" + data.twitter_username; 21 | } 22 | } 23 | }); 24 | 25 | xhr.open("GET", "https://api.github.com/users/" + Github_Username); 26 | xhr.send(); 27 | 28 | document.getElementById("email").innerHTML = Email_Id; 29 | 30 | function mailF() { 31 | window.open("mailto:" + Email_Id); 32 | } 33 | 34 | /*! 35 | * Made by Tuhin Kanti Pal 36 | * Visit https://tu.hin.life 37 | */ -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Git-Site 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 |

19 |

20 |
21 | 26 |
27 |

28 |
29 |

30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /assets/css/style.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Made by Tuhin Kanti Pal 3 | * Visit https://tu.hin.life 4 | */ 5 | 6 | body { 7 | -youbkit-touch-callout: none; 8 | -youbkit-user-select: none; 9 | -moz-user-select: none; 10 | -ms-user-select: none; 11 | user-select: none; 12 | background: #1C1C1C; 13 | } 14 | 15 | .content { 16 | margin-left: auto; 17 | margin-right: auto; 18 | margin-top: 75px; 19 | width: 340px; 20 | background: #E31C25; 21 | border-radius: 10px; 22 | padding-top: 30px; 23 | } 24 | 25 | .avatar { 26 | display: block; 27 | margin-left: auto; 28 | margin-right: auto; 29 | border-radius: 50%; 30 | } 31 | 32 | .name { 33 | color: #1C1C1C; 34 | font-family: Krona One; 35 | font-size: 25px; 36 | font-weight: bold; 37 | text-align: center; 38 | padding: 15px 20px 1px 20px; 39 | } 40 | 41 | .bio { 42 | color: #1C1C1C; 43 | font-family: Krona One; 44 | font-size: 15px; 45 | font-weight: bold; 46 | text-align: center; 47 | padding: 10px 20px; 48 | } 49 | 50 | .socialdiv { 51 | margin-left: auto; 52 | margin-right: auto; 53 | margin-top: 30px; 54 | width: 150px; 55 | height: 60px; 56 | background: #1C1C1C; 57 | border-radius: 25px; 58 | } 59 | 60 | .social { 61 | text-align: center; 62 | display: block; 63 | margin-left: auto; 64 | margin-right: auto; 65 | transform: translate(0px, 14px); 66 | } 67 | 68 | .email { 69 | color: #1C1C1C; 70 | font-family: Krona One; 71 | font-size: 7px; 72 | font-weight: bold; 73 | text-align: center; 74 | padding: 10px 20px 30px 20px; 75 | } 76 | 77 | .email:hover { 78 | color: #2c2828; 79 | } 80 | 81 | .socialbtn:hover { 82 | transform: translate(0px, -3px); 83 | animation-name: headsup; 84 | animation-duration: 0.3s; 85 | } 86 | 87 | @keyframes headsup { 88 | from { 89 | transform: translate(0px, 0px); 90 | } 91 | to { 92 | transform: translate(0px, -3px); 93 | } 94 | } 95 | 96 | 97 | /** 98 | * Made by Tuhin Kanti Pal 99 | * Visit https://tu.hin.life 100 | */ -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 |
3 | Git-Site 4 |

5 |

Create Your Beautiful Personal Website with Github's API and Host using Github Pages.

6 |

7 | Wordpress-for-Heroku 8 |

9 | 10 |
11 |
12 | 13 | 14 | ### Creating Your own Site:

15 | 1 . Fork this Repo.
16 | 2 . (Optional) Change your Repository name to yourusername.github.io in Settings.
17 | 3 . Edit main.js and add your Github Username & Email Address in Github_Username & Email_Id Section.
18 | 19 | ```javascript 20 | ##Example 21 | 22 | ###Previously 23 | var Github_Username = "cachecleanerjeet"; 24 | var Email_Id = "me@mailtuhin.ml"; 25 | 26 | ###After Enter Your Own 27 | var Github_Username = "example"; 28 | var Email_Id = "me@example.com"; 29 | 30 | ``` 31 | 4 . Goto Github Pages Section in Settings and Enable it.

32 | #### That's It !!!!

33 | 34 | **This is using Github's API, So whenever you change your Github Profile Pic / Bio etc. The same will updated on your website also, your valuable time will saved.**

35 | 36 | **This is my Website :**
37 | https://jeet-private.github.io/
38 | or,
39 | https://thetuhin.com/ 40 | 41 |
42 |
43 | 44 |

My Website & Social

45 |
46 |

47 | 48 | 49 | Website 50 | 51 | .. 52 | 53 | Facebook 54 | 55 | .. 56 | 57 | Instagram 58 | 59 | .. 60 | 61 | YouTube 62 | 63 | .. 64 | 65 | Blogger 66 | 67 | 68 |

69 | --------------------------------------------------------------------------------