Hacktoberfest-Learning icon indicating copy to clipboard operation
Hacktoberfest-Learning copied to clipboard

Create index.html page which will show all the pages inside contributions

Open Auto-bot-Channel opened this issue 5 years ago • 13 comments

Need a simple webpage which can showcase the pages we have inside the contributions folder

Auto-bot-Channel avatar Oct 12 '20 13:10 Auto-bot-Channel

Hi! i would like to work on this can you elaborate more like do you want the links of the pages or something else (say) the web view?

PHAGUN-JAIN avatar Oct 13 '20 08:10 PHAGUN-JAIN

Hi @PHAGUN-JAIN, Thanks for making the page, we are looking for some minimalist index page which can just have names of all the contributors maybe some images.

Auto-bot-Channel avatar Oct 13 '20 09:10 Auto-bot-Channel

Update! i have started working on it, am using i frames instead of images so that viewers can see what contributors have created. any suggestion or change you want me to do in this implementation?

PHAGUN-JAIN avatar Oct 13 '20 11:10 PHAGUN-JAIN

#11 First proposed solution, please review, and provide feedback, thank you!

PHAGUN-JAIN avatar Oct 13 '20 12:10 PHAGUN-JAIN

Hello @PHAGUN-JAIN the idea of using iframes to show every contributor's website works the best! but if you can please;

  1. Place the name of contributor in center and make it a bit more bigger
  2. Use a different font
  3. Maybe add a button right bellow the page which on pressing open up the page in new tab
  4. Change the background color to white and Heading to black maybe

see if these suggestions make it look better anyway thanks for the help !! 😀

Auto-bot-Channel avatar Oct 14 '20 10:10 Auto-bot-Channel

hi! Thanks for the feedback, i will make the required changes and will update you soon!

PHAGUN-JAIN avatar Oct 14 '20 10:10 PHAGUN-JAIN

#18 Proposed changes have been made, please review

PHAGUN-JAIN avatar Oct 14 '20 17:10 PHAGUN-JAIN

Hello @PHAGUN-JAIN The current website looks awesome; it can be left like this too but if you want to try to make a Custom Scrollbar that takes little less space and looks better that might make the website look better You can lookup scrollbar here

always Thanks !!

Auto-bot-Channel avatar Oct 16 '20 03:10 Auto-bot-Channel

@Auto-bot-Channel hey! I Checked the custom scroll bar from referred resource, it will look nice and started implementation will update you soon.

PHAGUN-JAIN avatar Oct 16 '20 09:10 PHAGUN-JAIN

#21 please refer to the hosted version here ->https://phagun-jain.github.io/Hacktoberfest-Learning/

PHAGUN-JAIN avatar Oct 16 '20 10:10 PHAGUN-JAIN

Can you please also change the scroll bar for iframe;

Auto-bot-Channel avatar Oct 16 '20 13:10 Auto-bot-Channel

I was afraid you would ask me to do that, i already tried that before but styling is not working on iframes, so to remove the ugliness of iframe scrollbars i thought of hiding them but that works only in web-kit browsers i.e no option for Firefox. now the options left with us is either let this work as it is or think of using something else instead of iframes.

PHAGUN-JAIN avatar Oct 16 '20 19:10 PHAGUN-JAIN

Nevermind it looks neat and nice;

Auto-bot-Channel avatar Oct 17 '20 08:10 Auto-bot-Channel