Skip to content
This repository has been archived by the owner on May 29, 2024. It is now read-only.

Beautify the page #25

Open
ming-tsai opened this issue Aug 15, 2020 · 50 comments · Fixed by #141, #144 or #145
Open

Beautify the page #25

ming-tsai opened this issue Aug 15, 2020 · 50 comments · Fixed by #141, #144 or #145
Assignees
@ming-tsai @xaerru
Labels
beginner Need more contributors enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed

Comments

@ming-tsai
Copy link
Member

Beautify the static page using Gatsby + React + JS
@ming-tsai ming-tsai added beginner Need more contributors enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed labels Aug 15, 2020
@travis-sauer-oltech
Copy link
Contributor

I could look into doing this if that's ok ming?

@ming-tsai
Copy link
Member Author

ming-tsai commented Aug 16, 2020 •
edited
Loading

Yeah @aUsefulMethod, you could do it, whatever question about installation you could ask me.

@YoussefRabeiii
Copy link

Can I work on this (this will be my first pull request)

@ming-tsai
Copy link
Member Author

Hi @YoussefRabeiii, yes I will wait for your contributions

@lmssr
Copy link

lmssr commented Oct 11, 2020

Hello @ming-tsai,
Can I work on this ?

@ming-tsai
Copy link
Member Author

Hi @lmssr, yes

@ming-tsai ming-tsai linked a pull request Mar 14, 2021 that will close this issue
[Feature] Beautify home page using material UI #141
Merged
This was linked to pull requests Apr 2, 2021
Improve home page UI. #144
Merged
chore: add page icon and seo info #145
Merged
@ChristopherMarques
Copy link

Hi, I've loved this project and really want to contribute... Can I work on this issue? 😀

@ming-tsai
Copy link
Member Author

Yes @ChristopherMarques

@ming-tsai
Copy link
Member Author

@ming-tsai , Can I contribute to this issue?

Yes @parths239 , I will wait for your contribution

@yahya-cloud
Copy link
Contributor

hello @ming-tsai , i changed the appBar color now it goes more with the background and also changed its typography variant from h6 to h5 and color to same like card arrow button can i make a pull request now ?
Screenshot (289)

@ming-tsai
Copy link
Member Author

hello @ming-tsai , i changed the appBar color now it goes more with the background and also changed its typography variant from h6 to h5 and color to same like card arrow button can i make a pull request now ?
Screenshot (289)

Yes

@ehteshaxm
Copy link

What can I do?

@ming-tsai
Copy link
Member Author

What can I do?

Could you add floating button at the bottom of the home page, for open issue, about, ..?

@ehteshaxm
Copy link

Like a hovering circle button?

@ming-tsai
Copy link
Member Author

Like a hovering circle button?

Yes

@ehteshaxm
Copy link

what should it do?

@roramigator
Copy link
Member

Yes 👍

@SARANYA233
Copy link

can I work on this?
I m a beginner so I need some guidance.

@AryanNayak
Copy link

Hey, can I contribute to the issue? I have experience in ReactJS and JS

@ming-tsai
Copy link
Member Author

Hey, can I contribute to the issue? I have experience in ReactJS and JS

Yes, I will wait for your pull request @AryanNayak

@ming-tsai
Copy link
Member Author

can I work on this?
I m a beginner so I need some guidance.

Do you have any experience with ReactJs?

@akshitarora921
Copy link
Contributor

What can I do? I have some experience with React JS, but this will be my first Open Source contribution.

@ming-tsai
Copy link
Member Author

What can I do? I have some experience with React JS, but this will be my first Open Source contribution.

I don't have an specific idea, so you could apply your design on this repo

@akshitarora921
Copy link
Contributor

Okay

@ming-tsai ming-tsai added the hacktoberfest Hacktoberfest label Oct 6, 2021
@Aayush499
Copy link

Hey this project looks really cool, can I help in this issue too?

@Manas-Tiwari
Copy link
Member

