shastraos/site

Website for ShastraOS

site's Issues

Add dark mode

Add dark mode to the whole website

• add toggle to header

NPM Install throwing error

Error shown after running NPM install

• Environment - Ubuntu (Linux)
• I just encountered an issue while working on issue #87

[Header] Create a responsive navbar

It sucks in mobile,

Like this one

Navbar bug in mobile device.

Create Issue and PR templates for this repo

I just realized that there are no issue and PR templates for this repo. It would be nice to configure them to facilitate tracking of changes.

Minor issues with website (grammar and presentation)

I noticed a few grammatical issues on the website. I'd like to make a PR so that these corrections can be reviewed in the right context.

Make 'team' page in dev.js

Make Team page for ShastraOS website.
This will include -

• Profile of Developers and Contributers
• Styling shoud match wesbsite styling overall
• For now you can add me
• Profile will inculde, Github, Twitter, Website and profile picture from github, https://github.com/username.png
• https://github.com/vivekpal1.png in my case

The Description bleeds into the carousel on Desktop view

Overflowing profile pictures of team Members

When viewed in PC, the pfps of the team members are huge.

Create comprehensive CONTRIBUTING.md file for ShastraOS site

It would also be nice to create comprehensive and step-by-step guidelines for making contributions. This is to give specify the scope of changes you expect for the website. And how to contribute the site also

[reactjs eslint] Error: Missing "key" prop for element in iterator react/jsx-key in ./pages/devs.js

Unable to deploy the website due to this error.
Please check these lines in ./pages/devs.js

<div className={styles.teams}>
                            {details.map(item =>
                                <div>
                                    {item.username &&
                                        <div key={item.username}>
                                            <img title={item.username} src={github + item.username + png} className={styles.profileImg} />
                                            <div className={styles.buttonGap}>
                                                <button className={styles.whiteBtn} onClick={() => { window.open(github + item.username, "_blank") }}><MdCode className={styles.icon} />GitHub</button>
                                                <button className={styles.whiteBtn} onClick={() => { window.open(twitter + item.twitterUsername, "_blank") }}><FaTwitter className={styles.icon} />Twitter</button>
                                                <button className={styles.whiteBtn} onClick={() => { window.open(item.portfolio, "_blank") }}><FaUserCircle className={styles.icon} />Portfolio</button>
                                            </div>
                                            <hr />
                                        </div>
                                    }
                                </div>
                            )}
                        </div>

[BUG] Bad image display inside Macbook

The image inside the macbook is not showing properly

[BUG] Shastra OS card overlaps text

• The container containing the 3 scrolling cards is overlapping the text above it.

• The page should look like this:

Top most content is not visible

Due to the fixed Navbar, the top most content, i.e., the headings of the pages are not properly visible

👇🏻👇🏻

[Footer] On mobile devices, footer gets away from bottom.

Sticky footer issue
Footer gets away from bottom one mobile devices.

Footer should be sticky on all devices

Screenshots

Screenshots to be added in the Home Page

Screenshots from upcoming taste of ShastraOS are to be added in the Home Page of ShastraOS website.

[Improvement] Make header buttons consistent

Currently the header dark/light mode switch is bigger than the other buttons

We could make it consistent with the other two buttons

[Dropdown Menu] Redesign the navigation menu for mobile devices.

The navigation menu does not function properly on mobile devices.

Packages

I have seen the code and the package.json have some old versions that might be updated.
This are the suggested changes:

package	version used	recommended version	type
@typeform/embed-react	1.21.0	2.1.0	major
next	12.1.0	12.3.1	minor
next-pwa	5.5.4	5.6.0	minor
react	17.0.2	18.2.0	major
react-dom	17.0.2	18.2.0	major
react-icons	4.3.1	4.4.0	minor

But, with the updated dependecies, react-device-mockups and react-mockup trhow me an error while trying to install them