diff --git a/migration.md b/migration.md index 81effec3..e4374e90 100644 --- a/migration.md +++ b/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 @@ -81,7 +81,7 @@ When done, check that person off. * [x] [Scott Tolinski](https://kit.com/leveluptutorials/podcasting-screencasting-gear) - Web Developer, Tutorial Maker, Podcaster. * [ ] [Ben Hong](https://www.bencodezen.io/uses/) - Senior Frontend Engineer @ Meltano GitLab * [ ] [Danny de Vries](https://dandevri.es/uses/) - Indie Maker and Lecturer -* [ ] [Scott Spence](https://scottspence.me/uses) - Web Engineer @ Karmarama +* [x] [Scott Spence](https://scottspence.me/uses) - Web Engineer @ Karmarama * [ ] [Stephen Senkomago Musoke](https://ssmusoke.com/uses/) - Software Engineer [METS](https://mets.or.ug/), [UCSF Informatics Hub](https://globalhealthsciences.ucsf.edu/resources/informatics-hub) & PHP lover by night ๐Ÿ‡บ๐Ÿ‡ฌ * [ ] [Gideon Bamuleseyo](https://medium.com/developer-circle-kampala/what-i-use-my-tools-of-trade-552655db4b8d) - Software Engineer [Andela](https://andela.com/), JavaScript junkie ๐Ÿ‡บ๐Ÿ‡ฌ * [ ] [Jason Cory Alvernaz](https://jasoncoryalvernaz.com/uses/) - Fullstack Web Developer, Freelancer, Designer diff --git a/src/components/Person.js b/src/components/Person.js index 1c7010ee..7224308a 100644 --- a/src/components/Person.js +++ b/src/components/Person.js @@ -19,9 +19,14 @@ export default function Person({ person, currentTag }) { {`${url.host}${url.pathname}`} + >{`${url.host}${url.pathname.slice( + 0, + url.pathname.lastIndexOf('/') + )}`}

{person.description}

@@ -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,11 +124,16 @@ 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; font-size: 1.2rem; - word-break: break-word; + text-overflow: ellipsis; + max-width: 100%; + overflow: hidden; :hover { color: var(--pink); } diff --git a/src/data.js b/src/data.js index eca3013a..0cfed635 100644 --- a/src/data.js +++ b/src/data.js @@ -35,6 +35,39 @@ 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', + 'Node', + 'Speaker', + 'Twitch', + ], + }, { name: 'Gant Laborde', description: @@ -44,7 +77,7 @@ const pages = [ emoji: '๐Ÿ”ฅ', country: 'US', computer: 'windows', - phone: 'ios', + phone: 'iphone', tags: [ 'Engineer', 'JavaScript', @@ -154,6 +187,7 @@ const pages = [ 'Caffiend, motorcyclist, climber, recovering perfectionist. I love to make the complex simple.', url: 'https://adamyonk.com/uses', emoji: 'โคซ', + twitter: '@adamyonk', country: '๐Ÿ‡บ๐Ÿ‡ธ', computer: 'apple', phone: 'iphone', @@ -598,7 +632,7 @@ const pages = [ 'Developer', 'Designer', 'Full stack', - 'Front-end', + 'Front end', 'Entrepreneur', 'JavaScript', 'React', @@ -731,6 +765,29 @@ const pages = [ 'Blogger', ], }, + { + name: 'David Llop', + description: 'Full stack developer from Girona. Open Source contributor. Always Learning.', + url: 'https://davidllop.com/uses', + twitter: '@lloople', + emoji: '๐Ÿคจ', + country: '๐Ÿ‡ช๐Ÿ‡ธ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Developer', + 'Back End', + 'Full Stack', + 'Engineer', + 'PHP', + 'JavaScript', + 'Laravel', + 'Vue', + 'Chatbots', + 'API', + 'Blogger' + ], + }, { name: 'Josh Manders', description: 'Full Snack Developer and Indie Maker', @@ -792,24 +849,6 @@ const pages = [ phone: 'iphone', tags: ['Engineer', 'YouTuber', 'Blogger', 'Front End'], }, - { - name: 'Pouria Ezzati', - description: 'Web Developer', - url: 'https://pouria.dev/uses', - twitter: '@poeti8', - emoji: '๐Ÿ‡ฎ๐Ÿ‡ท', - country: '๐Ÿ‡ฎ๐Ÿ‡ท', - computer: 'apple', - phone: 'iphone', - tags: [ - 'Developer', - 'Designer', - 'Back End', - 'Front End', - 'PHP', - 'JavaScript', - ], - }, { name: 'James Mills', description: @@ -822,12 +861,11 @@ const pages = [ phone: 'iphone', tags: [ 'Developer', - 'Designer', - 'YouTuber', 'Blogger', 'Back End', 'PHP', - 'JavaScript', + 'Laravel', + 'Treeware', ], }, { @@ -1128,15 +1166,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', @@ -1158,6 +1188,360 @@ const pages = [ 'Node', ], }, + { + name: 'Adam Laycock', + description: 'IT Engineer, Web Developer & Blogger', + url: 'https://www.arcath.net/uses', + twitter: '@arcathwhitefall', + emoji: 'โš™', + country: 'GB', + computer: 'windows', + phone: 'android', + tags: [ + 'Engineer', + 'Full Stack', + 'TypeScript' + 'Blogger', + 'JavaScript', + 'Node', + ] + }, + { + name: 'Scott Spence', + // Short description + description: + 'Father, husband ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ง Web Developer. Just In Time learner โค๏ธ ๐Ÿ‘ http://my.pronoun.is/he', + // URL to your /uses page + url: 'https://scottspence.me#uses', + twitter: '@spences10', + // An emoji that describes you + emoji: '๐Ÿ™ƒ', + // emoji of your country's flag + country: '๐Ÿ‡ฌ๐Ÿ‡ง', + // ONE of: apple, windows or linux + computer: 'linux', + // iphone or android + phone: 'android', + // 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', + 'YouTuber', + 'JavaScript', + 'React', + 'Gatsby', + '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', + ], + }, + { + name: 'Daniel Van Cuylenburg', + description: + 'Front-end Web Developer. Love all things CSS, ReactJS, GatsbyJS, NodeJS and U.I design', + url: 'https://danielvanc.com/uses', + twitter: '@danielvanc', + emoji: '๐Ÿš€', + country: '๐Ÿด๓ ง๓ ข๓ ฅ๓ ฎ๓ ง๓ ฟ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Developer', + 'Full Stack', + 'CSS', + 'Guitarist', + 'JavaScript', + 'React', + 'Gatsby', + ], + }, + { + name: 'Chiamaka Ikeanyi', + description: 'Software Engineer, Technical Writer, Poet', + url: 'https://chiamakaikeanyi.dev/uses', + twitter: '@chiamakaikeanyi', + emoji: '๐Ÿ‘ฉ๐Ÿฝโ€๐Ÿ’ป', + country: '๐Ÿ‡ณ๐Ÿ‡ฌ', + computer: 'apple', + phone: 'android', + tags: [ + 'Engineer', + 'Front End', + 'Blogger', + 'JavaScript', + 'Accessibility', + 'Performance', + ], + }, + { + name: 'Francis Sunday', + description: 'Software Engineer | Gopher | Hacker', + url: 'https://hakaselogs.me/2020-01-10/what-i-use', + twitter: '@codehakase', + emoji: '๐Ÿ”ฅ', + country: '๐Ÿ‡ณ๐Ÿ‡ฌ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Developer', + 'Engineer', + 'Full Stack', + 'JavaScript', + 'PHP', + 'Go', + 'React', + 'Node', + 'Golang', + ], + }, ]; export default pages;