octavian | Utilities for reasoning about musical notes frequencies | Audio Utils library

I have the following array of objects:

As the title says, I have a navbar which point to different paths. When hovered over, chrome shows the correct path.

but when I click on the button, it points to C:/index.html and I really don't get why. HTML

I'm having issues with this web app im working on.

https://food-search-octavian.netlify.com/

Now, on the recipe page https://food-search-octavian.netlify.com/recipes my search doesn't actually work. It's binded to Enter key which works, the request itself works, but when I try to set the state to the new search, it doesn't update.

This is the code in the component:

I'm trying to have configurable JSON logs in a POC application, using logback-logstash encoder. Although I've defined all suggested dependencies, and reduced the logging configuration to just one logger and appender (to try to isolate the problem) I'm still getting "Could not find appender x. Did you defined it above or below.."

I've tried removing all other loggers/appenders incrementally, until I was left with the one which 'cannot be found'. I, checked multiple times that the appender is defined before its referencing in the logger definition. I'm running tests for the moment, so I've created an explicit logback-tests.xml with the same config as logback.xml. I've initially set all the dependencies inside but as instructed in logback-logstash encoder docu, I't better to have them managed by the dependencyManagement

Dependencies:

I never worked with WPF or designing interfaces. I have been learning C# for a while and now I'm trying to make a program for school. We had to build a console project, but I'm trying to build one in WPF so I learn something new today.

I've read some tutorials and websites and that's how I think it is working. But when I click on Calculate, nothing happens.

For now I've begin by displaying the input from that text. After that I have to do the real programming, extracting the a,b numbers from the input, etc.

But for now I want to display the text so I know it works.

Here is the code:

For each button that the user hovers on, the image should change with one which points to that button. (I have 14 versions of that image, each pointing lower)

How would this be done with jQuery? Taking the mouse X and Y or using .hover and showing/hiding specific classes? (I think .hover would work better).

It works as expected with .hover() but I can't really seem to make the image stay in the center of its . I tried many techniques from the internet, but none of them worked. Screenshot with it not being centered: Code: