diff --git a/src/App.tsx b/src/App.tsx
index b9d1646..0560f9a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,11 +1,9 @@
-import EthLogo from './EthLogo';
-import Starter from './Starter';
-import Projects from './Projects';
-import Footer from './Footer';
+import EthLogo from './components/EthLogo';
+import Starter from './components/Starter';
+import Projects from './components/Projects';
+import Footer from './components/Footer';
import './App.css';
-
-
function App() {
return (
diff --git a/src/EthLogo.css b/src/components/EthLogo.css
similarity index 100%
rename from src/EthLogo.css
rename to src/components/EthLogo.css
diff --git a/src/EthLogo.tsx b/src/components/EthLogo.tsx
similarity index 65%
rename from src/EthLogo.tsx
rename to src/components/EthLogo.tsx
index 9fe09b9..1ab4948 100644
--- a/src/EthLogo.tsx
+++ b/src/components/EthLogo.tsx
@@ -1,5 +1,5 @@
-import eth from './images/eth-diamond-color.png';
+import eth from '../images/eth-diamond-color.png';
import './EthLogo.css';
@@ -9,4 +9,4 @@ function EthLogo() {
);
}
-export default EthLogo;
\ No newline at end of file
+export default EthLogo;
diff --git a/src/Footer.css b/src/components/Footer.css
similarity index 100%
rename from src/Footer.css
rename to src/components/Footer.css
diff --git a/src/Footer.tsx b/src/components/Footer.tsx
similarity index 100%
rename from src/Footer.tsx
rename to src/components/Footer.tsx
diff --git a/src/ProjectCard.css b/src/components/ProjectCard.css
similarity index 100%
rename from src/ProjectCard.css
rename to src/components/ProjectCard.css
diff --git a/src/ProjectCard.tsx b/src/components/ProjectCard.tsx
similarity index 88%
rename from src/ProjectCard.tsx
rename to src/components/ProjectCard.tsx
index 2e6cf38..67491f4 100644
--- a/src/ProjectCard.tsx
+++ b/src/components/ProjectCard.tsx
@@ -1,8 +1,8 @@
-import globe from './images/globe.svg';
-import github from './images/github.svg';
-import discord from './images/discord.svg';
-import twitter from './images/twitter.svg';
-import telegram from './images/telegram.svg';
+import globe from '../images/globe.svg';
+import github from '../images/github.svg';
+import discord from '../images/discord.svg';
+import twitter from '../images/twitter.svg';
+import telegram from '../images/telegram.svg';
import './ProjectCard.css';
import ColorHash from 'color-hash'
@@ -67,7 +67,7 @@ function ProjectCard(props: ProjectProps) {
try {
if (props.image) {
return (
-
+
);
} else {
return renderImage(props.short_name || props.name);
diff --git a/src/Projects.css b/src/components/Projects.css
similarity index 100%
rename from src/Projects.css
rename to src/components/Projects.css
diff --git a/src/Projects.json b/src/components/Projects.json
similarity index 100%
rename from src/Projects.json
rename to src/components/Projects.json
diff --git a/src/Projects.tsx b/src/components/Projects.tsx
similarity index 100%
rename from src/Projects.tsx
rename to src/components/Projects.tsx
diff --git a/src/Starter.css b/src/components/Starter.css
similarity index 100%
rename from src/Starter.css
rename to src/components/Starter.css
diff --git a/src/Starter.tsx b/src/components/Starter.tsx
similarity index 90%
rename from src/Starter.tsx
rename to src/components/Starter.tsx
index 3c33263..e5cb795 100644
--- a/src/Starter.tsx
+++ b/src/components/Starter.tsx
@@ -1,8 +1,8 @@
import React from 'react';
-import logo from './images/pse-logo.svg';
-import arrow from './images/arrow.svg';
-import discord from './images/discord.svg';
-import twitter from './images/twitter.svg';
+import logo from '../images/pse-logo.svg';
+import arrow from '../images/arrow.svg';
+import discord from '../images/discord.svg';
+import twitter from '../images/twitter.svg';
import './Starter.css';
function Starter() {
diff --git a/src/site-footer.svg b/src/images/site-footer.svg
similarity index 100%
rename from src/site-footer.svg
rename to src/images/site-footer.svg