diff --git a/gatsby-browser.js b/gatsby-browser.js index 5f352dea..6ff4255f 100644 --- a/gatsby-browser.js +++ b/gatsby-browser.js @@ -1,6 +1,6 @@ -import React from 'react'; -import { FilterProvider } from './src/context/FilterContext'; -import './static/fonts.css'; +import React from "react"; +import { FilterProvider } from "./src/context/FilterContext"; +import "typeface-fira-mono"; export const wrapRootElement = ({ element }) => ( {element} diff --git a/migration.md b/migration.md index e4374e90..0767c754 100644 --- a/migration.md +++ b/migration.md @@ -1,6 +1,6 @@ We need to move these people over to the data.js file: -https://github.com/wesbos/awesome-uses/blob/website/src/data.js +https://github.com/wesbos/awesome-uses/blob/master/src/data.js Grab a random person, and fill out the info as best as possible. @@ -41,7 +41,7 @@ When done, check that person off. * [x] [Andrew Healey](https://healeycodes.com/uses/) - Fullstack Software Engineer, Blogger, Tutorial Creator. * [ ] [Alex Carpenter](https://alexcarpenter.me/uses/) - Front-end Web Developer and Screencaster. * [ ] [Wang Junxiao](http://www.feng0207.site/uses/) โ€” Java Web Developer, Student. -* [ ] [Jeff Wen](https://sinchang.me/uses/) - Web Developer, Open Source Contributor +* [x] [Jeff Wen](https://sinchang.me/uses/) - Web Developer, Open Source Contributor * [ ] [Tracy Osborn](https://limedaring.com/uses/) - Designer, Developer, Tech Author, Entreprenerd * [ ] [Bruno Brito](https://brunobrito.pt/uses/) - Web Developer, Content Creator, Digital Marketing ๐Ÿ‡ต๐Ÿ‡น * [ ] [Lemon ๐Ÿ‹](https://ahoylemon.xyz/uses/) - Web Developer, Podcaster, Human Who Makes Dumb Shit diff --git a/package-lock.json b/package-lock.json index 2597f450..7929ca50 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15780,6 +15780,11 @@ "is-typedarray": "^1.0.0" } }, + "typeface-fira-mono": { + "version": "0.0.72", + "resolved": "https://registry.npmjs.org/typeface-fira-mono/-/typeface-fira-mono-0.0.72.tgz", + "integrity": "sha512-bouzjtniGMrakhazipUl6mskswe7UvH3qynU5Wsl0O7NMuL178VtZ0pOqUGsjBJ42l64GZo9nUMI1eSK4kvJbQ==" + }, "ua-parser-js": { "version": "0.7.21", "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.21.tgz", diff --git a/package.json b/package.json index e894c94d..af738901 100644 --- a/package.json +++ b/package.json @@ -29,7 +29,8 @@ "react": "^16.12.0", "react-dom": "^16.12.0", "react-helmet": "^5.2.1", - "styled-components": "5.0.0-rc.3" + "styled-components": "5.0.0-rc.3", + "typeface-fira-mono": "0.0.72" }, "scripts": { "build": "npx --node-arg '-r esm' gatsby build", diff --git a/readme.md b/readme.md index 9ec85c64..c203cd42 100644 --- a/readme.md +++ b/readme.md @@ -30,14 +30,19 @@ This readme is auto-generated from the data.js file, so please don't PR this fil # Awesome Uses ![Awesome][awesome-badge] * [Wes Bos](https://wesbos.com/uses) โ€” Maker of this site. Web Developer, Tutorial Maker, Syntax.fm Podcaster, BBQ Lover +* [Vishwasa Navada K](https://vishwas.tech/uses) โ€” Geek. Open source Enthusiast. Occasional blogger, photographer and traveler. +* [Silvestar Bistroviฤ‡](https://www.silvestar.codes/uses/) โ€” Fearless web engineer, CSS developer, JAMstack enthusiast, and WordPress theme specialist. +* [Adam Schwartz](https://adamschwartz.co/uses/) โ€” Software developer, designer, film music composer +* [Habbat Adnan](https://adncodez.com/uses) โ€” Self Taught Web Developer, Full Time Freelancer, Open Source Enthusiast +* [Carter McAlister](https://cartermcalister.dev/uses) โ€” Software Engineer, Digital Nomad, Lover of the Outdoors +* [Matt Jennings](https://mattjennings.io/uses) โ€” web dev, hockey | tradebreaker.io * [Jason Cory Alvernaz](https://jasoncoryalvernaz.com/uses) โ€” Web Developer, Blogger, YouTuber, and Dog Lover. Not necessarily in that order. * [Alessia Bellisario](https://aless.co/uses) โ€” Web engineer, mechanical keyboard builder, plotter art maker. +* [Sam Cross](http://sam-cross.github.io/uses) โ€” "Developer", IT student, frequent traveller by coach, addicted to music. * [Praveen Kumar Purushothaman](https://blog.praveen.science/my-personal-development-environment/) โ€” Cook, Cat Lover, Front End Architect, Full Stack Web Developer Evangelist & Cloud Computing Consultant. -* [Rene Pot](https://renepot.com/uses) โ€” Developer Evangelist, JavaScript Developer, Cross-Platform App Developer and gamer +* [Rene Pot](http://renepot.com/uses) โ€” Developer Evangelist, JavaScript Developer, Cross-Platform App Developer and gamer * [Gant Laborde](http://gantlaborde.com/uses/) โ€” Speaker, GDE Web/ML, Podcaster, Trainer, Speaker, Author, Podcaster -* [Troy Forster](https://tforster.com/uses) โ€” Consulting Technology Director and CTO for Hire * [Kent C. Dodds](https://kentcdodds.com/uses) โ€” JavaScript Software Engineer, speaker, and trainer -* [Hussain Aminu](https://hussain4real.github.io/Portfolio/uses) โ€” Web Developer, Data Scientist * [Glenn Reyes](https://glennreyes.com/uses) โ€” Independent Software Engineer, trainer & speaker. Into sports & music. * [Adam Jahnke](https://adamyonk.com/uses) โ€” Caffiend, motorcyclist, climber, recovering perfectionist. I love to make the complex simple. * [Andrew Healey](https://healeycodes.com/uses) โ€” Software Engineer, Writer, Learner! @@ -46,7 +51,6 @@ This readme is auto-generated from the data.js file, so please don't PR this fil * [Josiah Wiebe](https://jwie.be/uses/) โ€” Designer & developer, lifelong learner. * [Benjamin Lannon](https://lannonbr.com/uses/) โ€” Web Developer, Open Source Contributor, Livestreamer * [Braden Watkins](https://bradenwatkins.dev/uses) โ€” Student, Full Stack Developer, Lover of all things analog -* [Rick Calder](https://calder.io) โ€” Full Stack Developer, Amateur Writer mostly hockey and development, Hack Musician * [Lauro Silva](https://laurosilva.com/uses) โ€” Software Engineer and Technical Writer * [Nuno Maduro](https://nunomaduro.com/uses/) โ€” Software engineer, Open Source contributor, Speaker * [Adrian Marin](https://adrianthedev.com/uses) โ€” Product-Minded Software Engineer, Digital nomad, no-nonsense enjoyer of life, friends and family. @@ -73,12 +77,11 @@ This readme is auto-generated from the data.js file, so please don't PR this fil * [Christopher Hranj](https://brodan.biz/uses) โ€” Software Engineer, Blogger, Musician, Ultimate player. * [Vincent Ramdhanie](https://vincentramdhanie.com/uses) โ€” Software Developer, Lecturer, Technical Writer and Mentor * [Amir R Muntasser](https://arkm.xyz/uses/) โ€” Web Developer, #vuenicorn wizard, Oxford comma enthusiast, and inventor of the ol' razzle dazzle. -* [Pavel Melnik](https://pavel.dev/uses) โ€” Web developer, Technology enthusiast, Energy Management System expert +* [Pavel Melnik](https://theopract.gitlab.io/pavel-dev/uses/) โ€” Web developer, Technology enthusiast, Energy Management System expert * [Miguel รngel Durรกn](https://midu.dev/uses) โ€” Front end passionate, Web Performance freak, casual speaker, podcast host, and gamer. * [David Llop](https://davidllop.com/uses) โ€” Full stack developer from Girona. Open Source contributor. Always Learning. * [Josh Manders](https://joshmanders.com/uses/) โ€” Full Snack Developer and Indie Maker * [Daniel Wirtz](https://danielwirtz.com/uses/) โ€” Designer who codes @Crisp Studio -* [Sanket Gandhi](https://sanketgandhi.com/uses) โ€” Software Engineer * [Harry Wolff](https://hswolff.com/uses/) โ€” Front-end engineer and YouTuber * [James Mills](https://jamesmills.co.uk/uses) โ€” Work with PHP & Laravel at @clicksco in Dubai. Pleased to be part of the Laravel community. * [Jeffrey Way](https://laracasts.com/blog/laracasts-uses) โ€” Laracasts Author @@ -86,16 +89,13 @@ This readme is auto-generated from the data.js file, so please don't PR this fil * [Erno Salo](https://endormi.io/uses/) โ€” Full Stack Developer and Open Source Contributor * [Gokulakrishnan Kalaikovan](https://gokul.site/uses) โ€” Web Developer, GDE, Open Source contributor, Speaker * [James Brooks](https://james.brooks.page/uses/) โ€” Software Developer at Laravel and Podcaster -* [Douglas Andreani](https://andreanidr.com) โ€” Software Engineer and Tinkerer * [Byurhan Beyzat](https://byurhanbeyzat.com/uses) โ€” Front-End Developer. Engineer. Occasional blogger. -* [Richard Palacios G.](https://www.richardpalaciosg.dev/uses) โ€” Web Developer, passionate apprentice, Community co-organizer * [Mike Barkmin](https://www.barkmin.eu/uses/) โ€” I'm a passionate developer and researcher at the University of Duisburg-Essen at the chair of Computer Science Education. * [Hugo Di Francesco](https://codewithhugo.com/uses/) โ€” JavaScript developer, blogger at codewithhugo.com, author of 'Professional JavaScript' with Packt. * [Steve Heyes](https://steveheyes.co.uk/uses) โ€” I like to use tech to build awesome things that makes peoples lives better * [Diego Vazquez](https://gist.github.com/diurivj/78ca931c4b20dca1e1e13982fa9c309d) โ€” Young guy who loves code. Full Stack Web Developer. Lead Teacher @ Ironhack * [Rafael Quintanilha](https://rafaelquintanilha.com/about#uses) โ€” Software Engineer. Blogs about Web Development, Front-end, React, UI/UX, Accessibility. * [Ben Leivian](https://benleivian.com/uses) โ€” A โ€œseasonedโ€ full-stack developer & visual designer ๐Ÿ” -* [Mike Williamson](http://dikuw.com/) โ€” Into IoT, BLE, node.js, Android and iOS native apps * [Roman Husar](https://seemslikelegit.com/uses) โ€” Tinkering, all the time. * [Stephen Senkomago Musoke](https://ssmusoke.com/uses) โ€” Software Engineer, eHealth Technologist, PHP Lover by night, Muganda, Goat Meat for Life, Coffee Drinker * [Jรฉrรฉmy Mouzin](https://jeremymouzin.com/uses) โ€” Software Engineer, Tutorial Maker, Entrepreneur, Blogger @@ -103,11 +103,8 @@ This readme is auto-generated from the data.js file, so please don't PR this fil * [Scott Spence](https://scottspence.me#uses) โ€” Father, husband ๐Ÿ‘จโ€๐Ÿ‘ฉโ€๐Ÿ‘ง Web Developer. Just In Time learner โค๏ธ ๐Ÿ‘ http://my.pronoun.is/he * [Georgi Yanev](https://gyanev.com/uses/) โ€” Software Engineer, FPV Drone Pilot, Blogger, YouTuber * [Karl Horky](https://github.com/karlhorky/uses/blob/master/readme.md) โ€” Founder, Teacher at https://upleveled.io -* [Andrej Jovanovic](https://blog.andrejjovanovic.com/uses) โ€” DevOps System Engineer, Coder, Hardworker * [Josh Farrant](https://farrant.me/uses) โ€” Full-Stack JavaScript developer, creator of Shortcuts JS, astrophysicist and private pilot. I turn coffee, alchemy-like, into code. -* [Martin Chammah](https://martinchammah.dev/uses) โ€” Full Stack Gatsby Developer @ ecomerciar * [Pedro Assunรงรฃo](https://pedroassuncao.com/pages/uses) โ€” Senior Fullstack Software Developer, Tutorial Maker, Blogger -* [Marek Racรญk](https://racik.info/uses) โ€” Full Stack Developer * [Steven van Loef](https://steven.vanloef.com/uses) โ€” Web Developer, App Developer * [Richard Zilahi](https://gist.github.com/zilahir/4aaf5907999ea53711b2d554d22b0f3f) โ€” Full stack developer, pug enthusiast, dying for pizza * [Bezael Pรฉrez](https://dominicode.com/uses) โ€” Front-end Developer passionate. Trainer & speaker @@ -115,25 +112,56 @@ This readme is auto-generated from the data.js file, so please don't PR this fil * [Daniel Van Cuylenburg](https://danielvanc.com/uses) โ€” Front-end Web Developer. Love all things CSS, ReactJS, GatsbyJS, NodeJS and U.I design * [Chiamaka Ikeanyi](https://chiamakaikeanyi.dev/uses) โ€” Software Engineer, Technical Writer, Poet * [Francis Sunday](https://hakaselogs.me/2020-01-10/what-i-use) โ€” Software Engineer | Gopher | Hacker -* [Juan Manuel Incaurgarat](https://kilinkis.me/uses) โ€” Front end developer * [Jared Clifton-Lee](https://jared.clifton-lee.com/uses) โ€” Engineer of code; manager of people; trainer of cats -* [Carlos Junod](http://carlosjunod.me/uses/) โ€” Husband, Dreamer, Full Stack Developer, Javascript passionate, Graphic Designer * [James Kemp](https://www.jameskemp.dev/uses/) โ€” Web Developer, Blogger, Freelancer * [Tom Hazledine](https://tomhazledine.com/uses) โ€” Data visualisation tinkerer and JS enthusiast. Podcaster. Nerd. -* [Khriztian Moreno](https://khriztianmoreno.dev/uses) โ€” #Javascript Developer ๐Ÿฅ‘& Community builder ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ปโ™ฅ๏ธ๐Ÿ‘จ๐Ÿปโ€๐Ÿซ | #MDE at @cloudinary | Producer @commitfm ๐ŸŽ™๐Ÿ“ป | Co-Organize of @MedellinJS @avanetr * [Mihai Serban](https://www.mihaiserban.dev/uses) โ€” Software engineer in constant search for new and exciting technologies * [Nick Janetakis](https://nickjanetakis.com/uses) โ€” Freelance Web Developer, Web App Deployment, Tutorials, Technical death metal enthusiast * [Kaleigh Scruggs](https://kaleighscruggs.com/uses) โ€” Front-End Web Developer, stand-up comedian, loves Brazilian jiu-jitsu, tea, and being a helicopter dog mom * [Ste Grainer](https://stegrainer.com/uses) โ€” Designer, Developer -* [Yuri Yakovlev](https://mynameisyuri.com/uses) โ€” Maker of this site. Web Developer, Tutorial Maker, Podcaster, BBQ Lover * [Josรฉ Carlos Correa](https://jossdz.com/uses) โ€” Fullstack developer and speaker. Lead teacher @ironhack and gatsby teacher @platzi. Learning all the time. * [Erv Walter](https://blog.ewal.net/uses/) โ€” Father, Husband, Web Developer, Board Game Addict -* [Carlos Andres Charris Sandoval](https://carloscharris.com/uses) โ€” Software Engineer * [Juanito Fatas](https://juanitofatas.com/uses) โ€” Program Tinker ๐Ÿง™๐Ÿผโ€โ™‚๏ธ -* [ร†ndrew Rininsland](https://aendrew.com/uses) โ€” Developer-Journalist * [Elliot Bonneville](https://elliotbonneville.com/uses) โ€” Freelance Web Developer / Consultant, educator, lover of coffee, cats, and writing of all kinds. * [John Garrett](https://johngarrett.dev/uses) โ€” Arch Duke of Computering, Full Stack Instructor * [Dieter Stinglhamber](https://www.dieterstinglhamber.me/uses/) โ€” Developer, human, nerd. -* [Thomas Weibenfalk](https://www.weibenfalk.com/uses/) โ€” Passionate developer, course creator, youtuber, designer and musician from Sweden +* [Dany Paredes](https://danywalls.com/uses) โ€” I was a .NET guy, my last years โค๏ธ { #js & #sass } and play[ #react #vue #angular #sveltejs] +* [Thomas Weibenfalk](https://www.weibenfalk.com/uses/) โ€” Passionate developer, course creator, youtuber, designer and musician from Sweden +* [Shiveen Pandita](https://shiveenp.com/uses/) โ€” Fullstack developer and blogger from Sydney +* [David Leuliette](https://davidl.fr/uses) โ€” Freelance React Native developer and bootcamp instructor specializing in cross-platform application. +* [Dave Berning](https://daveberning.io/uses/) โ€” Developer, author, rocker, Nintendo enthusiast. I also co-organize the CodePen Cincinnati Meetups. +* [Jan-Lukas Else](https://jlelse.dev/uses/) โ€” Computer Science Student, Developer & Blogger from Germany +* [Seyhun Akyรผrek](https://www.seyhunakyurek.com/uses/) โ€” Senior Software Specialist. Swift, Objective-C, former Rubyist. Author of twitter-bootstrap-rails +* [Eric Oyanadel](https://www.oyanadel.com/uses/) โ€” Artist - Developer - Musician +* [Usman Khwaja](https://usmankhwaja.com/uses) โ€” Front end engineer, Jamstack developer +* [Thomas Large](https://tomlarge.dev/uses) โ€” My name is Tom! I write code +* [Amit Merchant](https://www.amitmerchant.com/uses) โ€” Maker of things. Open-source enthusiast. Blogger. +* [Junaid Qadir](https://junaidqadir.com/uses) โ€” A Full Stack #Laravel Developer +* [Yurui Zhang](https://gist.github.com/pallymore/6e12133b5c2fa2856a8a6b288e579c01) โ€” Full-stack developer. Dark mode enthusiast. Quality software devotee. +* [Eduardo Reveles](https://www.osiux.ws/about/uses) โ€” Web Engineer, Husband, Gamer. +* [Thomas Maximini](https://www.maxi.io/uses/) โ€” Freelance software developer from Germany. +* [Philip Theobald](https://www.philiptheobald.com/uses/) โ€” Guitar player, motorcyclist, software engineer, entreprenuer +* [Alejandro G. Anglada](https://aganglada.com/uses/) โ€” Dad ๐Ÿ‘ช๐Ÿ”ฅโšก๏ธ Web Engineer โš›๏ธ๐Ÿš€ #typescript all over the place ๐Ÿ‘Œ +* [Antoni Kepinski](https://kepinski.me/uses/) โ€” Node Fetch maintainer // Into Node.js and Rust +* [Marcus Obst](https://marcus-obst.de/uses) โ€” Webdeveloper, Music Lover +* [Pawel Grzybek](https://pawelgrzybek.com/uses/) โ€” Software Engineer +* [Eric McCormick](https://edm00se.codes/uses/) โ€” Software Developer, IBM Champion, coffee lover, dabbler in all things technology, hobbyist 3d design and printing +* [Ben Congdon](https://benjamincongdon.me/uses) โ€” Golang, Python, Rust. Runs in the Cloud. +* [Jens van Wijhe](https://jens.ai/uses) โ€” Creative web developer and entrepreneur +* [Jacob Herper](https://herper.io/uses/) โ€” Senior Front-End Engineer with a passion for all things digital. I create amazing web apps to make the internet a better place. +* [Ryan Warner](https://ryan.warner.codes/uses) โ€” Software Engineer and Interface Designer. Leader and Mentor. +* [Adam Urban](https://urbanisierung.dev/uses/) โ€” coder, father, left-handed +* [Majo Paskuvan](https://paskuvan.us/uses.html) โ€” Front End Developer, Reader, Deaf Person +* [Christopher Wavrin](https://wavrin.com/uses) โ€” Full Stack Developer +* [Florian Kapfenberger](https://phiilu.com/uses) โ€” Frontend developer from Austria who likes to create modern applications with React (Native) +* [Arturo Campos](https://arturocampos.dev/uses) โ€” Web Developer, dad, mountain biker, meat lover +* [Sercan Eraslan](http://sercaneraslan.com/uses) โ€” Front-End Tech Lead +* [Jeff Wen](https://sinchang.me/uses) โ€” Web Developer, Open Source Contributor +* [Andrea Prus](https://avris.it/uses) โ€” Full stack developer, blogger +* [Nick Taylor](https://www.iamdeveloper.com/uses/) โ€” Just some dev from Montreal, Quebec, Canada +* [Logan Blangenois](https://logan-blangenois.be/uses/) โ€” Front-end developer passionate about eco-friendly (web)app and React. +* [Muhammad Umair](https://gist.github.com/mumairofficial/0d97ed3dca1ba25d9f01b8db8aed42dc) โ€” Fullstack front-end developer and designer, passionate in everything #JavaScript +* [Kevin Woblick](https://www.kovah.de/uses/) โ€” I turn Pizza into Code and Photos +* [Tarik Omercehajic](https://robotz.tech/uses/) โ€” DevOps Engineer @BicomSystems. Mechanical Engineer in free time :) [awesome-badge]: https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg diff --git a/scripts/data-validate.js b/scripts/data-validate.js index b578dbe9..e9554ebb 100644 --- a/scripts/data-validate.js +++ b/scripts/data-validate.js @@ -1,14 +1,22 @@ import Joi from '@hapi/joi'; import core from '@actions/core'; +import * as http from 'http'; +import * as https from 'https'; import data from '../src/data.js'; import flags from './flags.js'; +if (process.env.CI !== 'true') { + core.error = console.error; + core.setFailed = console.error; +} + const schema = Joi.object({ name: Joi.string().required(), description: Joi.string().required(), url: Joi.string() .uri() - .required(), + .required() + .pattern(/(use|uses|using|setup|environment|^https:\/\/gist.github.com\/)/), country: Joi.string() .valid(...flags) .required(), @@ -32,3 +40,49 @@ errors.forEach(e => { if (errors.length) { core.setFailed('Action failed with validation errors, see logs'); } +const REQUEST_TIMEOUT = 10000; + +function getStatusCode(url) { + const client = url.startsWith('https') ? https : http; + return new Promise((resolve, reject) => { + setTimeout(() => reject(new Error('Request timed out')), REQUEST_TIMEOUT); + client + .get(url, res => { + resolve(res.statusCode); + }) + .on('error', err => { + reject(err); + }); + }); +} + +async function isWorkingUrl(url) { + try { + const statusCode = await getStatusCode(url); + if (statusCode < 200 || statusCode >= 400) { + core.error(`Ping to "${url}" failed with status: ${statusCode}`); + return false; + } + return true; + } catch (e) { + core.error(`Ping to "${url}" failed with error: ${e}`); + return false; + } +} + +(async () => { + // TODO: we might need to batch these in sets instead of requesting 100+ URLs + // at the same time + const areWorkingUrls = await Promise.all( + data.map(p => p.url).map(url => isWorkingUrl(url)) + ); + const failingUrls = areWorkingUrls.filter(a => !a); + if (failingUrls.length > 0) { + core.setFailed( + `Action failed with ${failingUrls.length} URL fetch failures, see logs` + ); + } + if (process.env.CI !== 'true') { + process.exit(failingUrls.length > 0 ? 1 : 0) + } +})(); diff --git a/scripts/flags.js b/scripts/flags.js index 860ddd01..100e8038 100644 --- a/scripts/flags.js +++ b/scripts/flags.js @@ -234,6 +234,7 @@ const flags = [ '๐Ÿ‡ฟ๐Ÿ‡ผ', '๐Ÿด๓ ง๓ ข๓ ฅ๓ ฎ๓ ง๓ ฟ', '๐Ÿณ๏ธโ€๐ŸŒˆ', + '๐Ÿ‡ช๐Ÿ‡บ', ]; export default flags; diff --git a/src/components/Person.js b/src/components/Person.js index 90b4dc4e..6e53064e 100644 --- a/src/components/Person.js +++ b/src/components/Person.js @@ -7,7 +7,7 @@ import * as icons from '../util/icons'; export default function Person({ person, currentTag }) { const url = new URL(person.url); - const img = `https://logo.clearbit.com/${url.host}`; + const img = `https://logo.clearbit.com/${url.host}?size=50`; return ( diff --git a/src/components/Topics.js b/src/components/Topics.js index 4262a986..d420e2a7 100644 --- a/src/components/Topics.js +++ b/src/components/Topics.js @@ -76,7 +76,7 @@ export default function Topics() { } // Component Styles -const Tags = styled.div` +const Tags = styled.ul` list-style-type: none; margin: 0; padding: 0; @@ -92,7 +92,7 @@ const Tag = styled.label` padding: 5px; color: hsla(0, 100%, 100%, 0.8); transition: background-color 0.2s; - cursor: ${props => (props.clickable? "pointer" : "default")}; + cursor: ${props => (props.clickable ? 'pointer' : 'default')}; display: grid; grid-template-columns: 1fr auto; align-items: center; diff --git a/src/data.js b/src/data.js index fcc43242..3497b7f5 100644 --- a/src/data.js +++ b/src/data.js @@ -1,29 +1,14 @@ -// Add yourself. Insert an object at any point - it doesn't matter if you go before someone else as results are randomized. - -// please remove the comments before You PR const pages = [ { - // Your name name: 'Wes Bos', - // Short description description: 'Maker of this site. Web Developer, Tutorial Maker, Syntax.fm Podcaster, BBQ Lover', - // URL to your /uses page url: 'https://wesbos.com/uses', twitter: '@wesbos', - // 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', 'Full Stack', @@ -36,6 +21,150 @@ const pages = [ 'CSS', ], }, + { + name: 'Vishwasa Navada K', + description: + 'Geek. Open source Enthusiast. Occasional blogger, photographer and traveler.', + url: 'https://vishwas.tech/uses', + twitter: '@vishwasnavadak', + emoji: '๐Ÿค“', + country: '๐Ÿ‡ฎ๐Ÿ‡ณ', + computer: 'apple', + phone: 'android', + tags: [ + 'Developer', + 'JavaScript', + 'AWS', + 'GraphQL', + 'Serverless', + 'Blogger', + 'Traveler', + ], + }, + { + name: 'Silvestar Bistroviฤ‡', + description: + 'Fearless web engineer, CSS developer, JAMstack enthusiast, and WordPress theme specialist.', + url: 'https://www.silvestar.codes/uses/', + twitter: '@malimirkeccita', + emoji: '๐Ÿค˜', + country: '๐Ÿ‡ญ๐Ÿ‡ท', + computer: 'apple', + phone: 'android', + tags: [ + 'HTML', + 'CSS', + 'JavaScript', + 'WordPress', + 'Serverless', + 'JAMstack', + 'Blogger', + 'Developer', + 'Front End', + 'Remote' + ], + }, + { + name: 'Adam Schwartz', + description: 'Software developer, designer, film music composer', + url: 'https://adamschwartz.co/uses/', + twitter: '@adamfschwartz', + emoji: 'โ™ซ', + country: '๐Ÿ‡บ๐Ÿ‡ธ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Composer', + 'CSS', + 'Designer', + 'Developer', + 'Engineer', + 'Front End', + 'JavaScript', + 'Musician', + ], + }, + { + name: 'Sergey Lysenko', + description: 'Front-end developer, guitar player, MTB rider, snowboarder, runner.', + url: 'https://soulwish.info/uses/', + twitter: '@Soul_Wish', + emoji: '๐Ÿ”ฅ', + country: '๐Ÿ‡บ๐Ÿ‡ฆ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Developer', + 'Engineer', + 'Full Stack', + 'Front End', + 'Teacher', + 'Speaker', + 'JavaScript', + 'React', + 'AngularJS', + 'Node', + 'CSS', + 'HTML', + 'Performance', + ], + }, + { + name: 'Habbat Adnan', + description: + 'Self Taught Web Developer, Full Time Freelancer, Open Source Enthusiast', + url: 'https://adncodez.com/uses', + twitter: '@adncodez', + emoji: '๐Ÿ', + country: '๐Ÿ‡ฒ๐Ÿ‡ฆ', + computer: 'linux', + phone: 'android', + tags: [ + 'Developer', + 'Full Stack', + 'Freelancer', + 'Python', + 'Django', + 'JavaScript', + 'CSS', + 'Docker', + ], + }, + { + + name: 'Carter McAlister', + description: 'Software Engineer, Digital Nomad, Lover of the Outdoors', + url: 'https://cartermcalister.dev/uses', + twitter: '@_CarterMc_', + emoji: '๐Ÿ”๏ธ', + country: '๐Ÿ‡บ๐Ÿ‡ธ', + computer: 'apple', + phone: 'android', + tags: [ + 'Engineer', + 'Front End', + 'Remote', + 'Nomad', + 'Developer', + 'JavaScript', + 'TypeScript', + 'React', + 'Node', + 'CSS', + 'Java', + ], + }, + { + name: 'Matt Jennings', + description: 'web dev, hockey | tradebreaker.io', + url: 'https://mattjennings.io/uses', + twitter: '@mattjennings44', + emoji: '๐Ÿ’', + country: '๐Ÿ‡จ๐Ÿ‡ฆ', + computer: 'apple', + phone: 'iphone', + tags: ['Developer', 'Full Stack', 'JavaScript', 'React', 'Hockey'], + }, { name: 'Jason Cory Alvernaz', description: @@ -78,6 +207,18 @@ const pages = [ 'Blogger', ], }, + { + name: 'Sam Cross', + description: + '"Developer", IT student, frequent traveller by coach, addicted to music.', + url: 'http://sam-cross.github.io/uses', + twitter: '@samcrxss', + emoji: '๐ŸŽต', + country: '๐Ÿ‡ฌ๐Ÿ‡ง', + computer: 'windows', + phone: 'android', + tags: ['Developer', 'JavaScript', 'React', 'Node', 'CSS'], + }, { name: 'Praveen Kumar Purushothaman', description: @@ -107,7 +248,7 @@ const pages = [ description: 'Developer Evangelist, JavaScript Developer, Cross-Platform App Developer and gamer', // URL to your /uses page - url: 'https://renepot.com/uses', + url: 'http://renepot.com/uses', twitter: '@wraldpyk', // An emoji that describes you emoji: '๐ŸŽฎ', @@ -161,29 +302,6 @@ const pages = [ 'Machine Learning', ], }, - { - name: 'Troy Forster', - description: 'Consulting Technology Director and CTO for Hire', - url: 'https://tforster.com/uses', - twitter: '@tforster', - emoji: '', - country: '๐Ÿ‡จ๐Ÿ‡ฆ', - computer: 'windows', - phone: 'android', - tags: [ - 'Engineer', - 'Back End', - 'Front End', - 'Consultant', - 'Entrepreneur', - 'JavaScript', - 'C#', - 'PHP', - 'Serverless', - 'SOA', - 'Enterprise', - ], - }, { name: 'Kent C. Dodds', description: 'JavaScript Software Engineer, speaker, and trainer', @@ -205,26 +323,6 @@ const pages = [ 'Blogger', ], }, - { - name: 'Hussain Aminu', - description: 'Web Developer, Data Scientist', - url: 'https://hussain4real.github.io/Portfolio/uses', - twitter: '@hussain4real', - emoji: '๐Ÿ”ฅ', - country: '๐Ÿ‡ณ๐Ÿ‡ฌ', - computer: 'windows', - phone: 'android', - tags: [ - 'Developer', - 'Full Stack', - 'Data Science', - 'JavaScript', - 'Python', - 'Vue', - 'Node', - 'Django', - ], - }, { name: 'Glenn Reyes', description: @@ -353,26 +451,6 @@ const pages = [ 'Golang', ], }, - { - name: 'Rick Calder', - description: - 'Full Stack Developer, Amateur Writer mostly hockey and development, Hack Musician', - url: 'https://calder.io', - twitter: '@calder12', - emoji: '๐Ÿคท๐Ÿพโ€โ™‚๏ธ', - country: '๐Ÿ‡จ๐Ÿ‡ฆ', - computer: 'windows', - phone: 'android', - tags: [ - 'Full Stack', - 'Developer', - 'Web Developer', - 'JavaScript', - 'PHP', - 'Elixir', - 'Go', - ], - }, { name: 'Lauro Silva', description: 'Software Engineer and Technical Writer', @@ -569,8 +647,8 @@ const pages = [ 'Teacher', 'Back End', 'Laravel', - 'Vuejs', - 'Tailwindcss', + 'Vue', + 'Tailwind CSS', 'PHP', 'JavaScript', ], @@ -830,7 +908,7 @@ const pages = [ name: 'Pavel Melnik', description: 'Web developer, Technology enthusiast, Energy Management System expert', - url: 'https://pavel.dev/uses', + url: 'https://theopract.gitlab.io/pavel-dev/uses/', twitter: '@theopract', emoji: '๐ŸคŸ', country: '๐Ÿ‡ท๐Ÿ‡บ', @@ -863,7 +941,7 @@ const pages = [ 'Full Stack', 'Engineer', 'JavaScript', - 'Typescript', + 'TypeScript', 'React', 'Accessibility', 'Performance', @@ -929,26 +1007,6 @@ const pages = [ phone: 'android', tags: ['Designer', 'Entrepreneur'], }, - { - name: 'Sanket Gandhi', - description: 'Software Engineer', - url: 'https://sanketgandhi.com/uses', - twitter: '@sanketgandhi876', - emoji: '๐Ÿ”ฅ', - country: '๐Ÿ‡ฎ๐Ÿ‡ณ', - computer: 'apple', - phone: 'android', - tags: [ - 'Developer', - 'Full Stack', - 'PHP', - 'Laravel', - 'AWS', - 'JavaScript', - 'React', - 'Node', - ], - }, { name: 'Harry Wolff', description: 'Front-end engineer and YouTuber ', @@ -1050,17 +1108,6 @@ const pages = [ 'JavaScript', ], }, - { - name: 'Douglas Andreani', - description: 'Software Engineer and Tinkerer', - url: 'https://andreanidr.com', - twitter: '@andreanidouglas', - emoji: '๐Ÿฑโ€๐Ÿ‰', - country: '๐Ÿ‡ง๐Ÿ‡ท', - computer: 'linux', - phone: 'android', - tags: ['Developer', 'Back End', 'C', 'Go', 'Rust', 'C#'], - }, { name: 'Byurhan Beyzat', description: 'Front-End Developer. Engineer. Occasional blogger.', @@ -1081,25 +1128,6 @@ const pages = [ 'React', ], }, - { - name: 'Richard Palacios G.', - description: 'Web Developer, passionate apprentice, Community co-organizer', - url: 'https://www.richardpalaciosg.dev/uses', - twitter: '@rpalaciosg_', - emoji: 'โšก', - country: '๐Ÿ‡ช๐Ÿ‡จ', - computer: 'linux', - phone: 'android', - tags: [ - 'Developer', - 'Javascript', - 'Front End', - 'BackEnd', - 'Community', - 'Node', - 'React', - ], - }, { name: 'Mike Barkmin', description: @@ -1230,24 +1258,6 @@ const pages = [ 'Docker', ], }, - { - name: 'Mike Williamson', - description: 'Into IoT, BLE, node.js, Android and iOS native apps', - url: 'http://dikuw.com/', - twitter: '@dikuw', - emoji: '๐Ÿ’ป', - country: '๐Ÿ‡บ๐Ÿ‡ธ', - computer: 'windows', - phone: 'iphone', - tags: [ - 'Developer', - 'Full Stack', - 'Entrepreneur', - 'JavaScript', - 'Node', - 'CSS', - ], - }, { name: 'Roman Husar', description: 'Tinkering, all the time.', @@ -1398,26 +1408,6 @@ const pages = [ '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: @@ -1439,27 +1429,6 @@ const pages = [ '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', @@ -1484,27 +1453,6 @@ const pages = [ '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', @@ -1544,12 +1492,12 @@ const pages = [ 'Engineer', 'Teacher', 'Blogger', - 'Javascript', + 'JavaScript', 'Node', - 'Typescript', + 'TypeScript', 'PHP', 'React', - 'GraphQl', + 'GraphQL', 'GatsbyJs', ], }, @@ -1566,8 +1514,8 @@ const pages = [ 'Developer', 'Angular', 'YouTuber', - 'Typescript', - 'Javascript', + 'TypeScript', + 'JavaScript', 'CSS', 'Node', 'Teacher', @@ -1652,17 +1600,6 @@ const pages = [ 'Golang', ], }, - { - name: 'Juan Manuel Incaurgarat', - description: 'Front end developer', - url: 'https://kilinkis.me/uses', - twitter: '@kilinkis', - emoji: '๐Ÿ€', - country: '๐Ÿ‡ฆ๐Ÿ‡ท', - computer: 'apple', - phone: 'android', - tags: ['React', 'WordPress', 'Gatsby', 'JavaScript', 'Node'], - }, { name: 'Jared Clifton-Lee', description: 'Engineer of code; manager of people; trainer of cats', @@ -1686,28 +1623,6 @@ const pages = [ 'Node', ], }, - { - name: 'Carlos Junod', - description: - 'Husband, Dreamer, Full Stack Developer, Javascript passionate, Graphic Designer', - url: 'http://carlosjunod.me/uses/', - twitter: '@carlosjunod', - emoji: '๐Ÿฅ‘', - country: '๐Ÿ‡จ๐Ÿ‡ฑ', - computer: 'apple', - phone: 'iphone', - tags: [ - 'Developer', - 'Full Stack', - 'React', - 'Designer', - 'Entrepreneur', - 'JavaScript', - 'Node', - 'CSS', - 'HTML', - ], - }, { name: 'James Kemp', description: 'Web Developer, Blogger, Freelancer', @@ -1747,30 +1662,6 @@ const pages = [ 'Podcaster', ], }, - { - name: 'Khriztian Moreno', - description: - '#Javascript Developer ๐Ÿฅ‘& Community builder ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ปโ™ฅ๏ธ๐Ÿ‘จ๐Ÿปโ€๐Ÿซ | #MDE at @cloudinary | Producer @commitfm ๐ŸŽ™๐Ÿ“ป | Co-Organize of @MedellinJS @avanetr', - url: 'https://khriztianmoreno.dev/uses', - twitter: '@khriztianmoreno', - emoji: '๐Ÿ‘จ๐Ÿผโ€๐Ÿ’ป', - country: '๐Ÿ‡จ๐Ÿ‡ด', - computer: 'apple', - phone: 'iphone', - tags: [ - 'Developer', - 'JavaScript', - 'React', - 'Front End', - 'React', - 'Blogger', - 'Speaker', - 'Podcaster', - 'Community', - 'JAMstack', - 'YouTuber', - ], - }, { name: 'Mihai Serban', description: @@ -1857,27 +1748,6 @@ const pages = [ 'JavaScript', ], }, - { - name: 'Yuri Yakovlev', - description: - 'Maker of this site. Web Developer, Tutorial Maker, Podcaster, BBQ Lover', - url: 'https://mynameisyuri.com/uses', - twitter: '@yakovlevyuri', - emoji: '๐Ÿง™โ€โ™‚๏ธ', - country: '๐Ÿ‡จ๐Ÿ‡ฟ', - computer: 'apple', - phone: 'iphone', - tags: [ - 'Developer', - 'Full Stack', - 'Serverless', - 'JavaScript', - 'TypeScript', - 'React', - 'Node', - 'GraphQL', - ], - }, { name: 'Josรฉ Carlos Correa', description: @@ -1892,7 +1762,7 @@ const pages = [ tags: [ 'Developer', 'Full Stack', - 'Graphql', + 'GraphQL', 'Teacher', 'Speaker', 'JavaScript', @@ -1920,29 +1790,6 @@ const pages = [ 'Azure', ], }, - { - name: 'Carlos Andres Charris Sandoval', - description: 'Software Engineer', - url: 'https://carloscharris.com/uses', - twitter: '@Darkklitos', - emoji: '๐Ÿ”ฅ', - country: '๐Ÿ‡จ๐Ÿ‡ด', - computer: 'apple', - phone: 'android', - tags: [ - 'Developer', - 'Full Stack', - 'JavaScript', - 'TypeScript', - 'Angular', - 'Vue', - 'React', - 'Node', - 'Java', - 'Docker', - 'Serverless', - ], - }, { name: 'Juanito Fatas', description: 'Program Tinker ๐Ÿง™๐Ÿผโ€โ™‚๏ธ', @@ -1954,30 +1801,6 @@ const pages = [ phone: 'iphone', tags: ['Think', 'Apply'], }, - { - name: 'ร†ndrew Rininsland', - description: 'Developer-Journalist', - url: 'https://aendrew.com/uses', - twitter: '@aendrew', - emoji: '๐Ÿ’š', - country: '๐Ÿณ๏ธโ€๐ŸŒˆ', - computer: 'apple', - phone: 'android', - tags: [ - 'Developer', - 'DataViz', - 'JavaScript', - 'TypeScript', - 'Node', - 'Python', - 'Author', - 'Journalist', - 'Speaker', - 'Front-End', - 'React', - 'D3', - ], - }, { name: 'Elliot Bonneville', description: @@ -2044,6 +1867,23 @@ const pages = [ 'Full Stack', ], }, + { + name: 'Dany Paredes', + description: 'I was a .NET guy, my last years โค๏ธ { #js & #sass } and play[ #react #vue #angular #sveltejs]', + url: 'https://danywalls.com/uses', + twitter: '@danywalls', + emoji: '๐Ÿ€', + country: '๐Ÿ‡ฉ๐Ÿ‡ด', + computer: 'linux', + phone: 'iphone', + tags: [ + 'Developer', + '.NET', + 'Typescript', + 'Javascript', + 'Sass' + ], + }, { name: 'Thomas Weibenfalk', description: @@ -2065,30 +1905,996 @@ const pages = [ ], }, { - name: 'Sergey Lysenko', - description: 'Front-end developer, guitar player, MTB rider, snowboarder, runner.', - url: 'https://soulwish.info/uses/', - twitter: '@Soul_Wish', + name: 'Shiveen Pandita', + description: + 'Fullstack developer and blogger from Sydney', + url: 'https://shiveenp.com/uses/', + twitter: '@shavzer', + emoji: '๐Ÿง™๐Ÿฝ', + country: '๐Ÿ‡ฆ๐Ÿ‡บ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'JavaScript', + 'Kotlin', + 'Full Stack Developer', + 'VueJS', + 'React', + 'Writer', + ], + }, + { + name: 'David Leuliette', + description: 'Freelance React Native developer and bootcamp instructor specializing in cross-platform application.', + url: 'https://davidl.fr/uses', + twitter: '@flexbox_', + emoji: 'โšก', + country: '๐Ÿ‡ซ๐Ÿ‡ท', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Engineer', + 'Designer', + 'Front End', + 'Entrepreneur', + 'Teacher', + 'Speaker', + 'JavaScript', + 'TypeScript', + 'React', + 'CSS', + 'GraphQL', + ], + }, + { + name: 'Dave Berning', + description: 'Developer, author, rocker, Nintendo enthusiast. I also co-organize the CodePen Cincinnati Meetups.', + url: 'https://daveberning.io/uses/', + twitter: '@daveberning', + emoji: '๐Ÿฆ„', + country: '๐Ÿ‡บ๐Ÿ‡ธ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'JavaScript', + 'Typescript', + 'HTML', + 'CSS', + 'Vue', + 'Developer', + 'Writer', + ], + }, + { + name: 'Jan-Lukas Else', + description: + 'Computer Science Student, Developer & Blogger from Germany', + url: 'https://jlelse.dev/uses/', + twitter: '@jlelse', + emoji: '๐Ÿค“', + country: '๐Ÿ‡ฉ๐Ÿ‡ช', + computer: 'linux', + phone: 'android', + tags: [ + 'Student', + 'Developer', + 'Blogger', + ], + }, + { + name: 'Seyhun Akyรผrek', + description: + 'Senior Software Specialist. Swift, Objective-C, former Rubyist. Author of twitter-bootstrap-rails', + url: 'https://www.seyhunakyurek.com/uses/', + twitter: '@seyhunak', + emoji: '๐Ÿš€', + country: '๐Ÿ‡น๐Ÿ‡ท', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Developer', + 'Entrepreneur', + 'Swift', + 'Objective-C', + 'Ruby On Rails', + 'Open Source', + 'Blogger', + ], + }, + { + name: 'Eric Oyanadel', + description: + 'Artist - Developer - Musician', + url: 'https://www.oyanadel.com/uses/', + twitter: '@EricOyanadel', + emoji: '๐ŸŒป', + country: '๐Ÿ‡จ๐Ÿ‡ฑ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Javascript', + 'React', + 'Node', + 'Design', + 'Full Stack', + 'Writer', + ], + }, + { + name: 'Usman Khwaja', + description: + 'Front end engineer, Jamstack developer', + url: 'https://usmankhwaja.com/uses', + twitter: '@numbfall', + emoji: 'โ›ต', + country: '๐Ÿ‡ต๐Ÿ‡ฐ', + computer: 'windows', + phone: 'android', + tags: [ + 'Developer', + 'Engineer', + 'Jamstack', + 'JavaScript', + 'AMP', + 'CSS', + ], + }, + { + name: "Thomas Large", + description: + "My name is Tom! I write code", + url: "https://tomlarge.dev/uses", + emoji: " ๐Ÿ‘จโ€๐Ÿ’ป", + country: "๐Ÿด๓ ง๓ ข๓ ฅ๓ ฎ๓ ง๓ ฟ", + computer: "apple", + phone: "iphone", + tags: [ + "Developer", + "Full Stack", + "Ruby on Rails", + "JavaScript", + "React", + "React Native", + "TypeScript", + "Wordpress", + "DevOps", + "Node", + "GraphQL" + ] + }, + { + name: 'Amit Merchant', + description: 'Maker of things. Open-source enthusiast. Blogger. ', + url: 'https://www.amitmerchant.com/uses', + twitter: '@amit_merchant', emoji: '๐Ÿ”ฅ', - country: '๐Ÿ‡บ๐Ÿ‡ฆ', + country: '๐Ÿ‡ฎ๐Ÿ‡ณ', + computer: 'linux', + phone: 'android', + tags: [ + 'Developer', + 'Full Stack', + 'Entrepreneur', + 'Blogger', + 'JavaScript', + 'React', + 'PHP', + 'Laravel', + 'CSS', + ], + }, + { + name: 'Junaid Qadir', + description:'A Full Stack #Laravel Developer', + url: 'https://junaidqadir.com/uses', + twitter: '@junaidqadirb', + emoji: 'โŒจ', + country: '๐Ÿ‡จ๐Ÿ‡ฆ', + computer: 'linux', + phone: 'android', + tags: [ + 'Blogger', + 'Developer', + 'Full Stack', + 'Laravel', + 'PHP', + 'JavaScript', + 'VueJS', + 'React', + 'CSS', + ], + }, + { + name: 'Yurui Zhang', + description: + 'Full-stack developer. Dark mode enthusiast. Quality software devotee.', + url: 'https://gist.github.com/pallymore/6e12133b5c2fa2856a8a6b288e579c01', + twitter: '@yuruiology', + emoji: '๐Ÿ™', + country: '๐Ÿ‡จ๐Ÿ‡ณ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Developer', + 'Full Stack', + 'JavaScript', + 'TypeScript', + 'React', + 'Node', + 'CSS', + 'Ruby', + 'Testing' + ], + }, + { + name: 'Eduardo Reveles', + description: 'Web Engineer, Husband, Gamer.', + url: 'https://www.osiux.ws/about/uses', + twitter: '@osiux', + emoji: '๐Ÿˆ', + country: '๐Ÿ‡ฒ๐Ÿ‡ฝ', + computer: 'linux', + phone: 'android', + tags: ['Developer', 'Full Stack', 'PHP', 'JavaScript', 'Laravel', 'React'], + }, + { + name: 'Thomas Maximini', + description: 'Freelance software developer from Germany.', + url: 'https://www.maxi.io/uses/', + twitter: '@tmaximini', + emoji: '๐Ÿ', + country: '๐Ÿ‡ฉ๐Ÿ‡ช', + computer: 'apple', + phone: 'iphone', + tags: [ + 'JavaScript', + 'React', + 'Blogger', + 'GraphQL', + 'serverless', + 'Node', + 'Full Stack', + ], + }, + { + name: 'Philip Theobald', + description: 'Guitar player, motorcyclist, software engineer, entreprenuer', + url: 'https://www.philiptheobald.com/uses/', + twitter: '@fylzero', + emoji: '๐Ÿค‘', + country: '๐Ÿ‡บ๐Ÿ‡ธ', + computer: 'apple', + phone: 'android', + tags: ['Software Engineer', 'Laravel', 'Vue', 'WordPress'], + }, + { + name: 'Alejandro G. Anglada', + description: + 'Dad ๐Ÿ‘ช๐Ÿ”ฅโšก๏ธ Web Engineer โš›๏ธ๐Ÿš€ #typescript all over the place ๐Ÿ‘Œ', + url: 'https://aganglada.com/uses/', + twitter: '@aganglada', + emoji: '๐Ÿ”ฅ', + country: '๐Ÿ‡ช๐Ÿ‡ธ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Engineer', + 'Front End', + 'Mentor', + 'YouTuber', + 'Writer', + 'JavaScript', + 'TypeScript', + 'Performance', + 'PWA', + 'React', + 'Node', + 'CSS', + ], + }, + { + name: 'Antoni Kepinski', + description: 'Node Fetch maintainer // Into Node.js and Rust', + url: 'https://kepinski.me/uses/', + twitter: '@dokwadratu', + emoji: 'โšก', + country: '๐Ÿ‡ต๐Ÿ‡ฑ', + computer: 'linux', + phone: 'iphone', + tags: ['JavaScript', 'Developer', 'TypeScript', 'React', 'Rust', 'Node'], + }, + { + name: 'Marcus Obst', + description: 'Webdeveloper, Music Lover', + url: 'https://marcus-obst.de/uses', + emoji: '๐ŸŠ', + country: '๐Ÿ‡ฉ๐Ÿ‡ช', + computer: 'windows', + phone: 'iphone', + tags: ['Developer', 'Full Stack', 'PHP', 'JavaScript', 'CSS', 'Vue'], + }, + { + name: 'Pawel Grzybek', + description: 'Software Engineer', + url: 'https://pawelgrzybek.com/uses/', + twitter: '@pawelgrzybek', + emoji: '๐Ÿฅ‘', + country: '๐Ÿ‡ต๐Ÿ‡ฑ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'HTML', + 'CSS', + 'JavaScript', + 'Node', + 'Software Engineer', + 'Front End', + 'Back End', + 'Full Stack', + 'Blogger', + ], + }, + { + name: 'Eric McCormick', + description: + 'Software Developer, IBM Champion, coffee lover, dabbler in all things technology, hobbyist 3d design and printing', + url: 'https://edm00se.codes/uses/', + twitter: '@edm00se', + emoji: '๐Ÿค”', + country: '๐Ÿ‡บ๐Ÿ‡ธ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Developer', + 'Full Stack', + 'Blogger', + 'Speaker', + 'YouTuber', + 'JavaScript', + 'Vue', + 'Node', + 'CSS', + ], + }, + { + name: 'Ben Congdon', + description: 'Golang, Python, Rust. Runs in the Cloud.', + url: 'https://benjamincongdon.me/uses', + twitter: '@BenRCongdon', + emoji: '๐Ÿคทโ€โ™‚๏ธ', + country: '๐Ÿ‡บ๐Ÿ‡ธ', computer: 'apple', phone: 'iphone', tags: [ 'Developer', 'Engineer', - 'Full Stack', - 'Front End', - 'Teacher', - 'Speaker', + 'Go', + 'Rust', + 'Serverless', + 'Python', 'JavaScript', 'React', - 'AngularJS', - 'Node', - 'CSS', - 'HTML', - 'Performance', ], }, + { + name: 'Jens van Wijhe', + description: 'Creative web developer and entrepreneur', + url: 'https://jens.ai/uses', + twitter: '@jvanwijhe', + emoji: '๐Ÿ‘จ๐Ÿปโ€๐Ÿš€', + country: '๐Ÿ‡ณ๐Ÿ‡ฑ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Developer', + 'Full Stack', + 'JavaScript', + 'Vue', + 'Angular', + 'Ionic', + 'Firebase', + 'PHP', + 'Laravel', + 'Wordpress', + 'CSS', + 'Tailwind', + ], + }, + { + name: 'Jacob Herper', + description: + 'Senior Front-End Engineer with a passion for all things digital. I create amazing web apps to make the internet a better place.', + url: 'https://herper.io/uses/', + twitter: '@jakeherp', + emoji: '๐Ÿ‘จโ€๐Ÿ’ป', + country: '๐Ÿ‡ฌ๐Ÿ‡ง', + computer: 'apple', + phone: 'iphone', + tags: [ + 'JavaScript', + 'React', + 'Gatsby', + 'Front End', + 'Engineer', + 'TypeScript', + 'Performance', + 'Entrepreneur', + ], + }, + { + name: 'Ryan Warner', + description: 'Software Engineer and Interface Designer. Leader and Mentor.', + url: 'https://ryan.warner.codes/uses', + emoji: '๐Ÿ˜„', + country: '๐Ÿ‡บ๐Ÿ‡ธ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Engineer', + 'Designer', + 'Entrepreneur', + 'JavaScript', + 'React', + 'Gatsby', + 'Firebase', + 'Node', + 'CSS', + ], + }, + { + name: 'Adam Urban', + description: + "coder, father, left-handed", + url: 'https://urbanisierung.dev/uses/', + twitter: '@urbanisierung', + emoji: '๐Ÿš€', + country: '๐Ÿ‡ฉ๐Ÿ‡ช', + computer: 'linux', + phone: 'iphone', + tags: [ + 'Engineer', + 'Full Stack', + 'Designer', + 'TypeScript', + 'Angular', + 'Node', + 'i3', + 'Serverless', + 'GCP', + ], + }, + { + name: 'Majo Paskuvan', + description: + 'Front End Developer, Reader, Deaf Person', + url: 'https://paskuvan.us/uses.html', + twitter: '@paskuvan', + emoji: '๐ŸคŸ', + country: '๐Ÿ‡จ๐Ÿ‡ฑ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Ruby On Rails', + 'Frontend', + 'UI Design', + 'Web Development', + 'UX', + 'Blogger', + 'Designer', + ] + }, + { + name: 'Christopher Wavrin', + description: 'Full Stack Developer', + url: 'https://wavrin.com/uses', + twitter: '@wavrin', + emoji: '๐Ÿคจ', + country: '๐Ÿ‡บ๐Ÿ‡ธ', + computer: 'apple', + phone: 'iphone', + tags: ['Ruby On Rails', 'Vue.js', 'Web Development', 'Full Stack', 'AWS'] + }, + { + name: 'Florian Kapfenberger', + description: + 'Frontend developer from Austria who likes to create modern applications with React (Native)', + url: 'https://phiilu.com/uses', + twitter: '@phiilu', + emoji: '๐Ÿข', + country: '๐Ÿ‡ฆ๐Ÿ‡น', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Developer', + 'Front End', + 'Full Stack', + 'JavaScript', + 'Blogger', + 'React', + 'Gatsby' + ], + }, + { + name: 'Arturo Campos', + description: 'Web Developer, dad, mountain biker, meat lover', + url: 'https://arturocampos.dev/uses', + twitter: '@arturocr', + emoji: '๐Ÿค–', + country: '๐Ÿ‡จ๐Ÿ‡ท', + computer: 'apple', + phone: 'android', + tags: [ + 'Engineer', + 'Front End', + 'Developer', + 'JavaScript', + 'TypeScript', + 'React', + 'Angular', + 'Vue', + 'CSS', + ], + }, + { + name: 'Sercan Eraslan', + description: 'Front-End Tech Lead', + url: 'http://sercaneraslan.com/uses', + twitter: '@sercan_eraslan', + emoji: '๐ŸŽ‰', + country: '๐Ÿ‡น๐Ÿ‡ท', + computer: 'apple', + phone: 'iphone', + tags: [ + 'JavaScript', + 'Developer', + 'Front-End', + 'Blogger', + 'React', + 'Vue', + 'Angular', + 'Svelte', + ], + }, + { + name: 'Jeff Wen', + description: + 'Web Developer, Open Source Contributor', + url: 'https://sinchang.me/uses', + twitter: '@sinchangwen', + emoji: '๐Ÿ•', + country: '๐Ÿ‡จ๐Ÿ‡ณ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'Web Development', + 'Front End', + 'Vue', + 'React', + 'Node', + 'Python' + ], + }, + { + name: 'Andrea Prus', + description: + 'Full stack developer, blogger', + url: 'https://avris.it/uses', + twitter: '@AvrisIT', + emoji: '๐Ÿณโ€๐ŸŒˆ', + country: '๐Ÿ‡ช๐Ÿ‡บ', + computer: 'linux', + phone: 'iphone', + tags: [ + 'Developer', + 'Full Stack', + 'PHP', + 'JavaScript', + 'Vue', + 'Node', + 'CSS', + ], + }, + { + name: 'Nick Taylor', + description: 'Just some dev from Montreal, Quebec, Canada', + url: 'https://www.iamdeveloper.com/uses/', + twitter: '@nickytonline', + emoji: '๐Ÿ”ฅ', + country: '๐Ÿ‡จ๐Ÿ‡ฆ', + computer: 'apple', + phone: 'iphone', + tags: [ + 'JavaScript', + 'Developer', + 'React', + 'Writer', + 'TypeScript', + 'Node', + 'CSS', + ], + }, + { + name: "Logan Blangenois", + description: + "Front-end developer passionate about eco-friendly (web)app and React.", + url: "https://logan-blangenois.be/uses/", + twitter: "@loganblangenois", + emoji: "๐Ÿง‘๐Ÿปโ€๐Ÿ’ป", + country: "๐Ÿ‡ง๐Ÿ‡ช", + computer: "apple", + phone: "iphone", + tags: [ + "Front End", + "Developer", + "JavaScript", + "React", + "GraphQL", + "Gatsby", + "HTML", + "CSS", + "Sass", + "Performance" + ], + }, + { + name: 'Muhammad Umair', + description: 'Fullstack front-end developer and designer, passionate in everything #JavaScript', + url: 'https://gist.github.com/mumairofficial/0d97ed3dca1ba25d9f01b8db8aed42dc', + twitter: '@imumare', + emoji: '๐Ÿ’ป', + country: '๐Ÿ‡ต๐Ÿ‡ฐ', + computer: 'windows', + phone: 'android', + tags: [ + 'JavaScript', + 'TypeScript', + 'Developer', + 'React', + 'Angular', + 'Node', + 'CSS', + 'Electron', + ], + }, + { + name: 'Kevin Woblick', + description: 'I turn Pizza into Code and Photos', + url: 'https://www.kovah.de/uses/', + twitter: '@kovah_kvh', + emoji: '๐Ÿ‘จโ€๐Ÿ’ป', + country: '๐Ÿ‡ฉ๐Ÿ‡ช', + computer: 'apple', + phone: 'android', + tags: [ + 'Back End', + 'Full Stack', + 'DevOps', + 'PHP', + 'JavaScript', + 'Python', + 'Laravel', + 'Vue', + 'Docker', + 'Blogger', + ], + }, + { + name: 'Tarik Omercehajic', + description: 'DevOps Engineer @BicomSystems. Mechanical Engineer in free time :)', + url: 'https://robotz.tech/uses/', + twitter: '@tariktz', + emoji: '๐Ÿš€', + country: '๐Ÿ‡ง๐Ÿ‡ฆ', + computer: 'apple', + phone: 'android', + tags: [ + 'Full Stack', + 'DevOps', + 'PHP', + 'JavaScript', + 'Go', + 'Vue', + 'Web Developer', + 'Wordpress', + ], + }, + // ๐Ÿšจ DO NOT ADD YOURSELF TO THE END OF THE ARRAY ๐Ÿšจ + // IT CAUSES MERGE CONFLICT HEADACHES ]; export default pages; + +// Times out +// { +// name: 'Troy Forster', +// description: 'Consulting Technology Director and CTO for Hire', +// url: 'https://tforster.com/uses', +// twitter: '@tforster', +// emoji: '', +// country: '๐Ÿ‡จ๐Ÿ‡ฆ', +// computer: 'windows', +// phone: 'android', +// tags: [ +// 'Engineer', +// 'Back End', +// 'Front End', +// 'Consultant', +// 'Entrepreneur', +// 'JavaScript', +// 'C#', +// 'PHP', +// 'Serverless', +// 'SOA', +// 'Enterprise', +// ], +// }, + +// Times out +// { +// name: 'Carlos Andres Charris Sandoval', +// description: 'Software Engineer', +// url: 'https://carloscharris.com/uses', +// twitter: '@Darkklitos', +// emoji: '๐Ÿ”ฅ', +// country: '๐Ÿ‡จ๐Ÿ‡ด', +// computer: 'apple', +// phone: 'android', +// tags: [ +// 'Developer', +// 'Full Stack', +// 'JavaScript', +// 'TypeScript', +// 'Angular', +// 'Vue', +// 'React', +// 'Node', +// 'Java', +// 'Docker', +// 'Serverless', +// ], +// }, + +// Times out +// { +// name: 'Carlos Junod', +// description: +// 'Husband, Dreamer, Full Stack Developer, Javascript passionate, Graphic Designer', +// url: 'http://carlosjunod.me/uses/', +// twitter: '@carlosjunod', +// emoji: '๐Ÿฅ‘', +// country: '๐Ÿ‡จ๐Ÿ‡ฑ', +// computer: 'apple', +// phone: 'iphone', +// tags: [ +// 'Developer', +// 'Full Stack', +// 'React', +// 'Designer', +// 'Entrepreneur', +// 'JavaScript', +// 'Node', +// 'CSS', +// 'HTML', +// ], +// }, + +// No /uses page +// { +// name: 'Hussain Aminu', +// description: 'Web Developer, Data Scientist', +// url: 'https://hussain4real.github.io/Portfolio/uses', +// twitter: '@hussain4real', +// emoji: '๐Ÿ”ฅ', +// country: '๐Ÿ‡ณ๐Ÿ‡ฌ', +// computer: 'windows', +// phone: 'android', +// tags: [ +// 'Developer', +// 'Full Stack', +// 'Data Science', +// 'JavaScript', +// 'Python', +// 'Vue', +// 'Node', +// 'Django', +// ], +// }, + +// No /uses page +// { +// name: 'Sanket Gandhi', +// description: 'Software Engineer', +// url: 'https://sanketgandhi.com/uses', +// twitter: '@sanketgandhi876', +// emoji: '๐Ÿ”ฅ', +// country: '๐Ÿ‡ฎ๐Ÿ‡ณ', +// computer: 'apple', +// phone: 'android', +// tags: [ +// 'Developer', +// 'Full Stack', +// 'PHP', +// 'Laravel', +// 'AWS', +// 'JavaScript', +// 'React', +// 'Node', +// ], +// }, + +// No /uses page +// { +// 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', +// ], +// }, + +// No /uses page +// { +// name: 'Richard Palacios G.', +// description: 'Web Developer, passionate apprentice, Community co-organizer', +// url: 'https://www.richardpalaciosg.dev/uses', +// twitter: '@rpalaciosg_', +// emoji: 'โšก', +// country: '๐Ÿ‡ช๐Ÿ‡จ', +// computer: 'linux', +// phone: 'android', +// tags: [ +// 'Developer', +// 'JavaScript', +// 'Front End', +// 'BackEnd', +// 'Community', +// 'Node', +// 'React', +// ], +// }, + +// No /uses page +// { +// 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', +// ], +// }, + +// No /uses page +// { +// name: 'Oscar Sรกnchez', +// description: 'Passionate developer, traveler and drummer from Perรบ', +// url: 'https://devlusaja.com', +// twitter: '@dev_lusaja', +// emoji: '๐Ÿ’ป๐Ÿ›ฉ๐Ÿ’ช', +// country: '๐Ÿ‡ต๐Ÿ‡ช', +// computer: 'linux', +// phone: 'android', +// tags: [ +// 'Developer', +// 'Software Architect', +// 'Python', +// 'PHP', +// 'Docker', +// 'Graphql', +// 'AWS', +// 'Open Source', +// ], +// }, + +// No /uses page +// { +// name: 'Khriztian Moreno', +// description: +// '#Javascript Developer ๐Ÿฅ‘& Community builder ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ปโ™ฅ๏ธ๐Ÿ‘จ๐Ÿปโ€๐Ÿซ | #MDE at @cloudinary | Producer @commitfm ๐ŸŽ™๐Ÿ“ป | Co-Organize of @MedellinJS @avanetr', +// url: 'https://khriztianmoreno.dev/uses', +// twitter: '@khriztianmoreno', +// emoji: '๐Ÿ‘จ๐Ÿผโ€๐Ÿ’ป', +// country: '๐Ÿ‡จ๐Ÿ‡ด', +// computer: 'apple', +// phone: 'iphone', +// tags: [ +// 'Developer', +// 'JavaScript', +// 'React', +// 'Front End', +// 'React', +// 'Blogger', +// 'Speaker', +// 'Podcaster', +// 'Community', +// 'JAMstack', +// 'YouTuber', +// ], +// }, + +// No /uses page +// { +// name: 'Yuri Yakovlev', +// description: +// 'Maker of this site. Web Developer, Tutorial Maker, Podcaster, BBQ Lover', +// url: 'https://mynameisyuri.com/uses', +// twitter: '@yakovlevyuri', +// emoji: '๐Ÿง™โ€โ™‚๏ธ', +// country: '๐Ÿ‡จ๐Ÿ‡ฟ', +// computer: 'apple', +// phone: 'iphone', +// tags: [ +// 'Developer', +// 'Full Stack', +// 'Serverless', +// 'JavaScript', +// 'TypeScript', +// 'React', +// 'Node', +// 'GraphQL', +// ], +// }, + +// Empty /uses page +// { +// name: 'ร†ndrew Rininsland', +// description: 'Developer-Journalist', +// url: 'https://aendrew.com/uses', +// twitter: '@aendrew', +// emoji: '๐Ÿ’š', +// country: '๐Ÿณ๏ธโ€๐ŸŒˆ', +// computer: 'apple', +// phone: 'android', +// tags: [ +// 'Developer', +// 'DataViz', +// 'JavaScript', +// 'TypeScript', +// 'Node', +// 'Python', +// 'Author', +// 'Journalist', +// 'Speaker', +// 'Front-End', +// 'React', +// 'D3', +// ], +// }, + +// Weird redirect to YouTube Video +// { +// name: 'Juan Manuel Incaurgarat', +// description: 'Front end developer', +// url: 'https://kilinkis.me/uses', +// twitter: '@kilinkis', +// emoji: '๐Ÿ€', +// country: '๐Ÿ‡ฆ๐Ÿ‡ท', +// computer: 'apple', +// phone: 'android', +// tags: ['React', 'WordPress', 'Gatsby', 'JavaScript', 'Node'], +// }, diff --git a/src/fonts/fira_mono-regular-webfont.woff b/src/fonts/fira_mono-regular-webfont.woff deleted file mode 100644 index 7e467d1f..00000000 Binary files a/src/fonts/fira_mono-regular-webfont.woff and /dev/null differ diff --git a/src/fonts/fira_mono-regular-webfont.woff2 b/src/fonts/fira_mono-regular-webfont.woff2 deleted file mode 100644 index 91736386..00000000 Binary files a/src/fonts/fira_mono-regular-webfont.woff2 and /dev/null differ diff --git a/src/fonts/fira_mono-regular_italic-webfont.woff b/src/fonts/fira_mono-regular_italic-webfont.woff deleted file mode 100644 index 80385527..00000000 Binary files a/src/fonts/fira_mono-regular_italic-webfont.woff and /dev/null differ diff --git a/src/fonts/fira_mono-regular_italic-webfont.woff2 b/src/fonts/fira_mono-regular_italic-webfont.woff2 deleted file mode 100644 index d4b71d51..00000000 Binary files a/src/fonts/fira_mono-regular_italic-webfont.woff2 and /dev/null differ diff --git a/static/fonts.css b/static/fonts.css deleted file mode 100644 index e0a145a6..00000000 --- a/static/fonts.css +++ /dev/null @@ -1,16 +0,0 @@ - /* Fonts */ - @font-face { - font-family: 'Fira Mono'; - font-weight: 400; - font-style: normal; - src: url('../src/fonts/fira_mono-regular-webfont.woff2') format('woff2'), - url('../src/fonts/fira_mono-regular-webfont.woff') format('woff'); - font-display: swap; - } - @font-face { - font-family: 'Fira Mono'; - font-weight: 400; - font-style: italic; - src: url('../src/fonts/fira_mono-regular_italic-webfont.woff2') format('woff2'), url('../src/fonts/fira_mono-regular_italic-webfont.woff') format('woff'); - font-display: swap; - }