web

Web Design in need of review

I am working on a website for my career and would like to know how to improve sales.

the website is www.rebelheartsartwork.org and I think I have done a good job and the pricing is fair.

Just looking for feedback on the website and such.

No information is available for this page

or my site google console has stooped to read the site and when search in google it says "No information is available for this page. Kindly Help

Add Serial Search Feature On Wordpress Website

I’m trying to build a website where people can type a MacBook or iMac Serial number and it shows what Unit it is and the year it was manufactured like Powerbookmedic and beetstech, but I don’t know how to go about this. How do I get this database or API?

Checking screen sizes in javascript

How in javascript can you check the screen sizes (in the if) (I mean the size indicated in the media request) and, depending on this check, draw the page content?

Background color in HTML is not applied to the whole page

I made the background of the body gray . I added a picture to the body part but the back of the picture is white. but the back of the h4 sticker is gray . why the back of the picture is not gray .It happens if I manually give the basement px but I want it to do it automatically.

HTML CODES

<body class="body" style="background-color: #212325" > 
    
    <h4 class="h4"> <i style="color: yellow;" class="bi bi-upload"></i> Dikkat Çeken Yeni Diziler</h4>

    <div class="container">
      <div class="box">
      <a href="">  <img style="width: 200px; height: 300px;" src="assets/images/thePianist.jpg" alt="Shadow and Bone" ></a>
      </div>  
    </div>
   
     
</body>

CSS CODES

.h4{
    color: rgb(214, 214, 214);
    padding-bottom: 15px;
}

.body{
    padding-left: 15px;
    padding-top: 10px;
}

.container {
    width: 80%;
    padding: 80px 0;
    display: flex;
    flex-direction: row;
    float: left;
}

.box {
    width: 150px;
    height: 150px;
    background: gray;
    margin: 0px 14px;
    transition: 0.5s;
}

.box img {border-radius: 0px;}

.box:hover {
    transform: scale(1.1);
    background: black;
    z-index: 2;
}

It Look Like This :

unwanted image

I Want it look like this :

wanted

Pixi JS fill behaviour vs SVG fill behaviour

I'm wondering if there's a way to get the behaviour of Pixi.JS's Graphics API to fill the same way SVG paths are filled. I am guessing there may not be a quick-fix way to do this.

Basically, in SVGs when a path with a fill crosses over itself, the positive space will automatically get filled, whereas in the Pixi.JS Graphics API, if the path crosses itself it seems to try and fill the largest outside space.

This is quite difficult to explain in text so here is a codepen to show the differences between the two and how the same data will cause them to render in different ways.

And so you can see the code, here is my SVG:

<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" style="background-color:#5BBA6F">

    <path style="fill: #E74C3C; stroke:black; stroke-width:3" d="M 200 200 L 700 200 L 600 400 L 500 100 z" />
</svg>

And here is the Pixi.js implementation:

import * as PIXI from "https://cdn.skypack.dev/pixi.js";

 const app = new PIXI.Application({
      width: 800,
      height: 600,
      backgroundColor: 0x5bba6f
    });
app.start();
document.getElementById("root").appendChild(app.view)

const lineData = {
  color: 0xe74c3c,
  start: [200, 200],
  lines: [
    [700, 200],
    [600, 400],
    [500, 100],
  ]
};

  const { start, lines, color } = lineData;
  const g = new PIXI.Graphics();

    if (g) {
      g.clear();
      g.lineStyle({width:3})
      g.beginFill(color);
      g.moveTo(start[0], start[1]);
      lines.map((l) => g.lineTo(l[0], l[1]));
      g.closePath();
      g.endFill();
      app.stage.addChild(g);
    }

Thanks for taking a look.

Why ı cant change plugin.js path?

I am trying to implement Infinty-v2.0.0 theme. Why url has two dot ?I m sure there wasnt dot character in url(the error was shown in the pictures) . Pages are mostly work.But everytime when ı refresh page ,ı get plugin.js error in every time.I think this error cause switchery.min.css not found or another error . How can fix plugin.js ?

 <?php
    <script src="<?php echo base_url("assets");?>/assets/js/plugins.js"></script> ?php>

datatables.min.css

switchery.min.css

lundi 26 avril 2021