Bump version to 2.1.0 🚀

Update dependencies

.github/workflows/deploy.yml

@@ -29,7 +29,7 @@ jobs:
           cache: 'npm'
 
       - name: Setup Pages
-        uses: actions/configure-pages@v1
+        uses: actions/configure-pages@v2
 
       - name: Restore cache
         uses: actions/cache@v3

.github/workflows/test-deploy.yml

@@ -18,7 +18,7 @@ jobs:
           cache: 'npm'
 
       - name: Restore cache
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         with:
           path: |
             **/node_modules

.prettierrc

@@ -4,5 +4,6 @@
   "bracketSpacing": true,
   "printWidth": 80,
   "singleQuote": true,
-  "tabWidth": 2
+  "tabWidth": 2,
+  "endOfLine": "auto"
 }

CONTRIBUTING.md

@@ -14,31 +14,36 @@ with a fix.
 
 ## Submitting a Pull Request
 
-- If applicable, update the `readme`
+1. Make sure that the contribution you want to make is explained or detailed in a GitHub issue! Find an [existing issue](https://github.com/arifszn/gitprofile/issues) or [open a new one](https://github.com/arifszn/gitprofile/issues/new).
-- Use `npm run lint` and `npm run prettier` before committing
+2. Once done, [fork the repository](https://github.com/arifszn/gitprofile/fork) in your own GitHub account.
-- Example for a commit message
+3. [Create a new Git branch](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-and-deleting-branches-within-your-repository).
+4. Make the changes on your branch.
+5. [Submit the branch as a PR](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request-from-a-fork) pointing to the `main` branch of the main repository. <br>
+   We do not enforce a naming convention for the PRs, but **please use something descriptive of your changes**.
 
-  ```
+## Development Workflow
-  Fix type validation for typescript
-  ```
 
-### Developing
+### Install dependencies
-
-Fork, then clone the repo:
-
-```sh
-git clone https://github.com/your-username/gitprofile.git
-cd gitprofile
-```
-
-Install dependencies:
 
 ```sh
 npm install
 ```
 
-Run dev server:
+### Run dev server
 
 ```sh
 npm run dev
 ```
+
+### Linter
+
+Each PR should pass the linter to be accepted. To fix lint and prettier errors, run `npm run lint:fix` and `npm run prettier:fix`.
+
+### Commit Message
+
+As minimal requirements, your commit message should:
+
+- be capitalized
+- not finish by a dot or any other punctuation character (!,?)
+- start with a verb so that we can read your commit message this way: "This commit will ...", where "..." is the commit message.
+  e.g.: "Fix the home page button" or "Add support for dark mode"

README.md

@@ -66,21 +66,33 @@
 ✓ [SEO](#seo)  
 ✓ [Avatar and Bio](#avatar-and-bio)  
 ✓ [Social Links](#social-links)  
-✓ [Skills](#skills)  
+✓ [Skill Section](#skills)  
-✓ [Experience](#experience)  
+✓ [Experience Section](#experience)  
-✓ [Education](#education)  
+✓ [Education Section](#education)  
-✓ [Projects](#projects)  
+✓ [Projects Section](#projects)  
-✓ [Blog Posts](#blog-posts)
+✓ [Blog Posts Section](#blog-posts)
 
 To view a live example, **[click here](https://arifszn.github.io/gitprofile)**.
 
 Or try it **[online](https://stackblitz.com/edit/gitprofile)**.
 
+<p align="center">
+  <img src="https://arifszn.github.io/assets/img/hosted/gitprofile/themes.png" alt="Themes">
+</p>
+
+## 🎉 Thank you for the 400 ★
+
+<p>
+  <a href="https://arifszn.github.io/gitprofile">
+    <img src="https://user-images.githubusercontent.com/45073703/189209364-fc4df315-b66a-4654-907d-b0b7a9d2161e.gif" alt="Thank You" width="60%"/>
+  </a>
+</p>
+
 ## 🛠 Installation & Setup
 
 There are three ways to use **GitProfile**. Use any.
 
-- Forking this repo
+- Forking this repo _(recommended)_
 - Setting up locally
 - Installing as package
 
@@ -112,7 +124,7 @@ These instructions will get you a copy of the project and deploy your portfolio
 
 - **Commit the changes:** Now commit to your **main** branch with your changes. Wait a few minutes so that the CI/CD pipeline can publish your website to GitHub Pages. You can check the progress in the [Actions](https://github.com/arifszn/gitprofile/actions) tab.
 
-Your portfolio website will be live shortly. Any time you commit a change to the **main** branch, the website will be automatically updated. If you face any issue viewing the website, double-check the `base` value in the `vite.config.js` file.
+Your portfolio website will be live shortly. Any time you commit a change to the **main** branch, the website will be automatically updated. If you face any issue viewing the website, double-check the `base` value in the `vite.config.js` file. Also, check if **Source** is set to **GitHub Actions** in **Settings** ➜ **Pages** ➜ **Build and deployment**.
 
 If you wish to add a custom domain, no CNAME file is required. Just add it to your repo's **Settings** ➜ **Pages** ➜ **Custom domain**.
 
@@ -206,35 +218,41 @@ const config = {
     behance: '',
     medium: '',
     dev: '',
+    stackoverflow: '',
     website: '',
     phone: '',
     email: '',
   },
+  resume: {
+    fileUrl: '', // Empty fileUrl will hide the `Download Resume` button.
+  },
   skills: ['JavaScript', 'React.js'],
   experiences: [
     {
-      company: 'Company name 1',
+      company: 'Company Name',
-      position: 'Software Engineer',
+      position: 'Position',
-      from: 'July 2019',
+      from: 'September 2021',
       to: 'Present',
+      companyLink: 'https://example.com',
     },
     {
-      company: 'Company name 2',
+      company: 'Company Name',
-      position: 'Jr. Software Engineer',
+      position: 'Position',
-      from: 'January 2019',
+      from: 'July 2019',
-      to: ' June 2019',
+      to: 'August 2021',
+      companyLink: 'https://example.com',
     },
   ],
   education: [
     {
-      institution: 'Institution name 1',
+      institution: 'Institution Name',
-      degree: 'ABC',
+      degree: 'Degree',
       from: '2015',
       to: '2019',
     },
     {
-      institution: 'Institution name 2',
+      institution: 'Institution Name',
-      degree: 'XYZ',
+      degree: 'Degree',
       from: '2012',
       to: '2014',
     },
@@ -246,9 +264,9 @@ const config = {
     limit: 5, // How many posts to display. Max is 10.
   },
   googleAnalytics: {
-    // GA3 tracking id/GA4 tag id
+    id: '', // GA3 tracking id/GA4 tag id UA-XXXXXXXXX-X | G-XXXXXXXXXX
-    id: '', // UA-XXXXXXXXX-X | G-XXXXXXXXXX
   },
+  // Track visitor interaction and behavior. https://www.hotjar.com
   hotjar: {
     id: '',
     snippetVersion: 6,
@@ -357,10 +375,6 @@ module.exports = {
 };
 ```
 
-<p align="center">
-  <img src="https://arifszn.github.io/assets/img/hosted/gitprofile/themes.png" alt="Themes">
-</p>
-
 ### Google Analytics
 
 **GitProfile** supports both GA3 and GA4. If you do not want to use Google Analytics, keep the `id` empty.
@@ -379,7 +393,7 @@ Besides tracking visitors, it will track `click events` on projects and blog pos
 
 ### Hotjar
 
-**GitProfile** supports hotjar. If you do not want to use Hotjar, keep the `id` empty.
+**GitProfile** supports [hotjar](https://www.hotjar.com) to track visitor interaction and behavior. If you do not want to use Hotjar, keep the `id` empty.
 
 ```js
 // gitprofile.config.js
@@ -402,7 +416,7 @@ Your avatar and bio will be fetched from GitHub automatically.
 
 ### Social Links
 
-You can link your social media services you're using, including LinkedIn, Twitter, Facebook, Instagram, Dribbble, Behance, Medium, dev, personal website, phone and email.
+You can link your social media services you're using, including LinkedIn, Twitter, Facebook, Instagram, Dribbble, Behance, Medium, dev, Stack Overflow, personal website, phone and email.
 
 ```js
 // gitprofile.config.js
@@ -417,6 +431,7 @@ module.exports = {
     behance: '',
     medium: '',
     dev: '',
+    stackoverflow: '',
     website: '',
     phone: '',
     email: '',
@@ -448,16 +463,18 @@ module.exports = {
   // ...
   experiences: [
     {
-      company: 'Company name 1',
+      company: 'Company Name',
-      position: 'Software Engineer',
+      position: 'Position',
-      from: 'July 2019',
+      from: 'September 2021',
       to: 'Present',
+      companyLink: 'https://example.com',
     },
     {
-      company: 'Company name 2',
+      company: 'Company Name',
-      position: 'Jr. Software Engineer',
+      position: 'Position',
-      from: 'January 2019',
+      from: 'July 2019',
-      to: ' June 2019',
+      to: 'August 2021',
+      companyLink: 'https://example.com',
     },
   ],
 };
@@ -534,7 +551,7 @@ The posts are fetched by [blog.js](https://github.com/arifszn/blog.js).
 
 ## 💖 Support
 
-<p>You can show your support by starring this project.</p>
+<p>You can show your support by starring this project. ★</p>
 <a href="https://github.com/arifszn/gitprofile/stargazers">
   <img src="https://img.shields.io/github/stars/arifszn/gitprofile?style=social" alt="Github Star">
 </a>

gitprofile.config.js

@@ -19,10 +19,14 @@ const config = {
     behance: '',
     medium: 'arifszn',
     dev: 'arifszn',
+    stackoverflow: '', // format: userid/username
     website: 'https://arifszn.github.io',
     phone: '',
     email: 'arifulalamszn@gmail.com',
   },
+  resume: {
+    fileUrl: 'resume.pdf', // Empty fileUrl will hide the `Download Resume` button.
+  },
   skills: [
     'PHP',
     'Laravel',
@@ -31,47 +35,43 @@ const config = {
     'Node.js',
     'Nest.js',
     'MySQL',
+    'PostgreSQL',
     'Git',
     'Docker',
     'PHPUnit',
     'CSS',
     'Antd',
     'Tailwind',
-    'Bootstrap',
   ],
   experiences: [
     {
-      company: 'Monstarlab Bangladesh',
+      company: 'Company Name',
-      position: 'Backend Engineer II',
+      position: 'Position',
       from: 'September 2021',
       to: 'Present',
+      companyLink: 'https://example.com',
     },
     {
-      company: 'My Offer 360 Degree',
+      company: 'Company Name',
-      position: 'Web Application Developer',
+      position: 'Position',
       from: 'July 2019',
       to: 'August 2021',
+      companyLink: 'https://example.com',
     },
   ],
   education: [
     {
-      institution: 'American International University-Bangladesh',
+      institution: 'Institution Name',
-      degree: 'Bachelor of Science',
+      degree: 'Degree',
       from: '2015',
       to: '2019',
     },
     {
-      institution: 'Cantonment College, Jessore',
+      institution: 'Institution Name',
-      degree: 'Higher Secondary Certificate (HSC)',
+      degree: 'Degree',
       from: '2012',
       to: '2014',
     },
-    {
-      institution: 'Chowgacha Shahadat Pilot High School',
-      degree: 'Secondary School Certificate (SSC)',
-      from: '2007',
-      to: '2012',
-    },
   ],
   // Display blog posts from your medium or dev account. (Optional)
   blog: {
@@ -80,15 +80,15 @@ const config = {
     limit: 3, // How many posts to display. Max is 10.
   },
   googleAnalytics: {
-    // GA3 tracking id/GA4 tag id UA-XXXXXXXXX-X | G-XXXXXXXXXX
+    id: '', // GA3 tracking id/GA4 tag id UA-XXXXXXXXX-X | G-XXXXXXXXXX
-    id: 'G-WLLB5E14M6', // Please remove this and use your own tag id or keep it empty
   },
+  // Track visitor interaction and behavior. https://www.hotjar.com
   hotjar: {
-    id: '2617601', //  Please remove this and use your own id or keep it empty
+    id: '',
     snippetVersion: 6,
   },
   themeConfig: {
-    defaultTheme: 'corporate',
+    defaultTheme: 'business',
 
     // Hides the switch in the navbar
     // Useful if you want to support a single color mode

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arifszn/gitprofile",
   "description": "Create an automatic portfolio based on GitHub profile",
-  "version": "2.0.9",
+  "version": "2.1.0",
   "license": "MIT",
   "author": "arifszn",
   "repository": {
@@ -34,8 +34,8 @@
     "build:library": "vite build --config library.config.js",
     "lint": "eslint --ext .js,.jsx .",
     "lint:fix": "eslint --ext .js,.jsx --fix .",
-    "prettier": "prettier --check './**/*.{js,jsx,ts,tsx,css,md,json}'",
+    "prettier": "prettier --check \"./**/*.{js,jsx,ts,tsx,css,md,json}\"",
-    "prettier:fix": "prettier --write './**/*.{js,jsx,ts,tsx,css,md,json}'"
+    "prettier:fix": "prettier --write \"./**/*.{js,jsx,ts,tsx,css,md,json}\""
   },
   "dependencies": {
     "react": "^18.2.0",
@@ -45,7 +45,7 @@
     "@arifszn/blog-js": "^2.0.0",
     "@vitejs/plugin-react": "^2.0.0",
     "autoprefixer": "^10.4.4",
-    "axios": "^0.27.2",
+    "axios": "^1.1.3",
     "daisyui": "^2.11.0",
     "date-fns": "^2.28.0",
     "eslint": "^8.11.0",

src/components/GitProfile.jsx

@@ -25,6 +25,8 @@ import PropTypes from 'prop-types';
 import '../assets/index.css';
 import { formatDistance } from 'date-fns';
 
+const bgColor = 'bg-base-300';
+
 const GitProfile = ({ config }) => {
   const [error, setError] = useState(
     typeof config === 'undefined' && !config ? noConfigError : null
@@ -64,9 +66,14 @@ const GitProfile = ({ config }) => {
         };
 
         setProfile(profileData);
+        return data;
       })
-      .then(() => {
+      .then((userData) => {
         let excludeRepo = ``;
+        if (userData.public_repos === 0) {
+          setRepo([]);
+          return;
+        }
 
         sanitizedConfig.github.exclude.projects.forEach((project) => {
           excludeRepo += `+-repo:${sanitizedConfig.github.username}/${project}`;
@@ -144,7 +151,7 @@ const GitProfile = ({ config }) => {
         ) : (
           sanitizedConfig && (
             <Fragment>
-              <div className="p-4 lg:p-10 min-h-full bg-base-200">
+              <div className={`p-4 lg:p-10 min-h-full ${bgColor}`}>
                 <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">
@@ -160,6 +167,7 @@ const GitProfile = ({ config }) => {
                         profile={profile}
                         loading={loading}
                         avatarRing={!sanitizedConfig.themeConfig.hideAvatarRing}
+                        resume={sanitizedConfig.resume}
                       />
                       <Details
                         profile={profile}
@@ -198,7 +206,9 @@ const GitProfile = ({ config }) => {
                   </div>
                 </div>
               </div>
-              <footer className="p-4 footer bg-base-200 text-base-content footer-center">
+              <footer
+                className={`p-4 footer ${bgColor} text-base-content footer-center`}
+              >
                 <div className="card compact bg-base-100 shadow">
                   <a
                     className="card-body"
@@ -248,6 +258,7 @@ GitProfile.propTypes = {
       behance: PropTypes.string,
       medium: PropTypes.string,
       dev: PropTypes.string,
+      stackoverflow: PropTypes.string,
       website: PropTypes.string,
       phone: PropTypes.string,
       email: PropTypes.string,

src/components/avatar-card/index.jsx

@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import { fallbackImage, skeleton } from '../../helpers/utils';
 import LazyImage from '../lazy-image';
 
-const AvatarCard = ({ profile, loading, avatarRing }) => {
+const AvatarCard = ({ profile, loading, avatarRing, resume }) => {
   return (
     <div className="card shadow-lg compact bg-base-100">
       <div className="grid place-items-center py-8">
@@ -55,6 +55,22 @@ const AvatarCard = ({ profile, loading, avatarRing }) => {
               : profile.bio}
           </div>
         </div>
+        {resume?.fileUrl &&
+          (loading ? (
+            <div className="mt-6">
+              {skeleton({ width: 'w-40', height: 'h-8' })}
+            </div>
+          ) : (
+            <a
+              href={resume.fileUrl}
+              target="_blank"
+              className="btn btn-outline btn-sm text-xs mt-6 opacity-50"
+              download
+              rel="noreferrer"
+            >
+              Download Resume
+            </a>
+          ))}
       </div>
     </div>
   );
@@ -64,6 +80,9 @@ AvatarCard.propTypes = {
   profile: PropTypes.object,
   loading: PropTypes.bool.isRequired,
   avatarRing: PropTypes.bool.isRequired,
+  resume: PropTypes.shape({
+    fileUrl: PropTypes.string,
+  }),
 };
 
 export default AvatarCard;

src/components/blog/index.jsx

@@ -181,10 +181,10 @@ const Blog = ({ loading, blog, googleAnalytics }) => {
           <div className="grid grid-cols-2 gap-6">
             <div className="col-span-2">
               <div
-                className={`card compact ${
+                className={`card compact bg-base-100 ${
                   loading || (articles && articles.length)
-                    ? 'bg-gradient-to-br to-base-200 from-base-100 shadow'
+                    ? 'card compact shadow bg-opacity-40'
-                    : 'bg-base-100 shadow-lg'
+                    : 'shadow-lg'
                 }`}
               >
                 <div className="card-body">

src/components/details/index.jsx

@@ -15,6 +15,7 @@ import {
   FaDev,
   FaFacebook,
   FaGlobe,
+  FaStackOverflow,
 } from 'react-icons/fa';
 import PropTypes from 'prop-types';
 import { skeleton } from '../../helpers/utils';
@@ -169,6 +170,14 @@ const Details = ({ profile, loading, social, github }) => {
                   link={`https://dev.to/${social.dev}`}
                 />
               )}
+              {social?.stackoverflow && (
+                <ListItem
+                  icon={<FaStackOverflow className="mr-2" />}
+                  title="Stack Overflow:"
+                  value={social.stackoverflow.split('/').slice(-1)}
+                  link={`https://stackoverflow.com/users/${social.stackoverflow}`}
+                />
+              )}
               {social?.website && (
                 <ListItem
                   icon={<FaGlobe className="mr-2" />}

src/components/experience/index.jsx

@@ -2,7 +2,7 @@ import { skeleton } from '../../helpers/utils';
 import { Fragment } from 'react';
 import PropTypes from 'prop-types';
 
-const ListItem = ({ time, position, company }) => (
+const ListItem = ({ time, position, company, companyLink }) => (
   <li className="mb-5 ml-4">
     <div
       className="absolute w-2 h-2 bg-base-300 rounded-full border border-base-300 mt-1.5"
@@ -10,7 +10,11 @@ const ListItem = ({ time, position, company }) => (
     ></div>
     <div className="my-0.5 text-xs">{time}</div>
     <h3 className="font-semibold">{position}</h3>
-    <div className="mb-4 font-normal">{company}</div>
+    <div className="mb-4 font-normal">
+      <a href={companyLink} target="_blank" rel="noreferrer">
+        {company}
+      </a>
+    </div>
   </li>
 );
 
@@ -37,7 +41,6 @@ const Experience = ({ experiences, loading }) => {
 
     return array;
   };
-
   return (
     <>
       {experiences?.length !== 0 && (
@@ -66,6 +69,9 @@ const Experience = ({ experiences, loading }) => {
                         time={`${experience.from} - ${experience.to}`}
                         position={experience.position}
                         company={experience.company}
+                        companyLink={
+                          experience.companyLink ? experience.companyLink : null
+                        }
                       />
                     ))}
                   </Fragment>
@@ -83,6 +89,7 @@ ListItem.propTypes = {
   time: PropTypes.node,
   position: PropTypes.node,
   company: PropTypes.node,
+  companyLink: PropTypes.string,
 };
 
 Experience.propTypes = {

src/components/head-tag-editor/index.jsx

@@ -22,7 +22,7 @@ const HeadTagEditor = ({ profile, theme, googleAnalytics, social }) => {
                 gtag('config', '${googleAnalytics.id}');`}
             </script>
           )}
-          <title>Portfolio of {profile.name}</title>
+          <title>Portfolio{profile.name && ` of ${profile.name}`}</title>
           <meta
             name="theme-color"
             content={isDarkishTheme(theme) ? '#000000' : '#ffffff'}
@@ -30,18 +30,27 @@ const HeadTagEditor = ({ profile, theme, googleAnalytics, social }) => {
 
           <meta name="description" content={profile.bio} />
 
-          <meta itemProp="name" content={`Portfolio of ${profile.name}`} />
+          <meta
+            itemProp="name"
+            content={`Portfolio${profile.name && ` of ${profile.name}`}`}
+          />
           <meta itemProp="description" content={profile.bio} />
           <meta itemProp="image" content={profile.avatar} />
 
           <meta property="og:url" content={social?.website || ''} />
           <meta property="og:type" content="website" />
-          <meta property="og:title" content={`Portfolio of ${profile.name}`} />
+          <meta
+            property="og:title"
+            content={`Portfolio${profile.name && ` of ${profile.name}`}`}
+          />
           <meta property="og:description" content={profile.bio} />
           <meta property="og:image" content={profile.avatar} />
 
           <meta name="twitter:card" content="summary_large_image" />
-          <meta name="twitter:title" content={`Portfolio of ${profile.name}`} />
+          <meta
+            name="twitter:title"
+            content={`Portfolio${profile.name && ` of ${profile.name}`}`}
+          />
           <meta name="twitter:description" content={profile.bio} />
           <meta name="twitter:image" content={profile.avatar} />
         </Helmet>

src/components/project/index.jsx

@@ -4,6 +4,10 @@ import PropTypes from 'prop-types';
 import { ga, languageColor, skeleton } from '../../helpers/utils';
 
 const Project = ({ repo, loading, github, googleAnalytics }) => {
+  if (!loading && Array.isArray(repo) && repo.length === 0) {
+    return <></>;
+  }
+
   const renderSkeleton = () => {
     let array = [];
     for (let index = 0; index < github.limit; index++) {
@@ -132,7 +136,7 @@ const Project = ({ repo, loading, github, googleAnalytics }) => {
       <div className="col-span-1 lg:col-span-2">
         <div className="grid grid-cols-2 gap-6">
           <div className="col-span-2">
-            <div className="card compact bg-gradient-to-br to-base-200 from-base-100 shadow">
+            <div className="card compact bg-base-100 shadow bg-opacity-40">
               <div className="card-body">
                 <div className="mx-3 flex items-center justify-between mb-2">
                   <h5 className="card-title">

src/helpers/utils.jsx

@@ -153,10 +153,14 @@ export const sanitizeConfig = (config) => {
       behance: config?.social?.behance,
       medium: config?.social?.medium,
       dev: config?.social?.dev,
+      stackoverflow: config?.social?.stackoverflow,
       website: config?.social?.website,
       phone: config?.social?.phone,
       email: config?.social?.email,
     },
+    resume: {
+      fileUrl: config?.resume?.fileUrl || '',
+    },
     skills: config?.skills || [],
     experiences: config?.experiences || [],
     education: config?.education || [],
@@ -215,7 +219,8 @@ export const notFoundError = {
   title: 'The Github Username is Incorrect.',
   subTitle: (
     <p>
-      Please provide correct github username in <code>config</code>.
+      Please provide correct github username in{' '}
+      <code>gitprofile.config.js</code>.
     </p>
   ),
 };

types/index.d.ts

@@ -79,6 +79,11 @@ export interface Social {
    */
   dev?: string;
 
+  /**
+   * Stack Overflow
+   */
+  stackoverflow?: string;
+
   /**
    * Website
    */
@@ -207,6 +212,7 @@ export interface Experience {
   position?: string;
   from?: string;
   to?: string;
+  companyLink?: string;
 }
 
 export interface Education {
@@ -216,6 +222,10 @@ export interface Education {
   to?: string;
 }
 
+export interface Resume {
+  fileUrl?: string;
+}
+
 export interface Config {
   /**
    * GitHub Config
@@ -227,6 +237,11 @@ export interface Config {
    */
   social?: Social;
 
+  /**
+   * Resume
+   */
+  resume?: Resume;
+
   /**
    * Skill list
    */