Merge branch 'website' into patch-2

src/components/Person.js

@@ -18,10 +18,9 @@ export default function Person({ person, currentTag }) {
               {person.name} {person.emoji}
             </a>
           </h3>
-          <a
+          <a className="displayLink" href={person.url}>{`${
-            className="displayLink"
+            url.host
-            href={person.url}
+          }${url.pathname.slice(0, url.pathname.lastIndexOf('/'))}`}</a>
-          >{`${url.host}${url.pathname}`}</a>
         </header>
         <p>{person.description}</p>
         <Tags>
@@ -77,6 +76,7 @@ Person.propTypes = {
     emoji: PropTypes.string,
     description: PropTypes.string,
     tags: PropTypes.arrayOf(PropTypes.string),
+    country: PropTypes.string,
     computer: PropTypes.oneOf(['apple', 'windows', 'linux']),
     phone: PropTypes.oneOf(['iphone', 'android']),
     twitter(props, propName, componentName) {
@@ -118,6 +118,9 @@ const PersonInner = styled.div`
       font-size: 1rem;
     }
     .displayLink {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
       text-decoration: none;
       color: var(--vape);
       letter-spacing: 1px;

src/data.js

@@ -1128,15 +1128,7 @@ const pages = [
     // Dev Tags: Engineer, Developer, Designer, Front End, Back End, Full Stack,
     // Other: Tags: Entrepreneur, Teacher, Podcaster, YouTuber, Blogger, Speaker,
     // Language Tags: JavaScript, PHP, Rails, Ruby, TypeScript, React, Vue, Node
-    tags: [
+    tags: ['Developer', 'Engineer', 'PHP', 'Java', 'OpenMRS', 'HTML', 'CSS'],
-      'Developer',
-      'Engineer',
-      'PHP',
-      'Java',
-      'OpenMRS',
-      'HTML',
-      'CSS',
-    ],
   },
   {
     name: 'Jérémy Mouzin',
@@ -1180,6 +1172,118 @@ const pages = [
       'Python',
       'FPVtips',
       'Developer'
+     ]
+  },
+  {
+    name: 'Karl Horky',
+    description: 'Founder, Teacher at https://upleveled.io',
+    url: 'https://github.com/karlhorky/uses/blob/master/readme.md',
+    twitter: '@karlhorky',
+    emoji: '🚀',
+    country: '🇦🇹',
+    computer: 'apple',
+    phone: 'android',
+    tags: [
+      'Developer',
+      'Full Stack',
+      'Back End',
+      'Front End',
+      'Entrepreneur',
+      'Teacher',
+      'Speaker',
+      'JavaScript',
+      'TypeScript',
+      'React',
+      'Node',
+      'CSS',
+      'HTML',
+      'GraphQL',
+    ],
+  },
+  {
+    name: 'Andrej Jovanovic',
+    description: 'DevOps System Engineer, Coder, Hardworker',
+    url: 'https://blog.andrejjovanovic.com/uses',
+    twitter: '@andrejovanovic1',
+    emoji: '💡',
+    country: '🇭🇷',
+    computer: 'windows',
+    phone: 'android',
+    tags: [
+      'DevOps',
+      'Engineer',
+      'Designer',
+      'Full Stack',
+      'JavaScript',
+      'React',
+      'Python',
+      'Go',
+    ],
+  },
+  {
+    name: 'Josh Farrant',
+    description:
+      'Full-Stack JavaScript developer, creator of Shortcuts JS, astrophysicist and private pilot. I turn coffee, alchemy-like, into code.',
+    url: 'https://farrant.me/uses',
+    twitter: '@joshfarrant',
+    emoji: '🎉',
+    country: '🇬🇧',
+    computer: 'apple',
+    phone: 'iphone',
+    tags: [
+      'Developer',
+      'Full Stack',
+      'JavaScript',
+      'TypeScript',
+      'React',
+      'Node',
+      'UX',
+      'Open Source',
+    ],
+  },
+  {
+    name: 'Martin Chammah',
+    description: 'Full Stack Gatsby Developer @ ecomerciar',
+    twitter: '@codigomate',
+    url: 'https://martinchammah.dev/uses',
+    emoji: '🇦🇷',
+    country: '🇦🇷',
+    computer: 'windows',
+    phone: 'android',
+    tags: [
+      'Developer',
+      'Full Stack',
+      'Entrepreneur',
+      'YouTuber',
+      'JavaScript',
+      'Gatsby',
+      'React',
+      'Wordpress',
+      'Thinkpad',
+    ],
+  },
+  {
+    name: 'Pedro Assunção',
+    description: 'Senior Fullstack Software Developer, Tutorial Maker, Blogger',
+    url: 'https://pedroassuncao.com/pages/uses',
+    twitter: '@nocivus',
+    emoji: '💻',
+    country: '🇵🇹',
+    computer: 'apple',
+    phone: 'android',
+    tags: [
+      'Engineer',
+      'Full Stack',
+      'Developer',
+      'Teacher',
+      'YouTuber',
+      'Blogger',
+      'Ruby on Rails',
+      'Elixir',
+      'Phoenix',
+      'Erlang',
+      'React',
+      'AWS',
     ],
   },
 ];