Merge branch 'website' into add-scott-spence

migration.md

@@ -26,7 +26,7 @@ When done, check that person off.
 * [ ] [Jay Collett](https://www.jaycollett.co/uses/) - Freelance web designer and front end developer with CraftCMS
 * [ ] [Amit Merchant](https://www.amitmerchant.com/uses/) - Fullstack web developer, blogger.
 * [ ] [Adam Greenough](https://adamgreenough.me/uses/) - Freelance Digital Designer & Web Developer
-* [ ] [Georgi Yanev](https://gyanev.com/uses/) - Web Developer, FPV drone pilot
+* [x] [Georgi Yanev](https://gyanev.com/uses/) - Web Developer, FPV drone pilot
 * [ ] [Kumar Abhirup](https://kumar.now.sh/uses) - A 15yo Jnr. developer with a passion for learning 👋🏻
 * [ ] [Chris Enns](https://chrisenns.com/uses/) - Podcast Editor & WordPress Wannabe
 * [ ] [David Llop](https://davidllop.com/uses/) - Laravel & ChatBots Developer

src/components/Person.js

@@ -19,9 +19,14 @@ export default function Person({ person, currentTag }) {
             </a>
           </h3>
           <a
+            target="_blank"
+            rel="noopener noreferrer"
             className="displayLink"
             href={person.url}
-          >{`${url.host}${url.pathname}`}</a>
+          >{`${url.host}${url.pathname.slice(
+            0,
+            url.pathname.lastIndexOf('/')
+          )}`}</a>
         </header>
         <p>{person.description}</p>
         <Tags>
@@ -77,6 +82,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 +124,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

@@ -35,6 +35,40 @@ const pages = [
       'CSS',
     ],
   },
+  {
+    name: 'Rene Pot',
+    // Short description
+    description:
+      'Developer Evangelist, JavaScript Developer, Cross-Platform App Developer and gamer',
+    // URL to your /uses page
+    url: 'https://renepot.com/uses',
+    twitter: '@wraldpyk',
+    // An emoji that describes you
+    emoji: '🎮',
+    // emoji of your country's flag
+    country: '🇳🇱',
+    // ONE of: apple, windows or linux
+    computer: 'apple',
+    // iphone or android
+    phone: 'iphone',
+    // Tags - You can add your own, but please keep it to one word. "Social vape entrepreneur influencer denver" isn't a tag.
+
+    // 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: [
+      'Developer',
+      'JavaScript',
+      'Evangelist',
+      'Gamer',
+      'Streamer',
+      'Titanium',
+      'Cross-platform'
+      'Node',
+      'Speaker',
+      'Twitch'
+    ],
+  },
   {
     name: 'Gant Laborde',
     description:
@@ -44,7 +78,7 @@ const pages = [
     emoji: '🔥',
     country: 'US',
     computer: 'windows',
-    phone: 'ios',
+    phone: 'iphone',
     tags: [
       'Engineer',
       'JavaScript',
@@ -598,7 +632,7 @@ const pages = [
       'Developer',
       'Designer',
       'Full stack',
-      'Front-end',
+      'Front end',
       'Entrepreneur',
       'JavaScript',
       'React',
@@ -1128,15 +1162,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',
@@ -1188,6 +1214,252 @@ const pages = [
       'Sloths',
       'Blogger',
       'Speaker',
+]
+  },
+  {
+    name: 'Georgi Yanev',
+    description: 'Software Engineer, FPV Drone Pilot, Blogger, YouTuber',
+    url: 'https://gyanev.com/uses/',
+    twitter: '@jumpalottahigh',
+    emoji: '🚁',
+    country: '🇫🇮',
+    computer: 'apple',
+    phone: 'android',
+    tags: [
+      'Engineer',
+      'Full Stack',
+      'Entrepreneur',
+      'Teacher',
+      'YouTuber',
+      'Blogger',
+      'JavaScript',
+      'React',
+      'Electron',
+      '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',
+    ],
+  },
+  {
+    name: 'Marek Racík',
+    description: 'Full Stack Developer',
+    url: 'https://racik.info/uses',
+    twitter: '@marek_racik',
+    emoji: '🍍',
+    country: '🇸🇰',
+    computer: 'apple',
+    phone: 'iphone',
+    tags: [
+      'Web Developer',
+      'Full Stack',
+      'Laravel',
+      'Vue',
+      'Tailwind',
+      'Django',
+      'Python',
+      'PHP',
+      'JavaScript',
+    ],
+  },
+  {
+    name: 'Steven van Loef',
+    description: 'Web Developer, App Developer',
+    url: 'https://steven.vanloef.com/uses',
+    twitter: '@ludolphus',
+    emoji: '🎲',
+    country: '🇳🇱',
+    computer: 'apple',
+    phone: 'iphone',
+    tags: [
+      'Developer',
+      'Full Stack',
+      'Entrepreneur',
+      'PHP',
+      'C',
+      'JavaScript',
+      'CakePHP',
+      'MySQL',
+      'Node',
+      'Front End',
+      'Back End',
+      'HTML',
+      'CSS',
+    ],
+  },
+  {
+    name: 'Richard Zilahi',
+    description: 'Full stack developer, pug enthusiast, dying for pizza',
+    url: 'https://gist.github.com/zilahir/4aaf5907999ea53711b2d554d22b0f3f',
+    twitter: '@zilahy',
+    emoji: '🐶',
+    country: '🇫🇮| 🇭🇺',
+    computer: 'apple',
+    phone: 'iphone',
+    tags: [
+      'Full Stack',
+      'Engineer',
+      'Teacher',
+      'Blogger',
+      'Javascript',
+      'Node',
+      'Typescript',
+      'PHP',
+      'React',
+      'GraphQl',
+      'GatsbyJs',
+    ]
+  },
+  {
+    name: 'Bezael Pérez',
+    description: 'Front-end Developer passionate. Trainer & speaker',
+    url: 'https://dominicode.com/uses',
+    twitter: '@bezael_dev',
+    emoji: '👨🏻‍🚀',
+    country: '🇩🇴',
+    computer: 'apple',
+    phone: 'android',
+    tags: [
+      'Developer',
+      'Angular',
+      'YouTuber',
+      'Typescript',
+      'Javascript',
+      'CSS',
+      'Node',
+      'Teacher'
+    ],
+  },
+  {
+    name: 'Zander Martineau',
+    description:
+      'Independent front-end-full-stack-UI-UX-engineer coder',
+    url: 'https://zander.wtf/writing/my-setup',
+    twitter: '@mrmartineau',
+    emoji: '👨‍🔬',
+    country: '🇬🇧',
+    computer: 'apple',
+    phone: 'iphone',
+    tags: [
+      'Engineer',
+      'Front End',
+      'Full Stack',
+      'JavaScript',
+      'TypeScript',
+      'React',
+      'Node',
+      'CSS',
     ],
   },
 ];