From 09390be4205e19524a30855da50c1b0d2b9e690e Mon Sep 17 00:00:00 2001
From: "MD. Ariful Alam" <swazan.arif@gmail.com>
Date: Mon, 23 Aug 2021 21:33:35 +0600
Subject: [PATCH] Display projects

---
 src/App.js                    |  186 ++---
 src/components/Education.js   |    4 +-
 src/components/Experience.js  |    4 +-
 src/components/Project.js     |   92 ++-
 src/config.js                 |    4 +-
 src/helpers/colors.json       | 1434 +++++++++++++++++++++++++++++++++
 src/helpers/utils.js          |   11 +-
 src/store/slices/repoSlice.js |    2 +-
 8 files changed, 1619 insertions(+), 118 deletions(-)
 create mode 100644 src/helpers/colors.json

diff --git a/src/App.js b/src/App.js
index 887ce35..56c6e96 100644
--- a/src/App.js
+++ b/src/App.js
@@ -35,130 +35,130 @@ function App() {
 
     const loadData = () => {
         axios.get(`https://api.github.com/users/${config.githubUsername}`)
-        .then(response => {
-            let data = response.data;
+            .then(response => {
+                let data = response.data;
 
-            let profileData = {
-                avatar: data.avatar_url,
-                name: data.name,
-                bio: data.bio,
-                location: data.location,
-                company: data.company,
-                twitter: data.twitter_username,
-            }
+                let profileData = {
+                    avatar: data.avatar_url,
+                    name: data.name,
+                    bio: data.bio,
+                    location: data.location,
+                    company: data.company,
+                    twitter: data.twitter_username,
+                }
 
-            dispatch(setProfile(profileData));
-        })
-        .then(() => {
-            loadRepo();
-        })
-        .catch((error) => {
-            console.error('Error:', error);
-            
-            try {
-                setRateLimit({
-                    remaining: error.response.headers['x-ratelimit-remaining'],
-                    reset: moment(new Date(error.response.headers['x-ratelimit-reset'] * 1000)).fromNow(),
-                });
+                dispatch(setProfile(profileData));
+            })
+            .then(() => {
+                loadRepo();
+            })
+            .catch((error) => {
+                console.error('Error:', error);
 
-                if (error.response.status === 403) {
-                    setError(403);
-                } else if (error.response.status === 404) {
-                    setError(404);
-                } else {
+                try {
+                    setRateLimit({
+                        remaining: error.response.headers['x-ratelimit-remaining'],
+                        reset: moment(new Date(error.response.headers['x-ratelimit-reset'] * 1000)).fromNow(),
+                    });
+
+                    if (error.response.status === 403) {
+                        setError(403);
+                    } else if (error.response.status === 404) {
+                        setError(404);
+                    } else {
+                        setError(500);
+                    }
+                } catch (error2) {
                     setError(500);
                 }
-            } catch (error2) {
-                setError(500);
-            }
-        })
-        .finally(() => {
-            dispatch(setLoading(false));
-        });
+            })
+            .finally(() => {
+                dispatch(setLoading(false));
+            });
     }
 
     const loadRepo = () => {
         axios.get(`https://api.github.com/search/repositories?q=user:${config.githubUsername}+&s=stars&type=Repositories`)
-        .then(response => {
-            let data = response.data;
+            .then(response => {
+                let data = response.data;
 
-            dispatch(setRepo(data.items));
-        })
-        .catch((error) => {
-            console.error('Error:', error);
-            
-            try {
-                setRateLimit({
-                    remaining: error.response.headers['x-ratelimit-remaining'],
-                    reset: moment(new Date(error.response.headers['x-ratelimit-reset'] * 1000)).fromNow(),
-                });
+                dispatch(setRepo(data.items));
+            })
+            .catch((error) => {
+                console.error('Error:', error);
 
-                
-            } catch (error2) {
-                console.error('Error:', error2);
-            }
-        });
+                try {
+                    setRateLimit({
+                        remaining: error.response.headers['x-ratelimit-remaining'],
+                        reset: moment(new Date(error.response.headers['x-ratelimit-reset'] * 1000)).fromNow(),
+                    });
+
+
+                } catch (error2) {
+                    console.error('Error:', error2);
+                }
+            });
     }
 
     return (
         <Fragment>
             <div className="fade-in h-screen">
-                
-                    {
-                        error ? (
-                            <ErrorPage
-                                status={`${error}`}
-                                title={(error === 404) ? 'The Github Username is Incorrect' : (
-                                    error === 403 ? 'Too Many Request.' : `${error}`
-                                )}
-                                subTitle={
-                                    (error === 404) ? (
+
+                {
+                    error ? (
+                        <ErrorPage
+                            status={`${error}`}
+                            title={(error === 404) ? 'The Github Username is Incorrect' : (
+                                error === 403 ? 'Too Many Request.' : `${error}`
+                            )}
+                            subTitle={
+                                (error === 404) ? (
+                                    <p>
+                                        Please provide correct github username in <code>src\config.js</code>
+                                    </p>
+                                ) : (
+                                    error === 403 ? (
                                         <p>
-                                            Please provide correct github username in <code>src\config.js</code>
+                                            Oh no, you hit the{' '}
+                                            <a
+                                                href="https://developer.github.com/v3/rate_limit/"
+                                                target="_blank"
+                                                rel="noopener noreferrer"
+                                            >
+                                                rate limit
+                                            </a>
+                                            ! Try again later{rateLimit && ` ${rateLimit.reset}`}.
                                         </p>
-                                    ) : (
-                                        error === 403 ? (
-                                            <p>
-                                                Oh no, you hit the{' '}
-                                                <a
-                                                    href="https://developer.github.com/v3/rate_limit/"
-                                                    target="_blank"
-                                                    rel="noopener noreferrer"
-                                                >
-                                                    rate limit
-                                                </a>
-                                                ! Try again later{rateLimit && ` ${rateLimit.reset}`}.
-                                            </p>
-                                        ) : `Something went wrong`
-                                    )
-                                }
-                            />
-                        ) : (
-                            <div className="p-4 lg:p-10 min-h-full bg-base-200">
-                            <div className="grid grid-cols-1 gap-6 lg:grid-cols-3 lg:bg-base-200 rounded-box">
+                                    ) : `Something went wrong`
+                                )
+                            }
+                        />
+                    ) : (
+                        <div className="p-4 lg:p-10 min-h-full bg-base-200">
+                            <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 rounded-box">
                                 <div className="col-span-1">
                                     <div className="grid grid-cols-1 gap-6">
                                         {
                                             !config.themeConfig.disableSwitch && (
-                                                <ThemeChanger/>
+                                                <ThemeChanger />
                                             )
                                         }
-                                        <AvatarCard/>
-                                        <Details/>
-                                        <Skill/>
-                                        <Experience/>
-                                        <Education/>
+                                        <AvatarCard />
+                                        <Details />
+                                        <Skill />
+                                        <Experience />
+                                        <Education />
                                     </div>
                                 </div>
-                                <div className="col-span-2">
+                                <div className="lg:col-span-2 col-span-1">
                                     <div className="grid grid-cols-1 gap-6">
-                                        <Project/>
+                                        <Project />
                                     </div>
                                 </div>
                             </div>
                         </div>
-                        )
-                    }
+                    )
+                }
             </div>
         </Fragment>
     );
diff --git a/src/components/Education.js b/src/components/Education.js
index b3ccbff..b8b104c 100644
--- a/src/components/Education.js
+++ b/src/components/Education.js
@@ -16,7 +16,7 @@ const Education = () => {
                             <div className="font-medium">
                                 {skeleton({ width: 'w-48', height: 'h-4', className: "mb-2" })}
                             </div>
-                            <div className="opacity-80">
+                            <div className="opacity-90">
                                 {skeleton({ width: 'w-32', height: 'h-4', className: "mb-2" })}
                             </div>
                         </div>
@@ -54,7 +54,7 @@ const Education = () => {
                                                         <div className="font-medium">
                                                             {item.institution}
                                                         </div>
-                                                        <div className="opacity-80">
+                                                        <div className="opacity-90">
                                                             {item.from} - {item.to}
                                                         </div>
                                                     </div>
diff --git a/src/components/Experience.js b/src/components/Experience.js
index 0f7dcf3..c62eec5 100644
--- a/src/components/Experience.js
+++ b/src/components/Experience.js
@@ -16,7 +16,7 @@ const Experience = () => {
                             <div className="font-medium">
                                 {skeleton({ width: 'w-48', height: 'h-4', className: "mb-2" })}
                             </div>
-                            <div className="opacity-80">
+                            <div className="opacity-90">
                                 {skeleton({ width: 'w-32', height: 'h-4', className: "mb-2" })}
                             </div>
                         </div>
@@ -54,7 +54,7 @@ const Experience = () => {
                                                         <div className="font-medium">
                                                             {experience.company}
                                                         </div>
-                                                        <div className="opacity-80">
+                                                        <div className="opacity-90">
                                                             {experience.from} - {experience.to}
                                                         </div>
                                                     </div>
diff --git a/src/components/Project.js b/src/components/Project.js
index 353a1cd..cacf301 100644
--- a/src/components/Project.js
+++ b/src/components/Project.js
@@ -1,7 +1,7 @@
 import { Fragment } from "react";
 import { useSelector } from "react-redux";
-import { skeleton } from "../helpers/utils";
-import { FiChevronsDown } from 'react-icons/fi';
+import { languageColor, skeleton } from "../helpers/utils";
+import { AiFillStar, AiOutlineFork } from 'react-icons/ai';
 
 const LIMIT = 8;
 
@@ -9,28 +9,86 @@ const Project = () => {
     const loading = useSelector(state => state.loading);
     const repo = useSelector(state => state.repo);
 
-    const renderProjects = () => {
-        if (loading) {
-
-        } else {
-            return repo.slice(0, LIMIT).map((project, index) => (
+    const renderSkeleton = () => {
+        let array = [];
+        for (let index = 0; index < LIMIT; index++) {
+            array.push((
                 <div className="card shadow-lg compact side bg-base-100" key={index}>
-                    <div className="flex justify-between flex-col p-8">
+                    <div className="flex justify-between flex-col p-8 h-full w-full">
                         <div>
-                            <div className="flex items-center">
-                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" className="inline-block w-5 h-5 mr-2 stroke-current"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path></svg>
-                            <span>{project.name}</span>
+                            <div className="flex items-center opacity-60">
+                                <span>
+                                    <h5 className="card-title">
+                                        {skeleton({width: 'w-32', height: 'h-8'})}
+                                    </h5>
+                                </span>
                             </div>
-                            <p className="mb-8">{project.description}</p>
+                            <span className="mb-5 mt-1 text-base-content text-opacity-40 text-sm">
+                                {skeleton({width: 'w-full', height: 'h-4', className: 'mb-2'})}
+                                {skeleton({width: 'w-full', height: 'h-4'})}
+                            </span>
                         </div>
-                        <div>
-                            Stats
+                        <div className="flex justify-between text-sm text-base-content text-opacity-40">
+                            <div className="flex flex-grow">
+                                <span className="mr-3 flex items-center">
+                                    {skeleton({width: 'w-12', height: 'h-4'})}
+                                </span>
+                                <span className="flex items-center">
+                                    {skeleton({width: 'w-12', height: 'h-4'})}
+                                </span>
+                            </div>
+                            <div>
+                                <span className="flex items-center">
+                                    {skeleton({width: 'w-12', height: 'h-4'})}
+                                </span>
+                            </div>
                         </div>
                     </div>
                 </div>
-            ));
+            ))
         }
-        
+
+        return array;
+    }
+
+    const renderProjects = () => {
+        return repo.slice(0, LIMIT).map((item, index) => (
+            <a href={item.html_url} target="_blank" rel="noreferrer" className="card shadow-lg compact side bg-base-100" key={index}>
+                <div className="flex justify-between flex-col p-8 h-full w-full">
+                    <div>
+                        <div className="flex items-center opacity-60">
+                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" className="inline-block w-5 h-5 mr-2 stroke-current"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path></svg>
+                            <span>
+                                <h5 className="card-title">
+                                    {item.name}
+                                </h5>
+                            </span>
+                        </div>
+                        <p className="mb-5 mt-1 text-base-content text-opacity-40 text-sm">
+                            {item.description}
+                        </p>
+                    </div>
+                    <div className="flex justify-between text-sm text-base-content text-opacity-40">
+                        <div className="flex flex-grow">
+                            <span className="mr-3 flex items-center">
+                                <AiFillStar/>
+                                <span>{item.stargazers_count}</span>
+                            </span>
+                            <span className="flex items-center">
+                                <AiOutlineFork/>
+                                <span>{item.forks_count}</span>
+                            </span>
+                        </div>
+                        <div>
+                            <span className="flex items-center">
+                                <div className="w-3 h-3 rounded-full mr-1 opacity-75" style={{backgroundColor: languageColor(item.language)}}/>
+                                <span>{item.language}</span>
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </a>
+        ));
     }
 
     return (
@@ -61,7 +119,7 @@ const Project = () => {
                     </div> */}
                     <div className="col-span-2">
                         <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-                            {renderProjects()}
+                            {(loading || !repo) ? renderSkeleton() : renderProjects()}
                         </div>
                     </div>
                 </div>
diff --git a/src/config.js b/src/config.js
index 1adcb4f..6d8089f 100644
--- a/src/config.js
+++ b/src/config.js
@@ -1,5 +1,5 @@
 module.exports = {
-    githubUsername: 'arifszn', // required
+    githubUsername: 'tailwindlabs', // required
     email: 'contact@arifszn.com', // optional
     linkedinUsername: 'ariful-alam', // optional
     dribbbleUsername: '', // optional
@@ -58,7 +58,7 @@ module.exports = {
         disableSwitch: false,
 
         // Should we use the prefers-color-scheme media-query,
-        // using user system preferences, instead of the hardcoded defaultMode
+        // using user system preferences, instead of the hardcoded default
         respectPrefersColorScheme: true,
 
         // Available themes
diff --git a/src/helpers/colors.json b/src/helpers/colors.json
new file mode 100644
index 0000000..ae06f7c
--- /dev/null
+++ b/src/helpers/colors.json
@@ -0,0 +1,1434 @@
+{
+    "1C Enterprise": {
+        "color": "#814CCC",
+        "url": "https://github.com/trending?l=1C-Enterprise"
+    },
+    "ABAP": {
+        "color": "#E8274B",
+        "url": "https://github.com/trending?l=ABAP"
+    },
+    "ActionScript": {
+        "color": "#882B0F",
+        "url": "https://github.com/trending?l=ActionScript"
+    },
+    "Ada": {
+        "color": "#02f88c",
+        "url": "https://github.com/trending?l=Ada"
+    },
+    "Agda": {
+        "color": "#315665",
+        "url": "https://github.com/trending?l=Agda"
+    },
+    "AGS Script": {
+        "color": "#B9D9FF",
+        "url": "https://github.com/trending?l=AGS-Script"
+    },
+    "Alloy": {
+        "color": "#64C800",
+        "url": "https://github.com/trending?l=Alloy"
+    },
+    "Alpine Abuild": {
+        "color": null,
+        "url": "https://github.com/trending?l=Alpine-Abuild"
+    },
+    "AMPL": {
+        "color": "#E6EFBB",
+        "url": "https://github.com/trending?l=AMPL"
+    },
+    "AngelScript": {
+        "color": "#C7D7DC",
+        "url": "https://github.com/trending?l=AngelScript"
+    },
+    "ANTLR": {
+        "color": "#9DC3FF",
+        "url": "https://github.com/trending?l=ANTLR"
+    },
+    "Apex": {
+        "color": null,
+        "url": "https://github.com/trending?l=Apex"
+    },
+    "API Blueprint": {
+        "color": "#2ACCA8",
+        "url": "https://github.com/trending?l=API-Blueprint"
+    },
+    "APL": {
+        "color": "#5A8164",
+        "url": "https://github.com/trending?l=APL"
+    },
+    "Apollo Guidance Computer": {
+        "color": null,
+        "url": "https://github.com/trending?l=Apollo-Guidance-Computer"
+    },
+    "AppleScript": {
+        "color": "#101F1F",
+        "url": "https://github.com/trending?l=AppleScript"
+    },
+    "Arc": {
+        "color": "#aa2afe",
+        "url": "https://github.com/trending?l=Arc"
+    },
+    "ASP": {
+        "color": "#6a40fd",
+        "url": "https://github.com/trending?l=ASP"
+    },
+    "AspectJ": {
+        "color": "#a957b0",
+        "url": "https://github.com/trending?l=AspectJ"
+    },
+    "Assembly": {
+        "color": "#6E4C13",
+        "url": "https://github.com/trending?l=Assembly"
+    },
+    "ATS": {
+        "color": "#1ac620",
+        "url": "https://github.com/trending?l=ATS"
+    },
+    "Augeas": {
+        "color": null,
+        "url": "https://github.com/trending?l=Augeas"
+    },
+    "AutoHotkey": {
+        "color": "#6594b9",
+        "url": "https://github.com/trending?l=AutoHotkey"
+    },
+    "AutoIt": {
+        "color": "#1C3552",
+        "url": "https://github.com/trending?l=AutoIt"
+    },
+    "Awk": {
+        "color": null,
+        "url": "https://github.com/trending?l=Awk"
+    },
+    "Ballerina": {
+        "color": "#FF5000",
+        "url": "https://github.com/trending?l=Ballerina"
+    },
+    "Batchfile": {
+        "color": "#C1F12E",
+        "url": "https://github.com/trending?l=Batchfile"
+    },
+    "Befunge": {
+        "color": null,
+        "url": "https://github.com/trending?l=Befunge"
+    },
+    "Bison": {
+        "color": null,
+        "url": "https://github.com/trending?l=Bison"
+    },
+    "BitBake": {
+        "color": null,
+        "url": "https://github.com/trending?l=BitBake"
+    },
+    "BlitzBasic": {
+        "color": null,
+        "url": "https://github.com/trending?l=BlitzBasic"
+    },
+    "BlitzMax": {
+        "color": "#cd6400",
+        "url": "https://github.com/trending?l=BlitzMax"
+    },
+    "Bluespec": {
+        "color": null,
+        "url": "https://github.com/trending?l=Bluespec"
+    },
+    "Boo": {
+        "color": "#d4bec1",
+        "url": "https://github.com/trending?l=Boo"
+    },
+    "Brainfuck": {
+        "color": "#2F2530",
+        "url": "https://github.com/trending?l=Brainfuck"
+    },
+    "Brightscript": {
+        "color": null,
+        "url": "https://github.com/trending?l=Brightscript"
+    },
+    "Bro": {
+        "color": null,
+        "url": "https://github.com/trending?l=Bro"
+    },
+    "C": {
+        "color": "#555555",
+        "url": "https://github.com/trending?l=C"
+    },
+    "C#": {
+        "color": "#178600",
+        "url": "https://github.com/trending?l=Csharp"
+    },
+    "C++": {
+        "color": "#f34b7d",
+        "url": "https://github.com/trending?l=C++"
+    },
+    "C2hs Haskell": {
+        "color": null,
+        "url": "https://github.com/trending?l=C2hs-Haskell"
+    },
+    "Cap'n Proto": {
+        "color": null,
+        "url": "https://github.com/trending?l=Cap'n-Proto"
+    },
+    "CartoCSS": {
+        "color": null,
+        "url": "https://github.com/trending?l=CartoCSS"
+    },
+    "Ceylon": {
+        "color": "#dfa535",
+        "url": "https://github.com/trending?l=Ceylon"
+    },
+    "Chapel": {
+        "color": "#8dc63f",
+        "url": "https://github.com/trending?l=Chapel"
+    },
+    "Charity": {
+        "color": null,
+        "url": "https://github.com/trending?l=Charity"
+    },
+    "ChucK": {
+        "color": null,
+        "url": "https://github.com/trending?l=ChucK"
+    },
+    "Cirru": {
+        "color": "#ccccff",
+        "url": "https://github.com/trending?l=Cirru"
+    },
+    "Clarion": {
+        "color": "#db901e",
+        "url": "https://github.com/trending?l=Clarion"
+    },
+    "Clean": {
+        "color": "#3F85AF",
+        "url": "https://github.com/trending?l=Clean"
+    },
+    "Click": {
+        "color": "#E4E6F3",
+        "url": "https://github.com/trending?l=Click"
+    },
+    "CLIPS": {
+        "color": null,
+        "url": "https://github.com/trending?l=CLIPS"
+    },
+    "Clojure": {
+        "color": "#db5855",
+        "url": "https://github.com/trending?l=Clojure"
+    },
+    "CMake": {
+        "color": null,
+        "url": "https://github.com/trending?l=CMake"
+    },
+    "COBOL": {
+        "color": null,
+        "url": "https://github.com/trending?l=COBOL"
+    },
+    "CoffeeScript": {
+        "color": "#244776",
+        "url": "https://github.com/trending?l=CoffeeScript"
+    },
+    "ColdFusion": {
+        "color": "#ed2cd6",
+        "url": "https://github.com/trending?l=ColdFusion"
+    },
+    "ColdFusion CFC": {
+        "color": null,
+        "url": "https://github.com/trending?l=ColdFusion-CFC"
+    },
+    "Common Lisp": {
+        "color": "#3fb68b",
+        "url": "https://github.com/trending?l=Common-Lisp"
+    },
+    "Common Workflow Language": {
+        "color": "#B5314C",
+        "url": "https://github.com/trending?l=Common-Workflow-Language"
+    },
+    "Component Pascal": {
+        "color": "#B0CE4E",
+        "url": "https://github.com/trending?l=Component-Pascal"
+    },
+    "Cool": {
+        "color": null,
+        "url": "https://github.com/trending?l=Cool"
+    },
+    "Coq": {
+        "color": null,
+        "url": "https://github.com/trending?l=Coq"
+    },
+    "Crystal": {
+        "color": "#000100",
+        "url": "https://github.com/trending?l=Crystal"
+    },
+    "Csound": {
+        "color": null,
+        "url": "https://github.com/trending?l=Csound"
+    },
+    "Csound Document": {
+        "color": null,
+        "url": "https://github.com/trending?l=Csound-Document"
+    },
+    "Csound Score": {
+        "color": null,
+        "url": "https://github.com/trending?l=Csound-Score"
+    },
+    "CSS": {
+        "color": "#563d7c",
+        "url": "https://github.com/trending?l=CSS"
+    },
+    "Cuda": {
+        "color": "#3A4E3A",
+        "url": "https://github.com/trending?l=Cuda"
+    },
+    "CWeb": {
+        "color": null,
+        "url": "https://github.com/trending?l=CWeb"
+    },
+    "Cycript": {
+        "color": null,
+        "url": "https://github.com/trending?l=Cycript"
+    },
+    "Cython": {
+        "color": null,
+        "url": "https://github.com/trending?l=Cython"
+    },
+    "D": {
+        "color": "#ba595e",
+        "url": "https://github.com/trending?l=D"
+    },
+    "Dart": {
+        "color": "#00B4AB",
+        "url": "https://github.com/trending?l=Dart"
+    },
+    "DataWeave": {
+        "color": "#003a52",
+        "url": "https://github.com/trending?l=DataWeave"
+    },
+    "DIGITAL Command Language": {
+        "color": null,
+        "url": "https://github.com/trending?l=DIGITAL-Command-Language"
+    },
+    "DM": {
+        "color": "#447265",
+        "url": "https://github.com/trending?l=DM"
+    },
+    "Dockerfile": {
+        "color": "#384d54",
+        "url": "https://github.com/trending?l=Dockerfile"
+    },
+    "Dogescript": {
+        "color": "#cca760",
+        "url": "https://github.com/trending?l=Dogescript"
+    },
+    "DTrace": {
+        "color": null,
+        "url": "https://github.com/trending?l=DTrace"
+    },
+    "Dylan": {
+        "color": "#6c616e",
+        "url": "https://github.com/trending?l=Dylan"
+    },
+    "E": {
+        "color": "#ccce35",
+        "url": "https://github.com/trending?l=E"
+    },
+    "eC": {
+        "color": "#913960",
+        "url": "https://github.com/trending?l=eC"
+    },
+    "ECL": {
+        "color": "#8a1267",
+        "url": "https://github.com/trending?l=ECL"
+    },
+    "ECLiPSe": {
+        "color": null,
+        "url": "https://github.com/trending?l=ECLiPSe"
+    },
+    "Eiffel": {
+        "color": "#946d57",
+        "url": "https://github.com/trending?l=Eiffel"
+    },
+    "Elixir": {
+        "color": "#6e4a7e",
+        "url": "https://github.com/trending?l=Elixir"
+    },
+    "Elm": {
+        "color": "#60B5CC",
+        "url": "https://github.com/trending?l=Elm"
+    },
+    "Emacs Lisp": {
+        "color": "#c065db",
+        "url": "https://github.com/trending?l=Emacs-Lisp"
+    },
+    "EmberScript": {
+        "color": "#FFF4F3",
+        "url": "https://github.com/trending?l=EmberScript"
+    },
+    "EQ": {
+        "color": "#a78649",
+        "url": "https://github.com/trending?l=EQ"
+    },
+    "Erlang": {
+        "color": "#B83998",
+        "url": "https://github.com/trending?l=Erlang"
+    },
+    "F#": {
+        "color": "#b845fc",
+        "url": "https://github.com/trending?l=Fsharp"
+    },
+    "Factor": {
+        "color": "#636746",
+        "url": "https://github.com/trending?l=Factor"
+    },
+    "Fancy": {
+        "color": "#7b9db4",
+        "url": "https://github.com/trending?l=Fancy"
+    },
+    "Fantom": {
+        "color": "#14253c",
+        "url": "https://github.com/trending?l=Fantom"
+    },
+    "Filebench WML": {
+        "color": null,
+        "url": "https://github.com/trending?l=Filebench-WML"
+    },
+    "Filterscript": {
+        "color": null,
+        "url": "https://github.com/trending?l=Filterscript"
+    },
+    "fish": {
+        "color": null,
+        "url": "https://github.com/trending?l=fish"
+    },
+    "FLUX": {
+        "color": "#88ccff",
+        "url": "https://github.com/trending?l=FLUX"
+    },
+    "Forth": {
+        "color": "#341708",
+        "url": "https://github.com/trending?l=Forth"
+    },
+    "Fortran": {
+        "color": "#4d41b1",
+        "url": "https://github.com/trending?l=Fortran"
+    },
+    "FreeMarker": {
+        "color": "#0050b2",
+        "url": "https://github.com/trending?l=FreeMarker"
+    },
+    "Frege": {
+        "color": "#00cafe",
+        "url": "https://github.com/trending?l=Frege"
+    },
+    "Game Maker Language": {
+        "color": "#71b417",
+        "url": "https://github.com/trending?l=Game-Maker-Language"
+    },
+    "GAMS": {
+        "color": null,
+        "url": "https://github.com/trending?l=GAMS"
+    },
+    "GAP": {
+        "color": null,
+        "url": "https://github.com/trending?l=GAP"
+    },
+    "GCC Machine Description": {
+        "color": null,
+        "url": "https://github.com/trending?l=GCC-Machine-Description"
+    },
+    "GDB": {
+        "color": null,
+        "url": "https://github.com/trending?l=GDB"
+    },
+    "GDScript": {
+        "color": "#355570",
+        "url": "https://github.com/trending?l=GDScript"
+    },
+    "Genie": {
+        "color": "#fb855d",
+        "url": "https://github.com/trending?l=Genie"
+    },
+    "Genshi": {
+        "color": null,
+        "url": "https://github.com/trending?l=Genshi"
+    },
+    "Gentoo Ebuild": {
+        "color": null,
+        "url": "https://github.com/trending?l=Gentoo-Ebuild"
+    },
+    "Gentoo Eclass": {
+        "color": null,
+        "url": "https://github.com/trending?l=Gentoo-Eclass"
+    },
+    "Gherkin": {
+        "color": "#5B2063",
+        "url": "https://github.com/trending?l=Gherkin"
+    },
+    "GLSL": {
+        "color": null,
+        "url": "https://github.com/trending?l=GLSL"
+    },
+    "Glyph": {
+        "color": "#c1ac7f",
+        "url": "https://github.com/trending?l=Glyph"
+    },
+    "Gnuplot": {
+        "color": "#f0a9f0",
+        "url": "https://github.com/trending?l=Gnuplot"
+    },
+    "Go": {
+        "color": "#00ADD8",
+        "url": "https://github.com/trending?l=Go"
+    },
+    "Golo": {
+        "color": "#88562A",
+        "url": "https://github.com/trending?l=Golo"
+    },
+    "Gosu": {
+        "color": "#82937f",
+        "url": "https://github.com/trending?l=Gosu"
+    },
+    "Grace": {
+        "color": null,
+        "url": "https://github.com/trending?l=Grace"
+    },
+    "Grammatical Framework": {
+        "color": "#79aa7a",
+        "url": "https://github.com/trending?l=Grammatical-Framework"
+    },
+    "Groovy": {
+        "color": "#e69f56",
+        "url": "https://github.com/trending?l=Groovy"
+    },
+    "Groovy Server Pages": {
+        "color": null,
+        "url": "https://github.com/trending?l=Groovy-Server-Pages"
+    },
+    "Hack": {
+        "color": "#878787",
+        "url": "https://github.com/trending?l=Hack"
+    },
+    "Harbour": {
+        "color": "#0e60e3",
+        "url": "https://github.com/trending?l=Harbour"
+    },
+    "Haskell": {
+        "color": "#5e5086",
+        "url": "https://github.com/trending?l=Haskell"
+    },
+    "Haxe": {
+        "color": "#df7900",
+        "url": "https://github.com/trending?l=Haxe"
+    },
+    "HCL": {
+        "color": null,
+        "url": "https://github.com/trending?l=HCL"
+    },
+    "HiveQL": {
+        "color": "#dce200",
+        "url": "https://github.com/trending?l=HiveQL"
+    },
+    "HLSL": {
+        "color": null,
+        "url": "https://github.com/trending?l=HLSL"
+    },
+    "HTML": {
+        "color": "#e34c26",
+        "url": "https://github.com/trending?l=HTML"
+    },
+    "Hy": {
+        "color": "#7790B2",
+        "url": "https://github.com/trending?l=Hy"
+    },
+    "HyPhy": {
+        "color": null,
+        "url": "https://github.com/trending?l=HyPhy"
+    },
+    "IDL": {
+        "color": "#a3522f",
+        "url": "https://github.com/trending?l=IDL"
+    },
+    "Idris": {
+        "color": "#b30000",
+        "url": "https://github.com/trending?l=Idris"
+    },
+    "IGOR Pro": {
+        "color": null,
+        "url": "https://github.com/trending?l=IGOR-Pro"
+    },
+    "Inform 7": {
+        "color": null,
+        "url": "https://github.com/trending?l=Inform-7"
+    },
+    "Inno Setup": {
+        "color": null,
+        "url": "https://github.com/trending?l=Inno-Setup"
+    },
+    "Io": {
+        "color": "#a9188d",
+        "url": "https://github.com/trending?l=Io"
+    },
+    "Ioke": {
+        "color": "#078193",
+        "url": "https://github.com/trending?l=Ioke"
+    },
+    "Isabelle": {
+        "color": "#FEFE00",
+        "url": "https://github.com/trending?l=Isabelle"
+    },
+    "Isabelle ROOT": {
+        "color": null,
+        "url": "https://github.com/trending?l=Isabelle-ROOT"
+    },
+    "J": {
+        "color": "#9EEDFF",
+        "url": "https://github.com/trending?l=J"
+    },
+    "Jasmin": {
+        "color": null,
+        "url": "https://github.com/trending?l=Jasmin"
+    },
+    "Java": {
+        "color": "#b07219",
+        "url": "https://github.com/trending?l=Java"
+    },
+    "Java Server Pages": {
+        "color": null,
+        "url": "https://github.com/trending?l=Java-Server-Pages"
+    },
+    "JavaScript": {
+        "color": "#f1e05a",
+        "url": "https://github.com/trending?l=JavaScript"
+    },
+    "JFlex": {
+        "color": null,
+        "url": "https://github.com/trending?l=JFlex"
+    },
+    "Jison": {
+        "color": null,
+        "url": "https://github.com/trending?l=Jison"
+    },
+    "Jison Lex": {
+        "color": null,
+        "url": "https://github.com/trending?l=Jison-Lex"
+    },
+    "Jolie": {
+        "color": "#843179",
+        "url": "https://github.com/trending?l=Jolie"
+    },
+    "JSONiq": {
+        "color": "#40d47e",
+        "url": "https://github.com/trending?l=JSONiq"
+    },
+    "JSX": {
+        "color": null,
+        "url": "https://github.com/trending?l=JSX"
+    },
+    "Julia": {
+        "color": "#a270ba",
+        "url": "https://github.com/trending?l=Julia"
+    },
+    "Jupyter Notebook": {
+        "color": "#DA5B0B",
+        "url": "https://github.com/trending?l=Jupyter-Notebook"
+    },
+    "Kotlin": {
+        "color": "#F18E33",
+        "url": "https://github.com/trending?l=Kotlin"
+    },
+    "KRL": {
+        "color": "#28430A",
+        "url": "https://github.com/trending?l=KRL"
+    },
+    "LabVIEW": {
+        "color": null,
+        "url": "https://github.com/trending?l=LabVIEW"
+    },
+    "Lasso": {
+        "color": "#999999",
+        "url": "https://github.com/trending?l=Lasso"
+    },
+    "Lean": {
+        "color": null,
+        "url": "https://github.com/trending?l=Lean"
+    },
+    "Lex": {
+        "color": "#DBCA00",
+        "url": "https://github.com/trending?l=Lex"
+    },
+    "LFE": {
+        "color": "#4C3023",
+        "url": "https://github.com/trending?l=LFE"
+    },
+    "LilyPond": {
+        "color": null,
+        "url": "https://github.com/trending?l=LilyPond"
+    },
+    "Limbo": {
+        "color": null,
+        "url": "https://github.com/trending?l=Limbo"
+    },
+    "Literate Agda": {
+        "color": null,
+        "url": "https://github.com/trending?l=Literate-Agda"
+    },
+    "Literate CoffeeScript": {
+        "color": null,
+        "url": "https://github.com/trending?l=Literate-CoffeeScript"
+    },
+    "Literate Haskell": {
+        "color": null,
+        "url": "https://github.com/trending?l=Literate-Haskell"
+    },
+    "LiveScript": {
+        "color": "#499886",
+        "url": "https://github.com/trending?l=LiveScript"
+    },
+    "LLVM": {
+        "color": "#185619",
+        "url": "https://github.com/trending?l=LLVM"
+    },
+    "Logos": {
+        "color": null,
+        "url": "https://github.com/trending?l=Logos"
+    },
+    "Logtalk": {
+        "color": null,
+        "url": "https://github.com/trending?l=Logtalk"
+    },
+    "LOLCODE": {
+        "color": "#cc9900",
+        "url": "https://github.com/trending?l=LOLCODE"
+    },
+    "LookML": {
+        "color": "#652B81",
+        "url": "https://github.com/trending?l=LookML"
+    },
+    "LoomScript": {
+        "color": null,
+        "url": "https://github.com/trending?l=LoomScript"
+    },
+    "LSL": {
+        "color": "#3d9970",
+        "url": "https://github.com/trending?l=LSL"
+    },
+    "Lua": {
+        "color": "#000080",
+        "url": "https://github.com/trending?l=Lua"
+    },
+    "M": {
+        "color": null,
+        "url": "https://github.com/trending?l=M"
+    },
+    "M4": {
+        "color": null,
+        "url": "https://github.com/trending?l=M4"
+    },
+    "M4Sugar": {
+        "color": null,
+        "url": "https://github.com/trending?l=M4Sugar"
+    },
+    "Makefile": {
+        "color": "#427819",
+        "url": "https://github.com/trending?l=Makefile"
+    },
+    "Mako": {
+        "color": null,
+        "url": "https://github.com/trending?l=Mako"
+    },
+    "Mask": {
+        "color": "#f97732",
+        "url": "https://github.com/trending?l=Mask"
+    },
+    "Mathematica": {
+        "color": null,
+        "url": "https://github.com/trending?l=Mathematica"
+    },
+    "Matlab": {
+        "color": "#e16737",
+        "url": "https://github.com/trending?l=Matlab"
+    },
+    "Max": {
+        "color": "#c4a79c",
+        "url": "https://github.com/trending?l=Max"
+    },
+    "MAXScript": {
+        "color": "#00a6a6",
+        "url": "https://github.com/trending?l=MAXScript"
+    },
+    "Mercury": {
+        "color": "#ff2b2b",
+        "url": "https://github.com/trending?l=Mercury"
+    },
+    "Meson": {
+        "color": "#007800",
+        "url": "https://github.com/trending?l=Meson"
+    },
+    "Metal": {
+        "color": "#8f14e9",
+        "url": "https://github.com/trending?l=Metal"
+    },
+    "MiniD": {
+        "color": null,
+        "url": "https://github.com/trending?l=MiniD"
+    },
+    "Mirah": {
+        "color": "#c7a938",
+        "url": "https://github.com/trending?l=Mirah"
+    },
+    "Modelica": {
+        "color": null,
+        "url": "https://github.com/trending?l=Modelica"
+    },
+    "Modula-2": {
+        "color": null,
+        "url": "https://github.com/trending?l=Modula-2"
+    },
+    "Module Management System": {
+        "color": null,
+        "url": "https://github.com/trending?l=Module-Management-System"
+    },
+    "Monkey": {
+        "color": null,
+        "url": "https://github.com/trending?l=Monkey"
+    },
+    "Moocode": {
+        "color": null,
+        "url": "https://github.com/trending?l=Moocode"
+    },
+    "MoonScript": {
+        "color": null,
+        "url": "https://github.com/trending?l=MoonScript"
+    },
+    "MQL4": {
+        "color": "#62A8D6",
+        "url": "https://github.com/trending?l=MQL4"
+    },
+    "MQL5": {
+        "color": "#4A76B8",
+        "url": "https://github.com/trending?l=MQL5"
+    },
+    "MTML": {
+        "color": "#b7e1f4",
+        "url": "https://github.com/trending?l=MTML"
+    },
+    "MUF": {
+        "color": null,
+        "url": "https://github.com/trending?l=MUF"
+    },
+    "mupad": {
+        "color": null,
+        "url": "https://github.com/trending?l=mupad"
+    },
+    "Myghty": {
+        "color": null,
+        "url": "https://github.com/trending?l=Myghty"
+    },
+    "NCL": {
+        "color": "#28431f",
+        "url": "https://github.com/trending?l=NCL"
+    },
+    "Nearley": {
+        "color": "#990000",
+        "url": "https://github.com/trending?l=Nearley"
+    },
+    "Nemerle": {
+        "color": "#3d3c6e",
+        "url": "https://github.com/trending?l=Nemerle"
+    },
+    "nesC": {
+        "color": "#94B0C7",
+        "url": "https://github.com/trending?l=nesC"
+    },
+    "NetLinx": {
+        "color": "#0aa0ff",
+        "url": "https://github.com/trending?l=NetLinx"
+    },
+    "NetLinx+ERB": {
+        "color": "#747faa",
+        "url": "https://github.com/trending?l=NetLinx+ERB"
+    },
+    "NetLogo": {
+        "color": "#ff6375",
+        "url": "https://github.com/trending?l=NetLogo"
+    },
+    "NewLisp": {
+        "color": "#87AED7",
+        "url": "https://github.com/trending?l=NewLisp"
+    },
+    "Nextflow": {
+        "color": "#3ac486",
+        "url": "https://github.com/trending?l=Nextflow"
+    },
+    "Nim": {
+        "color": "#37775b",
+        "url": "https://github.com/trending?l=Nim"
+    },
+    "Nit": {
+        "color": "#009917",
+        "url": "https://github.com/trending?l=Nit"
+    },
+    "Nix": {
+        "color": "#7e7eff",
+        "url": "https://github.com/trending?l=Nix"
+    },
+    "NSIS": {
+        "color": null,
+        "url": "https://github.com/trending?l=NSIS"
+    },
+    "Nu": {
+        "color": "#c9df40",
+        "url": "https://github.com/trending?l=Nu"
+    },
+    "NumPy": {
+        "color": null,
+        "url": "https://github.com/trending?l=NumPy"
+    },
+    "Objective-C": {
+        "color": "#438eff",
+        "url": "https://github.com/trending?l=Objective-C"
+    },
+    "Objective-C++": {
+        "color": "#6866fb",
+        "url": "https://github.com/trending?l=Objective-C++"
+    },
+    "Objective-J": {
+        "color": "#ff0c5a",
+        "url": "https://github.com/trending?l=Objective-J"
+    },
+    "OCaml": {
+        "color": "#3be133",
+        "url": "https://github.com/trending?l=OCaml"
+    },
+    "Omgrofl": {
+        "color": "#cabbff",
+        "url": "https://github.com/trending?l=Omgrofl"
+    },
+    "ooc": {
+        "color": "#b0b77e",
+        "url": "https://github.com/trending?l=ooc"
+    },
+    "Opa": {
+        "color": null,
+        "url": "https://github.com/trending?l=Opa"
+    },
+    "Opal": {
+        "color": "#f7ede0",
+        "url": "https://github.com/trending?l=Opal"
+    },
+    "OpenCL": {
+        "color": null,
+        "url": "https://github.com/trending?l=OpenCL"
+    },
+    "OpenEdge ABL": {
+        "color": null,
+        "url": "https://github.com/trending?l=OpenEdge-ABL"
+    },
+    "OpenRC runscript": {
+        "color": null,
+        "url": "https://github.com/trending?l=OpenRC-runscript"
+    },
+    "OpenSCAD": {
+        "color": null,
+        "url": "https://github.com/trending?l=OpenSCAD"
+    },
+    "Ox": {
+        "color": null,
+        "url": "https://github.com/trending?l=Ox"
+    },
+    "Oxygene": {
+        "color": "#cdd0e3",
+        "url": "https://github.com/trending?l=Oxygene"
+    },
+    "Oz": {
+        "color": "#fab738",
+        "url": "https://github.com/trending?l=Oz"
+    },
+    "P4": {
+        "color": "#7055b5",
+        "url": "https://github.com/trending?l=P4"
+    },
+    "Pan": {
+        "color": "#cc0000",
+        "url": "https://github.com/trending?l=Pan"
+    },
+    "Papyrus": {
+        "color": "#6600cc",
+        "url": "https://github.com/trending?l=Papyrus"
+    },
+    "Parrot": {
+        "color": "#f3ca0a",
+        "url": "https://github.com/trending?l=Parrot"
+    },
+    "Parrot Assembly": {
+        "color": null,
+        "url": "https://github.com/trending?l=Parrot-Assembly"
+    },
+    "Parrot Internal Representation": {
+        "color": null,
+        "url": "https://github.com/trending?l=Parrot-Internal-Representation"
+    },
+    "Pascal": {
+        "color": "#E3F171",
+        "url": "https://github.com/trending?l=Pascal"
+    },
+    "PAWN": {
+        "color": "#dbb284",
+        "url": "https://github.com/trending?l=PAWN"
+    },
+    "Pep8": {
+        "color": "#C76F5B",
+        "url": "https://github.com/trending?l=Pep8"
+    },
+    "Perl": {
+        "color": "#0298c3",
+        "url": "https://github.com/trending?l=Perl"
+    },
+    "Perl 6": {
+        "color": "#0000fb",
+        "url": "https://github.com/trending?l=Perl-6"
+    },
+    "PHP": {
+        "color": "#4F5D95",
+        "url": "https://github.com/trending?l=PHP"
+    },
+    "PicoLisp": {
+        "color": null,
+        "url": "https://github.com/trending?l=PicoLisp"
+    },
+    "PigLatin": {
+        "color": "#fcd7de",
+        "url": "https://github.com/trending?l=PigLatin"
+    },
+    "Pike": {
+        "color": "#005390",
+        "url": "https://github.com/trending?l=Pike"
+    },
+    "PLpgSQL": {
+        "color": null,
+        "url": "https://github.com/trending?l=PLpgSQL"
+    },
+    "PLSQL": {
+        "color": "#dad8d8",
+        "url": "https://github.com/trending?l=PLSQL"
+    },
+    "PogoScript": {
+        "color": "#d80074",
+        "url": "https://github.com/trending?l=PogoScript"
+    },
+    "Pony": {
+        "color": null,
+        "url": "https://github.com/trending?l=Pony"
+    },
+    "PostScript": {
+        "color": "#da291c",
+        "url": "https://github.com/trending?l=PostScript"
+    },
+    "POV-Ray SDL": {
+        "color": null,
+        "url": "https://github.com/trending?l=POV-Ray-SDL"
+    },
+    "PowerBuilder": {
+        "color": "#8f0f8d",
+        "url": "https://github.com/trending?l=PowerBuilder"
+    },
+    "PowerShell": {
+        "color": "#012456",
+        "url": "https://github.com/trending?l=PowerShell"
+    },
+    "Processing": {
+        "color": "#0096D8",
+        "url": "https://github.com/trending?l=Processing"
+    },
+    "Prolog": {
+        "color": "#74283c",
+        "url": "https://github.com/trending?l=Prolog"
+    },
+    "Propeller Spin": {
+        "color": "#7fa2a7",
+        "url": "https://github.com/trending?l=Propeller-Spin"
+    },
+    "Puppet": {
+        "color": "#302B6D",
+        "url": "https://github.com/trending?l=Puppet"
+    },
+    "PureBasic": {
+        "color": "#5a6986",
+        "url": "https://github.com/trending?l=PureBasic"
+    },
+    "PureScript": {
+        "color": "#1D222D",
+        "url": "https://github.com/trending?l=PureScript"
+    },
+    "Python": {
+        "color": "#3572A5",
+        "url": "https://github.com/trending?l=Python"
+    },
+    "Python console": {
+        "color": null,
+        "url": "https://github.com/trending?l=Python-console"
+    },
+    "q": {
+        "color": "#0040cd",
+        "url": "https://github.com/trending?l=q"
+    },
+    "QMake": {
+        "color": null,
+        "url": "https://github.com/trending?l=QMake"
+    },
+    "QML": {
+        "color": "#44a51c",
+        "url": "https://github.com/trending?l=QML"
+    },
+    "R": {
+        "color": "#198CE7",
+        "url": "https://github.com/trending?l=R"
+    },
+    "Racket": {
+        "color": "#3c5caa",
+        "url": "https://github.com/trending?l=Racket"
+    },
+    "Ragel": {
+        "color": "#9d5200",
+        "url": "https://github.com/trending?l=Ragel"
+    },
+    "RAML": {
+        "color": "#77d9fb",
+        "url": "https://github.com/trending?l=RAML"
+    },
+    "Rascal": {
+        "color": "#fffaa0",
+        "url": "https://github.com/trending?l=Rascal"
+    },
+    "REALbasic": {
+        "color": null,
+        "url": "https://github.com/trending?l=REALbasic"
+    },
+    "Reason": {
+        "color": null,
+        "url": "https://github.com/trending?l=Reason"
+    },
+    "Rebol": {
+        "color": "#358a5b",
+        "url": "https://github.com/trending?l=Rebol"
+    },
+    "Red": {
+        "color": "#f50000",
+        "url": "https://github.com/trending?l=Red"
+    },
+    "Redcode": {
+        "color": null,
+        "url": "https://github.com/trending?l=Redcode"
+    },
+    "Ren'Py": {
+        "color": "#ff7f7f",
+        "url": "https://github.com/trending?l=Ren'Py"
+    },
+    "RenderScript": {
+        "color": null,
+        "url": "https://github.com/trending?l=RenderScript"
+    },
+    "REXX": {
+        "color": null,
+        "url": "https://github.com/trending?l=REXX"
+    },
+    "Ring": {
+        "color": "#2D54CB",
+        "url": "https://github.com/trending?l=Ring"
+    },
+    "RobotFramework": {
+        "color": null,
+        "url": "https://github.com/trending?l=RobotFramework"
+    },
+    "Roff": {
+        "color": "#ecdebe",
+        "url": "https://github.com/trending?l=Roff"
+    },
+    "Rouge": {
+        "color": "#cc0088",
+        "url": "https://github.com/trending?l=Rouge"
+    },
+    "RPC": {
+        "color": null,
+        "url": "https://github.com/trending?l=RPC"
+    },
+    "Ruby": {
+        "color": "#701516",
+        "url": "https://github.com/trending?l=Ruby"
+    },
+    "RUNOFF": {
+        "color": "#665a4e",
+        "url": "https://github.com/trending?l=RUNOFF"
+    },
+    "Rust": {
+        "color": "#dea584",
+        "url": "https://github.com/trending?l=Rust"
+    },
+    "Sage": {
+        "color": null,
+        "url": "https://github.com/trending?l=Sage"
+    },
+    "SaltStack": {
+        "color": "#646464",
+        "url": "https://github.com/trending?l=SaltStack"
+    },
+    "SAS": {
+        "color": "#B34936",
+        "url": "https://github.com/trending?l=SAS"
+    },
+    "Scala": {
+        "color": "#c22d40",
+        "url": "https://github.com/trending?l=Scala"
+    },
+    "Scheme": {
+        "color": "#1e4aec",
+        "url": "https://github.com/trending?l=Scheme"
+    },
+    "Scilab": {
+        "color": null,
+        "url": "https://github.com/trending?l=Scilab"
+    },
+    "sed": {
+        "color": "#64b970",
+        "url": "https://github.com/trending?l=sed"
+    },
+    "Self": {
+        "color": "#0579aa",
+        "url": "https://github.com/trending?l=Self"
+    },
+    "ShaderLab": {
+        "color": null,
+        "url": "https://github.com/trending?l=ShaderLab"
+    },
+    "Shell": {
+        "color": "#89e051",
+        "url": "https://github.com/trending?l=Shell"
+    },
+    "ShellSession": {
+        "color": null,
+        "url": "https://github.com/trending?l=ShellSession"
+    },
+    "Shen": {
+        "color": "#120F14",
+        "url": "https://github.com/trending?l=Shen"
+    },
+    "Slash": {
+        "color": "#007eff",
+        "url": "https://github.com/trending?l=Slash"
+    },
+    "Smali": {
+        "color": null,
+        "url": "https://github.com/trending?l=Smali"
+    },
+    "Smalltalk": {
+        "color": "#596706",
+        "url": "https://github.com/trending?l=Smalltalk"
+    },
+    "Smarty": {
+        "color": null,
+        "url": "https://github.com/trending?l=Smarty"
+    },
+    "SMT": {
+        "color": null,
+        "url": "https://github.com/trending?l=SMT"
+    },
+    "Solidity": {
+        "color": "#AA6746",
+        "url": "https://github.com/trending?l=Solidity"
+    },
+    "SourcePawn": {
+        "color": "#5c7611",
+        "url": "https://github.com/trending?l=SourcePawn"
+    },
+    "SQF": {
+        "color": "#3F3F3F",
+        "url": "https://github.com/trending?l=SQF"
+    },
+    "SQLPL": {
+        "color": null,
+        "url": "https://github.com/trending?l=SQLPL"
+    },
+    "Squirrel": {
+        "color": "#800000",
+        "url": "https://github.com/trending?l=Squirrel"
+    },
+    "SRecode Template": {
+        "color": "#348a34",
+        "url": "https://github.com/trending?l=SRecode-Template"
+    },
+    "Stan": {
+        "color": "#b2011d",
+        "url": "https://github.com/trending?l=Stan"
+    },
+    "Standard ML": {
+        "color": "#dc566d",
+        "url": "https://github.com/trending?l=Standard-ML"
+    },
+    "Stata": {
+        "color": null,
+        "url": "https://github.com/trending?l=Stata"
+    },
+    "SuperCollider": {
+        "color": "#46390b",
+        "url": "https://github.com/trending?l=SuperCollider"
+    },
+    "Swift": {
+        "color": "#ffac45",
+        "url": "https://github.com/trending?l=Swift"
+    },
+    "SystemVerilog": {
+        "color": "#DAE1C2",
+        "url": "https://github.com/trending?l=SystemVerilog"
+    },
+    "Tcl": {
+        "color": "#e4cc98",
+        "url": "https://github.com/trending?l=Tcl"
+    },
+    "Tcsh": {
+        "color": null,
+        "url": "https://github.com/trending?l=Tcsh"
+    },
+    "Terra": {
+        "color": "#00004c",
+        "url": "https://github.com/trending?l=Terra"
+    },
+    "TeX": {
+        "color": "#3D6117",
+        "url": "https://github.com/trending?l=TeX"
+    },
+    "Thrift": {
+        "color": null,
+        "url": "https://github.com/trending?l=Thrift"
+    },
+    "TI Program": {
+        "color": "#A0AA87",
+        "url": "https://github.com/trending?l=TI-Program"
+    },
+    "TLA": {
+        "color": null,
+        "url": "https://github.com/trending?l=TLA"
+    },
+    "Turing": {
+        "color": "#cf142b",
+        "url": "https://github.com/trending?l=Turing"
+    },
+    "TXL": {
+        "color": null,
+        "url": "https://github.com/trending?l=TXL"
+    },
+    "TypeScript": {
+        "color": "#2b7489",
+        "url": "https://github.com/trending?l=TypeScript"
+    },
+    "Unified Parallel C": {
+        "color": null,
+        "url": "https://github.com/trending?l=Unified-Parallel-C"
+    },
+    "Unix Assembly": {
+        "color": null,
+        "url": "https://github.com/trending?l=Unix-Assembly"
+    },
+    "Uno": {
+        "color": null,
+        "url": "https://github.com/trending?l=Uno"
+    },
+    "UnrealScript": {
+        "color": "#a54c4d",
+        "url": "https://github.com/trending?l=UnrealScript"
+    },
+    "UrWeb": {
+        "color": null,
+        "url": "https://github.com/trending?l=UrWeb"
+    },
+    "Vala": {
+        "color": "#fbe5cd",
+        "url": "https://github.com/trending?l=Vala"
+    },
+    "VCL": {
+        "color": "#148AA8",
+        "url": "https://github.com/trending?l=VCL"
+    },
+    "Verilog": {
+        "color": "#b2b7f8",
+        "url": "https://github.com/trending?l=Verilog"
+    },
+    "VHDL": {
+        "color": "#adb2cb",
+        "url": "https://github.com/trending?l=VHDL"
+    },
+    "Vim script": {
+        "color": "#199f4b",
+        "url": "https://github.com/trending?l=Vim-script"
+    },
+    "Visual Basic": {
+        "color": "#945db7",
+        "url": "https://github.com/trending?l=Visual-Basic"
+    },
+    "Volt": {
+        "color": "#1F1F1F",
+        "url": "https://github.com/trending?l=Volt"
+    },
+    "Vue": {
+        "color": "#2c3e50",
+        "url": "https://github.com/trending?l=Vue"
+    },
+    "wdl": {
+        "color": "#42f1f4",
+        "url": "https://github.com/trending?l=wdl"
+    },
+    "WebAssembly": {
+        "color": "#04133b",
+        "url": "https://github.com/trending?l=WebAssembly"
+    },
+    "WebIDL": {
+        "color": null,
+        "url": "https://github.com/trending?l=WebIDL"
+    },
+    "wisp": {
+        "color": "#7582D1",
+        "url": "https://github.com/trending?l=wisp"
+    },
+    "X10": {
+        "color": "#4B6BEF",
+        "url": "https://github.com/trending?l=X10"
+    },
+    "xBase": {
+        "color": "#403a40",
+        "url": "https://github.com/trending?l=xBase"
+    },
+    "XC": {
+        "color": "#99DA07",
+        "url": "https://github.com/trending?l=XC"
+    },
+    "Xojo": {
+        "color": null,
+        "url": "https://github.com/trending?l=Xojo"
+    },
+    "XProc": {
+        "color": null,
+        "url": "https://github.com/trending?l=XProc"
+    },
+    "XQuery": {
+        "color": "#5232e7",
+        "url": "https://github.com/trending?l=XQuery"
+    },
+    "XS": {
+        "color": null,
+        "url": "https://github.com/trending?l=XS"
+    },
+    "XSLT": {
+        "color": "#EB8CEB",
+        "url": "https://github.com/trending?l=XSLT"
+    },
+    "Xtend": {
+        "color": null,
+        "url": "https://github.com/trending?l=Xtend"
+    },
+    "Yacc": {
+        "color": "#4B6C4B",
+        "url": "https://github.com/trending?l=Yacc"
+    },
+    "Zephir": {
+        "color": "#118f9e",
+        "url": "https://github.com/trending?l=Zephir"
+    },
+    "Zimpl": {
+        "color": null,
+        "url": "https://github.com/trending?l=Zimpl"
+    }
+}
\ No newline at end of file
diff --git a/src/helpers/utils.js b/src/helpers/utils.js
index 48d8f4d..bd4f6d8 100644
--- a/src/helpers/utils.js
+++ b/src/helpers/utils.js
@@ -1,4 +1,5 @@
 import config from "../config";
+import colors from './colors.json';
 
 export const getThemeValue = () => {
     if (config.themeConfig.disableSwitch) {
@@ -10,7 +11,7 @@ export const getThemeValue = () => {
         return theme;
     }
 
-    if (config.themeConfig.respectPrefersColorScheme) {
+    if (config.themeConfig.respectPrefersColorScheme && !config.themeConfig.disableSwitch) {
         return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : config.themeConfig.default;
     }
 
@@ -21,6 +22,14 @@ export const skeleton = ({width = null, height = null, style = {}, shape = 'roun
     return <div className={`bg-base-300 animate-pulse ${shape}${className ? ` ${className}` : ''}${width ? ` ${width}` : ''}${height ? ` ${height}` : ''}`} style={style}/>;
 }
 
+export const languageColor = (language) => {
+    if (typeof colors[language] !== 'undefined') {
+        return colors[language].color;
+    } else {
+        return 'gray';
+    }
+}
+
 export const fallbackImage = (
     "data:image/png;base64,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"
 )
\ No newline at end of file
diff --git a/src/store/slices/repoSlice.js b/src/store/slices/repoSlice.js
index cd005ba..ef8301d 100644
--- a/src/store/slices/repoSlice.js
+++ b/src/store/slices/repoSlice.js
@@ -1,6 +1,6 @@
 import { createSlice } from '@reduxjs/toolkit';
 
-const initialState = [];
+const initialState = null;
 
 export const repoSlice = createSlice({
     name: 'repo',