feat(pages): add mod manager page
All checks were successful
Release to Staging / build_and_release (push) Successful in 1m7s
All checks were successful
Release to Staging / build_and_release (push) Successful in 1m7s
This commit is contained in:
parent
d5f90012ea
commit
ddca5e7295
@ -225,6 +225,12 @@ export const Header = () => {
|
||||
>
|
||||
Blog
|
||||
</Link>
|
||||
<Link
|
||||
to={appRoutes.modManager}
|
||||
className={navStyles.NavMainBottomInsideLink}
|
||||
>
|
||||
Mod Manager
|
||||
</Link>
|
||||
</div>
|
||||
<div
|
||||
className={`${navStyles.NavMainBottomInsideOther} ${navStyles.NavMainBottomInsideOtherRight}`}
|
||||
|
167
src/pages/modManager.tsx
Normal file
167
src/pages/modManager.tsx
Normal file
@ -0,0 +1,167 @@
|
||||
export const ModManagerPage = () => {
|
||||
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=''
|
||||
/>
|
||||
<div className='LearnText'>
|
||||
<div className='LearnTextInside'>
|
||||
<h1
|
||||
className='LearnTextHeading'
|
||||
style={{ textAlign: 'center' }}
|
||||
>
|
||||
Mod Manager{' '}
|
||||
</h1>
|
||||
<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.
|
||||
<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, as well as being completely functional as well.
|
||||
You'd also be able to just simply run the site on your PC,
|
||||
without having it up on a domain.
|
||||
</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. Choose to 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 publish 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. Modders just want to mod, and 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 />
|
||||
Another way of describing it:
|
||||
<br />A true mod site.
|
||||
</p>
|
||||
<div className='learnLinks'>
|
||||
<a
|
||||
className='learnLinksLink'
|
||||
href='https://degmods.com/profile/nprofile1qqs0f0clkkagh6pe7ux8xvtn8ccf77qgy2e3ra37q8uaez4mks5034gfw4xg6'
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
@ -34,6 +34,7 @@ import { SupportersPage } from 'pages/supporters'
|
||||
import { commentsLoader } from 'loaders/comment'
|
||||
import { CommentsPopup } from 'components/comment/CommentsPopup'
|
||||
import { feedPostRouteAction } from 'pages/feed/action'
|
||||
import { ModManagerPage } from 'pages/modManager'
|
||||
|
||||
export const appRoutes = {
|
||||
home: '/',
|
||||
@ -43,6 +44,7 @@ export const appRoutes = {
|
||||
mod: '/mod/:naddr/',
|
||||
modReport_actionOnly: '/mod/:naddr/report',
|
||||
about: '/about',
|
||||
modManager: '/mod-manager',
|
||||
blogs: '/blog',
|
||||
blog: '/blog/:naddr/',
|
||||
blogEdit: '/blog/:naddr/edit',
|
||||
@ -125,6 +127,10 @@ export const routerWithNdkContext = (context: NDKContextType) =>
|
||||
path: appRoutes.about,
|
||||
element: <AboutPage />
|
||||
},
|
||||
{
|
||||
path: appRoutes.modManager,
|
||||
element: <ModManagerPage />
|
||||
},
|
||||
{
|
||||
path: appRoutes.blogs,
|
||||
element: <BlogsPage />,
|
||||
|
Loading…
x
Reference in New Issue
Block a user