{
const hasProcessedFiles = useRef(false)
@@ -36,18 +36,19 @@ export const useGames = () => {
try {
// Fetch and parse each file
- const promises = GAME_FILES.map(async (filename) => {
- const response = await fetch(`/assets/games/${filename}`)
- const csvText = await response.text()
- const parsedGames = await parseCSV(csvText)
+ const promises = Object.values(gameFiles).map(async (importFn) => {
+ const csvText = await importFn()
+ if (typeof csvText === 'string') {
+ const parsedGames = await parseCSV(csvText as string)
- // Remove duplicate games based on 'Game Name'
- parsedGames.forEach((game) => {
- if (!gameNames.has(game['Game Name'])) {
- gameNames.add(game['Game Name'])
- uniqueGames.push(game)
- }
- })
+ // Remove duplicate games based on 'Game Name'
+ parsedGames.forEach((game) => {
+ if (!gameNames.has(game['Game Name'])) {
+ gameNames.add(game['Game Name'])
+ uniqueGames.push(game)
+ }
+ })
+ }
})
await Promise.all(promises)
diff --git a/src/layout/head.tsx b/src/layout/head.tsx
new file mode 100644
index 0000000..12493f3
--- /dev/null
+++ b/src/layout/head.tsx
@@ -0,0 +1,36 @@
+import { Helmet } from 'react-helmet'
+import thumb from '../assets/img/DEGM Thumb.png'
+import logoWithCircle from '../assets/img/Logo with circle.png'
+
+export const Head = () => {
+ return (
+
+ {/* Open Graph Meta Tags */}
+
+
+
+
+
+
+ {/* Twitter Card Meta Tags */}
+
+
+
+
+
+ {/* Other Meta Tags */}
+
+
+
+
+ )
+}
diff --git a/src/layout/header.tsx b/src/layout/header.tsx
index 049d748..bc4c2b8 100644
--- a/src/layout/header.tsx
+++ b/src/layout/header.tsx
@@ -19,6 +19,8 @@ import mainStyles from '../styles//main.module.scss'
import navStyles from '../styles/nav.module.scss'
import '../styles/popup.css'
import { npubToHex } from '../utils'
+import logo from '../assets/img/DEG Mods Logo With Text.svg'
+import placeholder from '../assets/img/DEG Mods Default PP.png'
export const Header = () => {
const dispatch = useAppDispatch()
@@ -81,7 +83,7 @@ export const Header = () => {
@@ -144,7 +146,7 @@ export const Header = () => {
>
Login
diff --git a/src/layout/index.tsx b/src/layout/index.tsx
index 257fa74..a644ced 100644
--- a/src/layout/index.tsx
+++ b/src/layout/index.tsx
@@ -2,10 +2,12 @@ import { Outlet } from 'react-router-dom'
import { Footer } from './footer'
import { Header } from './header'
import { SocialNav } from './socialNav'
+import { Head } from './head'
export const Layout = () => {
return (
<>
+
diff --git a/src/pages/about.tsx b/src/pages/about.tsx
index 66fdcba..d19f44c 100644
--- a/src/pages/about.tsx
+++ b/src/pages/about.tsx
@@ -2,6 +2,8 @@ import { FAQAccordion } from '../components/FAQAccordion'
import '../styles/about.css'
import '../styles/FAQ.css'
import '../styles/styles.css'
+import thumb from '../assets/img/DEGM Thumb.png'
+import vivian from '../assets/img/vivian james.png'
export type FAQItem = {
question: string
@@ -14,7 +16,8 @@ const FAQ_ITEMS: FAQItem[] = [
answer: `We don't handle that directly, but you, as the creator, will.`
},
{
- question: 'How do you assure security of game mod files that someone downloads?',
+ question:
+ 'How do you assure security of game mod files that someone downloads?',
answer: `We don't assure security directly. However, we will provide a reaction
system to help users gauge the safety of download links, and mod creators
are encouraged to include scan links.`
@@ -36,12 +39,14 @@ const FAQ_ITEMS: FAQItem[] = [
Gist: If someone put a gun to your / the team's head, will you censor or ban anyone? No, because we can't.`
},
{
- question: "You can't do anything about any mod or person? Nothing at all? What about the illegal stuff?",
+ question:
+ "You can't do anything about any mod or person? Nothing at all? What about the illegal stuff?",
answer: `Direct removal or banning is not possible. We can only filter or
hide content on the site, but it remains accessible on here and elsewhere.`
},
{
- question: 'Why did you have to add Bitcoin? Why not traditional payment methods like Visa, PayPal, etc?',
+ question:
+ 'Why did you have to add Bitcoin? Why not traditional payment methods like Visa, PayPal, etc?',
answer: `For various reasons. With traditional payment methods, not everyone has access to them, they
can pressure or threaten us, mod creators, or even gamers to censor or ban, or restrict usage of this site
by holding our funds or stealing them. They can prevent you from tipping on this site or specific mod creators,
@@ -70,7 +75,7 @@ const FAQ_ITEMS: FAQItem[] = [
as such her design is temporary and will be replaced with a design created by an artist (or artists)
when that time comes.)`
}
-];
+]
export const AboutPage = () => {
return (
@@ -92,7 +97,7 @@ export const AboutPage = () => {
>
Liberating Game Mods
- 
+ 
Never get your game mods censored, get banned, lose your
history, nor lose the connection between creators and fans.
@@ -120,7 +125,11 @@ export const AboutPage = () => {
imposing their ideals. DEG Mods aims to change that
narrative by being developed on Nostr, a revolutionary new
communications protocol.{' '}
-
+
Learn more about Nostr here.
@@ -171,11 +180,11 @@ export const AboutPage = () => {
on this platform/site. Pretend its not even there. We're not
even making any money out of this project/site, in-fact,
we're running at a loss (unless direct donations/tips covers
- it, and/or we managed to add reasonable monetization systems
- to help cover further development and maintenance costs).
- This is just a passion project to help free (liberate)
- game mods and their creators, and this part potentially
- helps them financially, even those in other countries where
+ it, and/or we managed to add reasonable monetization systems
+ to help cover further development and maintenance costs).
+ This is just a passion project to help free (liberate) game
+ mods and their creators, and this part potentially helps
+ them financially, even those in other countries where
"normal" methods of money payment/transfer are not an
option. You can just find the mod you want and download it,
or upload the mod you've created, and never even touch
@@ -228,10 +237,7 @@ export const AboutPage = () => {
- 
+ 
diff --git a/src/pages/blogs.tsx b/src/pages/blogs.tsx
index 091cf86..822aa61 100644
--- a/src/pages/blogs.tsx
+++ b/src/pages/blogs.tsx
@@ -3,6 +3,7 @@ import '../styles/filters.css'
import '../styles/pagination.css'
import '../styles/search.css'
import '../styles/styles.css'
+import placeholder from '../assets/img/DEGMods Placeholder Img.png'
export const BlogsPage = () => {
return (
@@ -92,14 +93,14 @@ export const BlogsPage = () => {
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 7778250..79e5a15 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -27,6 +27,7 @@ import { NDKFilter } from '@nostr-dev-kit/ndk'
import 'swiper/css'
import 'swiper/css/navigation'
import 'swiper/css/pagination'
+import placeholder from '../assets/img/DEGMods Placeholder Img.png'
export const HomePage = () => {
const navigate = useNavigate()
@@ -118,10 +119,10 @@ export const HomePage = () => {
Blog Posts (WIP)
-
-
-
-
+
+
+
+
diff --git a/src/pages/mod/index.tsx b/src/pages/mod/index.tsx
index 301823c..a85d716 100644
--- a/src/pages/mod/index.tsx
+++ b/src/pages/mod/index.tsx
@@ -41,6 +41,7 @@ import {
import { Comments } from './internal/comment'
import { Reactions } from './internal/reactions'
import { Zap } from './internal/zap'
+import placeholder from '../../assets/img/DEGMods Placeholder Img.png'
export const ModPage = () => {
const { naddr } = useParams()
@@ -182,9 +183,9 @@ export const ModPage = () => {
Creator's Blog Posts (WIP)
-
-
-
+
+
+