diff --git a/src/components/Person.js b/src/components/Person.js index 8ab35af7..0bb62508 100644 --- a/src/components/Person.js +++ b/src/components/Person.js @@ -18,10 +18,9 @@ export default function Person({ person, currentTag }) { {person.name} {person.emoji} - {`${url.host}${url.pathname}`} + {`${ + url.host + }${url.pathname.slice(0, url.pathname.lastIndexOf('/'))}`}

{person.description}

@@ -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; diff --git a/src/data.js b/src/data.js index 12216ae7..d97abd4e 100644 --- a/src/data.js +++ b/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: [ - 'Developer', - 'Engineer', - 'PHP', - 'Java', - 'OpenMRS', - 'HTML', - 'CSS', - ], + tags: ['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', ], }, ];