├── .github
    ├── FUNDING.yml
    └── images
    │   ├── dark.png
    │   └── light.png
├── LICENSE
├── README.md
├── main.css
├── main.js
└── test.html


/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | patreon: dev_plug
2 | 


--------------------------------------------------------------------------------
/.github/images/dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DEV-PLUG/Github-On-Web/d87424dbbd7b48cccc099731faf4b2d609fd83b1/.github/images/dark.png


--------------------------------------------------------------------------------
/.github/images/light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DEV-PLUG/Github-On-Web/d87424dbbd7b48cccc099731faf4b2d609fd83b1/.github/images/light.png


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 JiHwan Choi
 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 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Github On Web - 깃헙 레포지토리를 웹에서 쉽게.
 2 | 
 3 | [![Patreon](https://img.shields.io/badge/Sponsor-Patreon-critical)](https://www.patreon.com/bePatron?u=64697816)
 4 | 
 5 | ## ❓ Github On Web이 무엇인가요?   
 6 | - **Github On Web**은 html에서 **<u>Id 설정만으로 깃헙 레포지토리를 표시할 수 있게</u>** 하기 위해 만들었습니다.  
 7 | - 제가 필요해 만들어 봤고, 코드도 굉장히 굉장히 적기 때문에 포트폴리오에 깃헙 레포지토리 표시할 때 사용하시기 좋습니다.
 8 | - 피드백이나 문제점은 이슈를 생성해 알려주세요!
 9 | 
10 | ## 🙋‍♀️ 구체적인 사용법을 알려주세요!   
11 | 1. 우선, Js 파일을 로드해주세요! 제이쿼리와 구글 아이콘을 사용합니다!
12 | 
13 | > 제이쿼리와 구글 아이콘을 로드하지 않은 경우 다음 코드 사용
14 | ```html
15 | <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
16 | <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
17 | <script src="https://dev-plug.github.io/Github-On-Web/main.js"></script>
18 | ```
19 | 
20 | > 제이쿼리와 구글 아이콘을 로드한 경우 다음 코드 사용
21 | ```html
22 | <script src="https://dev-plug.github.io/Github-On-Web/main.js"></script>
23 | ```
24 | 
25 | 2. html에서 요소를 생성하고, 다음과 같이 클래스와 아이디를 설정해주세요! 아이디에는 자신의 레포지토리를 삽입하세요!
26 | ```html
27 | <div class="github-repository" id="DEV-PLUG/Github-On-Web"></div>
28 | ```
29 | 3. 다크 모드를 적용하려면 클래스에 repository-style-dark를 추가하세요!
30 | ```html
31 | <div class="github-repository repository-style-dark" id="DEV-PLUG/Github-On-Web"></div>
32 | ```
33 | 
34 | ## 📥 사용결과
35 | > 기본
36 | <img src="https://github.com/DEV-PLUG/Github-On-Web/blob/main/.github/images/light.png?raw=true"/> 
37 | 
38 | > 다크 모드 적용
39 | <img src="https://github.com/DEV-PLUG/Github-On-Web/blob/main/.github/images/dark.png?raw=true"/>
40 | 
41 | 


--------------------------------------------------------------------------------
/main.css:
--------------------------------------------------------------------------------
  1 | .github-repository {
  2 |     width: 440px;
  3 |     height: 115px;
  4 | 
  5 |     border: 1px solid #CECECE;
  6 | 
  7 |     text-decoration: none;
  8 |     display: block;
  9 | 
 10 |     padding: 16px;
 11 |     box-sizing: border-box;
 12 |     border-radius: 7px;
 13 | 
 14 |     transition: .3s;
 15 |     transition-property: background-color;
 16 | 
 17 |     position: relative;
 18 | }
 19 | .github-repository:hover {
 20 |     background-color: #f5f5f5;
 21 | }
 22 | 
 23 | .repository-style-dark {
 24 |     background-color: #22272e;
 25 |     border: 1px solid #444c56;
 26 | }
 27 | .repository-style-dark:hover {
 28 |     background-color: #343b46;
 29 | }
 30 | 
 31 | .repository-name {
 32 |     font-size: 17px;
 33 |     font-weight: bold;
 34 |     color: #218bff;
 35 | 
 36 |     text-decoration: none;
 37 |     display: block;
 38 | 
 39 |     margin: 0 0 5px;
 40 | }
 41 | .repository-name:hover {
 42 |     text-decoration: underline;
 43 | }
 44 | .repository-des {
 45 |     font-size: 14px;
 46 |     color: #666666;
 47 | 
 48 |     margin: 0 0 15px;
 49 | }
 50 | .repository-style-dark .repository-des {
 51 |     color: #9c9c9c;
 52 | }
 53 | 
 54 | .repository-footer {
 55 |     display: flex;
 56 | 
 57 |     font-size: 14px;
 58 |     color: #666666;
 59 |     line-height: 14px;
 60 | }
 61 | .repository-style-dark .repository-footer {
 62 |     color: #9c9c9c;
 63 | }
 64 | .repository-footer-box {
 65 |     display: flex;
 66 | }
 67 | .repository-footer-box .material-icons {
 68 |     font-size: 18px !important;
 69 |     line-height: 14px !important;
 70 | }
 71 | .repository-language-color {
 72 |     width: 14px;
 73 |     height: 14px;
 74 |     border-radius: 14px;
 75 |     background-color: #ECECEC;
 76 | }
 77 | .repository-language-name {
 78 |     margin: 0 15px 0 5px;
 79 | }
 80 | .repository-starts-count {
 81 |     margin: 0 15px 0 5px;
 82 | }
 83 | 
 84 | .loading-box {
 85 |     position: relative;
 86 | 
 87 |     width: 20px;
 88 |     height: 20px;
 89 | 
 90 |     position: absolute;
 91 |     top: 50%;
 92 |     left: 50%;
 93 |     transform: translate(-50%,-50%);
 94 | 
 95 |     margin: 0 15px 0 0;
 96 | }
 97 | .loading-circle {
 98 |     animation-name:spinCircle;
 99 |     animation-duration:.7s;
100 |     animation-iteration-count:infinite;
101 |     animation-timing-function:linear;
102 | 
103 |     display: block;
104 |     position: absolute;
105 |     top: 50%;
106 |     left: 50%;
107 |     transform: translate(-50%,-50%);
108 | 
109 |     width: 20px; 
110 |     height: 20px;
111 |     border: 2px solid rgba(255, 255, 255, 0); 
112 |     border-top: 2px solid rgb(134, 134, 134); 
113 |     border-radius: 50em;
114 | }
115 | @keyframes spinCircle {
116 |     from {
117 |         transform:translate(-50%, -50%) rotate(0);
118 |     }
119 |     to {
120 |         transform:translate(-50%, -50%) rotate(360deg);
121 |     }
122 | }
123 | 
124 | @media all and (max-width: 1150px) {
125 |     .github-repository {
126 |         width: 95%;
127 |         margin: 0 auto;
128 |     }
129 | }


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
  1 | $(document).ready(function () {
  2 | 
  3 |     var cssId = 'GithubOnWeb'; // CSS 불러오기
  4 |     if (!document.getElementById(cssId)) {
  5 |         var head  = document.getElementsByTagName('head')[0];
  6 |         var link  = document.createElement('link');
  7 |         link.id   = cssId;
  8 |         link.rel  = 'stylesheet';
  9 |         link.type = 'text/css';
 10 |         link.href = 'https://dev-plug.github.io/Github-On-Web/main.css';
 11 |         link.media = 'all';
 12 |         head.appendChild(link);
 13 |     }
 14 | 
 15 |     function load_repository(property) {
 16 |         $.ajax({
 17 |             url: `https://api.github.com/repos/${$(property).attr('id')}`,
 18 |             method: "GET",
 19 |             success: function(result) {
 20 |                 $(property).empty();
 21 | 
 22 |                 if (result) {
 23 |                     let repository_name, repository_description, repository_language_color, repository_language_name, repository_stars_count;
 24 | 
 25 |                     // repo 이름 설정
 26 |                     if(result.owner.type == 'User') {
 27 |                         repository_name = result.full_name.split('/')[1];
 28 |                     } else {
 29 |                         repository_name = result.full_name;
 30 |                     }
 31 | 
 32 |                     // repo 설명 설정
 33 |                     function getByte(str) {
 34 |                         var byte = 0;
 35 |                         
 36 |                         for (var i=0; i<str.length; ++i) {
 37 |                             // 기본 한글 2바이트 처리
 38 |                             (str.charCodeAt(i) > 127) ? byte += 2 : byte++ ;
 39 |                         }
 40 |                         return byte;
 41 |                     }
 42 | 
 43 |                     if(getByte(result.description.length) > 28) {
 44 |                         repository_description = result.description.substr(0, 27) + '..';
 45 |                     } else {
 46 |                         repository_description = result.description;
 47 |                     }
 48 | 
 49 |                     // repo 언어 색 설정
 50 |                     if(result.language == 'JavaScript') repository_language_color = '#f1e05a';
 51 |                     else if(result.language == '1C Enterprise') repository_language_color = '#814CCC';
 52 |                     else if(result.language == '4D') repository_language_color = '#004289';
 53 |                     else if(result.language == 'ABAP') repository_language_color = '#E8274B';
 54 |                     else if(result.language == 'ABAP CDS') repository_language_color = '#555e25';
 55 |                     else if(result.language == 'ActionScript') repository_language_color = '#882B0F';
 56 |                     else if(result.language == 'Ada') repository_language_color = '#02f88c';
 57 |                     else if(result.language == 'Adobe Font Metrics') repository_language_color = '#fa0f00';
 58 |                     else if(result.language == 'Agda') repository_language_color = '#315665';
 59 |                     else if(result.language == 'AGS Script') repository_language_color = '#B9D9FF';
 60 |                     else if(result.language == 'AIDL') repository_language_color = '#34EB6B';
 61 |                     else if(result.language == 'AL') repository_language_color = '#3AA2B5';
 62 |                     else if(result.language == 'Alloy') repository_language_color = '#64C800';
 63 |                     else if(result.language == 'Alpine Abuild') repository_language_color = '#0D597F';
 64 |                     else if(result.language == 'Altium Designer') repository_language_color = '#A89663';
 65 |                     else if(result.language == 'AMPL') repository_language_color = '#E6EFBB';
 66 |                     else if(result.language == 'AngelScript') repository_language_color = '#C7D7DC';
 67 |                     else if(result.language == 'Ant Build System') repository_language_color = '#A9157E';
 68 |                     else if(result.language == 'ANTLR') repository_language_color = '#9DC3FF';
 69 |                     else if(result.language == 'ApacheConf') repository_language_color = '#d12127';
 70 |                     else if(result.language == 'Apex') repository_language_color = '#1797c0';
 71 |                     else if(result.language == 'API Blueprint') repository_language_color = '#2ACCA8';
 72 |                     else if(result.language == 'APL') repository_language_color = '#5A8164';
 73 |                     else if(result.language == 'Apollo Guidance Computer') repository_language_color = '#0B3D91';
 74 |                     else if(result.language == 'AppleScript') repository_language_color = '#101F1F';
 75 |                     else if(result.language == 'Arc') repository_language_color = '#aa2afe';
 76 |                     else if(result.language == 'AsciiDoc') repository_language_color = '#73a0c5';
 77 |                     else if(result.language == 'ASL') repository_language_color = '#cccccc';
 78 |                     else if(result.language == 'ASP.NET') repository_language_color = '#9400ff';
 79 |                     else if(result.language == 'AspectJ') repository_language_color = '#a957b0';
 80 |                     else if(result.language == 'Assembly') repository_language_color = '#6E4C13';
 81 |                     else if(result.language == 'Astro') repository_language_color = '#ff5a03';
 82 |                     else if(result.language == 'Asymptote') repository_language_color = '#ff0000';
 83 |                     else if(result.language == 'ATS') repository_language_color = '#1ac620';
 84 |                     else if(result.language == 'Augeas') repository_language_color = '#9CC134';
 85 |                     else if(result.language == 'AutoHotkey') repository_language_color = '#6594b9';
 86 |                     else if(result.language == 'AutoIt') repository_language_color = '#1C3552';
 87 |                     else if(result.language == 'Avro IDL') repository_language_color = '#0040FF';
 88 |                     else if(result.language == 'Awk') repository_language_color = '#c30e9b';
 89 |                     else if(result.language == 'Ballerina') repository_language_color = '#FF5000';
 90 |                     else if(result.language == 'BASIC') repository_language_color = '#ff0000';
 91 |                     else if(result.language == 'Batchfile') repository_language_color = '#C1F12E';
 92 |                     else if(result.language == 'Beef') repository_language_color = '#a52f4e';
 93 |                     else if(result.language == 'Befunge') repository_language_color = '#cccccc';
 94 |                     else if(result.language == 'BibTeX') repository_language_color = '#778899';
 95 |                     else if(result.language == 'Bicep') repository_language_color = '#519aba';
 96 |                     else if(result.language == 'Bison') repository_language_color = '#6A463F';
 97 |                     else if(result.language == 'BitBake') repository_language_color = '#00bce4';
 98 |                     else if(result.language == 'Blade') repository_language_color = '#f7523f';
 99 |                     else if(result.language == 'BlitzBasic') repository_language_color = '#00FFAE';
100 |                     else if(result.language == 'BlitzMax') repository_language_color = '#cd6400';
101 |                     else if(result.language == 'Bluespec') repository_language_color = '#12223c';
102 |                     else if(result.language == 'Boo') repository_language_color = '#d4bec1';
103 |                     else if(result.language == 'Boogie') repository_language_color = '#c80fa0';
104 |                     else if(result.language == 'Brainfuck') repository_language_color = '#2F2530';
105 |                     else if(result.language == 'Brightscript') repository_language_color = '#662D91';
106 |                     else if(result.language == 'Browserslist') repository_language_color = '#ffd539';
107 |                     else if(result.language == 'C') repository_language_color = '#555555';
108 |                     else if(result.language == 'C#') repository_language_color = '#178600';
109 |                     else if(result.language == 'C++') repository_language_color = '#f34b7d';
110 |                     else if(result.language == 'C2hs Haskell') repository_language_color = '#cccccc';
111 |                     else if(result.language == 'Cabal Config') repository_language_color = '#483465';
112 |                     else if(result.language == 'Cap\'n Proto') repository_language_color = '#c42727';
113 |                     else if(result.language == 'CartoCSS') repository_language_color = '#cccccc';
114 |                     else if(result.language == 'Ceylon') repository_language_color = '#dfa535';
115 |                     else if(result.language == 'Chapel') repository_language_color = '#8dc63f';
116 |                     else if(result.language == 'Charity') repository_language_color = '#cccccc';
117 |                     else if(result.language == 'ChucK') repository_language_color = '#3f8000';
118 |                     else if(result.language == 'Cirru') repository_language_color = '#ccccff';
119 |                     else if(result.language == 'Clarion') repository_language_color = '#db901e';
120 |                     else if(result.language == 'Classic ASP') repository_language_color = '#6a40fd';
121 |                     else if(result.language == 'Clean') repository_language_color = '#3F85AF';
122 |                     else if(result.language == 'Click') repository_language_color = '#E4E6F3';
123 |                     else if(result.language == 'CLIPS') repository_language_color = '#00A300';
124 |                     else if(result.language == 'Clojure') repository_language_color = '#db5855';
125 |                     else if(result.language == 'Closure Templates') repository_language_color = '#0d948f';
126 |                     else if(result.language == 'Cloud Firestore Security Rules') repository_language_color = '#FFA000';
127 |                     else if(result.language == 'CMake') repository_language_color = '#DA3434';
128 |                     else if(result.language == 'COBOL') repository_language_color = '#cccccc';
129 |                     else if(result.language == 'CodeQL') repository_language_color = '#140f46';
130 |                     else if(result.language == 'CoffeeScript') repository_language_color = '#244776';
131 |                     else if(result.language == 'ColdFusion') repository_language_color = '#ed2cd6';
132 |                     else if(result.language == 'ColdFusion CFC') repository_language_color = '#ed2cd6';
133 |                     else if(result.language == 'COLLADA') repository_language_color = '#F1A42B';
134 |                     else if(result.language == 'Common Lisp') repository_language_color = '#3fb68b';
135 |                     else if(result.language == 'Common Workflow Language') repository_language_color = '#B5314C';
136 |                     else if(result.language == 'Component Pascal') repository_language_color = '#B0CE4E';
137 |                     else if(result.language == 'Cool') repository_language_color = '#cccccc';
138 |                     else if(result.language == 'Coq') repository_language_color = '#d0b68c';
139 |                     else if(result.language == 'Crystal') repository_language_color = '#000100';
140 |                     else if(result.language == 'CSON') repository_language_color = '#244776';
141 |                     else if(result.language == 'Csound') repository_language_color = '#1a1a1a';
142 |                     else if(result.language == 'Csound Document') repository_language_color = '#1a1a1a';
143 |                     else if(result.language == 'Csound Score') repository_language_color = '#1a1a1a';
144 |                     else if(result.language == 'CSS') repository_language_color = '#563d7c';
145 |                     else if(result.language == 'CSV') repository_language_color = '#237346';
146 |                     else if(result.language == 'Cuda') repository_language_color = '#3A4E3A';
147 |                     else if(result.language == 'CUE') repository_language_color = '#5886E1';
148 |                     else if(result.language == 'CWeb') repository_language_color = '#00007a';
149 |                     else if(result.language == 'Cycript') repository_language_color = '#cccccc';
150 |                     else if(result.language == 'Cython') repository_language_color = '#fedf5b';
151 |                     else if(result.language == 'D') repository_language_color = '#ba595e';
152 |                     else if(result.language == 'Dafny') repository_language_color = '#FFEC25';
153 |                     else if(result.language == 'Darcs Patch') repository_language_color = '#8eff23';
154 |                     else if(result.language == 'Dart') repository_language_color = '#00B4AB';
155 |                     else if(result.language == 'DataWeave') repository_language_color = '#003a52';
156 |                     else if(result.language == 'Dhall') repository_language_color = '#dfafff';
157 |                     else if(result.language == 'DIGITAL Command Language') repository_language_color = '#cccccc';
158 |                     else if(result.language == 'DirectX 3D File') repository_language_color = '#aace60';
159 |                     else if(result.language == 'DM') repository_language_color = '#447265';
160 |                     else if(result.language == 'Dockerfile') repository_language_color = '#384d54';
161 |                     else if(result.language == 'Dogescript') repository_language_color = '#cca760';
162 |                     else if(result.language == 'DTrace') repository_language_color = '#cccccc';
163 |                     else if(result.language == 'Dylan') repository_language_color = '#6c616e';
164 |                     else if(result.language == 'E') repository_language_color = '#ccce35';
165 |                     else if(result.language == 'Earthly') repository_language_color = '#2af0ff';
166 |                     else if(result.language == 'Easybuild') repository_language_color = '#069406';
167 |                     else if(result.language == 'eC') repository_language_color = '#913960';
168 |                     else if(result.language == 'Ecere Projects') repository_language_color = '#913960';
169 |                     else if(result.language == 'ECL') repository_language_color = '#8a1267';
170 |                     else if(result.language == 'ECLiPSe') repository_language_color = '#001d9d';
171 |                     else if(result.language == 'EditorConfig') repository_language_color = '#fff1f2';
172 |                     else if(result.language == 'Eiffel') repository_language_color = '#4d6977';
173 |                     else if(result.language == 'EJS') repository_language_color = '#a91e50';
174 |                     else if(result.language == 'Elixir') repository_language_color = '#6e4a7e';
175 |                     else if(result.language == 'Elm') repository_language_color = '#60B5CC';
176 |                     else if(result.language == 'Emacs Lisp') repository_language_color = '#c065db';
177 |                     else if(result.language == 'EmberScript') repository_language_color = '#FFF4F3';
178 |                     else if(result.language == 'EQ') repository_language_color = '#a78649';
179 |                     else if(result.language == 'Erlang') repository_language_color = '#B83998';
180 |                     else if(result.language == 'F#') repository_language_color = '#b845fc';
181 |                     else if(result.language == 'F*') repository_language_color = '#572e30';
182 |                     else if(result.language == 'Factor') repository_language_color = '#636746';
183 |                     else if(result.language == 'Fancy') repository_language_color = '#7b9db4';
184 |                     else if(result.language == 'Fantom') repository_language_color = '#14253c';
185 |                     else if(result.language == 'Faust') repository_language_color = '#c37240';
186 |                     else if(result.language == 'Fennel') repository_language_color = '#fff3d7';
187 |                     else if(result.language == 'FIGlet Font') repository_language_color = '#FFDDBB';
188 |                     else if(result.language == 'Filebench WML') repository_language_color = '#F6B900';
189 |                     else if(result.language == 'Filterscript') repository_language_color = '#cccccc';
190 |                     else if(result.language == 'fish') repository_language_color = '#4aae47';
191 |                     else if(result.language == 'Fluent') repository_language_color = '#ffcc33';
192 |                     else if(result.language == 'FLUX') repository_language_color = '#88ccff';
193 |                     else if(result.language == 'Forth') repository_language_color = '#341708';
194 |                     else if(result.language == 'Fortran') repository_language_color = '#4d41b1';
195 |                     else if(result.language == 'Fortran Free Form') repository_language_color = '#4d41b1';
196 |                     else if(result.language == 'FreeBasic') repository_language_color = '#867db1';
197 |                     else if(result.language == 'FreeMarker') repository_language_color = '#0050b2';
198 |                     else if(result.language == 'Frege') repository_language_color = '#00cafe';
199 |                     else if(result.language == 'Futhark') repository_language_color = '#5f021f';
200 |                     else if(result.language == 'G-code') repository_language_color = '#D08CF2';
201 |                     else if(result.language == 'Game Maker Language') repository_language_color = '#71b417';
202 |                     else if(result.language == 'GAML') repository_language_color = '#FFC766';
203 |                     else if(result.language == 'GAMS') repository_language_color = '#f49a22';
204 |                     else if(result.language == 'GAP') repository_language_color = '#0000cc';
205 |                     else if(result.language == 'GCC Machine Description') repository_language_color = '#FFCFAB';
206 |                     else if(result.language == 'GDB') repository_language_color = '#cccccc';
207 |                     else if(result.language == 'GDScript') repository_language_color = '#355570';
208 |                     else if(result.language == 'GEDCOM') repository_language_color = '#003058';
209 |                     else if(result.language == 'Gemfile.lock') repository_language_color = '#701516';
210 |                     else if(result.language == 'Genie') repository_language_color = '#fb855d';
211 |                     else if(result.language == 'Genshi') repository_language_color = '#951531';
212 |                     else if(result.language == 'Gentoo Ebuild') repository_language_color = '#9400ff';
213 |                     else if(result.language == 'Gentoo Eclass') repository_language_color = '#9400ff';
214 |                     else if(result.language == 'Gerber Image') repository_language_color = '#d20b00';
215 |                     else if(result.language == 'Gherkin') repository_language_color = '#5B2063';
216 |                     else if(result.language == 'Git Attributes') repository_language_color = '#F44D27';
217 |                     else if(result.language == 'Git Config') repository_language_color = '#F44D27';
218 |                     else if(result.language == 'GLSL') repository_language_color = '#5686a5';
219 |                     else if(result.language == 'Glyph') repository_language_color = '#c1ac7f';
220 |                     else if(result.language == 'Gnuplot') repository_language_color = '#f0a9f0';
221 |                     else if(result.language == 'Go') repository_language_color = '#00ADD8';
222 |                     else if(result.language == 'Go Checksums') repository_language_color = '#00ADD8';
223 |                     else if(result.language == 'Go Module') repository_language_color = '#00ADD8';
224 |                     else if(result.language == 'Golo') repository_language_color = '#88562A';
225 |                     else if(result.language == 'Gosu') repository_language_color = '#82937f';
226 |                     else if(result.language == 'Grace') repository_language_color = '#615f8b';
227 |                     else if(result.language == 'Gradle') repository_language_color = '#02303a';
228 |                     else if(result.language == 'Grammatical Framework') repository_language_color = '#ff0000';
229 |                     else if(result.language == 'GraphQL') repository_language_color = '#e10098';
230 |                     else if(result.language == 'Graphviz (DOT)') repository_language_color = '#2596be';
231 |                     else if(result.language == 'Groovy') repository_language_color = '#4298b8';
232 |                     else if(result.language == 'Groovy Server Pages') repository_language_color = '#4298b8';
233 |                     else if(result.language == 'Hack') repository_language_color = '#878787';
234 |                     else if(result.language == 'Haml') repository_language_color = '#ece2a9';
235 |                     else if(result.language == 'Handlebars') repository_language_color = '#f7931e';
236 |                     else if(result.language == 'HAProxy') repository_language_color = '#106da9';
237 |                     else if(result.language == 'Harbour') repository_language_color = '#0e60e3';
238 |                     else if(result.language == 'Haskell') repository_language_color = '#5e5086';
239 |                     else if(result.language == 'Haxe') repository_language_color = '#df7900';
240 |                     else if(result.language == 'HCL') repository_language_color = '#cccccc';
241 |                     else if(result.language == 'HiveQL') repository_language_color = '#dce200';
242 |                     else if(result.language == 'HLSL') repository_language_color = '#aace60';
243 |                     else if(result.language == 'HolyC') repository_language_color = '#ffefaf';
244 |                     else if(result.language == 'HTML') repository_language_color = '#e34c26';
245 |                     else if(result.language == 'HTML+ECR') repository_language_color = '#2e1052';
246 |                     else if(result.language == 'HTML+EEX') repository_language_color = '#6e4a7e';
247 |                     else if(result.language == 'HTML+ERB') repository_language_color = '#701516';
248 |                     else if(result.language == 'HTML+PHP') repository_language_color = '#4f5d95';
249 |                     else if(result.language == 'HTML+Razor') repository_language_color = '#512be4';
250 |                     else if(result.language == 'HTTP') repository_language_color = '#005C9C';
251 |                     else if(result.language == 'HXML') repository_language_color = '#f68712';
252 |                     else if(result.language == 'Hy') repository_language_color = '#7790B2';
253 |                     else if(result.language == 'HyPhy') repository_language_color = '#cccccc';
254 |                     else if(result.language == 'IDL') repository_language_color = '#a3522f';
255 |                     else if(result.language == 'Idris') repository_language_color = '#b30000';
256 |                     else if(result.language == 'Ignore List') repository_language_color = '#000000';
257 |                     else if(result.language == 'IGOR Pro') repository_language_color = '#0000cc';
258 |                     else if(result.language == 'ImageJ Macro') repository_language_color = '#99AAFF';
259 |                     else if(result.language == 'Inform 7') repository_language_color = '#cccccc';
260 |                     else if(result.language == 'INI') repository_language_color = '#d1dbe0';
261 |                     else if(result.language == 'Inno Setup') repository_language_color = '#264b99';
262 |                     else if(result.language == 'Io') repository_language_color = '#a9188d';
263 |                     else if(result.language == 'Ioke') repository_language_color = '#078193';
264 |                     else if(result.language == 'Isabelle') repository_language_color = '#FEFE00';
265 |                     else if(result.language == 'Isabelle ROOT') repository_language_color = '#FEFE00';
266 |                     else if(result.language == 'J') repository_language_color = '#9EEDFF';
267 |                     else if(result.language == 'JAR Manifest') repository_language_color = '#b07219';
268 |                     else if(result.language == 'Jasmin') repository_language_color = '#d03600';
269 |                     else if(result.language == 'Java') repository_language_color = '#b07219';
270 |                     else if(result.language == 'Java Properties') repository_language_color = '#2A6277';
271 |                     else if(result.language == 'Java Server Pages') repository_language_color = '#2A6277';
272 |                     else if(result.language == 'JavaScript+ERB') repository_language_color = '#f1e05a';
273 |                     else if(result.language == 'Jest Snapshot') repository_language_color = '#15c213';
274 |                     else if(result.language == 'JFlex') repository_language_color = '#DBCA00';
275 |                     else if(result.language == 'Jinja') repository_language_color = '#a52a22';
276 |                     else if(result.language == 'Jison') repository_language_color = '#56b3cb';
277 |                     else if(result.language == 'Jison Lex') repository_language_color = '#56b3cb';
278 |                     else if(result.language == 'Jolie') repository_language_color = '#843179';
279 |                     else if(result.language == 'jq') repository_language_color = '#c7254e';
280 |                     else if(result.language == 'JSON') repository_language_color = '#292929';
281 |                     else if(result.language == 'JSON with Comments') repository_language_color = '#292929';
282 |                     else if(result.language == 'JSON5') repository_language_color = '#267CB9';
283 |                     else if(result.language == 'JSONiq') repository_language_color = '#40d47e';
284 |                     else if(result.language == 'JSONLD') repository_language_color = '#0c479c';
285 |                     else if(result.language == 'Jsonnet') repository_language_color = '#0064bd';
286 |                     else if(result.language == 'Julia') repository_language_color = '#a270ba';
287 |                     else if(result.language == 'Jupyter Notebook') repository_language_color = '#DA5B0B';
288 |                     else if(result.language == 'Kaitai Struct') repository_language_color = '#773b37';
289 |                     else if(result.language == 'KakouneScript') repository_language_color = '#6f8042';
290 |                     else if(result.language == 'KiCad Layout') repository_language_color = '#2f4aab';
291 |                     else if(result.language == 'KiCad Legacy Layout') repository_language_color = '#2f4aab';
292 |                     else if(result.language == 'KiCad Schematic') repository_language_color = '#2f4aab';
293 |                     else if(result.language == 'Kotlin') repository_language_color = '#A97BFF';
294 |                     else if(result.language == 'KRL') repository_language_color = '#28430A';
295 |                     else if(result.language == 'LabVIEW') repository_language_color = '#fede06';
296 |                     else if(result.language == 'Lark') repository_language_color = '#2980B9';
297 |                     else if(result.language == 'Lasso') repository_language_color = '#999999';
298 |                     else if(result.language == 'Latte') repository_language_color = '#f2a542';
299 |                     else if(result.language == 'Lean') repository_language_color = '#cccccc';
300 |                     else if(result.language == 'Less') repository_language_color = '#1d365d';
301 |                     else if(result.language == 'Lex') repository_language_color = '#DBCA00';
302 |                     else if(result.language == 'LFE') repository_language_color = '#4C3023';
303 |                     else if(result.language == 'LilyPond') repository_language_color = '#9ccc7c';
304 |                     else if(result.language == 'Limbo') repository_language_color = '#cccccc';
305 |                     else if(result.language == 'Liquid') repository_language_color = '#67b8de';
306 |                     else if(result.language == 'Literate Agda') repository_language_color = '#315665';
307 |                     else if(result.language == 'Literate CoffeeScript') repository_language_color = '#244776';
308 |                     else if(result.language == 'Literate Haskell') repository_language_color = '#5e5086';
309 |                     else if(result.language == 'LiveScript') repository_language_color = '#499886';
310 |                     else if(result.language == 'LLVM') repository_language_color = '#185619';
311 |                     else if(result.language == 'Logos') repository_language_color = '#cccccc';
312 |                     else if(result.language == 'Logtalk') repository_language_color = '#295b9a';
313 |                     else if(result.language == 'LOLCODE') repository_language_color = '#cc9900';
314 |                     else if(result.language == 'LookML') repository_language_color = '#652B81';
315 |                     else if(result.language == 'LoomScript') repository_language_color = '#cccccc';
316 |                     else if(result.language == 'LSL') repository_language_color = '#3d9970';
317 |                     else if(result.language == 'Lua') repository_language_color = '#000080';
318 |                     else if(result.language == 'M') repository_language_color = '#cccccc';
319 |                     else if(result.language == 'M4') repository_language_color = '#cccccc';
320 |                     else if(result.language == 'M4Sugar') repository_language_color = '#cccccc';
321 |                     else if(result.language == 'Macaulay2') repository_language_color = '#d8ffff';
322 |                     else if(result.language == 'Makefile') repository_language_color = '#427819';
323 |                     else if(result.language == 'Mako') repository_language_color = '#7e858d';
324 |                     else if(result.language == 'Markdown') repository_language_color = '#083fa1';
325 |                     else if(result.language == 'Marko') repository_language_color = '#42bff2';
326 |                     else if(result.language == 'Mask') repository_language_color = '#f97732';
327 |                     else if(result.language == 'Mathematica') repository_language_color = '#dd1100';
328 |                     else if(result.language == 'MATLAB') repository_language_color = '#e16737';
329 |                     else if(result.language == 'Max') repository_language_color = '#c4a79c';
330 |                     else if(result.language == 'MAXScript') repository_language_color = '#00a6a6';
331 |                     else if(result.language == 'mcfunction') repository_language_color = '#E22837';
332 |                     else if(result.language == 'Mercury') repository_language_color = '#ff2b2b';
333 |                     else if(result.language == 'Meson') repository_language_color = '#007800';
334 |                     else if(result.language == 'Metal') repository_language_color = '#8f14e9';
335 |                     else if(result.language == 'MiniD') repository_language_color = '#cccccc';
336 |                     else if(result.language == 'Mirah') repository_language_color = '#c7a938';
337 |                     else if(result.language == 'mIRC Script') repository_language_color = '#3d57c3';
338 |                     else if(result.language == 'MLIR') repository_language_color = '#5EC8DB';
339 |                     else if(result.language == 'Modelica') repository_language_color = '#de1d31';
340 |                     else if(result.language == 'Modula-2') repository_language_color = '#10253f';
341 |                     else if(result.language == 'Modula-3') repository_language_color = '#223388';
342 |                     else if(result.language == 'Module Management System') repository_language_color = '#cccccc';
343 |                     else if(result.language == 'Monkey') repository_language_color = '#cccccc';
344 |                     else if(result.language == 'Moocode') repository_language_color = '#cccccc';
345 |                     else if(result.language == 'MoonScript') repository_language_color = '#ff4585';
346 |                     else if(result.language == 'Motoko') repository_language_color = '#fbb03b';
347 |                     else if(result.language == 'Motorola 68K Assembly') repository_language_color = '#005daa';
348 |                     else if(result.language == 'MQL4') repository_language_color = '#62A8D6';
349 |                     else if(result.language == 'MQL5') repository_language_color = '#4A76B8';
350 |                     else if(result.language == 'MTML') repository_language_color = '#b7e1f4';
351 |                     else if(result.language == 'MUF') repository_language_color = '#cccccc';
352 |                     else if(result.language == 'mupad') repository_language_color = '#244963';
353 |                     else if(result.language == 'Mustache') repository_language_color = '#724b3b';
354 |                     else if(result.language == 'Myghty') repository_language_color = '#cccccc';
355 |                     else if(result.language == 'nanorc') repository_language_color = '#2d004d';
356 |                     else if(result.language == 'NASL') repository_language_color = '#cccccc';
357 |                     else if(result.language == 'NCL') repository_language_color = '#28431f';
358 |                     else if(result.language == 'Nearley') repository_language_color = '#990000';
359 |                     else if(result.language == 'Nemerle') repository_language_color = '#3d3c6e';
360 |                     else if(result.language == 'nesC') repository_language_color = '#94B0C7';
361 |                     else if(result.language == 'NetLinx') repository_language_color = '#0aa0ff';
362 |                     else if(result.language == 'NetLinx+ERB') repository_language_color = '#747faa';
363 |                     else if(result.language == 'NetLogo') repository_language_color = '#ff6375';
364 |                     else if(result.language == 'NewLisp') repository_language_color = '#87AED7';
365 |                     else if(result.language == 'Nextflow') repository_language_color = '#3ac486';
366 |                     else if(result.language == 'Nginx') repository_language_color = '#009639';
367 |                     else if(result.language == 'Nim') repository_language_color = '#ffc200';
368 |                     else if(result.language == 'Nit') repository_language_color = '#009917';
369 |                     else if(result.language == 'Nix') repository_language_color = '#7e7eff';
370 |                     else if(result.language == 'NPM Config') repository_language_color = '#cb3837';
371 |                     else if(result.language == 'NSIS') repository_language_color = '#cccccc';
372 |                     else if(result.language == 'Nu') repository_language_color = '#c9df40';
373 |                     else if(result.language == 'NumPy') repository_language_color = '#9C8AF9';
374 |                     else if(result.language == 'Nunjucks') repository_language_color = '#3d8137';
375 |                     else if(result.language == 'NWScript') repository_language_color = '#111522';
376 |                     else if(result.language == 'Objective-C') repository_language_color = '#438eff';
377 |                     else if(result.language == 'Objective-C++') repository_language_color = '#6866fb';
378 |                     else if(result.language == 'Objective-J') repository_language_color = '#ff0c5a';
379 |                     else if(result.language == 'ObjectScript') repository_language_color = '#424893';
380 |                     else if(result.language == 'OCaml') repository_language_color = '#3be133';
381 |                     else if(result.language == 'Odin') repository_language_color = '#60AFFE';
382 |                     else if(result.language == 'Omgrofl') repository_language_color = '#cabbff';
383 |                     else if(result.language == 'ooc') repository_language_color = '#b0b77e';
384 |                     else if(result.language == 'Opa') repository_language_color = '#cccccc';
385 |                     else if(result.language == 'Opal') repository_language_color = '#f7ede0';
386 |                     else if(result.language == 'Open Policy Agent') repository_language_color = '#7d9199';
387 |                     else if(result.language == 'OpenCL') repository_language_color = '#ed2e2d';
388 |                     else if(result.language == 'OpenEdge ABL') repository_language_color = '#5ce600';
389 |                     else if(result.language == 'OpenQASM') repository_language_color = '#AA70FF';
390 |                     else if(result.language == 'OpenRC runscript') repository_language_color = '#cccccc';
391 |                     else if(result.language == 'OpenSCAD') repository_language_color = '#e5cd45';
392 |                     else if(result.language == 'Org') repository_language_color = '#77aa99';
393 |                     else if(result.language == 'Ox') repository_language_color = '#cccccc';
394 |                     else if(result.language == 'Oxygene') repository_language_color = '#cdd0e3';
395 |                     else if(result.language == 'Oz') repository_language_color = '#fab738';
396 |                     else if(result.language == 'P4') repository_language_color = '#7055b5';
397 |                     else if(result.language == 'Pan') repository_language_color = '#cc0000';
398 |                     else if(result.language == 'Papyrus') repository_language_color = '#6600cc';
399 |                     else if(result.language == 'Parrot') repository_language_color = '#f3ca0a';
400 |                     else if(result.language == 'Parrot Assembly') repository_language_color = '#cccccc';
401 |                     else if(result.language == 'Parrot Internal Representation') repository_language_color = '#cccccc';
402 |                     else if(result.language == 'Pascal') repository_language_color = '#E3F171';
403 |                     else if(result.language == 'Pawn') repository_language_color = '#dbb284';
404 |                     else if(result.language == 'PEG.js') repository_language_color = '#234d6b';
405 |                     else if(result.language == 'Pep8') repository_language_color = '#C76F5B';
406 |                     else if(result.language == 'Perl') repository_language_color = '#0298c3';
407 |                     else if(result.language == 'PHP') repository_language_color = '#4F5D95';
408 |                     else if(result.language == 'PicoLisp') repository_language_color = '#6067af';
409 |                     else if(result.language == 'PigLatin') repository_language_color = '#fcd7de';
410 |                     else if(result.language == 'Pike') repository_language_color = '#005390';
411 |                     else if(result.language == 'PLpgSQL') repository_language_color = '#336790';
412 |                     else if(result.language == 'PLSQL') repository_language_color = '#dad8d8';
413 |                     else if(result.language == 'PogoScript') repository_language_color = '#d80074';
414 |                     else if(result.language == 'Pony') repository_language_color = '#cccccc';
415 |                     else if(result.language == 'PostCSS') repository_language_color = '#dc3a0c';
416 |                     else if(result.language == 'PostScript') repository_language_color = '#da291c';
417 |                     else if(result.language == 'POV-Ray SDL') repository_language_color = '#6bac65';
418 |                     else if(result.language == 'PowerBuilder') repository_language_color = '#8f0f8d';
419 |                     else if(result.language == 'PowerShell') repository_language_color = '#012456';
420 |                     else if(result.language == 'Prisma') repository_language_color = '#0c344b';
421 |                     else if(result.language == 'Processing') repository_language_color = '#0096D8';
422 |                     else if(result.language == 'Prolog') repository_language_color = '#74283c';
423 |                     else if(result.language == 'Promela') repository_language_color = '#de0000';
424 |                     else if(result.language == 'Propeller Spin') repository_language_color = '#7fa2a7';
425 |                     else if(result.language == 'Pug') repository_language_color = '#a86454';
426 |                     else if(result.language == 'Puppet') repository_language_color = '#302B6D';
427 |                     else if(result.language == 'PureBasic') repository_language_color = '#5a6986';
428 |                     else if(result.language == 'PureScript') repository_language_color = '#1D222D';
429 |                     else if(result.language == 'Python') repository_language_color = '#3572A5';
430 |                     else if(result.language == 'Python console') repository_language_color = '#3572A5';
431 |                     else if(result.language == 'Python traceback') repository_language_color = '#3572A5';
432 |                     else if(result.language == 'q') repository_language_color = '#0040cd';
433 |                     else if(result.language == 'Q#') repository_language_color = '#fed659';
434 |                     else if(result.language == 'QMake') repository_language_color = '#cccccc';
435 |                     else if(result.language == 'QML') repository_language_color = '#44a51c';
436 |                     else if(result.language == 'Qt Script') repository_language_color = '#00b841';
437 |                     else if(result.language == 'Quake') repository_language_color = '#882233';
438 |                     else if(result.language == 'R') repository_language_color = '#198CE7';
439 |                     else if(result.language == 'Racket') repository_language_color = '#3c5caa';
440 |                     else if(result.language == 'Ragel') repository_language_color = '#9d5200';
441 |                     else if(result.language == 'Raku') repository_language_color = '#0000fb';
442 |                     else if(result.language == 'RAML') repository_language_color = '#77d9fb';
443 |                     else if(result.language == 'Rascal') repository_language_color = '#fffaa0';
444 |                     else if(result.language == 'RDoc') repository_language_color = '#701516';
445 |                     else if(result.language == 'REALbasic') repository_language_color = '#cccccc';
446 |                     else if(result.language == 'Reason') repository_language_color = '#ff5847';
447 |                     else if(result.language == 'Rebol') repository_language_color = '#358a5b';
448 |                     else if(result.language == 'Record Jar') repository_language_color = '#0673ba';
449 |                     else if(result.language == 'Red') repository_language_color = '#f50000';
450 |                     else if(result.language == 'Redcode') repository_language_color = '#cccccc';
451 |                     else if(result.language == 'Regular Expression') repository_language_color = '#009a00';
452 |                     else if(result.language == 'Ren\'Py') repository_language_color = '#ff7f7f';
453 |                     else if(result.language == 'RenderScript') repository_language_color = '#cccccc';
454 |                     else if(result.language == 'ReScript') repository_language_color = '#ed5051';
455 |                     else if(result.language == 'reStructuredText') repository_language_color = '#141414';
456 |                     else if(result.language == 'REXX') repository_language_color = '#d90e09';
457 |                     else if(result.language == 'Ring') repository_language_color = '#2D54CB';
458 |                     else if(result.language == 'Riot') repository_language_color = '#A71E49';
459 |                     else if(result.language == 'RMarkdown') repository_language_color = '#198ce7';
460 |                     else if(result.language == 'RobotFramework') repository_language_color = '#00c0b5';
461 |                     else if(result.language == 'Roff') repository_language_color = '#ecdebe';
462 |                     else if(result.language == 'Roff Manpage') repository_language_color = '#ecdebe';
463 |                     else if(result.language == 'Rouge') repository_language_color = '#cc0088';
464 |                     else if(result.language == 'RPC') repository_language_color = '#cccccc';
465 |                     else if(result.language == 'Ruby') repository_language_color = '#701516';
466 |                     else if(result.language == 'RUNOFF') repository_language_color = '#665a4e';
467 |                     else if(result.language == 'Rust') repository_language_color = '#dea584';
468 |                     else if(result.language == 'Sage') repository_language_color = '#cccccc';
469 |                     else if(result.language == 'SaltStack') repository_language_color = '#646464';
470 |                     else if(result.language == 'SAS') repository_language_color = '#B34936';
471 |                     else if(result.language == 'Sass') repository_language_color = '#a53b70';
472 |                     else if(result.language == 'Scala') repository_language_color = '#c22d40';
473 |                     else if(result.language == 'Scaml') repository_language_color = '#bd181a';
474 |                     else if(result.language == 'Scheme') repository_language_color = '#1e4aec';
475 |                     else if(result.language == 'Scilab') repository_language_color = '#ca0f21';
476 |                     else if(result.language == 'SCSS') repository_language_color = '#c6538c';
477 |                     else if(result.language == 'sed') repository_language_color = '#64b970';
478 |                     else if(result.language == 'Self') repository_language_color = '#0579aa';
479 |                     else if(result.language == 'ShaderLab') repository_language_color = '#222c37';
480 |                     else if(result.language == 'Shell') repository_language_color = '#89e051';
481 |                     else if(result.language == 'ShellCheck Config') repository_language_color = '#cecfcb';
482 |                     else if(result.language == 'ShellSession') repository_language_color = '#cccccc';
483 |                     else if(result.language == 'Shen') repository_language_color = '#120F14';
484 |                     else if(result.language == 'Sieve') repository_language_color = '#cccccc';
485 |                     else if(result.language == 'Singularity') repository_language_color = '#64E6AD';
486 |                     else if(result.language == 'Slash') repository_language_color = '#007eff';
487 |                     else if(result.language == 'Slice') repository_language_color = '#003fa2';
488 |                     else if(result.language == 'Slim') repository_language_color = '#2b2b2b';
489 |                     else if(result.language == 'Smali') repository_language_color = '#cccccc';
490 |                     else if(result.language == 'Smalltalk') repository_language_color = '#596706';
491 |                     else if(result.language == 'Smarty') repository_language_color = '#f0c040';
492 |                     else if(result.language == 'SmPL') repository_language_color = '#c94949';
493 |                     else if(result.language == 'SMT') repository_language_color = '#cccccc';
494 |                     else if(result.language == 'Solidity') repository_language_color = '#AA6746';
495 |                     else if(result.language == 'SourcePawn') repository_language_color = '#f69e1d';
496 |                     else if(result.language == 'SPARQL') repository_language_color = '#0C4597';
497 |                     else if(result.language == 'SQF') repository_language_color = '#3F3F3F';
498 |                     else if(result.language == 'SQL') repository_language_color = '#e38c00';
499 |                     else if(result.language == 'SQLPL') repository_language_color = '#e38c00';
500 |                     else if(result.language == 'Squirrel') repository_language_color = '#800000';
501 |                     else if(result.language == 'SRecode Template') repository_language_color = '#348a34';
502 |                     else if(result.language == 'Stan') repository_language_color = '#b2011d';
503 |                     else if(result.language == 'Standard ML') repository_language_color = '#dc566d';
504 |                     else if(result.language == 'Starlark') repository_language_color = '#76d275';
505 |                     else if(result.language == 'Stata') repository_language_color = '#1a5f91';
506 |                     else if(result.language == 'StringTemplate') repository_language_color = '#3fb34f';
507 |                     else if(result.language == 'Stylus') repository_language_color = '#ff6347';
508 |                     else if(result.language == 'SubRip Text') repository_language_color = '#9e0101';
509 |                     else if(result.language == 'SugarSS') repository_language_color = '#2fcc9f';
510 |                     else if(result.language == 'SuperCollider') repository_language_color = '#46390b';
511 |                     else if(result.language == 'Svelte') repository_language_color = '#ff3e00';
512 |                     else if(result.language == 'SVG') repository_language_color = '#ff9900';
513 |                     else if(result.language == 'Swift') repository_language_color = '#F05138';
514 |                     else if(result.language == 'SWIG') repository_language_color = '#cccccc';
515 |                     else if(result.language == 'SystemVerilog') repository_language_color = '#DAE1C2';
516 |                     else if(result.language == 'Tcl') repository_language_color = '#e4cc98';
517 |                     else if(result.language == 'Tcsh') repository_language_color = '#cccccc';
518 |                     else if(result.language == 'Terra') repository_language_color = '#00004c';
519 |                     else if(result.language == 'TeX') repository_language_color = '#3D6117';
520 |                     else if(result.language == 'Textile') repository_language_color = '#ffe7ac';
521 |                     else if(result.language == 'TextMate Properties') repository_language_color = '#df66e4';
522 |                     else if(result.language == 'Thrift') repository_language_color = '#D12127';
523 |                     else if(result.language == 'TI Program') repository_language_color = '#A0AA87';
524 |                     else if(result.language == 'TLA') repository_language_color = '#4b0079';
525 |                     else if(result.language == 'TOML') repository_language_color = '#9c4221';
526 |                     else if(result.language == 'TSQL') repository_language_color = '#e38c00';
527 |                     else if(result.language == 'TSV') repository_language_color = '#237346';
528 |                     else if(result.language == 'TSX') repository_language_color = '#2b7489';
529 |                     else if(result.language == 'Turing') repository_language_color = '#cf142b';
530 |                     else if(result.language == 'Twig') repository_language_color = '#c1d026';
531 |                     else if(result.language == 'TXL') repository_language_color = '#0178b8';
532 |                     else if(result.language == 'TypeScript') repository_language_color = '#2b7489';
533 |                     else if(result.language == 'Unified Parallel C') repository_language_color = '#4e3617';
534 |                     else if(result.language == 'Unity3D Asset') repository_language_color = '#222c37';
535 |                     else if(result.language == 'Unix Assembly') repository_language_color = '#cccccc';
536 |                     else if(result.language == 'Uno') repository_language_color = '#9933cc';
537 |                     else if(result.language == 'UnrealScript') repository_language_color = '#a54c4d';
538 |                     else if(result.language == 'UrWeb') repository_language_color = '#ccccee';
539 |                     else if(result.language == 'V') repository_language_color = '#4f87c4';
540 |                     else if(result.language == 'Vala') repository_language_color = '#fbe5cd';
541 |                     else if(result.language == 'Valve Data Format') repository_language_color = '#f26025';
542 |                     else if(result.language == 'VBA') repository_language_color = '#867db1';
543 |                     else if(result.language == 'VBScript') repository_language_color = '#15dcdc';
544 |                     else if(result.language == 'VCL') repository_language_color = '#148AA8';
545 |                     else if(result.language == 'Verilog') repository_language_color = '#b2b7f8';
546 |                     else if(result.language == 'VHDL') repository_language_color = '#adb2cb';
547 |                     else if(result.language == 'Vim Help File') repository_language_color = '#199f4b';
548 |                     else if(result.language == 'Vim Script') repository_language_color = '#199f4b';
549 |                     else if(result.language == 'Vim Snippet') repository_language_color = '#199f4b';
550 |                     else if(result.language == 'Visual Basic .NET') repository_language_color = '#945db7';
551 |                     else if(result.language == 'Volt') repository_language_color = '#1F1F1F';
552 |                     else if(result.language == 'Vue') repository_language_color = '#41b883';
553 |                     else if(result.language == 'wdl') repository_language_color = '#42f1f4';
554 |                     else if(result.language == 'Web Ontology Language') repository_language_color = '#5b70bd';
555 |                     else if(result.language == 'WebAssembly') repository_language_color = '#04133b';
556 |                     else if(result.language == 'WebIDL') repository_language_color = '#cccccc';
557 |                     else if(result.language == 'Wikitext') repository_language_color = '#fc5757';
558 |                     else if(result.language == 'Windows Registry Entries') repository_language_color = '#52d5ff';
559 |                     else if(result.language == 'wisp') repository_language_color = '#7582D1';
560 |                     else if(result.language == 'Wollok') repository_language_color = '#a23738';
561 |                     else if(result.language == 'World of Warcraft Addon Data') repository_language_color = '#f7e43f';
562 |                     else if(result.language == 'X10') repository_language_color = '#4B6BEF';
563 |                     else if(result.language == 'xBase') repository_language_color = '#403a40';
564 |                     else if(result.language == 'XC') repository_language_color = '#99DA07';
565 |                     else if(result.language == 'XML') repository_language_color = '#0060ac';
566 |                     else if(result.language == 'XML Property List') repository_language_color = '#0060ac';
567 |                     else if(result.language == 'Xojo') repository_language_color = '#81bd41';
568 |                     else if(result.language == 'Xonsh') repository_language_color = '#285EEF';
569 |                     else if(result.language == 'XProc') repository_language_color = '#cccccc';
570 |                     else if(result.language == 'XQuery') repository_language_color = '#5232e7';
571 |                     else if(result.language == 'XS') repository_language_color = '#cccccc';
572 |                     else if(result.language == 'XSLT') repository_language_color = '#EB8CEB';
573 |                     else if(result.language == 'Xtend') repository_language_color = '#24255d';
574 |                     else if(result.language == 'Yacc') repository_language_color = '#4B6C4B';
575 |                     else if(result.language == 'YAML') repository_language_color = '#cb171e';
576 |                     else if(result.language == 'YARA') repository_language_color = '#220000';
577 |                     else if(result.language == 'YASnippet') repository_language_color = '#32AB90';
578 |                     else if(result.language == 'ZAP') repository_language_color = '#0d665e';
579 |                     else if(result.language == 'Zeek') repository_language_color = '#cccccc';
580 |                     else if(result.language == 'ZenScript') repository_language_color = '#00BCD1';
581 |                     else if(result.language == 'Zephir') repository_language_color = '#118f9e';
582 |                     else if(result.language == 'Zig') repository_language_color = '#ec915c';
583 |                     else if(result.language == 'ZIL') repository_language_color = '#dc75e5';
584 |                     else if(result.language == 'Zimpl') repository_language_color = '#d67711';
585 |                     else repository_language_color = '#ECECEC';
586 |                     
587 | 
588 |                     // repo 언어 이름 설정
589 |                     repository_language_name = result.language;
590 | 
591 |                     // repo 스타 개수 설정
592 |                     repository_stars_count = result.stargazers_count;
593 | 
594 |                     // repo 링크 설정
595 |                     repository_link = `https://github.com/${result.full_name}`;
596 | 
597 |                     $(property).append(`<a href="${repository_link}" target="_blank" class="repository-name">${repository_name}</a><div class="repository-des">${repository_description}</div><div class="repository-footer"><div class="repository-footer-box"><div class="repository-language-color" style="background-color: ${repository_language_color};"></div><div class="repository-language-name">${repository_language_name}</div></div><div class="repository-footer-box"><span class="material-icons">star_outline</span><div class="repository-starts-count">${repository_stars_count}</div></div></div>`);
598 |                 }
599 |             },
600 |             error: function(request, status, error) {
601 |                 $(property).empty();
602 | 
603 |                 if(request.status == 404) {
604 |                     $(property).append(`<a href="https://github.com/${$(property).attr('id')}" target="_blank" class="repository-name">표시 할 수 없는 레포지토리.</a><div class="repository-des">비공개 또는 존재하지 않는 레포지토리입니다.</div>`);
605 |                 }
606 |                 else if(request.status == 403) {
607 |                     $(property).append(`<a href="https://github.com/${$(property).attr('id')}" target="_blank" class="repository-name">너무 많은 요청.</a><div class="repository-des">너무 많이 요청하신 것 같습니다.</div>`);
608 |                 }
609 |                 else if(request.status == 301) {
610 |                     $(property).append(`<a href="https://github.com/${$(property).attr('id')}" target="_blank" class="repository-name">이동됨.</a><div class="repository-des">영구적으로 이동된 레포지토리입니다.</div>`);
611 |                 }
612 |                 else {
613 |                     $(property).append(`<a href="https://github.com/${$(property).attr('id')}" target="_blank" class="repository-name">알 수 없는 오류.</a><div class="repository-des">알 수 없는 오류가 발생했습니다.</div>`);
614 |                 }
615 |             }
616 |         });
617 |     }
618 | 
619 |     for(var i = 0; i < document.querySelectorAll('.github-repository').length; i++) {
620 |         $(document.querySelectorAll('.github-repository')[i]).empty();
621 |         $(document.querySelectorAll('.github-repository')[i]).append('<div class="loading-box"><div class="loading-circle"></div></div>');
622 |         
623 |         load_repository(document.querySelectorAll('.github-repository')[i]);
624 |     }
625 | });
626 | 


--------------------------------------------------------------------------------
/test.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="ko">
 3 | <head>
 4 |     <meta charset="UTF-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
 8 |     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 9 |     <script src="https://dev-plug.github.io/Github-On-Web/main.js"></script>
10 |     <title>Github on Web</title>
11 | </head>
12 | <body>
13 |     <div class="github-repository" id="DEV-PLUG/Shock"></div>
14 |     <br>
15 |     <div class="github-repository repository-style-dark" id="DEV-PLUG/Shock"></div>
16 | </body>
17 | </html>


--------------------------------------------------------------------------------