253 lines
12 KiB
TypeScript
253 lines
12 KiB
TypeScript
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
|
|
answer: string
|
|
}
|
|
|
|
const FAQ_ITEMS: FAQItem[] = [
|
|
{
|
|
question: "You don't host mod files?",
|
|
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?',
|
|
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.`
|
|
},
|
|
{
|
|
question: "Why are you quoting 'account'?",
|
|
answer: `We use 'account' in quotes because technically you're generating a
|
|
key pair, not creating a traditional account. The next FAQ explains more.`
|
|
},
|
|
{
|
|
question: "You 'can't' remove mods or ban accounts? How does that work?",
|
|
answer: `I'll try my best to simplify the technicalities of this answer... Because of the nature of Nostr,
|
|
the 'account' creation process involves the generation/obtaining two cryptographic key pairs,
|
|
one private (think of that as your password that you cannot change), and one public (think of that
|
|
as your username that you cannot change). These key pairs are coming from the Nostr protocol itself,
|
|
and nobody controls Nostr, it's just there. Considering that, we can't 'ban' anyone directly. We might
|
|
have a mute-list with public addresses that won't show their posts/submissions on this site, but they
|
|
are still there and accessible by anyone. It's the same with someone's posts, we can't touch those as well.
|
|
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?",
|
|
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?',
|
|
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,
|
|
and there's no privacy. These are just a few reasons why we aren't using traditional payment methods.
|
|
With Bitcoin, anyone has access to it, nobody controls it so you can't be threatened with/by it,
|
|
you can actually own and properly control it, and it provides pseudonymity.`
|
|
},
|
|
{
|
|
question: 'Is this an open-source project?',
|
|
answer: `Yes, DEG Mods is open-source. You can access the code repository
|
|
[here](https://github.com/your-repo).`
|
|
},
|
|
{
|
|
question: "Who's developing / maintaining DEG Mods?",
|
|
answer: `Considering this is an open-source project, anyone can contribute to its development and maintenance.
|
|
With that said, the initial idea-tor, designer, and frontend developer is [Freakoverse](https://primal.net/p/npub18n4ysp43ux5c98fs6h9c57qpr4p8r3j8f6e32v0vj8egzy878aqqyzzk9r), and the co-developer
|
|
is [Nostr Dev](https://nostrdev.com/).`
|
|
},
|
|
{
|
|
question: "Who's that character above with the orange hair?",
|
|
answer: `That's Vivian James, a fictional gamer character.`
|
|
},
|
|
{
|
|
question: "Who's that character above with the purple hair?",
|
|
answer: `That's Moda-chan. DEG Mods' mascot. She's a master game mod creator! (Yes, she was AI-generated,
|
|
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 (
|
|
<div className='InnerBodyMain'>
|
|
<div className='ContainerMain'>
|
|
<div className='IBMSecMainGroup'>
|
|
<div className='IBMSecMain'>
|
|
<div className='AboutSec'>
|
|
<img
|
|
src='https://image.nostr.build/ad021a18bc5784d26c000ab63b56b8c4358ff3f0765b5eb71dc14415419bd6a2.png'
|
|
style={{ width: '100%' }}
|
|
alt='About Section'
|
|
/>
|
|
<div className='LearnText'>
|
|
<div className='LearnTextInside'>
|
|
<h1
|
|
className='LearnTextHeading'
|
|
style={{ textAlign: 'center' }}
|
|
>
|
|
Liberating Game Mods
|
|
</h1>
|
|
<img src={thumb} alt='Thumbnail' />
|
|
<p className='LearnTextPara'>
|
|
Never get your game mods censored, get banned, lose your
|
|
history, nor lose the connection between creators and fans.
|
|
Find the game mod you want and download it. Gamers and
|
|
developers are getting censored and suppressed, and this is
|
|
an attempt to stop it.
|
|
<br />
|
|
</p>
|
|
<p className='LearnTextPara'>
|
|
DEG Mods (Decentralized Game Mods) is an actual platform
|
|
where game mod creators can thrive without the fear of
|
|
censorship, bans, or losing their connection with fans. Game
|
|
mod creators and enthusiasts are empowered here because,
|
|
well, we literally can't fuck with them.
|
|
<br />
|
|
</p>
|
|
<h3 className='LearnTextHeading'>
|
|
What's the story with DEG Mods?
|
|
</h3>
|
|
<p className='LearnTextPara'>
|
|
The idea behind DEG Mods was born out of frustration with
|
|
the widespread censorship and control imposed on game mods
|
|
across various platforms. Many mod creators faced bans, lost
|
|
their work, and had their voices silenced by platforms
|
|
imposing their ideals. DEG Mods aims to change that
|
|
narrative by being developed on Nostr, a revolutionary new
|
|
communications protocol.{' '}
|
|
<a
|
|
className='linkMain'
|
|
href='https://nostr.com/'
|
|
target='_blank'
|
|
>
|
|
Learn more about Nostr here.
|
|
</a>
|
|
<br />
|
|
</p>
|
|
<h3 className='LearnTextHeading'>
|
|
Real quick though. What's Nostr?
|
|
</h3>
|
|
<p className='LearnTextPara'>
|
|
Nostr is a communications protocol that makes it extremely
|
|
hard for anyone to censor anyone's data, and can never have
|
|
your "account" get "banned". Nostr ensures that even this
|
|
site's creators cannot censor mods or ban anyone directly.
|
|
<br />
|
|
</p>
|
|
<h3 className='LearnTextHeading'>How DEG Mods Works</h3>
|
|
<p className='LearnTextPara'>
|
|
Unlike traditional mod hosting platforms, DEG Mods doesn't
|
|
host any files. Think of it as a browser, presenting game
|
|
mods published by their creators. Mod creators provide
|
|
direct download links on their mod pages, allowing gamers to
|
|
access the mods effortlessly. If a link breaks or gets
|
|
censored, mod creators can remove that link and add another,
|
|
and people can rate download links based on if they're
|
|
working and virus free. A public regulating system.
|
|
<br />
|
|
<br />
|
|
Also, everything is open sourced. Even if the site were to
|
|
shut down, someone can simply take the same code and run it
|
|
under a different name, and every mod would still be
|
|
accessible, along with their links, reactions/ratings, and
|
|
comments.
|
|
</p>
|
|
<h3 className='LearnTextHeading'>Tips / Donations</h3>
|
|
<p className='LearnTextPara'>
|
|
DEG Mods supports hassle-free money transfers for modders.
|
|
Fans can show their appreciation by directly tipping mod
|
|
creators via Bitcoin through the Lightning Network, an
|
|
action known as Zapping. Support creators so they can
|
|
continue making more valuable game mods!
|
|
<br />
|
|
</p>
|
|
<h3 className='LearnTextHeading'>
|
|
Wait, Crypto?! Ew.
|
|
<br />
|
|
</h3>
|
|
<p className='LearnTextPara'>
|
|
We know. You don't have to use it. Nothing is reliant on it
|
|
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
|
|
"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
|
|
Bitcoin.
|
|
<br />
|
|
</p>
|
|
<p className='LearnTextPara'>
|
|
DEG Mods is a response to censorship and oppression, to
|
|
bring freedom and not hinder people's desires and
|
|
creativity. If you know a mod creator that's being censored,
|
|
then show them the way. Gamers just want to game in peace...
|
|
<br />
|
|
</p>
|
|
<h3 className='LearnTextHeading'>
|
|
So, What is DEG Mods?
|
|
<br />
|
|
</h3>
|
|
<p className='LearnTextPara'>
|
|
DEG Mods is an open-source game mods browser (you can stop
|
|
right here if you want) of what's uploaded on servers owned
|
|
by unrelated people around the world. That's the appropriate
|
|
description.
|
|
<br />
|
|
<br />
|
|
For what some people might call it:
|
|
<br />
|
|
"It's a game mods website."
|
|
</p>
|
|
<div className='learnLinks'>
|
|
<a
|
|
className='learnLinksLink'
|
|
href='https://primal.net/p/npub17jl3ldd6305rnacvwvchx03snauqsg4nz8mruq0emj9thdpglr2sst825x'
|
|
target='_blank'
|
|
>
|
|
<img
|
|
className='learnLinksLinkImg'
|
|
src='https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif'
|
|
style={{ maxWidth: '28px' }}
|
|
/>
|
|
</a>
|
|
<a
|
|
className='learnLinksLink'
|
|
href='https://twitter.com/DEGMods'
|
|
target='_blank'
|
|
>
|
|
<img
|
|
className='learnLinksLinkImg'
|
|
src='https://image.nostr.build/4b38de750bec88a7977767bb69824a928927ed542fee96a258b0e7e4ee4c5b53.png'
|
|
/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<img className='LearnTextCharacterImgRight' src={vivian} />
|
|
</div>
|
|
|
|
<div className='LearnFAQ'>
|
|
<FAQAccordion id='accordion-1' items={FAQ_ITEMS} />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|