Multiple.js | Sharing background across multiple elements using CSS | Frontend Framework library

I've been crawling the web for about 2 hours now, trying to find a solution. So I apologise, my starting code isn't overly helpful.

I've tried using background-clip, multiple.js, fill, and just can't get the effect I'm looking for.

In fact, I currently can't even replicate: https://stackoverflow.com/a/56916981 with Font Awesome 5 and the pesky SVGs.

Here's where I'm currently at:

So I have a reusable form field as select input multiple and I am filling in the options from a redux store. This works just fine as expected. But if I submit the form I will get what I was calling option.name (a players name, for example "Patrick") instead of options.id (which is the unique players key in a database). So if I happen to have two Patricks playing I will have difficulties to tell them apart later on in the game logic. Is there a way to retrieve the id instead of the name from the select input instead?

Here is the Component SelectInputMultiple.js:

I've mocked a simple logic for an accordion collapsible panels in ReactJS. I'm trying to allow for multiple collapsible to be open but I'm not able to avoid all the collapsible to open and close at once no matter which collapsible has been clicked. This below is the logic for the accordion to allow only one collapsible at the time.

I've been doing a lot of searching and I can't find anyone asking this question. I'm trying to write a nicely styled resume in HTML (and print it to PDF), and have highlighted some things with CSS backgrounds. I can keep most of these backgrounds by selecting the right printing option in Chrome.

However, there is one background I can't print. I wanted multiple

tags to share the same gradient background, so I found a solution (detailed here) that uses the following CSS styling on each

element:

I am trying to scrape multiple websites that have the same HTML structure and write the content to a JSON file. The results for each URL print out in the terminal, but only the content from the last URL listed is written into the JSON file. I have not been able to figure out a solution. Here is my code

I'm trying to figure out what is causing a poor time to first byte for a site written in rails, and can see in the production logs that some database queries are taking over a second:

I'm trying to achieve something like this (colors irrelevant):

And I have close to no idea how to achieve this. I've managed to figure out how to do gradients over multiple elements through Multiple.js but I didn't manage to figure out any method to applying that for borders. Here's what I have so far:

I'm currently trying to save data from datatables back to the database. I'm working on form fields within the datatables and would like to change the input values and save back to the database. Ideally what I would like is to be able to save to another table in the database if the id doesnt already exist however for now I am only trying to make changes and get it back to the original table. I'm using laravel 5.4 and datatables plugin. I've been looking up various posts on laracasts, stack overflow and datatables. I've dd my data to be saved in my controller and keep getting an object in return. I've tried changing protected $casts in my model to see what values im getting in dev tools and it isnt helping. I've also tried multiple save methods in my controller with no avail. Please see below for response and code:

screenshot 1

screenshot 2

Routes:

Following Pluralsight D3.js Data Visualization Fundamentals Course. Get error:

Data is from this Github endpoint

Plunker is here

Code: