degmods/degmods.com
6
0
Fork 0
Code Issues 30 Pull Requests Actions Packages Projects 3 Releases Wiki Activity

Mostly text, images, and link changes #6

Merged
freakoverse merged 22 commits from staging into master 2024-08-16 12:36:01 +00:00
Conversation 0 Commits 22 Files Changed 10 +111 -167
10 changed files with 111 additions and 167 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Banner.tsx
View File

@ -3,14 +3,12 @@ import navStyles from '../styles/nav.module.scss'
export const Banner = () => { export const Banner = () => {
return ( return (
<div className={navStyles.FundingCampaign}> <div className={navStyles.FundingCampaign}>
<a <p
className={navStyles.FundingCampaignLink} className={navStyles.FundingCampaignLink}
href='https://geyser.fund/project/degmods'
target='_blank'
> >
DEG Mods is running a crowd funding campaign. Chip-in or share the link DEG Mods is currently in pre-alpha (<a href="https://geyser.fund/entry/3335" target="_blank">Learn more</a>).
to help bring the project to life (click me). Check out its funding campaign (<a href="https://geyser.fund/project/degmods" target="_blank">Learn more</a>).
</a> </p>
</div> </div>
) )
} }

50
src/components/ProfileSection.tsx
View File

@ -21,7 +21,7 @@ export const ProfileSection = () => {
className='IBMSMSMSSS_Author_Top_PP' className='IBMSMSMSSS_Author_Top_PP'
style={{ style={{
background: background:
"url('/assets/img/media-cache%20(4).png') center / cover no-repeat" "url('assets/img/DEG%20Mods%20Default%20PP.png') center / cover no-repeat"
}} }}
></div> ></div>
</div> </div>
@ -162,10 +162,10 @@ interface Author {
} }
const author: Author = { const author: Author = {
name: 'Freakoverse', name: 'User name',
handle: 'freakoverse@degmods.com', handle: 'nip5handle@domain.com',
address: 'npub18n4ysp43ux5c98fs6h9c57qpr4p8r3j8f6e32v0vj8egzy878aqqyzzk9r', address: 'npub1address',
bio: `I guess I'm one of those #vtubers . Having fun talking about general topics, vrchat/similar, and games. Also #indiedev #gamedev You can call me: Freak فْرِيكٌ <20><><EFBFBD>リク (still learning Nihongo). #envtuber #podcast #gaming #gamedev` bio: `user bio, this is a long string of temporary text that would be replaced with the user bio from their metada address`
} }
interface Post { interface Post {
@ -177,47 +177,19 @@ interface Post {
const posts: Post[] = [ const posts: Post[] = [
{ {
name: 'Freakoverse', name: 'User name',
link: `feed-note.html`, link: `feed-note.html`,
content: ` So I know HTML/CSS pretty well and I'm confident with content: `user bio, this is a long string of temporary text that would be replaced with the user post from their short posts`
them.\n\n\n\nI also know UI and UX, as
well as graphic design (nowhere near pros, but I'm the
guy they call when the pro isn't around or when
something is needed quickly).\n\n\n\nI
don't know much java. Usually, I'd search for what I
want, find something close, and fiddle with it until
it works/gets the desired result ish. AI is helping
with this a lot actually.\n\n\n\nThis
helped me create my own sites and my own designs to
life, though just at a static level. I always wanted
to make dynamic sites, but the idea of doing backend
stuff is complex to me. However...\n\n\n\n"Let
me look into it again" and thought if I could make a
simple blog. Digging a bit, and watching/skimming
through tutorials, I realized that I think I can.\n\n\n\nNot
sure when I'll start/attempt this, but will journey
into learning the basics of PHP and attempting to make
a blog. I guess I'll learn the basics of PHP, and then
head into Laravel. If I manage to get the hang of it,
I'll attempt to make a complex old project I had, and
if I do manage to do it, I'll be pretty confident
=3\n\n\n\nAside from that, would be
nice to make a website, a personal blog, that shows my
long-form articles only. Hopefully by then things
would be more stable nostr-wise, cleaner, and easier
in terms of learning, so I'd be able to do it (or
collab with someone to do it / to make a template for
all to have and deploy easily).\n\n\n\n`
}, },
{ {
name: 'Freakoverse', name: 'Freakoverse',
link: 'https://primal.net/e/note1j7zmj4g6grc39zq30xq2de95dfszjpwlqvsktv65h7kuzjzsytjqgx73c7', link: 'feed-note.html',
content: `Happy to see some gamedevs port their games from Unity to Godot, after that Unity fiasco, like this one here called Road To Vostok` content: `user bio, this is a long string of temporary text that would be replaced with the user post from their short posts`
}, },
{ {
name: 'Freakoverse', name: 'Freakoverse',
link: `feed-note.html`, link: `feed-note.html`,
content: `This is good.`, content: `user bio, this is a long string of temporary text that would be replaced with the user post from their short posts`,
imageUrl: '/assets/img/media-cache%20(1).jpg' imageUrl: '/assets/img/DEGMods%20Placeholder%20Img.png'
} }
] ]

25
src/layout/header.tsx
View File

@ -529,31 +529,6 @@ const RegisterButtonWithDialog = () => {
Nostore Browser Extension Nostore Browser Extension
</a> </a>
</div> </div>
<div className='dividerPopup'>
<div className='dividerPopupLine'></div>
<p>or</p>
<div className='dividerPopupLine'></div>
</div>
<div className='pUMCB_ZapsInside'>
<div className='inputLabelWrapperMain'>
<label className='form-label labelMain'>
Android apps
</label>
<p className='labelDescriptionMain'>
Once you create your "account" on any of these, come
back and click login, then Advanced login, then sign-in
with bunker URL.
</p>
</div>
<a
className='btn btnMain btnMainPopup'
role='button'
href='https://github.com/greenart7c3/Amber/releases'
target='_blank'
>
Amber
</a>
</div>
</div> </div>
</div> </div>
</div> </div>

8
src/pages/blogs.tsx
View File

@ -12,7 +12,7 @@ export const BlogsPage = () => {
<div className='IBMSecMain'> <div className='IBMSecMain'>
<div className='SearchMainWrapper'> <div className='SearchMainWrapper'>
<div className='IBMSMTitleMain'> <div className='IBMSMTitleMain'>
<h2 className='IBMSMTitleMainHeading'>Blogs</h2> <h2 className='IBMSMTitleMainHeading'>Blogs (WIP)</h2>
</div> </div>
<div className='SearchMain'> <div className='SearchMain'>
<div className='SearchMainInside'> <div className='SearchMainInside'>
@ -92,9 +92,9 @@ export const BlogsPage = () => {
<div className='IBMSecMain IBMSMListWrapper'> <div className='IBMSecMain IBMSMListWrapper'>
<div className='IBMSMList'> <div className='IBMSMList'>
<BlogCard backgroundLink='https://image.nostr.build/d6af39fb1d47feaf09831ddf9d447ccc435ba10fcbb9b6d6e800390f6bbac851.png' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<BlogCard backgroundLink='https://nichegamer.com/wp-content/uploads/2023/01/onimai-01-07-2023.jpg' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<BlogCard backgroundLink='https://pbs.twimg.com/media/GDrRJOOXYAAeysT.jpg:large' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />

7
src/pages/games.tsx
View File

@ -11,7 +11,7 @@ export const GamesPage = () => {
<div className='IBMSecMain'> <div className='IBMSecMain'>
<div className='SearchMainWrapper'> <div className='SearchMainWrapper'>
<div className='IBMSMTitleMain'> <div className='IBMSMTitleMain'>
<h2 className='IBMSMTitleMainHeading'>Games</h2> <h2 className='IBMSMTitleMainHeading'>Games (WIP)</h2>
</div> </div>
<div className='SearchMain'> <div className='SearchMain'>
<div className='SearchMainInside'> <div className='SearchMainInside'>
@ -35,11 +35,6 @@ export const GamesPage = () => {
</div> </div>
<div className='IBMSecMain IBMSMListWrapper'> <div className='IBMSecMain IBMSMListWrapper'>
<div className='IBMSMList IBMSMListFeaturedAlt'> <div className='IBMSMList IBMSMListFeaturedAlt'>
<GameCard backgroundLink='https://m.media-amazon.com/images/M/MV5BZTRiNTgxMjQtNDE3OS00YTg4LTg3NTItY2EyNGUzYjAzZGZmXkEyXkFqcGdeQXVyMTI0MzI0MzE4._V1_FMjpg_UX1000_.jpg' />
<GameCard backgroundLink='https://upload.wikimedia.org/wikipedia/en/0/0c/Witcher_3_cover_art.jpg' />
<GameCard backgroundLink='https://cdn2.steamgriddb.com/file/sgdb-cdn/grid/9153bb77795515274c2be61ccc59c952.jpg' />
<GameCard backgroundLink='https://static.trueachievements.com/boxart/Game_12493.jpg' />
<GameCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<GameCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' /> <GameCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<GameCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' /> <GameCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<GameCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' /> <GameCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />

120
src/pages/home.tsx
View File

@ -19,44 +19,11 @@ export const HomePage = () => {
className='IBMSMSCWSPic' className='IBMSMSCWSPic'
style={{ style={{
background: background:
'url(https://www.ggrecon.com/media/fd1bxcwr/tifa-s-cowboy-costume-change.png) center / cover no-repeat' 'url("/assets/img/DEGMods%20Placeholder%20Img.png") center / cover no-repeat'
}} }}
></div> ></div>
<div className='IBMSMSCWSInfo'> <div className='IBMSMSCWSInfo'>
<h3 className='IBMSMSCWSInfoHeading'>Game Mod Title</h3> <h3 className='IBMSMSCWSInfoHeading'>Placeholder</h3>
<p className='IBMSMSCWSInfoText'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer nec odio. Praesent libero. Sed cursus ante
dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce
nec tellus sed augue semper porta. Mauris massa.
Vestibulum lacinia arcu eget nulla. className aptent
taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Curabitur sodales ligula in
libero.
<br />
</p>
<div className='IBMSMSliderContainerWrapperSliderAction'>
<a
className='btn btnMain IBMSMSliderContainerWrapperSliderActionbtn'
role='button'
href='mods-inner.html'
>
Check it out
</a>
</div>
</div>
</div>
<div className='swiper-slide IBMSMSliderContainerWrapperSlider'>
<div
className='IBMSMSCWSPic'
style={{
background:
'url(https://www.kakuchopurei.com/wp-content/uploads/2022/08/Marvels-Spider-Man-PC-Flag-Mod-1.jpg) center / cover no-repeat'
}}
></div>
<div className='IBMSMSCWSInfo'>
<h3 className='IBMSMSCWSInfoHeading'>Game Mod Title</h3>
<p className='IBMSMSCWSInfoText'> <p className='IBMSMSCWSInfoText'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer nec odio. Praesent libero. Sed cursus ante Integer nec odio. Praesent libero. Sed cursus ante
@ -89,7 +56,40 @@ export const HomePage = () => {
}} }}
></div> ></div>
<div className='IBMSMSCWSInfo'> <div className='IBMSMSCWSInfo'>
<h3 className='IBMSMSCWSInfoHeading'>Game Mod Title</h3> <h3 className='IBMSMSCWSInfoHeading'>Placeholder</h3>
<p className='IBMSMSCWSInfoText'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer nec odio. Praesent libero. Sed cursus ante
dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce
nec tellus sed augue semper porta. Mauris massa.
Vestibulum lacinia arcu eget nulla. className aptent
taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Curabitur sodales ligula in
libero.
<br />
</p>
<div className='IBMSMSliderContainerWrapperSliderAction'>
<a
className='btn btnMain IBMSMSliderContainerWrapperSliderActionbtn'
role='button'
href='mods-inner.html'
>
Check it out
</a>
</div>
</div>
</div>
<div className='swiper-slide IBMSMSliderContainerWrapperSlider'>
<div
className='IBMSMSCWSPic'
style={{
background:
'url("/assets/img/DEGMods%20Placeholder%20Img.png") center / cover no-repeat'
}}
></div>
<div className='IBMSMSCWSInfo'>
<h3 className='IBMSMSCWSInfoHeading'>Placeholder</h3>
<p className='IBMSMSCWSInfoText'> <p className='IBMSMSCWSInfoText'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer nec odio. Praesent libero. Sed cursus ante Integer nec odio. Praesent libero. Sed cursus ante
@ -126,13 +126,13 @@ export const HomePage = () => {
<div className='IBMSecMainGroup IBMSecMainGroupAlt'> <div className='IBMSecMainGroup IBMSecMainGroupAlt'>
<div className='IBMSecMain IBMSMListWrapper'> <div className='IBMSecMain IBMSMListWrapper'>
<div className='IBMSMTitleMain'> <div className='IBMSMTitleMain'>
<h2 className='IBMSMTitleMainHeading'>Cool Games</h2> <h2 className='IBMSMTitleMainHeading'>Cool Games (WIP)</h2>
</div> </div>
<div className='IBMSMList IBMSMListFeaturedAlt'> <div className='IBMSMList IBMSMListFeaturedAlt'>
<GameCard backgroundLink='https://m.media-amazon.com/images/M/MV5BZTRiNTgxMjQtNDE3OS00YTg4LTg3NTItY2EyNGUzYjAzZGZmXkEyXkFqcGdeQXVyMTI0MzI0MzE4._V1_FMjpg_UX1000_.jpg' /> <GameCard backgroundLink='assets/img/DEGMods%20Placeholder%20Img.png' />
<GameCard backgroundLink='https://upload.wikimedia.org/wikipedia/en/0/0c/Witcher_3_cover_art.jpg' /> <GameCard backgroundLink='assets/img/DEGMods%20Placeholder%20Img.png' />
<GameCard backgroundLink='https://cdn2.steamgriddb.com/file/sgdb-cdn/grid/9153bb77795515274c2be61ccc59c952.jpg' /> <GameCard backgroundLink='assets/img/DEGMods%20Placeholder%20Img.png' />
<GameCard backgroundLink='https://static.trueachievements.com/boxart/Game_12493.jpg' /> <GameCard backgroundLink='assets/img/DEGMods%20Placeholder%20Img.png' />
<GameCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' /> <GameCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
</div> </div>
<div className='IBMSMAction'> <div className='IBMSMAction'>
@ -147,13 +147,13 @@ export const HomePage = () => {
</div> </div>
<div className='IBMSecMain IBMSMListWrapper'> <div className='IBMSecMain IBMSMListWrapper'>
<div className='IBMSMTitleMain'> <div className='IBMSMTitleMain'>
<h2 className='IBMSMTitleMainHeading'>Awesome Mods</h2> <h2 className='IBMSMTitleMainHeading'>Awesome Mods (WIP)</h2>
</div> </div>
<div className='IBMSMList IBMSMListAlt'> <div className='IBMSMList IBMSMListAlt'>
<ModCard <ModCard
title='This is a mod title for an awesome game that will make everyone happy! The happiest!' title='Placeholder'
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.' summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
backgroundLink='https://image.nostr.build/65a11a00bb99c11561735f861c51b498cf9dc07d02beff7303fe7f7ab52f3987.jpg' backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
handleClick={() => { handleClick={() => {
alert( alert(
'these are dummy mods. So navigation on these are not implemented yet' 'these are dummy mods. So navigation on these are not implemented yet'
@ -161,9 +161,9 @@ export const HomePage = () => {
}} }}
/> />
<ModCard <ModCard
title='This is a mod title for an awesome game that will make everyone happy! The happiest!' title='Placeholder'
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.' summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
backgroundLink='https://web.archive.org/web/20240215093752im_/https://staticdelivery.nexusmods.com/mods/6144/images/headers/13_1707966408.jpg' backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
handleClick={() => { handleClick={() => {
alert( alert(
'these are dummy mods. So navigation on these are not implemented yet' 'these are dummy mods. So navigation on these are not implemented yet'
@ -171,9 +171,9 @@ export const HomePage = () => {
}} }}
/> />
<ModCard <ModCard
title='This is a mod title for an awesome game that will make everyone happy! The happiest!' title='Placeholder'
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.' summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
backgroundLink='https://steamuserimages-a.akamaihd.net/ugc/2013708095892656347/39A93A2B1EB05E725214373849F8E37FCEB4C2EA/?imw=512&amp;imh=256&amp;ima=fit&amp;impolicy=Letterbox&amp;imcolor=%23000000&amp;letterbox=true' backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
handleClick={() => { handleClick={() => {
alert( alert(
'these are dummy mods. So navigation on these are not implemented yet' 'these are dummy mods. So navigation on these are not implemented yet'
@ -193,13 +193,13 @@ export const HomePage = () => {
</div> </div>
<div className='IBMSecMain IBMSMListWrapper'> <div className='IBMSecMain IBMSMListWrapper'>
<div className='IBMSMTitleMain'> <div className='IBMSMTitleMain'>
<h2 className='IBMSMTitleMainHeading'>Latest Mods</h2> <h2 className='IBMSMTitleMainHeading'>Latest Mods (WIP)</h2>
</div> </div>
<div className='IBMSMList'> <div className='IBMSMList'>
<ModCard <ModCard
title='This is a mod title for an awesome game that will make everyone happy! The happiest!' title='Placeholder'
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.' summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
backgroundLink='https://image.nostr.build/65a11a00bb99c11561735f861c51b498cf9dc07d02beff7303fe7f7ab52f3987.jpg' backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
handleClick={() => { handleClick={() => {
alert( alert(
'these are dummy mods. So navigation on these are not implemented yet' 'these are dummy mods. So navigation on these are not implemented yet'
@ -207,9 +207,9 @@ export const HomePage = () => {
}} }}
/> />
<ModCard <ModCard
title='This is a mod title for an awesome game that will make everyone happy! The happiest!' title='Placeholder'
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.' summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
backgroundLink='https://web.archive.org/web/20240215093752im_/https://staticdelivery.nexusmods.com/mods/6144/images/headers/13_1707966408.jpg' backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
handleClick={() => { handleClick={() => {
alert( alert(
'these are dummy mods. So navigation on these are not implemented yet' 'these are dummy mods. So navigation on these are not implemented yet'
@ -217,9 +217,9 @@ export const HomePage = () => {
}} }}
/> />
<ModCard <ModCard
title='This is a mod title for an awesome game that will make everyone happy! The happiest!' title='Placeholder'
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.' summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
backgroundLink='https://steamuserimages-a.akamaihd.net/ugc/2013708095892656347/39A93A2B1EB05E725214373849F8E37FCEB4C2EA/?imw=512&amp;imh=256&amp;ima=fit&amp;impolicy=Letterbox&amp;imcolor=%23000000&amp;letterbox=true' backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
handleClick={() => { handleClick={() => {
alert( alert(
'these are dummy mods. So navigation on these are not implemented yet' 'these are dummy mods. So navigation on these are not implemented yet'
@ -227,7 +227,7 @@ export const HomePage = () => {
}} }}
/> />
<ModCard <ModCard
title='This is a mod title for an awesome game that will make everyone happy! The happiest!' title='Placeholder'
summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.' summary='Lorem ipsum dolor sit amet, consectetur adipiscing elit.'
backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png'
handleClick={() => { handleClick={() => {
@ -250,12 +250,12 @@ export const HomePage = () => {
</div> </div>
<div className='IBMSecMain IBMSMListWrapper'> <div className='IBMSecMain IBMSMListWrapper'>
<div className='IBMSMTitleMain'> <div className='IBMSMTitleMain'>
<h2 className='IBMSMTitleMainHeading'>Blog Posts</h2> <h2 className='IBMSMTitleMainHeading'>Blog Posts (WIP)</h2>
</div> </div>
<div className='IBMSMList'> <div className='IBMSMList'>
<BlogCard backgroundLink='https://image.nostr.build/d6af39fb1d47feaf09831ddf9d447ccc435ba10fcbb9b6d6e800390f6bbac851.png' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<BlogCard backgroundLink='https://nichegamer.com/wp-content/uploads/2023/01/onimai-01-07-2023.jpg' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<BlogCard backgroundLink='https://pbs.twimg.com/media/GDrRJOOXYAAeysT.jpg:large' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
</div> </div>

20
src/pages/innerMod.tsx
View File

@ -170,11 +170,11 @@ export const InnerModPage = () => {
</div> </div>
<div className='IBMSMSplitMainBigSideSec'> <div className='IBMSMSplitMainBigSideSec'>
<div className='IBMSMSMBSSPostsWrapper'> <div className='IBMSMSMBSSPostsWrapper'>
<h4 className='IBMSMSMBSSPostsTitle'>Creator's Blog Posts</h4> <h4 className='IBMSMSMBSSPostsTitle'>Creator's Blog Posts (WIP)</h4>
<div className='IBMSMList IBMSMListAlt'> <div className='IBMSMList IBMSMListAlt'>
<BlogCard backgroundLink='https://nichegamer.com/wp-content/uploads/2023/01/onimai-01-07-2023.jpg' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<BlogCard backgroundLink='https://nichegamer.com/wp-content/uploads/2023/01/onimai-01-07-2023.jpg' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
<BlogCard backgroundLink='https://nichegamer.com/wp-content/uploads/2023/01/onimai-01-07-2023.jpg' /> <BlogCard backgroundLink='/assets/img/DEGMods%20Placeholder%20Img.png' />
</div> </div>
</div> </div>
</div> </div>
@ -595,7 +595,7 @@ const Download = ({
</button> </button>
</div> </div>
<div className='IBMSMSMBSSDownloadsElementInside'> <div className='IBMSMSMBSSDownloadsElementInside'>
<p>Ratings:</p> <p>Ratings (WIP):</p>
<div className='tabsMain'> <div className='tabsMain'>
<ul className='nav nav-tabs tabsMainTop' role='tablist'> <ul className='nav nav-tabs tabsMainTop' role='tablist'>
<li className='nav-item tabsMainTopTab' role='presentation'> <li className='nav-item tabsMainTopTab' role='presentation'>
@ -818,7 +818,7 @@ const Download = ({
const Comments = () => { const Comments = () => {
return ( return (
<div className='IBMSMSMBSSCommentsWrapper'> <div className='IBMSMSMBSSCommentsWrapper'>
<h4 className='IBMSMSMBSSTitle'>Comments</h4> <h4 className='IBMSMSMBSSTitle'>Comments (WIP)</h4>
<div id='ArticleComments-1' className='IBMSMSMBSSComments'> <div id='ArticleComments-1' className='IBMSMSMBSSComments'>
<div className='IBMSMSMBSSCommentsCreation'> <div className='IBMSMSMBSSCommentsCreation'>
<div className='IBMSMSMBSSCC_Top'> <div className='IBMSMSMBSSCC_Top'>
@ -855,17 +855,17 @@ const Comments = () => {
className='IBMSMSMBSSCL_CommentTopPP' className='IBMSMSMBSSCL_CommentTopPP'
href='profile.html' href='profile.html'
style={{ style={{
background: `url('/assets/img/media-cache%20(4).png') center / cover no-repeat` background: `url('/assets/img/DEG%20Mods%20Default%20PP.png') center / cover no-repeat`
}} }}
></a> ></a>
</div> </div>
<div className='IBMSMSMBSSCL_CommentTopDetailsWrapper'> <div className='IBMSMSMBSSCL_CommentTopDetailsWrapper'>
<div className='IBMSMSMBSSCL_CommentTopDetails'> <div className='IBMSMSMBSSCL_CommentTopDetails'>
<a className='IBMSMSMBSSCL_CTD_Name' href='profile.html'> <a className='IBMSMSMBSSCL_CTD_Name' href='profile.html'>
FreakoverseFreakoverseFreakoverse User name
</a> </a>
<a className='IBMSMSMBSSCL_CTD_Address' href='profile.html'> <a className='IBMSMSMBSSCL_CTD_Address' href='profile.html'>
npub18n4ysp43ux5c98fs6h9c57qpr4p8r3j8f6e32v0vj8egzy878aqqyzzk9r npub1address
</a> </a>
</div> </div>
<div className='IBMSMSMBSSCL_CommentActionsDetails'> <div className='IBMSMSMBSSCL_CommentActionsDetails'>
@ -880,7 +880,7 @@ const Comments = () => {
</div> </div>
<div className='IBMSMSMBSSCL_CommentBottom'> <div className='IBMSMSMBSSCL_CommentBottom'>
<p className='IBMSMSMBSSCL_CBText'> <p className='IBMSMSMBSSCL_CBText'>
Yo this article was insane to read! Example user comment
</p> </p>
</div> </div>
<div className='IBMSMSMBSSCL_CommentActions'> <div className='IBMSMSMBSSCL_CommentActions'>

25
src/pages/settings.tsx
View File

@ -54,7 +54,7 @@ const SettingTabs = () => {
<div className='IBMSMSplitMainSmallSide'> <div className='IBMSMSplitMainSmallSide'>
<div className='IBMSMSplitMainSmallSideSec'> <div className='IBMSMSplitMainSmallSideSec'>
<div className='IBMSMSplitMainSmallSideSec'> <div className='IBMSMSplitMainSmallSideSec'>
<h3 className='IBMSMSMSSS_Text'>Settings</h3> <h3 className='IBMSMSMSSS_Text'>Settings (WIP)</h3>
</div> </div>
<div className='IBMSMSMSSS_Buttons'> <div className='IBMSMSMSSS_Buttons'>
<Link <Link
@ -203,7 +203,7 @@ const ProfileSettings = () => {
<div <div
className='IBMSMSMSSS_Author_Top_Banner' className='IBMSMSMSSS_Author_Top_Banner'
style={{ style={{
background: `url('https://primal.b-cdn.net/media-cache?s=m&amp;a=1&amp;u=https%3A%2F%2Fm.primal.net%2FHerB.png') center / cover no-repeat` background: `url('assets/img/DEGMods%20Placeholder%20Img.png') center / cover no-repeat`
}} }}
></div> ></div>
<a <a
@ -216,16 +216,16 @@ const ProfileSettings = () => {
<div <div
className='IBMSMSMSSS_Author_Top_PP' className='IBMSMSMSSS_Author_Top_PP'
style={{ style={{
background: `url('/assets/img/media-cache%20(4).png') center / cover no-repeat` background: `url('/assets/img/DEG%20Mods%20Default%20PP.png') center / cover no-repeat`
}} }}
></div> ></div>
</div> </div>
</div> </div>
<div className='IBMSMSMSSS_Author_Top_Left_InsideDetails'> <div className='IBMSMSMSSS_Author_Top_Left_InsideDetails'>
<div className='IBMSMSMSSS_Author_TopWrapper'> <div className='IBMSMSMSSS_Author_TopWrapper'>
<p className='IBMSMSMSSS_Author_Top_Name'>Freakoverse</p> <p className='IBMSMSMSSS_Author_Top_Name'>User name</p>
<p className='IBMSMSMSSS_Author_Top_Handle'> <p className='IBMSMSMSSS_Author_Top_Handle'>
freakoverse@degmods.com nip5handle@domain.com
</p> </p>
</div> </div>
</div> </div>
@ -237,7 +237,7 @@ const ProfileSettings = () => {
id='SiteOwnerAddress-1' id='SiteOwnerAddress-1'
className='IBMSMSMSSS_Author_Top_Address' className='IBMSMSMSSS_Author_Top_Address'
> >
npub18n4ysp43ux5c98fs6h9c57qpr4p8r3j8f6e32v0vj8egzy878aqqyzzk9r npub1address
</p> </p>
</div> </div>
<div className='IBMSMSMSSS_Author_Top_IconWrapper'> <div className='IBMSMSMSSS_Author_Top_IconWrapper'>
@ -268,10 +268,8 @@ const ProfileSettings = () => {
<path d='M144 32C170.5 32 192 53.49 192 80V176C192 202.5 170.5 224 144 224H48C21.49 224 0 202.5 0 176V80C0 53.49 21.49 32 48 32H144zM128 96H64V160H128V96zM144 288C170.5 288 192 309.5 192 336V432C192 458.5 170.5 480 144 480H48C21.49 480 0 458.5 0 432V336C0 309.5 21.49 288 48 288H144zM128 352H64V416H128V352zM256 80C256 53.49 277.5 32 304 32H400C426.5 32 448 53.49 448 80V176C448 202.5 426.5 224 400 224H304C277.5 224 256 202.5 256 176V80zM320 160H384V96H320V160zM352 448H384V480H352V448zM448 480H416V448H448V480zM416 288H448V416H352V384H320V480H256V288H352V320H416V288z'></path> <path d='M144 32C170.5 32 192 53.49 192 80V176C192 202.5 170.5 224 144 224H48C21.49 224 0 202.5 0 176V80C0 53.49 21.49 32 48 32H144zM128 96H64V160H128V96zM144 288C170.5 288 192 309.5 192 336V432C192 458.5 170.5 480 144 480H48C21.49 480 0 458.5 0 432V336C0 309.5 21.49 288 48 288H144zM128 352H64V416H128V352zM256 80C256 53.49 277.5 32 304 32H400C426.5 32 448 53.49 448 80V176C448 202.5 426.5 224 400 224H304C277.5 224 256 202.5 256 176V80zM320 160H384V96H320V160zM352 448H384V480H352V448zM448 480H416V448H448V480zM416 288H448V416H352V384H320V480H256V288H352V320H416V288z'></path>
</svg> </svg>
</div> </div>
<a <div
className='IBMSMSMSSS_Author_Top_IconWrapped' className='IBMSMSMSSS_Author_Top_IconWrapped'
href='https://primal.net/p/npub18n4ysp43ux5c98fs6h9c57qpr4p8r3j8f6e32v0vj8egzy878aqqyzzk9r'
target='_blank'
> >
<svg <svg
xmlns='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg'
@ -281,17 +279,14 @@ const ProfileSettings = () => {
fill='currentColor' fill='currentColor'
className='IBMSMSMSSS_Author_Top_Icon' className='IBMSMSMSSS_Author_Top_Icon'
> >
<path d='M256 64C256 46.33 270.3 32 288 32H415.1C415.1 32 415.1 32 415.1 32C420.3 32 424.5 32.86 428.2 34.43C431.1 35.98 435.5 38.27 438.6 41.3C438.6 41.35 438.6 41.4 438.7 41.44C444.9 47.66 447.1 55.78 448 63.9C448 63.94 448 63.97 448 64V192C448 209.7 433.7 224 416 224C398.3 224 384 209.7 384 192V141.3L214.6 310.6C202.1 323.1 181.9 323.1 169.4 310.6C156.9 298.1 156.9 277.9 169.4 265.4L338.7 96H288C270.3 96 256 81.67 256 64V64zM0 128C0 92.65 28.65 64 64 64H160C177.7 64 192 78.33 192 96C192 113.7 177.7 128 160 128H64V416H352V320C352 302.3 366.3 288 384 288C401.7 288 416 302.3 416 320V416C416 451.3 387.3 480 352 480H64C28.65 480 0 451.3 0 416V128z'></path> <path d="M240.5 224H352C365.3 224 377.3 232.3 381.1 244.7C386.6 257.2 383.1 271.3 373.1 280.1L117.1 504.1C105.8 513.9 89.27 514.7 77.19 505.9C65.1 497.1 60.7 481.1 66.59 467.4L143.5 288H31.1C18.67 288 6.733 279.7 2.044 267.3C-2.645 254.8 .8944 240.7 10.93 231.9L266.9 7.918C278.2-1.92 294.7-2.669 306.8 6.114C318.9 14.9 323.3 30.87 317.4 44.61L240.5 224z"></path>
</svg> </svg>
</a> </div>
</div> </div>
</div> </div>
<div className='IBMSMSMSSS_Author_Top_Details'> <div className='IBMSMSMSSS_Author_Top_Details'>
<p className='IBMSMSMSSS_Author_Top_Bio'> <p className='IBMSMSMSSS_Author_Top_Bio'>
I guess I'm one of those #vtubers . Having fun talking about user bio, this is a long string of temporary text that would be replaced with the user bio from their metada address
general topics, vrchat/similar, and games. Also #indiedev
#gamedev You can call me: Freak فْرِيكٌ フリク (still learning
Nihongo). #envtuber #podcast #gaming #gamedev
</p> </p>
<div <div
id='OwnerFollowLogin-1' id='OwnerFollowLogin-1'

2
src/pages/write.tsx
View File

@ -12,7 +12,7 @@ export const WritePage = () => {
<div className='IBMSMSplitMain'> <div className='IBMSMSplitMain'>
<div className='IBMSMSplitMainBigSide'> <div className='IBMSMSplitMainBigSide'>
<div className='IBMSMTitleMain'> <div className='IBMSMTitleMain'>
<h2 className='IBMSMTitleMainHeading'>Write a blog post</h2> <h2 className='IBMSMTitleMainHeading'>Write a blog post (WIP)</h2>
</div> </div>
<div className='IBMSMSMBS_Write'> <div className='IBMSMSMBS_Write'>
<InputField <InputField

11
src/styles/nav.module.scss
View File

@ -33,8 +33,17 @@
} }
&:hover { &:hover {
color: rgb(255, 255, 255); color: rgba(255, 255, 255, 0.75);
} }
a {
color: white;
&:hover {
color: white;
text-decoration: underline;
}
}
} }
} }