chalkboard | Fullscreen Javascript HTML5 canvas implementation | Frontend Framework library

I am trying to create a relatively simple classroom-like site with overlaying images. Basically, there are a bunch of pictures you can interact with that will take you to different websites with different resources. I am struggling immensely with getting the sizing and proportions of all the images correct. I want there to be a background image that stretches to span the entire page and then carefully placed images/text over the background image/other images. As you can tell, when resizing the JSFiddle, everything gets disproportionate.

A more concrete example of what I'm trying to do: You can see the text over the "chalkboard" image. I want it to appear as if the text is writing on the chalkboard so it shouldn't be moving off the blackboard when resizing the window or looking at it through different aspect ratios. I'm trying to do this with lots and lots of images so a thorough explanation would be most helpful.

JSFiddle

I am using AVPlayerViewController to play mp3 audio files. I can get the player to appear programmatically with no problems. I have also added subviews in order to set an overlay for an imageView and textView. This works fine but I cannot get the textView to scroll. I was able to test the same basic code using just a regular UIViewController and the textView scrolls fine. So, I'm wondering if there's an issue with scrolling using AVPlayerViewController or if I've missed something. Please note: This is NOT a duplicate of my other post about AVPlayerViewController. In the other post, I'm asking if it's possible to use Storyboard somehow to customize in this way. Any help/suggestions regarding scrolling here would be greatly appreciated. Code is as follows:

I'm currently a beginner with web programming, I have a problem when the mobile screen changed then the navbar will go bottom, I don't see any good source codes of this problem since some of the people use hamburger style.

This is the current view of the mobile when im not changing it to smaller view

This is the view after changing the view to smaller size

Here is the code:

I am using AVPlayerViewController/AVPlayer to play mp3s. I would like to be able to add an image and a textView when the player kicks off. I've sort of been able to do this by adding subviews but I can't get the textView to scroll. I was thinking that maybe I could just use Storyboard and drag an AVPlayerViewController into it and customize it there like a regular viewController ...but that doesn't seem possible because Xcode has crashed a few times when I've tried this. Is it even possible (or advisable) to try adding an imageView and/or textView via Storyboard somehow, or do I have to use subviews?

If it's subviews, how can I get my textView to scroll (I have another post asking about that)? The code that I have currently (without having AVPlayerViewController on the Storyboard) is:

When i run my webpage through VS code all of my pictures show up but for some reason when i do it through localhost none of the pictures or CSS are being sent through. this is my code below, any help would be appreciated. i have tried to find solutions online but nothing has seemed to work so far.

I am making a ChalkBoard that runs a presentation. When you click a button on the SurfaceGUI, it should be playing a presentation. The presentation function works. However, when it checks its player ranks, it will say the error (in the title). I know that game.Players.LocalPlayer can only be used in LocalScripts. But I instead used (function(player) because I thought that was the only way it would work. This could be a bit hard to understand, so I'll take some pictures of the errors and script.

i am using a class base d view for section.html in which i trying to implement add to cart functionality with the help of forms but after clicking add to car but it showing error

Reverse for 'section' with no arguments not found. 1 pattern(s) tried: ['(?P[0-9]+)/Sections/$']

here is my views.py

I'm working with localforage service who works asynchronous. I have created my own service to manage all about localforage dat. This service is added to appmodule to be global.

The problema that I have is that even I've been subscribed to er,ew,eu,ed BehavorSubject vars, the subscriptors to this vars not detecting changes or there are not notified for changes. This vars are privileges of the user in app (boolean values) in order to show/hide some thins according to this privileges

My app.module.ts:

I'm trying to design a simple page for practicing with just html and css. I used a hover pseudo class for the croissant image. It works but when I hover the mouse over the croissant the coffee cup image will move to right a little(almost 50 or 100 pixels) and when I hover off of the croissant the coffee cup will back in its position before. meanwhile I'm new in web design and just start learning few days. here's my code: