umami | All further work happens | Content Management System library

I am currently studying node.js and pretty new still so I apologize in advance for probably having an inefficient or terribly formatted first question. I am uploading a one-page test to figure out how to use A2's node.js service.

So far I have followed the A2 tutorial "How to create a Node.js application with cPanel using Node.js Selector" (https://www.a2hosting.com/kb/cpanel/cpanel-software/create-application-with-nodejs-selector) and this tutorial on syncing git repositories (https://medium.com/@pampas93/host-your-node-js-app-on-shared-hosting-go-beyond-localhost-73ab923e6691) and I have been able to get everything working except the main page

(Located in dirname/repositories/test/views/home-visitor.ejs)

will not read the CSS file I have uploaded

(Located in: dirname/repositories/test/public/main.css)

and some of the images do not load. No file name typos or forward slash "/" syntax inconsistencies, all images share the same folder path.

(Located in: dirname/repositories/test/public/images)

So the node.js app shows up as plain HTML only. I have uploaded the exact same app/git repository to Heroku and the CSS is read and all images show up, so I am trying to figure out what pathing issues I am having when uploading specifically to A2's hosting service.

When I check 'inspect' on the browser for the non-working app page, I get these console messages:

"Refused to apply style from 'http://domainname.com/main.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled."

Failed to load resource: the server responded with a staus of 404 () nonWorkingImageExample.png:1

Failed to load resource: the server responded with a staus of 404 () anotherNonWorkingImageExample.png:1

http://domainname.com/test/main.css sends to a 404 page

app.js:

I have an analytic dashboard with Django as a backend. After analyzing data in Python I'm sending a dictionary with name and salience.

I want to create a bar chart of chart.js in Angular 9. The user is supposed to enter a string into a search bar, which finds the respective entry in a .json file and returns its properties into the bar chart. For example, you could enter "bell pepper" and it would show a chart where one bar is named "sweet" and it's 3 high, then a bar called "sour" that's 1 high. The search component works, I can enter a name and it returns the values as text. However, I can't get it to return a proper chart.

I'm sorry if this is a basic question for you guys, I'm just an amateur learning how to code. I looked the problem up everywhere but couldn't find this problem or any way to solve it.

This is the home-page.component.ts:

So i saw an interesting post about progress bar reading position, that only takes effect when an element appears in the page (in the exemple an "article" element).

But would it be possible that the bar reaches 100% when the end of this element appears at the bottom of the window and not when it reaches the top of the window ? (the words "EndEndEnd" in the exemple) It would be more convenient for the users. ;-)

The original solution works well but only if you have sufficient elements under the "Article". If not, the progress bar stops at a certain percentage like in this demo.

For instructional purposes, I'm working with the most basic of CSS. I have a navigation bar set to position: sticky which works great UNTIL it interacts with a set of floated columns further down the page.

gif of site scrolling and breaking nav

I'm unsure if it's because of the float, or some poor calculation regarding the simplicity of my layout. Right now, the 2-column layout is made with:

I'm trying to setup multiple tagging in my app. I have used a single tag and tagging model which works fine for tagging a single model.

However, after setting up the association, i got this error when i wanted to create a new question undefined method map for nil:NilClass which actually points to <%= select_tag(:kategory_id, options_for_select(@kategories), :prompt => "Select Category", class: "form-control") %>. I don't know why it's pointing to this since it has nothing to do with the tagging. I might have made a mistake somewhere which i could not figure out.

Here is how i do the setup.

I added taggable_id and taggable_type to taggings table.

Can someone help me figure out how to add my upload image code and text input to the page 1 right below the Header and paragraph. When I add it, it stays stuck at the top of the page. I have the code below and an image of the issue. We are supposed to add on different pieces to this web page design for an assignment and I'm new to html so I'm struggling with how to fix this issue.

HTML

This is what I want to achieve: If you chose one option only this single div should be displayed and the other ones are hidden.

For now only the div gets hidden which is selected and the others are shown. I can’t get behind why. This is my code I’m working on so far:

I am trying to get the sendgrid-ruby library to send an email, and I have managed to write a script that I can run line by line and get to work. However, when I try to run the script as a whole, I get

/Users/andrewaccuardi/.rvm/gems/ruby-2.4.1/gems/sendgrid-ruby-5.1.0/lib/sendgrid/client.rb:24:in `+': no implicit conversion of nil into String (TypeError)

Here is the code I am using for the call: