Blood-Buddy
Blood-Buddy copied to clipboard
2024-SANDHYA
New BloodBuddy
Changes in Design
- redesigned logo and favicon
- changed the layout of all three section inside of home page
- redesigned the about card of home page
- removed the superhero table
- designed superhero card (sort of like testimonial) for the superhero section of home page
- for creating various font sizes, I used modular scale of 1.250
I tried to make the design minimalist and clean
changes in code
- made the website responsive
- replaced css with sass for easier maintenance and scaling
- for sass I used 7-1 architecture (but with little modification)
- used BEM for class naming convention
- improved the file structure of images directory
- used sass map for storing differnet shade of various colors
Here again, I tried to write minimalist and clean code.
Here is the link to the website: https://musing-wright-cb475f.netlify.app
Changes in Design
* redesigned logo and favicon * changed the layout of all three section inside of home page * redesigned the about card of home page * removed the superhero table * designed superhero card (sort of like testimonial) for the superhero section of home page * for creating various font sizes, I used modular scale of 1.250I tried to make the design minimalist and clean
changes in code
* made the website responsive * replaced css with sass for easier maintenance and scaling * for sass I used 7-1 architecture (but with little modification) * used BEM for class naming convention * improved the file structure of images directory * used sass map for storing differnet shade of various colorsHere again, I tried to write minimalist and clean code.
Here is the link to the website: https://musing-wright-cb475f.netlify.app
You've done a great job but you didn't create any issue so I would have told you what not to do. @DhrjArun
Changes in Design
* redesigned logo and favicon * changed the layout of all three section inside of home page * redesigned the about card of home page * removed the superhero table * designed superhero card (sort of like testimonial) for the superhero section of home page * for creating various font sizes, I used modular scale of 1.250I tried to make the design minimalist and clean
changes in code
* made the website responsive * replaced css with sass for easier maintenance and scaling * for sass I used 7-1 architecture (but with little modification) * used BEM for class naming convention * improved the file structure of images directory * used sass map for storing differnet shade of various colorsHere again, I tried to write minimalist and clean code.
Here is the link to the website: https://musing-wright-cb475f.netlify.app
You've done a great job but you didn't create any issue so I would have told you what not to do. @DhrjArun
Changes in Design
- redesigned logo and favicon
- changed the layout of all three section inside of home page
- redesigned the about card of home page
- removed the superhero table
- designed superhero card (sort of like testimonial) for the superhero section of home page
- for creating various font sizes, I used modular scale of 1.250
I tried to make the design minimalist and clean
changes in code
- made the website responsive
- replaced css with sass for easier maintenance and scaling
- for sass I used 7-1 architecture (but with little modification)
- used BEM for class naming convention
- improved the file structure of images directory
- used sass map for storing differnet shade of various colors
Here again, I tried to write minimalist and clean code.
Here is the link to the website: https://musing-wright-cb475f.netlify.app
Changes in Design
* redesigned logo and favicon * changed the layout of all three section inside of home page * redesigned the about card of home page * removed the superhero table * designed superhero card (sort of like testimonial) for the superhero section of home page * for creating various font sizes, I used modular scale of 1.250I tried to make the design minimalist and clean
changes in code
* made the website responsive * replaced css with sass for easier maintenance and scaling * for sass I used 7-1 architecture (but with little modification) * used BEM for class naming convention * improved the file structure of images directory * used sass map for storing differnet shade of various colorsHere again, I tried to write minimalist and clean code.
Here is the link to the website: https://musing-wright-cb475f.netlify.app
You've done a great job but you didn't create any issue so I would have told you what not to do. @DhrjArun
Sorry, closed the pull request by mistake. I am new to github, so didn't know about how all this work. @2024-SANDHYA
Sorry, close the pull request by mistake. I am new to github, so didn't know about how all this work.
No issues , It looks great just some changes @DhrjArun :
- I don't want sass.
- Don't host on anything other than Github pages.
- Add the navbar back.
- Change the logo.
- Content alignment is not looking nice
Also, please solve the merge conflicts for this PR to be merged.
Everything can be done except the no 1. Without sass it will be nightmare writing, organising and mantaining css. So I don't want to write vanilla css for a multipage website like this.
Everything can be done except the no 1. Without sass it will be nightmare writing, organising and mantaining css. So I don't want to write vanilla css for a multipage website like this.
@2024-SANDHYA
Everything can be done except the no 1. Without sass it will be nightmare writing, organising and mantaining css. So I don't want to write vanilla css for a multipage website like this.
@2024-SANDHYA
In the tech stack it is HTML CSS & JS . So if you use Sass it may not be possible for other people to contribute to this project and I don't want that. @DhrjArun
first of all sass is css with some extra features like you can split a single css file into many files and thus organising css becomes easy, therefore if anybody know css, he/she can write styles in sass. And I don't think it will take more than 2-3 days to learn extra features sass gives that css lacks.
I think you want the code to be beginner friendly. Do whatever you think is the best. @2024-SANDHYA
Replaced sass with css, resolved the conflicts and site is now on github page: https://dhrjarun.github.io/Blood-Buddy/ @2024-SANDHYA
Replaced sass with css, resolved the conflicts and site is now on github page: https://dhrjarun.github.io/Blood-Buddy/ @2024-SANDHYA
Please don't erase every connected page.Add the previous links in the navbar. @DhrjArun
see here https://dhrjarun.github.io/Blood-Buddy/, I've added nav for the home page. for other pages I want to improve the design first. @2024-SANDHYA
see here https://dhrjarun.github.io/Blood-Buddy/, I've added nav for the home page. for other pages I want to improve the design first. @2024-SANDHYA
@DhrjArun Okay no issues, will it be ready by 2nd Jan?
Hey @2024-SANDHYA , It is taking me so long, because, I am trying to build a design system and a library of components (like button, slider, switch, input etc). without design system and guidelines everyone gonna come and do whatever he/she thinks is the best, there will be no consistency in it, no consistent colors, typography, spacing, icons, shadows. It will be full of chaos. so to have consistency and to avoid making same component over and over again we need this.
Since I am no expert in it and I am doing it for the first time, it's gonna take time. I am not sure how much and I don't wanna work with the deadlines, I just wanna focus on learning.
Hey @2024-SANDHYA , It is taking me so long, because, I am trying to build a design system and a library of components (like button, slider, switch, input etc). without design system and guidelines everyone gonna come and do whatever he/she thinks is the best, there will be no consistency in it, no consistent colors, typography, spacing, icons, shadows. It will be full of chaos. so to have consistency and to avoid making same component over and over again we need this.
Since I am no expert in it and I am doing it for the first time, it's gonna take time. I am not sure how much and I don't wanna work with the deadlines, I just wanna focus on learning.
Okay no issues, but it is taking a lot of time, not a deadline I am setting but any date you think you'll be able to get that ready @DhrjArun
2 and a half months @2024-SANDHYA
That's not how this is gonna work then because this program is for 3 months only from which only 2 months are left. @DhrjArun
what kind of program? @2024-SANDHYA
Any update on this @DhrjArun
Since you didn't reply, I thought of dropping this idea for sometimes. @2024-SANDHYA
what kind of program? @2024-SANDHYA
Any update on this @DhrjArun
Since you didn't reply, I thought of dropping this idea for sometimes. @2024-SANDHYA
I was talking about SWOC'21 @DhrjArun. Anyway do you want to continue with this now or not?
what kind of program? @2024-SANDHYA
Any update on this @DhrjArun
Since you didn't reply, I thought of dropping this idea for sometimes. @2024-SANDHYA
I was talking about SWOC'21 @DhrjArun. Anyway do you want to continue with this now or not?
what is the deadline? @2024-SANDHYA
what kind of program? @2024-SANDHYA
Any update on this @DhrjArun
Since you didn't reply, I thought of dropping this idea for sometimes. @2024-SANDHYA
I was talking about SWOC'21 @DhrjArun. Anyway do you want to continue with this now or not?
what is the deadline? @2024-SANDHYA
How about till 15th Feb @DhrjArun ?
what kind of program? @2024-SANDHYA
Any update on this @DhrjArun
Since you didn't reply, I thought of dropping this idea for sometimes. @2024-SANDHYA
I was talking about SWOC'21 @DhrjArun. Anyway do you want to continue with this now or not?
what is the deadline? @2024-SANDHYA
How about till 15th Feb @DhrjArun ?
ok then, I will try to do as much I can. @2024-SANDHYA
Hey @2024-SANDHYA, I have designed some pages on figma, I've sent you the link to see.
But something has come up and I've to go somewhere so I can't work on coding the pages for may be 3-4 days.