Antler | Antler framework is an abstraction over ORM/storage | Database library

how to query data in big query that only outputs data with number in them , like filter out words vs words that has numbers , example data is :

• ak4ppl
• 112sport
• 2 slots
• 451 slots
• online spins
• 300spins
• online cash

my attempt

I am working on a website (with Statamic v3 which uses Antlers, Bootstrap, SCSS) which involves different uploads for mobile and desktop backgrounds (inline styling). What is the best way to do this? I am struggling quite a while with these kind of questions. Ofcourse I can use display none and display block with media queries, but I'm hoping for a solution where only the mobile image loads on mobile/ small screen sizes, and only the desktop image loads on desktop/ big screen sizes so it is better for the page load.

For the img tag it is possible to use the img srcset, but with an background image that is not possible. I am also questioning myself how I can do this with partials/ elements with just a lot of code (so not necessarily with background images)

I also tried to use the mobile detect with JavaScript, but the problem with that is if the user is working on desktop but with a small browser view, it doesn't get the 'mobile version' of the website.

I mostly end up with using Bootstraps d-none and d-block with media queries, but that doesn't feel right.

Anyone has a best practice for this with keeping good pageload in mind?

Edit: I added some code to show what I am trying to achieve. The user can upload a desktop background image, and a mobile background image at the CMS. As far as I know both of these images will be loaded into the page, but they won't show at the same time because of the display properties. My goal is that the page won't load both of the images, but only the image that is needed on that viewport size. I can't do this inside my SCSS with media queries, because I can't set the background url's inside my SCSS.

I want to render the actual wireframe of OBJ meshes with Three.js. Unfortunately, Three.js does only render triangles. Thus my idea was to build a line for every edge of the model.

I was able to get it working by parsing the OBJ file and looping through its vertices and faces.

On the right is the normal LineSegments model with triangles and on the left my attempt to render the actual wireframe.

The viewport lags after adding all of the lines. This is especially bad considering, that this model isn't really big.

At some parts of the mesh, lines aren't rendered. Probably because the inner mesh is rendered with triangles, which causes clipping?!

Since I don't have much experience working with OBJ files, I am not sure if this method will work for all meshes. And I would prefer an implementation which can also be applies to other file formats.

For example if you change line 182 from

I have a Class defined with Class::Accessor like that:

I am trying to do my winning functions for connect 4 and am getting kind of stumped, everything I have tried hasn't worked yet. I am doing this for a class project so I really want to learn how to do this, I think I have just been coding so much this week my brain is fried. Any suggestions are appreciated thank you!

I have a list of Arrays from a web service stored in a variable.

If I use one array, or a list of 1 objects it works.

If I use a List of any number longer than 1 array, only the last generated drop down list will work. The data appears lost, as I can't click the control and see items.

Inspecting the object in the console doesn't show data.

The Javascript / Jquery function looks like: