This is a website that I created from scratch that took WAY too long to complete but I wanted to learn too so it was worth it. Basically it talks about my favourite instrument which is a bansuri, and there is also a interactive bansuri in the bottom that is basically powered from your keyboard or cursor (your choice).
I redid my css because it looked ai because of the shadows etc that I added which I now regret but its fine it took one hour to remove all of them and plus I changed the font family which was one of the biggest things I did in the past hour but luckily I did it fast because I had COMMAND F which basically lets me find all the words and switch them to what I want asap. So I switched all of it to comic font.
I also change the background a few times because I could not really decide on what to do but then I messed up the layout so I split my css into 2 files for navigation and organized everything.
I hope u guys like it and if any feedback lemme know.
I am finally done. Some of it I could not fix it but MOST of it I could fix and I am happy with that. So I fixed a few sizing issues and then finished my readme. In my readme I just wrote about the features, which talked about what it did and then I wrote about contributions and challenges that I had during the project.
I also added a few pictures and made sure they are creatively licensed from google to avoid copyright claims. And I fixed my audio page and made sure everything was placed right.
Overall everything is completed now and the final thing to do is SHIP.
I did a HUGE amount of work today. So first lets talk about sizing. Sizing was SUPER hard and I spent majority of my time on that like when I had to add pictures of the flute or krishna, like it took a huge amount of time and I had to do that manually because my local server wasnt working, and what I mean by manually is open like a hundred tabs and continuously testing on chrome, which wasted a lot of time. I also had trouble with navigation so thats where ai came in and COMMAND F on macbook to find words lol, so yeah I found everything in the end of the day but it was still soo much.
I also fixed some of my text layouts because some of them were in a wrong layout like towards the side and it was overall a mess so all I did was added this in the bottom of CSS: #play .col-body { max-width: none;}. And it worked very well.
I also changed the scale to x1.2 to fix sizing issues again lol and it saved my time…but I forgot it only works for css so I tried changing the html but then I realized lol. Now its all good.
Overall im almost done and now I just gotta do the readme and fix a few more errors and possibly add.
For the past hours I have been fixing bugs and adding a gallery that has audios of me playing flute. It is not done yet but it is going well so far.
The biggest thing I did was prolly fix the interactive flute because it was not working at all….Ai helped me figure what was wrong (it was capitilization) so I fixed all of that, but then all the buttons were super white so u literally could not see and it did not go with colour scheme so I changed the CSS to blue like the background and a set width of each it goes in a pattern like long, thin, long, thin.
I mostly did that for visual appearences.
I also started the readme and got a good amount done so far, so yea I am gonna continue adding and if u guys have anything u wanna change or add lemme know..
So progress has been going good and I finished the JS and it does not fully work which is sad but it will be fixed.
So this whole time I have been testing my website in the vs code local server which was a BAD IDEA. Because when I tested it in a browser on chrome everything was off. The css is broken and also the HTML is which is normal in coding but THIS MUCH??.
Here you can see the images below. It most likely happened because I put everything in a block sort of format so I gotta change that in css and some classes in html have issues like they dont match.
Anyway lets see how it goes now…
IN the past 2 hours all I did was work on CSS and I had soo many bugs like my classes from html were not matching — which was super annoying because I had to keep going back. Next time I should prolly write it down somewhere and put easier class names instead of making it tooo complex.
I also worked on the cool background which blends various shades of blue in wards which is more cooler than full gradiency honestly.
I also made the butttons better and the page more organized (with all the figures).
Overall it is going prettyy well Adioss . Lemme know if u have any suggestions.
First of all yes I completed my html. In the past 2.5 hours I have been working on CSS bugs and new things. So first I have picked my background and all the font styles which I may change later if they do not seem to match.
I finished around 300 lines of css and had a BUNCH of issues will coding. For example creating the flute was much harder than I expected. I had to keep on testing where the holes go because a centimeter to far or two close messes up the whole orientation.
So for the holes I had to connect the html to this a lot because I needed it. For example look at the flute below the vertical lines were super hard to put in the right spot (and I made a few errors in spacing which AI helped me find). Another hard thing was the top hole which is oval because I had to measure that. It is still not super perfect but it is good enough for this.
Adioss
In the past 35 min I have still been working on and been doing html and on and off testing. I completed creating most of the classes and buttons for it but I ran into a GitHub difficulty again…it kept saying (which I have never even heard of) when I tried making a commit msg. So I tried for a good 3-4 minutes. And then I just restarted my laptop 😭😭😭. And then somehow it randomly fixed and all the offline commits I made just had to be pushed so I did that too.
I tested the html a lot of times from localserver and it looks amazinggg so far (in text only lol) . But now I gotta start the css and complete the Html, because I am not actually done yet.
In the bottom I am planning on adding a bansuri people can try…obviously it wont be like the real one but it will be good enough. (I just gotta figure out how to make the voice sweet and cool.
Adiossss
So in the past 1.5 hours I have been working on this new website which basically talks about the bansuri, which is my favourite instrument. And nobody really knows about it so I want to spread awareness to people on what it actually is.
It is an indian instrument and I have been writing the html code so far and I got what I have to do but I am just struggling with new stuff that I am not very good at like adding col but I am figuring it out.
Everyday morning in my school bus I mostly do the coding lol which gives me a good amount of time because yep its fun.
So far I have written around 200 lines of code (mostly offline bc I had no internet) and it went pretty well… but I still think there are many errors, though I will fix them in the future, IF I FIND THEM…
Anyway lets see how it goes.
