class a {
	const OPERATOR_ID = 0;
	public function test(){
		echo self::OPERATOR_ID;
		echo static::OPERATOR_ID;
	}
}
class b extends a {
	const OPERATOR_ID = 1;
}
(new b())->test();

setcookie.php

$result = setcookie('cooname', 'V37', [
    'expires' => time() + 3600,
    'path' => '/',
    'domain' => '.sibrdzne.ge',
    'httpOnly' => true,
    'secure' => true,
    'SameSite' => 'None'
]);

getcookie.php

header('Access-Control-Allow-Origin:'.$_SERVER['HTTP_ORIGIN'] ?? '*');
header('Access-Control-Allow-Credentials:true');
echo $_COOKIE['cooname'] ?? 'no-cookie';

fetch('https://sibrdzne.ge/getcookie.php', {
    credentials:'include'
}).then(e=>e.text()).then(e=>console.log(e));

HTML

<div class="container">
          <div class="item">Home</div>
          <div class="item">Shop</div>
          <div class="item">About</div>
          <div class="item">Contact</div>

CSS

.container {
           display: flex;
           padding: 2rem 3rem;
           gap: 2rem;
           border-radius: 1 rem;

CSS

.item {
color: #ffffff;
transition: color 300ms;
}

.container: has(.item:hover)
   .item:not(:hover)  {
    color: #888888;
}

$key

foreach

$array = ['key1'=>1234, 'key2'=>2345, 'key3'=>3457];
foreach ($array as $key => $item) {
	
}
echo $key; // key3

// Example usage:
$year = 2023;
$month = 1; // May

function generateMonthArray($year, $month) {
    $numDays = cal_days_in_month(CAL_GREGORIAN, $month, $year);
    $firstDay = date("N", strtotime("$year-$month-01")); // 1 = Monday, 7 = Sunday

    $weekdays = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];

    $monthArray = array_fill_keys($weekdays, []);

    for ($day = 1; $day <= $numDays; $day++) {
        $weekday = ($firstDay + $day - 2) % 7; // Adjust to start from Monday
        $monthArray[$weekdays[$weekday]][] = $day;
    }
    
    foreach ($monthArray as &$weekDays) {
    	if ($weekDays[0]!=1) {
    		array_unshift($weekDays, '');
    	} else {
    		break;
    	}
    }

    return $monthArray;
}

$result = generateMonthArray($year, $month);

// Print the result
foreach ($result as $weekday => $days) {
    echo $weekday . "\t" . implode("\t", $days) . "\n";
}

git config pull.rebase true

git config pull.rebase false

<p>This is a <b>bold</b> text.</p>

<p>This is an <strong>important</strong> point to remember.</p>

<p>This is <i>italic</i> text.</p>

<p>This is <em>emphasized</em> text.</p> 

<p>Please <mark>review</mark> the important points in the document.</p>

<p>This is some <small>additional information</small> about the topic.</p>

<p>I changed my mind and <del>don't</del> want to go to the party.</p>

<p>I <ins>really</ins> enjoyed the movie.</p>

<p>H2O is the chemical formula for water, where 2 is written as H<sub>2</sub>O.</p>

<p>The area of a circle is calculated using the formula A = πr<sup>2</sup>.</p>

<p>This product is currently <s>out of stock</s>.</p>

<p><u>This text is underlined.</u></p>

<p>This is the first line.<br>This is the second line.</p>

<pre>
    function sayHello() {
        console.log("Hello, world!");
    }
</pre>

<strong>
<em>

<b>
<I>
<mark>
<small>
<del>
<ins>
<sub>
<sup>
<s>
<u>
<be>
<pre>

Global Scope

:root

global 

accessed

entire stylesheet.

:root {
  --primary-color: #007bff; /* Define the CSS variable */
}

.button {
  background-color: var(--primary-color); /* Use the CSS variable */
}

<button class="button">Button 1</button>
  <button class="button">Button 2</button>
  <button class="button">Button 3</button>

:root {
	--card-bg-color: #232323;
    --text-color: #7FFFD4;
    --text-font-family: 'Arial', sans-serif;
    --text-font-size: 17px;
    --text-line-height: 1.5;
}

.card {
  border: 1px solid #ddd;
  padding: 20px;
  margin: 10px;
  background-color: var(--card-bg-color);
}

.card p {
  color: var(--text-color);
  font-family: var(--text-font-family);
  font-size: var(--text-font-size);
  line-height: var(--text-line-height);
  
}

<div class="card">
    <p>This is the first card. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  </div>

  <div class="card">
    <p>This is the second card. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
  </div>

  <div class="card">
    <p>This is the third card. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
  </div>

:root {
  --color-white: #ffffff;
  --color-blue: #007bff;
  --color-red: #ff0000;
  --color-green: #00ff00;
  --color-yellow: #fcba03;
}

.card {
	background-color: #f8f8f8;
  border: 5px solid var(--color-yellow);
  padding: 20px;
  margin: 10px;
}

.card h2 {
  color: var(--color-blue);
}

.card p {
  color: var(--color-black);
}

.button {
  background-color: var(--color-red);
  color: var(--color-white);
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  margin: 5px;
}

<div class="card">
    <h2>Card 1</h2>
    <p>This is some text within Card 1.</p>
    <button class="button">Button 1</button>
  </div>

  <div class="card">
    <h2>Card 2</h2>
    <p>This is some text within Card 2.</p>
    <button class="button">Button 2</button>
  </div>
  
  <div class="card">
    <h2>Card 3</h2>
    <p>This is some text within Card 3.</p>
    <button class="button">Button 3</button>
  </div>