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 1ee02204..0767c754 100644
--- a/migration.md
+++ b/migration.md
@@ -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 25dc52d4..dd014beb 100644
--- a/readme.md
+++ b/readme.md
@@ -30,7 +30,10 @@ 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
+* [Sergey Lysenko](https://soulwish.info/uses/) โ Front-end developer, guitar player, MTB rider, snowboarder, runner.
* [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
@@ -125,6 +128,7 @@ This readme is auto-generated from the data.js file, so please don't PR this fil
* [Dieter Stinglhamber](https://www.dieterstinglhamber.me/uses/) โ Developer, human, nerd.
* [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
@@ -150,6 +154,15 @@ This readme is auto-generated from the data.js file, so please don't PR this fil
* [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)
+* [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/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 ed99954c..3ecc4011 100644
--- a/src/data.js
+++ b/src/data.js
@@ -21,6 +21,49 @@ 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',
@@ -41,6 +84,31 @@ const pages = [
'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:
@@ -1836,6 +1904,25 @@ const pages = [
'YouTuber',
],
},
+ {
+ 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.',
@@ -2345,12 +2432,199 @@ const pages = [
'Blogger',
'React',
'Writer',
- 'Ruby on Rails'
- ]
- }
+ 'Ruby on Rails',
+ ],
+ },
+ {
+ 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',
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;
- }