diff --git a/Assets/Backend/mongodb.png b/Assets/Backend/mongodb.png
deleted file mode 100644
index 8c958c4..0000000
Binary files a/Assets/Backend/mongodb.png and /dev/null differ
diff --git a/Assets/Backend/mongodb.svg b/Assets/Backend/mongodb.svg
new file mode 100644
index 0000000..3da8795
--- /dev/null
+++ b/Assets/Backend/mongodb.svg
@@ -0,0 +1,85 @@
+
+
diff --git a/Assets/Backend/redis.png b/Assets/Backend/redis.png
deleted file mode 100644
index 37692ac..0000000
Binary files a/Assets/Backend/redis.png and /dev/null differ
diff --git a/Assets/Backend/redis.svg b/Assets/Backend/redis.svg
new file mode 100644
index 0000000..0712975
--- /dev/null
+++ b/Assets/Backend/redis.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Assets/Bots/dependabot.svg b/Assets/Bots/dependabot.svg
new file mode 100644
index 0000000..bca8bfa
--- /dev/null
+++ b/Assets/Bots/dependabot.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/Assets/Bots/netlify.svg b/Assets/Bots/netlify.svg
new file mode 100644
index 0000000..46b161e
--- /dev/null
+++ b/Assets/Bots/netlify.svg
@@ -0,0 +1,9 @@
+
\ No newline at end of file
diff --git a/Assets/Bots/welcomebot.svg b/Assets/Bots/welcomebot.svg
new file mode 100644
index 0000000..1ab054e
--- /dev/null
+++ b/Assets/Bots/welcomebot.svg
@@ -0,0 +1,8 @@
+
\ No newline at end of file
diff --git a/Assets/Design/AdobeXD.svg b/Assets/Design/AdobeXD.svg
new file mode 100644
index 0000000..8d4e40e
--- /dev/null
+++ b/Assets/Design/AdobeXD.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Assets/Design/figma.svg b/Assets/Design/figma.svg
new file mode 100644
index 0000000..460cc31
--- /dev/null
+++ b/Assets/Design/figma.svg
@@ -0,0 +1,10 @@
+
+
\ No newline at end of file
diff --git a/Assets/Design/sketch.svg b/Assets/Design/sketch.svg
new file mode 100644
index 0000000..5d9629d
--- /dev/null
+++ b/Assets/Design/sketch.svg
@@ -0,0 +1,14 @@
+
+
diff --git a/Assets/Framework/expressjs.svg b/Assets/Framework/expressjs.svg
new file mode 100644
index 0000000..c8e935a
--- /dev/null
+++ b/Assets/Framework/expressjs.svg
@@ -0,0 +1,53 @@
+
+
diff --git a/Assets/Framework/jquery.svg b/Assets/Framework/jquery.svg
new file mode 100644
index 0000000..9fd609a
--- /dev/null
+++ b/Assets/Framework/jquery.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Assets/Framework/react.svg b/Assets/Framework/react.svg
new file mode 100644
index 0000000..1c5118d
--- /dev/null
+++ b/Assets/Framework/react.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Assets/Language/javascript.svg b/Assets/Language/javascript.svg
new file mode 100644
index 0000000..6f4415e
--- /dev/null
+++ b/Assets/Language/javascript.svg
@@ -0,0 +1,7 @@
+
diff --git a/Assets/Language/sass.svg b/Assets/Language/sass.svg
new file mode 100644
index 0000000..02e14a7
--- /dev/null
+++ b/Assets/Language/sass.svg
@@ -0,0 +1,3 @@
+
diff --git a/Assets/Management/slack.svg b/Assets/Management/slack.svg
new file mode 100644
index 0000000..f47f474
--- /dev/null
+++ b/Assets/Management/slack.svg
@@ -0,0 +1,13 @@
+
+
\ No newline at end of file
diff --git a/Assets/Tooling/heroku.svg b/Assets/Tooling/heroku.svg
new file mode 100644
index 0000000..abeabe9
--- /dev/null
+++ b/Assets/Tooling/heroku.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Assets/Tooling/sublimetext.svg b/Assets/Tooling/sublimetext.svg
new file mode 100644
index 0000000..fb97c76
--- /dev/null
+++ b/Assets/Tooling/sublimetext.svg
@@ -0,0 +1,61 @@
+
+
+
+
diff --git a/Assets/Tooling/vscode.svg b/Assets/Tooling/vscode.svg
new file mode 100644
index 0000000..7d8af74
--- /dev/null
+++ b/Assets/Tooling/vscode.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/Assets/Workflow/airbnb.svg b/Assets/Workflow/airbnb.svg
new file mode 100644
index 0000000..405b8b6
--- /dev/null
+++ b/Assets/Workflow/airbnb.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/Assets/Workflow/babel.svg b/Assets/Workflow/babel.svg
new file mode 100644
index 0000000..f58a5e2
--- /dev/null
+++ b/Assets/Workflow/babel.svg
@@ -0,0 +1,7 @@
+
+
diff --git a/Assets/Workflow/gulp.svg b/Assets/Workflow/gulp.svg
new file mode 100644
index 0000000..9a4b5ec
--- /dev/null
+++ b/Assets/Workflow/gulp.svg
@@ -0,0 +1,10 @@
+
+
diff --git a/Assets/Workflow/travis.svg b/Assets/Workflow/travis.svg
new file mode 100644
index 0000000..f7dc2da
--- /dev/null
+++ b/Assets/Workflow/travis.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/DataSet/data.js b/DataSet/data.js
index f099618..67b7ba2 100644
--- a/DataSet/data.js
+++ b/DataSet/data.js
@@ -3,7 +3,7 @@ const data = [
cat: "Backend",
name: "MongoDB",
value: 50,
- icon: "./Assets/Backend/mongodb.png",
+ icon: "./Assets/Backend/mongodb.svg",
desc: `The de-facto Database solution for JavaScript and Node.js applications. It is a light weight,high performance NoSQL database and can be used for small and large websites.`
},
{
@@ -17,7 +17,7 @@ const data = [
cat: "Backend",
name: "Redis",
value: 50,
- icon: "./Assets/Backend/redis.png",
+ icon: "./Assets/Backend/redis.svg",
desc: `Redis is an open-source in-memory data structure project implementing a distributed, in-memory key-value database with optional durability. Redis supports different kinds of abstract data structures, such as strings, lists, maps, sets, sorted sets, hyperloglogs, bitmaps, streams and spatial indexes.`
},
{
@@ -31,21 +31,21 @@ const data = [
cat: "Framework",
name: "ExpressJS",
value: 50,
- icon: "./Assets/Framework/expressjs.png",
+ icon: "./Assets/Framework/expressjs.svg",
desc: `Express.js, or simply Express, is a JavaScript framework designed for building web applications and APIs. It is the de facto server framework for Node.js.`
},
{
cat: "Framework",
name: "ReactJS",
value: 50,
- icon: "./Assets/Framework/react.png",
+ icon: "./Assets/Framework/react.svg",
desc: `React (sometimes written React.js or ReactJS) is an open-source JavaScript framework maintained by Facebook for building user interfaces. React processes only user interface in applications and can be used in combination with other JavaScript libraries or frameworks such as Redux, Flux, Backbone...`
},
{
cat: "Framework",
name: "jQuery",
value: 50,
- icon: "./Assets/Framework/jquery.png",
+ icon: "./Assets/Framework/jquery.svg",
desc: ` Deprecated, because youmightnotneedjquery.com
`
},
@@ -60,28 +60,28 @@ const data = [
cat: "Language",
name: "JavaScript",
value: 50,
- icon: "./Assets/Language/javascript.png",
+ icon: "./Assets/Language/javascript.svg",
desc: `JavaScript is the heart of modern Web front end development and essential element of any Single Page Applications.`
},
{
cat: "Language",
name: "SCSS (Sassy CSS/SASS)",
value: 50,
- icon: "./Assets/Language/sass.png",
+ icon: "./Assets/Language/sass.svg",
desc: `This is our main CSS preprocessor language helping us lay structured foundation to CSS as well as assisting on writing more convenient BEM anotations.`
},
{
cat: "Design",
name: "Figma",
value: 50,
- icon: "./Assets/Design/figma.png",
+ icon: "./Assets/Design/figma.svg",
desc: `Figma is a free, online UI tool where you can create, collaborate, prototype and handoff all in the same place.`
},
{
cat: "Design",
name: "Adobe XD",
value: 50,
- icon: "./Assets/Design/AdobeXD.png",
+ icon: "./Assets/Design/AdobeXD.svg",
desc: `XD supports vector design and website wireframing, and creating simple interactive click-through prototypes.`
},
{
@@ -95,14 +95,14 @@ const data = [
cat: "Design",
name: "Sketch",
value: 50,
- icon: "./Assets/Design/sketch.png",
+ icon: "./Assets/Design/sketch.svg",
desc: `UX Design tool`
},
{
cat: "Workflow",
name: "Airbnb Javascript Style guide",
value: 50,
- icon: "./Assets/Workflow/airbnb.png",
+ icon: "./Assets/Workflow/airbnb.svg",
desc: `
A set of guidelines, presets, configs and stadard documentation for Nau developers.
Please visit the document site at: code.naustud.io`
@@ -111,7 +111,7 @@ const data = [
cat: "Workflow",
name: "BabelJS",
value: 50,
- icon: "./Assets/Workflow/babel.png",
+ icon: "./Assets/Workflow/babel.svg",
desc: `The de-facto tool to work with ECMAScript 6 and ReactJS nowadays.`
},
{
@@ -125,7 +125,7 @@ const data = [
cat: "Workflow",
name: "Travis CI",
value: 50,
- icon: "./Assets/Workflow/travis.png",
+ icon: "./Assets/Workflow/travis.svg",
desc: `Travis helps to test pull requests before it gets merged and allows us to deploy the apps as soon as the Tests pass.`
},
{
@@ -139,7 +139,7 @@ const data = [
cat: "Workflow",
name: "GulpJS",
value: 50,
- icon: "./Assets/Workflow/gulp.png",
+ icon: "./Assets/Workflow/gulp.svg",
desc: `GulpJS is a task automation tools written for Node.js. It is among the most popular Front End and Node project automation tools nowadays`
},
{
@@ -154,21 +154,21 @@ const data = [
cat: "Bots",
name: "Netlify",
value: 50,
- icon: "./Assets/Bots/netlify.png",
+ icon: "./Assets/Bots/netlify.svg",
desc: `Github Bot makes automated Workflow and the hard stuff simple.`
},
{
cat: "Bots",
name: "dependabot",
value: 50,
- icon: "./Assets/Bots/dependabot.png",
+ icon: "./Assets/Bots/dependabot.svg",
desc: `Github bot which automated dependency updates.It creates pull requests to keep your dependencies secure and up-to-date.`
},
{
cat: "Bots",
name: "welcomebot",
value: 50,
- icon: "./Assets/Bots/welcomebot.png",
+ icon: "./Assets/Bots/welcomebot.svg",
desc: `A Github App built with Probot that welcomes new users in any repository.`
},
{
@@ -189,7 +189,7 @@ const data = [
cat: "Management",
name: "Slack",
value: 50,
- icon: "./Assets/Management/slack.png",
+ icon: "./Assets/Management/slack.svg",
desc: `Slack is where work flows. It's where the people you need, the information you share, and the tools you use come together to get things done. Join us`
},
{
@@ -203,7 +203,7 @@ const data = [
cat: "Tooling",
name: "Sublime Text 3",
value: 50,
- icon: "./Assets/Tooling/sublimetext.png",
+ icon: "./Assets/Tooling/sublimetext.svg",
desc: `
Sublime Text 3 is a powerful and cross-platform source code editor. It is well-known for
introducing the concept of multi-cursor and lots of text editing command. Besides, its
@@ -214,7 +214,7 @@ const data = [
cat: "Tooling",
name: "Visual Studio Code",
value: 50,
- icon: "./Assets/Tooling/vscode.png",
+ icon: "./Assets/Tooling/vscode.svg",
desc: `
Visual Studio Code is a cross-platform source code editor developed by Microsoft.
It includes support for debugging, embedded Git control, syntax highlighting,
@@ -225,7 +225,7 @@ const data = [
cat: "Tooling",
name: "Heroku",
value: 50,
- icon: "./Assets/Tooling/heroku.png",
+ icon: "./Assets/Tooling/heroku.svg",
desc: `
Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.
`