@Aayush499 sure, go ahead. This issue is open to everyone.
We will wait for your PR.

@xyzarivera
Copy link

Hi! would like to contribute to this project.
Do you have any specific concerns/request for this task?

Thanks :D

@ming-tsai
Copy link
Member Author

Hi! would like to contribute to this project. Do you have any specific concerns/request for this task?

Thanks :D

Hi @xyzarivera,
I don't have any concerns issue for this task

@RohanKaran
Copy link
Member

Hey @ming-tsai , tried some minor UI changes #209 , hope it is ok.

@ming-tsai
Copy link
Member Author

Hey @ming-tsai , tried some minor UI changes #209 , hope it is ok.

Nice work!!!

@gunesnt
Copy link

gunesnt commented May 30, 2022

Hello, I want to work on this issue. I have experience in ReactJS but I am a first-time contributor. I need some guidance.

@ming-tsai
Copy link
Member Author

Hello, I want to work on this issue. I have experience in ReactJS but I am a first-time contributor. I need some guidance.

Sorry, I just have a installation of this repo, please see this link

@disabledandfab
Copy link
Contributor

Hi, I just submitted my first contribution. I just changed the sentence on the 404 page to make it more dungeon crawly (#222)

@ming-tsai
Copy link
Member Author

Hi, I just submitted my first contribution. I just changed the sentence on the 404 page to make it more dungeon crawly (#222)

Ok, I will check it out.

@ZPain8464
Copy link

Hi, any chance this still needs contributors? If so, is there anything in particular I could get started on to help with? Thanks!

@ming-tsai
Copy link
Member Author

Hi, any chance this still needs contributors? If so, is there anything in particular I could get started on to help with? Thanks!

Yes!!! I'm waiting for all change that could beautify the repo page

@Narayan1670
Copy link

Hi @ming-tsai, I want to make these changes of having a soft color instead of complete white background but while installing the dependencies i encounter an error everytime.

error An unexpected error occurred: "https://registry.yarnpkg.com/@material-ui/icons/-/icons-4.11.2.tgz: ESOCKETTIMEDOUT".

Screenshot Before
Screenshot After

@ming-tsai
Copy link
Member Author

Hi @ming-tsai, I want to make these changes of having a soft color instead of complete white background but while installing the dependencies i encounter an error everytime.

error An unexpected error occurred: "https://registry.yarnpkg.com/@material-ui/icons/-/icons-4.11.2.tgz: ESOCKETTIMEDOUT".

Screenshot Before
Screenshot After

Could you send to logs to me?

@Narayan1670
Copy link

Hi @ming-tsai, I want to make these changes of having a soft color instead of complete white background but while installing the dependencies i encounter an error everytime.
error An unexpected error occurred: "https://registry.yarnpkg.com/@material-ui/icons/-/icons-4.11.2.tgz: ESOCKETTIMEDOUT".
Screenshot Before
Screenshot After

Could you send to logs to me?

$ yarn
yarn install v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
info There appears to be trouble with your network connection. Retrying...
[3/4] Linking dependencies...
warning "gatsby > eslint-config-react-app@6.0.0" has unmet peer dependency "babel-eslint@^10.0.0".
warning "gatsby > express-graphql@0.9.0" has incorrect peer dependency "graphql@^14.4.1".
warning "gatsby > @typescript-eslint/eslint-plugin > tsutils@3.21.0" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning "gatsby > eslint-plugin-graphql > graphql-config > @endemolshinegroup/cosmiconfig-typescript-loader > ts-node@9.1.1" has unmet peer dependency "typescript@>=2.7".
warning " > gatsby-plugin-material-ui@3.0.1" has unmet peer dependency "@material-ui/styles@>=4.0.0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby@1.8.0" has unmet peer dependency "@babel/core@^7.11.6".
warning "gatsby-plugin-material-ui > babel-preset-gatsby@1.8.0" has unmet peer dependency "core-js@^3.0.0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-proposal-class-properties@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-proposal-nullish-coalescing-operator@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-proposal-optional-chaining@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-transform-classes@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-transform-runtime@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-transform-spread@7.14.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env@7.14.7" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-react@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-proposal-class-properties > @babel/helper-create-class-features-plugin@7.14.6" has unmet peer dependency "@babel/core@^7.0.0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-transform-runtime > babel-plugin-polyfill-corejs2@0.2.2" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-transform-runtime > babel-plugin-polyfill-corejs3@0.2.3" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-transform-runtime > babel-plugin-polyfill-regenerator@0.2.2" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/helper-compilation-targets@7.14.5" has unmet peer dependency "@babel/core@^7.0.0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.14.5" has unmet peer dependency "@babel/core@^7.13.0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-async-generator-functions@7.14.7" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-class-static-block@7.14.5" has unmet peer dependency "@babel/core@^7.12.0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-dynamic-import@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-export-namespace-from@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-json-strings@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-logical-assignment-operators@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-numeric-separator@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-object-rest-spread@7.14.7" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-optional-catch-binding@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-private-methods@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-private-property-in-object@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-unicode-property-regex@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-syntax-class-static-block@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-syntax-private-property-in-object@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-syntax-top-level-await@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-arrow-functions@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-async-to-generator@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-block-scoped-functions@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-block-scoping@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-computed-properties@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-destructuring@7.14.7" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-dotall-regex@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-duplicate-keys@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-exponentiation-operator@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-for-of@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-function-name@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-literals@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-member-expression-literals@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-modules-amd@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-modules-commonjs@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-modules-systemjs@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-modules-umd@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-named-capturing-groups-regex@7.14.7" has unmet peer dependency "@babel/core@^7.0.0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-new-target@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-object-super@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-parameters@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-property-literals@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-regenerator@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-reserved-words@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-shorthand-properties@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-sticky-regex@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-template-literals@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-typeof-symbol@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-unicode-escapes@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-transform-unicode-regex@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-react > @babel/plugin-transform-react-display-name@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-react > @babel/plugin-transform-react-jsx@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-react > @babel/plugin-transform-react-jsx-development@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-react > @babel/plugin-transform-react-pure-annotations@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/plugin-transform-runtime > babel-plugin-polyfill-corejs2 > @babel/helper-define-polyfill-provider@0.2.3" has unmet peer dependency "@babel/core@^7.4.0-0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-env > @babel/plugin-proposal-unicode-property-regex > @babel/helper-create-regexp-features-plugin@7.14.5" has unmet peer dependency "@babel/core@^7.0.0".
warning "gatsby-plugin-material-ui > babel-preset-gatsby > @babel/preset-react > @babel/plugin-transform-react-jsx > @babel/plugin-syntax-jsx@7.14.5" has unmet peer dependency "@babel/core@^7.0.0-0".
warning " > gatsby-plugin-offline@3.10.2" has incorrect peer dependency "gatsby@^2.4.0".
warning " > gatsby-plugin-react-helmet@3.10.0" has incorrect peer dependency "gatsby@^2.0.0".
warning " > gatsby-remark-prismjs@3.13.0" has incorrect peer dependency "gatsby@^2.0.0".

@ming-tsai
Copy link
Member Author

@Narayan1670, I couldn't see the error on the logs you sent me

@ming-tsai ming-tsai removed the hacktoberfest Hacktoberfest label Oct 6, 2022
@Omm2005
Copy link

Omm2005 commented Aug 21, 2023

Can I still work on this? I have a good knowledge about ReactJs.

@Vidhanvyrs
Copy link

Can I work on this issue? if it is workable on 'cause i have just started open source and would really be glad to contribute my react knowledge here

@VineeTagarwaL-code
Copy link

Can i work on this , i have good knowledge of react

@git-create-devben
Copy link

Can I work on this perhaps adding dark and light mode features ?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@ming-tsai ming-tsai

@xaerru xaerru

Labels
beginner Need more contributors enhancement New feature or request good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Milestone
No milestone