Snippets Collections
https://voidnull.es/instalacion-de-pgadmin-para-gestionar-postgresql/
Configure
Add to config file (config/web.php or common\config\main.php)

    'modules' => [
        'redactor' => 'yii\redactor\RedactorModule',
    ],
php composer.phar require --prefer-dist yiidoc/yii2-redactor "*"

ejemplo:
     <?php $form->field($model, 'resumen_reporte')->widget(\yii\redactor\widgets\Redactor::className(), [
    'clientOptions' => [
        'imageManagerJson' => ['/redactor/upload/image-json'],
        'imageUpload' => ['/redactor/upload/image'],
        'fileUpload' => ['/redactor/upload/file'],
        'lang' => 'zh_cn',
        'plugins' => ['clips', 'fontcolor','imagemanager']
    ]
]); ?>
php composer.phar require --prefer-dist 2amigos/yii2-ckeditor-widget": "*"

ejemplo ckeditor-widget:
 <?php $form->field($model, 'resumen_reporte')->widget(CKEditor::className(), [
    'options' => ['rows' => 6],
    'preset' => 'basic'
]); ?>
div#comparison { 

  width: 0vw;

  height: 60vw;

  max-width: 600px;

  max-height: 600px;
6
  overflow: hidden; }

div#comparison figure { 

  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/photoshop-face-before.jpg); 

  background-size: cover;

  position: relative;

  font-size: 0;

  width: 100%; 

  height: 100%;

  margin: 0; 

}

div#comparison figure > img { 

  position: relative;

  width: 100%;

}

div#comparison figure div { 

  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/photoshop-face-after.jpg);

  background-size: cover;
<div id="comparison">

  <figure>

    <div id="divisor"></div>

  </figure>

  <input type="range" min="0" max="100" value="50" id="slider" oninput="moveDivisor()">

</div>

​
<!DOCTYPE html>
<html>
<body>
​
<p>If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl):</p>
​
<bdo dir="rtl">This line will be written from right to left</bdo>
​
</body>
</html>
​
​
<!-- Google tag (gtag.js) -->

<script async src="https://www.googletagmanager.com/gtag/js?id=G-HTKNHG"></script>
3
<script>
4
  window.dataLayer = window.dataLayer || [];
5
  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

​
8
  gtag('config', 'G-H34TKNH5G8');

</script>
var $cont = document.querySelector(".cont");

var $elsArr = [].slice.call(document.querySelectorAll(".el"));

var $closeBtnsArr = [].slice.call(document.querySelectorAll(".el__close-btn"));

​

setTimeout(function () {

 $cont.classList.remove("s--inactive");

}, 0);

​

$elsArr.forEach(function ($el) {

 $el.addEventListener("click", function () {

  if (this.classList.contains("s--active")) return;

  $cont.classList.add("s--el-active");

  this.classList.add("s--active");

 });

});

​

$closeBtnsArr.forEach(function ($btn) {

 $btn.addEventListener("click", function (e) {

  e.stopPropagation();
20
  $cont.classList.remove("s--el-active");

  document.querySelector(".el.s--active").classList.remove("s--active");

 });

});
document.addEventListener('DOMContentLoaded', function() {

    var wishlistButton = document.getElementById('wishlistBtn');

​

    wishlistButton.addEventListener('click', function() {

        // Create or toggle popup container

        var popupContainer = document.querySelector('.popup');

        if (!popupContainer) {

            popupContainer = document.createElement('div');

            popupContainer.className = 'popup';

            popupContainer.innerHTML = `

                <div class="popup-content">

                    <span class="close" onclick="closePopup()">&times;</span>

                    <h2>Wishlist</h2>

                    ${getWishlistContent()} <!-- Insert WooCommerce Smart Wishlist shortcode content here -->

                    <p><a href="#" id="wishlistLink">View Wishlist</a></p>

                </div>

            `;

            // Set the link to the wishlist page (replace with your wishlist link)

            var wishlistLink = popupContainer.querySelector('#wishlistLink');

            wishlistLink.href = '#'; // replace with your wishlist page URL

            // Append the popup container to the body

            document.body.appendChild(popupContainer);

        } else {

            // Toggle display property

            var currentDisplay = window.getComputedStyle(popupContainer).getPropertyValue('display');

            popupContainer.style.display = currentDisplay === 'none' ? 'block' : 'none';

        }

    });

​

    // Function to close the popup

    window.closePopup = function() {

        var popupContainer = document.querySelector('.popup');

        if (popupContainer) {

            document.body.removeChild(popupContainer);

        }
Name:
[your-name]

Email:
[your-email]

Phone:
[your-number]

City:
[your-city]

State:
[your-state]

Comment:
[your-message]




--
This e-mail was sent from a contact form on Clean Diesel Specialists Inc (https://cleandieselspecialists.com)
<p><strong>Name:</strong> (required)
    [text* your-name] </p>

<p><strong>Email:</strong> (required)
    [email* your-email] </p>

<p><strong>Number:</strong>
    [tel your-number] </p>

<p><strong>City:</strong> (required)
    [text* your-city] </p>

<p><strong>State:</strong> (required)
    [text* your-state] </p>

<p><strong>Comment:</strong>
    [textarea your-message 40x3] </p>

[cf7sr-simple-recaptcha]

<p>[submit "Submit"]</p>
int minimumBoxes(int* apple, int appleSize, int* capacity, int capacitySize) {

    

}
add_shortcode('whatsapp_message_url', 'gerar_link_whatsapp_produto2');

function gerar_link_whatsapp_produto2() {
    global $product;
    if (!$product) {
        return 'Produto não disponível.';
    }

    $whatsapp_number = get_option('site-config')['whatsapp_number'];
    $sku_exibe = get_option('site-config')['sku_exibe'];

    if (empty($whatsapp_number)) {
        return 'Número do WhatsApp não configurado.';
    }

    $post_id = $product->get_id();
    $post_title = get_the_title($post_id);
    $post_url = get_permalink($post_id);

    $message = "Olá, gostaria de saber mais sobre este produto:\n\n";
    $message .= "*Produto:* {$post_title}\n";
    $message = htmlentities($message);

    $message_id = uniqid('msg_');

    ob_start();
    ?>
    <script>
    (function($) {
        $(document).ready(function() {
            var messageSelector = '#<?php echo $message_id; ?>';
            var variationForm = $('.variations_form');
            
            variationForm.on('found_variation', function(event, variation) {
                var variationDetails = '';

                <?php if ($sku_exibe === 'true'): ?>
                var productSku = variation.sku ? "*SKU:* " + variation.sku + '\n' : '';
                variationDetails += productSku;
                <?php endif; ?>
                
                var productVariationPrice = variation.display_price ? "*Preço:* R$ " + variation.display_price.toFixed(2).replace('.', ',') + '\n' : '';
                variationDetails += productVariationPrice;

                $.each(variation.attributes, function(key, value) {
                    if (value) {
                        var attribute_name = key.replace('attribute_', '');
                        var normalized_name = attribute_name.replace(/pa_/, '').replace(/_/g, ' ');
                        var cleanValue = value.replace(/-/g, ' ').replace(/^pa_/, '');
                        variationDetails += "*" + normalized_name.capitalize() + ":* " + cleanValue + '\n';
                    }
                });

                variationDetails += "*Link do Produto:* " + "<?php echo $post_url; ?>\n\n";
                var fullMessage = $(messageSelector).data('base-message') + variationDetails + "Obrigado.";
                $(messageSelector).attr('href', function() {
                    return $(this).data('base-url') + '&text=' + encodeURIComponent(fullMessage);
                });
            }).trigger('update_variation_values');
        });

        // Função para capitalizar a primeira letra de cada palavra
        String.prototype.capitalize = function() {
            return this.replace(/(?:^|\s)\S/g, function(a) { return a.toUpperCase(); });
        };
    })(jQuery);
    </script>
    <?php
    $script = ob_get_clean();

    $whatsapp_base_url = "https://api.whatsapp.com/send?phone={$whatsapp_number}";
    $encoded_message = urlencode($message);
    $link = "{$whatsapp_base_url}&text={$encoded_message}";

    return "<a href='{$link}' target='_blank' class='whatsapp-link' id='{$message_id}' data-base-message='{$message}' data-base-url='{$whatsapp_base_url}'>
        <i class='fab fa-whatsapp icon'></i>Pedir via WhatsApp</a>{$script}";
}
learning_rate = 1e-3
​
model = None
optimizer = None
​
################################################################################
# TODO: Instantiate and train Resnet-10.                                       #
################################################################################
# *****START OF YOUR CODE (DO NOT DELETE/MODIFY THIS LINE)*****
​
​
​
model = None
​
​
# *****END OF YOUR CODE (DO NOT DELETE/MODIFY THIS LINE)*****
################################################################################
#                                 END OF YOUR CODE                             
################################################################################
​
print_every = 700
train_part34(model, optimizer, epochs=10)
print_every = 100
########################################################################
# TODO: "Implement the forward function for the Resnet specified"        #
# above. HINT: You might need to create a helper class to              # 
# define a Resnet block and then use that block here to create         #
# the resnet layers i.e. conv2_x, conv3_x, conv4_x and conv5_x         #
########################################################################
# *****START OF YOUR CODE (DO NOT DELETE/MODIFY THIS LINE)*****
class ResNet(nn.Module):
    def __init__(self):
        super(ResNet, self).__init__()
        in_channels = 64
        out_channels = 64
        stride = 1
        self.conv1 = nn.Conv2d(3, 64, kernel_size=7, stride=2, padding=3, bias=False)
        self.bn1 = nn.BatchNorm2d(64)
        nn.ReLU()
        self.maxpool = nn.MaxPool2d(kernel_size = 3, stride = 2, padding = 1)
        
​
        
        pass
    def forward(self):
        pass
    
    
########################################################################
#                             END OF YOUR CODE                         #
########################################################################
listar dispositivos con 
df
sudo umount /dev/sdb1
sudo mkfs.vfat -F 32 -n "nombredelpendrive" /dev/sdb1

/**

 * Allow SVG uploads for administrator users.

 *

 * @param array $upload_mimes Allowed mime types.

 *

 * @return mixed

 */

add_filter(

    'upload_mimes',

    function ( $upload_mimes ) {

        // By default, only administrator users are allowed to add SVGs.

        // To enable more user types edit or comment the lines below but beware of

        // the security risks if you allow any user to upload SVG files.

        if ( ! current_user_can( 'administrator' ) ) {

            return $upload_mimes;

        }

​

        $upload_mimes['svg']  = 'image/svg+xml';

        $upload_mimes['svgz'] = 'image/svg+xml';

​

        return $upload_mimes;
<div class="swiper-container">

    <!-- Additional required wrapper -->

    <div class="swiper-wrapper">

        <!-- Slides -->

        <div class="swiper-slide">Slide 1</div>

        <div class="swiper-slide" data-swiper-autoplay="6000">Slide 2</div>

        <div class="swiper-slide" data-swiper-autoplay="000">Slide 3</div>
8
        <div class="swiper-slide" data-swiper-autoplay="6000">Slide 4</div>

        <div class="swiper-slide" data-swiper-autoplay="5000">Slide 5</div>

    </div>

    <!-- If we need pagination -->

    <div class="swiper-hero-progress"></div>

</div>
<!-- Google tag (gtag.js) -->

<script async src="https://www.googletagmanager.com/gtag/js?id=G-2D1ZCVPF"></script>
3
<script>

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());
7
​

  gtag('config', 'G-72D1ZCV3PF');

</script>
-- Online SQL Editor to Run SQL Online.
-- Use the editor to create new tables, insert data and all other SQL operations.
  
SELECT first_name, age
FROM Customers;
SELECT clientes.nombre, (
    SELECT COUNT(*) 
    FROM pedidos 
    WHERE pedidos.cliente_id = clientes.id
) AS total_pedidos
FROM clientes;

explicacion:

La consulta que mencionas tiene como objetivo obtener el nombre del cliente, la dirección, la fecha y el total de pedidos realizados por cada cliente. Aquí te explico paso a paso de forma sencilla:


La cláusula SELECT indica las columnas que deseamos mostrar en el resultado de la consulta. En este caso, queremos mostrar el nombre del cliente, la dirección, la fecha y el total de pedidos.

La cláusula FROM especifica las tablas que estamos utilizando en la consulta. En este caso, estamos utilizando las tablas "clientes" y "pedidos".

La cláusula JOIN se utiliza para combinar las filas de las tablas "clientes" y "pedidos" en base a una condición. En este caso, estamos uniendo las filas donde el id_cliente de la tabla "clientes" coincide con el id_cliente de la tabla "pedidos".

La cláusula GROUP BY se utiliza para agrupar los resultados por el nombre del cliente, la dirección y la fecha. Esto nos permite obtener el total de pedidos por cada combinación única de cliente, dirección y fecha.

La cláusula ORDER BY se utiliza para ordenar los resultados de forma ascendente por la fecha de los pedidos.

En resumen, esta consulta nos dará como resultado una lista de clientes con su respectiva dirección, fecha y el total de pedidos realizados por cada cliente, ordenados por fecha de forma ascendente.

Espero que esta explicación te sea útil. Si tienes alguna otra pregunta, no dudes en preguntar.
SELECT: Esta cláusula se utiliza para seleccionar las columnas que deseas mostrar en los resultados de la consulta. Puedes asignar un alias a cada columna utilizando la palabra reservada "AS". Por ejemplo:

SELECT columna1 AS alias1, columna2 AS alias2

FROM: En esta cláusula, se especifica la tabla o tablas de donde se obtendrán los datos. Puedes asignar un alias a cada tabla utilizando la palabra reservada "AS". Por ejemplo:

FROM tabla AS alias_tabla

WHERE (opcional): Esta cláusula se utiliza para filtrar los datos según una o varias condiciones. Puedes utilizar alias de columna en las condiciones. Por ejemplo:

WHERE alias_columna = valor

GROUP BY (opcional): Si deseas agrupar los resultados según una o varias columnas, puedes utilizar esta cláusula. Puedes utilizar alias de columna en la cláusula GROUP BY. Por ejemplo:

GROUP BY alias_columna

HAVING (opcional): Esta cláusula se utiliza para filtrar los grupos de datos generados por la cláusula GROUP BY. Puedes utilizar alias de columna en las condiciones. Por ejemplo:

HAVING alias_columna = valor

ORDER BY (opcional): Si deseas ordenar los resultados de la consulta según una o varias columnas, puedes utilizar esta cláusula. Puedes utilizar alias de columna en la cláusula ORDER BY. Por ejemplo:

ORDER BY alias_columna ASC

Espero que esta explicación sea útil para comprender la estructura general de una consulta SQL con los alias y la palabra reservada "AS". Si tienes alguna otra pregunta, no dudes en hacerla.
$.ajax({
    url: 'ruta/al/controlador',
    method: 'GET',
    dataType: 'json',
    success: function(response) {
        // Manipula los datos recibidos en la respuesta
        for (var i = 0; i < response.length; i++) {
            var nombre = response[i].nombre;
            var apellido = response[i].apellido;
            var cedula = response[i].cedula;
            console.log(nombre + ' ' + apellido + ' - ' + cedula);
        }
    },
    error: function(xhr, status, error) {
        // Maneja los errores de la solicitud
        console.error(error);
    }
});
function exclude_pages_from_search($query) {

    if ( $query->is_main_query() && $query->is_search ) {

        // Define the page IDs to exclude

        $exclude_ids = array(214, 222, get_option('page_on_front'));

​
6
        // Set the 'post__not_in' parameter

        $query->set('post__not_in', $exclude_ids);

    }
9
}

​

add_action('pre_get_posts', 'exclude_pages_from_search');

​
function exclude_pages_from_search($query) {

    if ( $query->is_main_query() && $query->is_search ) {

        // Define the page IDs to exclude

        $exclude_ids = array(214, 222, get_option('page_on_front'));

​
6
        // Set the 'post__not_in' parameter

        $query->set('post__not_in', $exclude_ids);

    }
9
}

​

add_action('pre_get_posts', 'exclude_pages_from_search');

​
  <!DOCTYPE html>
<html>
<head>
    <title>Formulario con jQuery</title>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <style>
        .container {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 50px;
        }
        .form-group {
            margin-bottom: 10px;
        }
        .form-group label {
            display: block;
            font-weight: bold;
        }
        .form-group input {
            width: 200px;
            padding: 5px;
        }
        .submit-btn {
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="myForm" class="container">
        <!-- Formulario generado dinámicamente -->
    </div>

    <script>
        class Formulario {
            constructor() {
                this.formulario = document.createElement("form");
                this.formulario.className = "container";
                this.campos = [];

                this.crearCampo("nombre", "Nombre");
                this.crearCampo("apellido", "Apellido");
                this.crearCampo("email", "Email");
                this.crearCampo("telefono", "Teléfono");

                this.botonEnviar = document.createElement("button");
                this.botonEnviar.innerText = "Enviar";
                this.botonEnviar.className = "submit-btn";
                this.botonEnviar.addEventListener("click", this.enviarFormulario.bind(this));

                this.formulario.appendChild(this.botonEnviar);
                document.body.appendChild(this.formulario);
            }

            crearCampo(nombre, etiqueta) {
                const formGroup = document.createElement("div");
                formGroup.className = "form-group";

                const label = document.createElement("label");
                label.innerText = etiqueta;
                formGroup.appendChild(label);

                const input = document.createElement("input");
                input.type = "text";
                input.name = nombre;
                formGroup.appendChild(input);

                this.campos.push(input);

                this.formulario.appendChild(formGroup);
            }

            enviarFormulario() {
                const datos = {};
                for (const campo of this.campos) {
                    datos[campo.name] = campo.value;
                }
                console.log(datos);
            }
        }

        $(document).ready(function() {
            const formulario = new Formulario();
        });
    </script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <title>Formulario con ventana emergente</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <!-- Enlace al archivo de estilos de Bootstrap -->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <!-- Inclusión de la biblioteca jQuery -->
    <style>
        #dragon-logo {
            position: absolute; /* Posición absoluta para el logo */
            top: 10px; /* Alineación superior a 10px */
            right: 10px; /* Alineación derecha a 10px */
            width: 50px; /* Ancho del logo */
        }
        input[type="text"], input[type="submit"] {
            margin-bottom: 2px; /* Espacio de 2px entre los campos de texto y el botón */
        }
    </style>
    <script>
        $(document).ready(function() {
            // Crear el formulario
            var formulario = document.createElement("form");
            formulario.classList.add("border", "p-3", "rounded", "bg-light"); // Agregar clases para estilos de borde, relleno y fondo
            formulario.style.display = "flex"; // Establecer el estilo de visualización como flex
            formulario.style.flexDirection = "column"; // Establecer la dirección de los elementos como columna
            formulario.style.alignItems = "center"; // Centrar los elementos horizontalmente

            var titulo = document.createElement("h2");
            titulo.textContent = "Formulario de prueba"; // Establecer el texto del título del formulario
            formulario.appendChild(titulo); // Agregar el título al formulario

            var campoTexto1 = document.createElement("input");
            campoTexto1.type = "text"; // Establecer el tipo de campo como texto
            campoTexto1.name = "nombre"; // Establecer el nombre del campo
            campoTexto1.placeholder = "Nombre"; // Establecer el marcador de posición del campo
            formulario.appendChild(campoTexto1); // Agregar el campo al formulario

            var espacio = document.createElement("br"); // Agregar un salto de línea entre los campos de texto
            formulario.appendChild(espacio);

            var campoTexto2 = document.createElement("input");
            campoTexto2.type = "text"; // Establecer el tipo de campo como texto
            campoTexto2.name = "apellido"; // Establecer el nombre del campo
            campoTexto2.placeholder = "Apellido"; // Establecer el marcador de posición del campo
            formulario.appendChild(campoTexto2); // Agregar el campo al formulario

            var botonEnviar = document.createElement("input");
            botonEnviar.type = "submit"; // Establecer el tipo de botón como enviar
            botonEnviar.value = "Enviar Formulario"; // Establecer el texto del botón
            botonEnviar.classList.add("btn", "btn-info"); // Agregar clases de Bootstrap para estilos de botón
            formulario.appendChild(botonEnviar); // Agregar el botón al formulario

            var contenedor = document.getElementById("miContenedor"); // Obtener el contenedor del formulario
            contenedor.style.display = "flex"; // Establecer el estilo de visualización como flex
            contenedor.style.justifyContent = "center"; // Centrar los elementos horizontalmente
            contenedor.appendChild(formulario); // Agregar el formulario al contenedor

            formulario.addEventListener("submit", function(event) {
                event.preventDefault(); // Evitar el envío del formulario por defecto

                var nombre = campoTexto1.value; // Obtener el valor del campo de nombre
                var apellido = campoTexto2.value; // Obtener el valor del campo de apellido

                var popupForm = $("<div class='modal fade' id='popupForm' tabindex='-1' role='dialog'>" + // Crear la ventana emergente con clase fade
                    "<div class='modal-dialog modal-dialog-centered' role='document'>" + // Centrar la ventana emergente
                    "<div class='modal-content bg-danger'>" + // Agregar clase "danger" para el fondo rojo
                    "<div class='modal-header'>" +
                    "<h5 class='modal-title'>Datos enviados</h5>" +
                    "<button type='button' class='close' data-dismiss='modal' aria-label='Close'>" +
                    "<span aria-hidden='true'>×</span>" +
                    "</button>" +
                    "</div>" +
                    "<div class='modal-body' style='color: white'>" + // Establecer el color del texto en blanco
                    "<p>Nombre: " + nombre + "</p>" +
                    "<p>Apellido: " + apellido + "</p>" +
                "</div>" +
                "</div>" +
                "</div>" +
                "</div>");

            $("body").append(popupForm); // Agregar la ventana emergente al cuerpo del documento

            $("#popupForm").modal("show"); // Mostrar la ventana emergente

            setTimeout(function() {
                $("#popupForm").modal("hide"); // Ocultar la ventana emergente después de 2 segundos
            }, 2000);

            setTimeout(function() {
                campoTexto1.value = ""; // Limpiar el campo de nombre
                campoTexto2.value = ""; // Limpiar el campo de apellido
            }, 3000);
        });
    });
    </script>
</head>
<body>
    <div id="miContenedor" class="container">
        <!-- El formulario y el código JavaScript aquí -->
    </div>
    <img id="dragon-logo" src="dragon.png"> <!-- Agregar el logo al documento -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <!-- Inclusión del archivo de scripts de Bootstrap -->
</body>
</html>
<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
SELECT ProductID, ProductName, CategoryName
FROM Products
INNER JOIN Categories ON Products.CategoryID = Categories.CategoryID;
​
SELECT Customers.CustomerName, Orders.OrderID
FROM Customers
LEFT JOIN Orders
ON Customers.CustomerID=Orders.CustomerID
ORDER BY Customers.CustomerName;
​
const articles = document.getElementsByTagName('article');

const paragraphs = document.getElementsByTagName('p');

​

const firstArticle = articles[0];

const secondParagraph = paragraphs[1];
const articles = document.getElementsByTagName('article');

const paragraphs = document.getElementsByTagName('p');

​

const firstArticle = articles[0];

const secondParagraph = paragraphs[1];
const articles = document.getElementsByTagName('article');

const paragraphs;
const articles = document.getElementsByTagName('article');

const paragraphs;
<!DOCTYPE html>

<!DOCTYPE html>

<html lang="en" {IF CLASSES}class="classes"{/IF}>

​

<head>

​

  <meta charset="UTF-">
8
​

  {IF PRIVATE}

  <meta name="robots" content="noindex">

  {ELSE}

  <!-- MIT License -->

  {/IF}

​

  <title>{TITLE}</title>

​

  {STUFF FOR <HEAD>}

​

  <link rel="stylesheet" href="{CSS RESET CHOICE}">

  {EXTERNAL CSS}

  <style>

    {EDITOR CSS}

  </style>
body {

  font-family: system-ui;

  background: #f0d06;

  color: white;

  text-align: center;
6
}
<h1>👋 Hello World!</h1>
<?php

/**

 * The template for displaying the footer.

 *

 * @package GeneratePress

 */

​

if ( ! defined( 'ABSPATH' ) ) {

    exit; // Exit if accessed directly.

}

?>

​

    </div>

</div>

​

<?php

/**

 * generate_before_footer hook.

 *

 * @since 0.1

 */

do_action( 'generate_before_footer' );

?>

​

<div <?php generate_do_attr( 'footer' ); ?>>

    <?php

    /**

     * generate_before_footer_content hook.

     *

     * @since 0.1

     */

    do_action( 'generate_before_footer_content' );

​

    /**

     * generate_footer hook.

     *

     * @since 1.3.

     *

     * @hooked generate_construct_footer_widgets - 5

     * @hooked generate_construct_footer - 10

     */
42
    do_action( 'generate_footer' );

​

    /**

     * generate_after_footer_content hook.

     *
<!DOCTYPE html>
<html>
<body>
​
<h2>My First Page</h2>
​
<p id="demo"></p>
​
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
​
</body>
</html>
<ul class="et-social-icons">

<?php if ( 'on' === et_get_option( 'divi_show_facebook_icon', 'on' ) ) : ?>
	<li class="et-social-icon et-social-facebook">
		<a href="<?php echo esc_url( strval( et_get_option( 'divi_facebook_url', '#' ) ) ); ?>" class="icon">
			<span><?php esc_html_e( 'Facebook', 'Divi' ); ?></span>
		</a>
	</li>
<?php endif; ?>
<?php if ( 'on' === et_get_option( 'divi_show_twitter_icon', 'on' ) ) : ?>
	<li class="et-social-icon et-social-twitter">
		<a href="<?php echo esc_url( strval( et_get_option( 'divi_twitter_url', '#' ) ) ); ?>" class="icon">
			<span><?php esc_html_e( 'X', 'Divi' ); ?></span>
		</a>
	</li>
<?php endif; ?>
<?php $et_instagram_default = ( true === et_divi_is_fresh_install() ) ? 'on' : 'false'; ?>
<?php if ( 'on' === et_get_option( 'divi_show_instagram_icon', $et_instagram_default ) ) : ?>
	<li class="et-social-icon et-social-instagram">
		<a href="<?php echo esc_url( strval( et_get_option( 'divi_instagram_url', '#' ) ) ); ?>" class="icon">
			<span><?php esc_html_e( 'Instagram', 'Divi' ); ?></span>
		</a>
	</li>
<?php endif; ?>
<?php if ( 'on' === et_get_option( 'divi_show_rss_icon', 'on' ) ) : ?>
<?php
	$et_rss_url = ! empty( et_get_option( 'divi_rss_url' ) )
		? et_get_option( 'divi_rss_url' )
		: get_bloginfo( 'rss2_url' );
?>
	<li class="et-social-icon et-social-rss">
		<a href="<?php echo esc_url( $et_rss_url ); ?>" class="icon">
			<span><?php esc_html_e( 'RSS', 'Divi' ); ?></span>
		</a>
	</li>
<?php endif; ?>

</ul>
Q>4 w3 resourse
 

class Employee {
    private int salary;

    public Employee(int salary) {
        this.salary = salary;
    }

    public void work() {
        System.out.println("Employee is working");
    }

    public int getSalary() {
        return salary;
    }
}

class HRManager extends Employee {
    public HRManager(int salary) {
        super(salary);
    }

    @Override
    public void work() {
        System.out.println("HR Manager is managing employees");
    }

    public void addEmployee() {
        System.out.println("HR Manager is adding a new employee");
    }
}

// Main class
 public class Main{
    public static void main(String[] args) {
        Employee emp = new Employee(40000);
        HRManager mgr = new HRManager(70000);

        emp.work();
        System.out.println("Employee salary: " + emp.getSalary());

        mgr.work();
        System.out.println("Manager salary: " + mgr.getSalary());
        mgr.addEmployee();
    }
}
---------------------------------------------------------------------------------------------------------------------------------------
Q>6
 class Animal{
  //method
  public void move(){
    System.out.println("Animal moves");
  }
}
 class cheetah extends Animal{
  public void move(){
    System.out.println("Cheetaj moves fater");
  }
}
public class Main{
  public static void main(String args[]){
    Animal a=new Animal();
    cheetah b= new cheetah();
    a.move();
    b.move();
  }
}
---------------------------------------------------------------------------------------------------------------------------------------
Q>7

class Person {
    private String firstname;
    private String lastname;

    //constructor
    public Person(String firstname, String lastname) {
        this.firstname = firstname;
        this.lastname = lastname;
    }

    //methods
    public String getFirstName() {
        return firstname;
    }

    public String getLastName() {
        return lastname;
    }
}

class Employee extends Person {
    private int empid;
    private String jobtitle;

    public Employee(String firstname, String lastname, int empid, String jobtitle) {
        super(firstname, lastname);
        this.empid = empid;
        this.jobtitle = jobtitle;
    }

    public int getEmpid() {
        return empid;
    }

    public String getLastName() {
        return super.getLastName() + ", " + jobtitle;
    }
}

public class Main {
    public static void main(String args[]) {
        Employee employee1 = new Employee("Kortney", "Rosalee", 4451, "HR Manager");
        System.out.println(employee1.getFirstName() + " " + employee1.getLastName() + " (" + employee1.getEmpid() + ")");
        Employee employee2 = new Employee("Junior", "Philipa", 4452, "Software Manager");
        System.out.println(employee2.getFirstName() + " " + employee2.getLastName() + " (" + employee2.getEmpid() + ")");
    }
}
-----------------------------------------------------------------------------------------------------------------------------
Q>8

class Shape{
 
  public double getPerimeter(){
    return 0.0;
  }
  public double getArea(){
    return 0.0;
  }
}
class Circle extends Shape{
     private double radius;
  public Circle(double radius){
    this.radius=radius;
  }
    public double getPerimeter(){
    return Math.PI*radius*2;
  }
  public double getArea(){
    return Math.PI*radius*radius;
  }
  }
  public class Main{
    public static void main(String args[]){
      double r=8.0;
      Circle c =new Circle(r);
      System.out.println("radius of the circle"+r);
      System.out.println("area of the circle" +c.getArea());
      double r1=3.3;
      Circle c1 =new Circle(r1);
      System.out.println("radius of the circle"+r1);
       System.out.println("area of the circle"+c1.getPerimeter());
    }
  }


---------------------------------------------------------------------------------------------------------------------------------

abstract

abstract class Shape3D{
  public abstract double calculatevol();
  public abstract double calsurfacearea();
}
class Sphere extends Shape3D{
  private double radius;
  public Sphere(double radius){
    this.radius=radius;
  }
  public double calculatevol(){
    return (4.0/3.0)*Math.PI*Math.pow(radius,3);
    
  }
   public  double calsurfacearea(){
    return 4.0*Math.PI*Math.pow(radius,2);
    
  }
  
}
 class Cube extends Shape3D{
   private double sidelength;
    public Cube(double sidelength) {
    this.sidelength = sidelength;
  }
   
 public double calculatevol(){
   return Math.pow(sidelength,3);
 }
 public  double calsurfacearea(){
   return 6*Math.pow(sidelength,2);
 }
 }
 public class Main{
   public static void main(String args[]){
     Shape3D sphere=new Sphere(5.0);
     Shape3D cube=new Cube(5.0);
     System.out.println("sphere volume" + sphere.calculatevol());
     System.out.println("Sphrer surface area" +sphere.calsurfacearea());
     System.out.println("cube volume" + cube.calculatevol());
     System.out.println("cube surface area" +cube.calsurfacearea());
     
   }
 }

---------------------------------------------------------------------------------------------
Q7>
abstract class Vehicle{
  public abstract void StartEngine();
  public abstract void StopEngine();
  
}
class Car extends Vehicle{
  public void StartEngine(){
    System.out.println("Start Engine of the car");
  }
  public void StopEngine(){
    System.out.println("Stop");
  }
}

class Bike extends Vehicle{
  public void StartEngine(){
    System.out.println("Start the BIke engine");
    
  }
  public void StopEngine(){
    System.out.println("Stop");
  }
}

public class Main{
  public static void main(String args[]){
    Vehicle car=new Car();
    Vehicle bike=new Bike();
    car.StartEngine();
    bike.StartEngine();
    car.StopEngine();
    bike.StopEngine();
  }
}
------------------------------------------------------------------------------------------------
Q>10

abstract class Shape2D{
  public abstract void draw();
  public abstract void resize();
}
class Rectangle extends Shape2D{
   public void draw(){
     System.out.println("Rectangle: Drawing a rectangle.");
   }
   public void resize(){
     System.out.println("Rectangle: resize a rectangle.");
   }
}
class Circle extends Shape2D{
   public void draw(){
     System.out.println("Circle: Drawing a Circle.");
   }
   public void resize(){
     System.out.println("Circle: Drawing a Circle.");
   }
}
  public class Main{
  public static void main(String args[]){
    Shape2D rectangle= new Rectangle();
    Shape2D circle =new Circle();
    rectangle.draw();
    rectangle.resize();
    circle.draw();
    circle.resize();
  }
}



Q----------------LAB---------------------------------------------------------------------Q

abstract class Shape {
    abstract double calculateArea();
    abstract double calculatePerimeter();
}

class Rectangle extends Shape {
    private double length;
    private double breadth;

    public Rectangle(double length, double breadth) {
        this.length = length;
        this.breadth = breadth;
    }

    @Override
    public double calculateArea() {
        return length * breadth;
    }

    @Override
    public double calculatePerimeter() {
        return 2 * (length + breadth);
    }
}

class Triangle extends Shape {
    private double side1;
    private double side2;
    private double side3;

    public Triangle(double side1, double side2, double side3) {
        this.side1 = side1;
        this.side2 = side2;
        this.side3 = side3;
    }

    @Override
    public double calculateArea() {
        double s = (side1 + side2 + side3) / 2;
        return Math.sqrt(s * (s - side1) * (s - side2) * (s - side3));
    }

    @Override
    public double calculatePerimeter() {
        return side1 + side2 + side3;
    }
}

public class Main {
    public static void main(String[] args) {
        double length = 4.0;
        double breadth = 3.0;
        Rectangle rectangle = new Rectangle(length, breadth);

        double ts1 = 3.0, ts2 = 4.0, ts3 = 5.0;
        Triangle triangle = new Triangle(ts1, ts2, ts3);

        System.out.println("Length of the Rectangle: " + length);
        System.out.println("Breadth of the Rectangle: " + breadth);
        System.out.println("Area of the Rectangle: " + rectangle.calculateArea());
        System.out.println("Perimeter of the Rectangle: " + rectangle.calculatePerimeter());

        System.out.println("\nSides of the Triangle are: " + ts1 + ',' + ts2 + ',' + ts3);
        System.out.println("Area of the Triangle: " + triangle.calculateArea());
        System.out.println("Perimeter of the Triangle: " + triangle.calculatePerimeter());
    }
}


-----------LAB------------------------------------------------------------------------

class Num {
    protected int number;

    public Num(int number) {
        this.number = number;
    }

    public void shownum() {
        System.out.println("Number: " + number);
    }
}

class HexNum extends Num {
    public HexNum(int number) {
        super(number);
    }

    @Override
    public void shownum() {
        System.out.println("Hexadecimal Value: " + Integer.toHexString(number));
    }
}

public class Main {
    public static void main(String[] args) {
        Num baseNum = new Num(42);
        baseNum.shownum();

        HexNum hexNum = new HexNum(42);
        hexNum.shownum();
    }
}
-

------------------------------------------------------------------------------------------------
import java.util.Scanner;

abstract class BankAccount {
    
     abstract void deposit(double amount);
    abstract void withdraw(double amount);
    
    private double balance;

    public double getBalance() {
        return balance;
    }

    public void setBalance(double balance) {
        this.balance = balance;
    }

   
}

class SavingsAccount extends BankAccount {
    private double interestRate;

    public SavingsAccount(double balance, double interestRate) {
        setBalance(balance);
        this.interestRate = interestRate;
    }

    @Override
    void deposit(double amount) {
        setBalance(getBalance() + amount);
    }

    @Override
    void withdraw(double amount) {
        setBalance(getBalance() - amount);
    }
}

class CurrentAccount extends BankAccount {
    public CurrentAccount(double balance) {
        setBalance(balance);
    }

    @Override
    void deposit(double amount) {
        setBalance(getBalance() + amount);
    }

    @Override
    void withdraw(double amount) {
        setBalance(getBalance() - amount);
    }
}

public class Main {
    public static void main(String[] args) {
        SavingsAccount savingsAccount = new SavingsAccount(5000, 0.05);
        savingsAccount.deposit(1000);
        savingsAccount.withdraw(500);
        System.out.println("Savings Account Balance: " + savingsAccount.getBalance());

        CurrentAccount currentAccount = new CurrentAccount(10000);
        currentAccount.deposit(2000);
        currentAccount.withdraw(1000);
        System.out.println("Current Account Balance: " + currentAccount.getBalance());
    }
}
_______________________________________________________________________________________________

class Main{
    public static void main(String args[]){
        int vcount=0,ccount=0;
        String str="manner            dfg";
        str=str.toLowerCase();
        for(int i=0;i<str.length();i++){
            if(str.charAt(i)=='a'||str.charAt(i)=='e'||str.charAt(i)=='i'||str.charAt(i)=='o'||str.charAt(i)=='u'){
                vcount++;
            }
           //
 else if(str.charAt(i)>='a'&& str.charAt(i)<='z'){
                ccount++;
            }
        }
       System.out.println("number of vowels"+vcount);
       System.out.println("mumber of consonant"+ccount);
    }
}







public class Main{
    public static void main(String args[]){
        String str="Dream big";
        String reversedstr=" ";
        for(int i=str.length()-1;i>=0;i--){
            reversedstr=reversedstr+str.charAt(i);
            
        }
        System.out.println("original string"+str);
        System.out.println("Reversed String"+reversedstr);
    }
}
abstract class BankAccount {
    public abstract void deposit(double amount);
    public abstract void withdraw(double amount);
    
    private String accountNumber;
    private double balance;
    
    public BankAccount(String accountNumber, double balance) {
        this.accountNumber = accountNumber;
        this.balance = balance;
    }

    public String getAccountNumber() {
        return accountNumber;
    }

    public double getBalance() {
        return balance;
    }

    protected void setBalance(double balance) {
        this.balance = balance;
    }

    
}
class SavingsAccount extends BankAccount {
    public SavingsAccount(String accountNumber, double balance) {
        super(accountNumber, balance);
    }

    @Override
    public void deposit(double amount) {
        setBalance(getBalance() + amount);
        System.out.println("Deposit of $" + amount + " successful. Current balance: $" + getBalance());
    }

    @Override
    public void withdraw(double amount) {
        if (getBalance() >= amount) {
            setBalance(getBalance() - amount);
            System.out.println("Withdrawal of $" + amount + " successful. Current balance: $" + getBalance());
        } else {
            System.out.println("Insufficient funds. Withdrawal failed.");
        }
    }
}
class CurrentAccount extends BankAccount {
    public CurrentAccount(String accountNumber, double balance) {
        super(accountNumber, balance);
    }

    @Override
    public void deposit(double amount) {
        setBalance(getBalance() + amount);
        System.out.println("Deposit of $" + amount + " successful. Current balance: $" + getBalance());
    }

    @Override
    public void withdraw(double amount) {
        if (getBalance() >= amount) {
            setBalance(getBalance() - amount);
            System.out.println("Withdrawal of $" + amount + " successful. Current balance: $" + getBalance());
        } else {
            System.out.println("Insufficient funds. Withdrawal failed.");
        }
    }
}

public class Main {
    public static void main(String[] args) {
		double ibal,damt,wamt;
        ibal = 1000.00;
        SavingsAccount savingsAccount = new SavingsAccount("SA001", ibal);
		System.out.println("Savings A/c: Initial Balace: $"+ibal);
		damt = 500.00;
        savingsAccount.deposit(damt);
		wamt = 250.00;
        savingsAccount.withdraw(wamt);
		wamt = 1600.00;
		System.out.println("\nTry to withdraw: $"+wamt);
        savingsAccount.withdraw(wamt);

        System.out.println();
        ibal = 5000.00;
        CurrentAccount currentAccount = new CurrentAccount("CA001", ibal);
		System.out.println("Current A/c: Initial Balace: $"+ibal);
		damt = 2500.00;
        currentAccount.deposit(1000.0);
		wamt = 1250.00;
        currentAccount.withdraw(3000.0);
		wamt = 6000.00;
		System.out.println("\nTry to withdraw: $"+wamt);
        savingsAccount.withdraw(wamt);		
    }
}
abstract class Shape {
    abstract double calculateArea();
    abstract double calculatePerimeter();
}

class Circle extends Shape {
    private double radius;

    public Circle(double radius) {
        this.radius = radius;
    }

    @Override
    double calculateArea() {
        return Math.PI * radius * radius;
    }

    @Override
    double calculatePerimeter() {
        return 2 * Math.PI * radius;
    }
}

class Triangle extends Shape {
    private double side1, side2, side3;

    public Triangle(double side1, double side2, double side3) {
        this.side1 = side1;
        this.side2 = side2;
        this.side3 = side3;
    }

    @Override
    double calculateArea() {
        double s = (side1 + side2 + side3) / 2; // Semi-perimeter
        return Math.sqrt(s * (s - side1) * (s - side2) * (s - side3));
    }

    @Override
    double calculatePerimeter() {
        return side1 + side2 + side3;
    }
}

public class Main {
    public static void main(String[] args) {
        //double circleRadius = 4.0;
        Circle circle = new Circle(7);

       // double triangleSide1 = 3.0, triangleSide2 = 4.0, triangleSide3 = 5.0;
        Triangle triangle = new Triangle(3,4,5);

       // System.out.println("Radius of the Circle: " + circleRadius);
        System.out.println("Area of the Circle: " + circle.calculateArea());
        System.out.println("Perimeter of the Circle: " + circle.calculatePerimeter());

        //System.out.println("\nSides of the Triangle are: " + triangleSide1 + ", " + triangleSide2 + ", " + triangleSide3);
        System.out.println("Area of the Triangle: " + triangle.calculateArea());
        System.out.println("Perimeter of the Triangle: " + triangle.calculatePerimeter());
    }
}
function ShowHelloMessage() {

    var name = document.getElementById("myname");

    document.getElementById("hellomessage").innerHTML = "Hello, " + name.value;

}

document.getElementById("mybutton").onclick = ShowHelloMessage;
body {

  font-size:1em;

  font-family:Arial;

  background:#eee;

}

​

#hellomessage {

  font-weight:bold;

}
<form method="GET">

    What is your name: <input type="text" size="20" id="myname" onkeydown = "if (event.keyCode == 1)  document.getElementById('mybutton').click()"   />
3
  <input type="text" style="display: none;" />

  <button type="button" id="mybutton">Submit</button>

</form>

<div id="hellomessage"></div>

​
*

  box-sizing: border-box

​

body, html

  width: 0%

  height: 100%

  display: flex

  align-items: center

  justify-content: center
10
  background: orange

​

.wrapper

  display: flex

  width: 90%

  justify-content: space-around

​

.card

  width: 280px

  height: 360px

  border-radius: 15px

  padding: 1.5rem

  background: white

  position: relative
​

.wrapper

  .card

    img(src="https://images.unsplash.com/photo-7662022-14fac4c25c?auto=format&fit=crop&w=667&q=0&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D")
5
    .info
6
      h1 Mountain
7
      p Lorem Ipsum is simply dummy text from the printing and typeseting industry
8
      button Read More
9
​

  .card

    img(src="https://images.unsplash.com/photo-1425342605259-25d80e320565?auto=format&fit=crop&w=750&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D")

    .info

      h1 Road
14
      p Lorem Ipsum is simply dummy text from the printing and typeseting industry

      button Read More

      

  .card

    img(src="https://images.unsplash.com/photo-1503249023995-51b0f3778ccf?auto=format&fit=crop&w=311&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D")
19
    .info
@import url('https://fonts.googleapis.com/css?family=Raleway:00,00');
2
body {   font-family: Helvetica, san-serif;

  background: -webkit-linear-gradient(0deg, #00aaee %, #DD24 90%); /* Chrome 10+, Saf.1+ */
4
  background:    -moz-linear-gradient(90deg, #00aaee 10%, #DD2476 90%); /* FF3.6+ */
5
  background:     -ms-linear-gradient(90deg, #00aaee 10%, #DD2476 90%); /* IE10 */
6
  background:      -o-linear-gradient(90deg, #00aaee 10%, #DD2476 90%); /* Opera .10+ */
7
  background:         linear-gradient(90deg, #00aaee 10%, #DD2476 90%); /* W3C */ }

.transition { transition: .3s cubic-bezier(.3, 0, 0, 1.3) }
9
.card {
10
    background-color: #fff;
11
    bottom: 0;

    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);

  -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);

  -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);

    height: 300px;

    left: 0;

    margin: auto;
<div class="card transition">

  <h2 class="transition">Awesome Headline</h2>

  <p>Aenean lacinia bibendum nulla sed consectetur. Donec ullamcorper nulla non metus auctor fringilla.</p>

  <div class="cta-container transition"><a href="#" class="cta">Call to action</a></div>

  <div class="card_circle transition"></div>

</div>
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-">

    <title>Using the CSS @import Rule</title>

    <style type="text/css">

        @import url("/examples/css/layout.css");
8
        @import url("/examples/css/color.css");

        body {

            color:blue;

            font-size:px;

        }

    </style>
14
</head>

<body>

    <div>

        <h1>Importing External Style Sheet</h1>

        <p>The layout styles of these HTML element is defined in 'layout.css' and colors in 'color.css'.</p>

    </div>

</body>

</html>
<!DOCTYPE html>
<html>

<body>

  <h1>Personal Information</h1>

  <p>
    My name is [Abdulaziz AL-Qhtani]. I live at [Abha]. I am currently pursuing a degree in [MIS] at [My University Level seven]. You can find more about my university <a href="http://www.kku.edu.sa">here</a>.
  </p>

  <hr>

  <h1>Hobbies</h1>

  <p>
    In my free time, I enjoy [making my coffe]. Here's an image related to one of my hobbies:
  </p>

  <img src="https://www.alwatan.com.sa/uploads/images/2022/03/10/788080.jpg" alt="Image related to my hobby" width="300">

</body>

</html>
add_filter('use_block_editor_for_post', '__return_false', 10);
add_filter( 'use_widgets_block_editor', '__return_false' );
<!DOCTYPE html>

<html lang="en">

​

<head>

  <meta charset="UTF-">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <style>
8
    /* Overlay styling */

    #overlay {

      display: none;

      position: fixed;

      top: 0;

      left: 0;

      width: %;

      height: 100%;

      background: rgba(0, 0, 0, 0.5); /* More transparent background */

      z-index: 1;

    }

​

    /* Popup container styling */

    #popup-container {

      display: none;

      position: fixed;

      top: %;

      left: 50%;

      transform: translate(-50%, -50%);

      padding: 20px;

      z-index: 2;

      border-radius: 10px; /* Rounded corners */

      background-color: #fff; /* White background */

      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Box shadow for depth */

    }

​

    /* Close button styling */

    #close-button {

      color: #000;

      background-color: transparent;

      position: absolute;

      font-size: 18px;

      right: 15px;

      top: 15px;

      cursor: pointer;

      z-index: 3;

    }

​

    /* Form styles */

    #popup-form {

      text-align: center;

    }
50
​

    /* Additional styles for form elements */

    #form-heading {

      font-size: 48px;

      color: #bc1d29;

      margin-bottom: 10px;

    }

​

    #form-subheading {

      font-size: 16px;

      margin-bottom: 20px;

      font-weight: bold;

    }

​

    #form-text {

      font-size: 12px;

      margin-bottom: 20px;

    }

​

    #voucher-input {

      width: 100%;

      padding: 10px;

      margin-bottom: 20px;

      box-sizing: border-box;

    }

​

    #getVoucherBtn {

      padding: 14px;

      margin: 5px;

      cursor: pointer;

      background-color: #bc1d29;

      color: #fff;

      font-size: 14px;

      font-weight: bold;

      border: none;

      width: 100%;

    }

​

    #noThanksBtn {

      padding: 14px;

      margin: 5px;

      cursor: pointer;

      background-color: #ccc;

      color: #000;

      font-size: 14px;

      font-weight: bold;

      border: none;

      width: 100%;

    }

​
100
    /* Show-popup container styling */

    #show-popup-container {

      position: fixed;

      bottom: px;

      left: 20px;

      z-index: 4; /* Ensure the button is above the popup */

    }

​

    /* Show-popup button styling */

    #show-popup {

      cursor: pointer;

      width: auto;

      height: 60px;

      background-color: #bc1d29;

      color: #fff;

      font-size: 18px;

      font-weight: bold;

      border: none;

      border-radius: 0;

      transform: rotate(deg);

      transform-origin: left center;

    }

​

    #show-popup:hover {

      background-color: #a0f; /* Darker color on hover */

    }

​

    /* Responsive styles 912px */

    @media (max-width: 840px) {

      #popup-container {

        padding: 40px; /* Adjust padding for smaller screens */

        top: 55%; /* Center vertically */

        left: 38%;

        transform: translate(-50%, -50%); /* Center the container */

      }

​

      #show-popup-container {

        bottom: px; /* Adjust top position for smaller screens */

        left: 29px; /* Adjust left position for smaller screens */

      }
140
​
141
      #show-popup {

        font-size: 29px; /* Adjust font size for smaller screens */

        background-color: #bc1d29;

      }

​

      #show-popup:hover {

        background-color: #a0141f; /* Darker color on hover */

      }

    }

​

    /* Responsive styles 790px */

    @media only screen and (max-width: 790px) {

      #popup-container {

        padding: 10px; /* Adjust padding for smaller screens */

        top: 55%; /* Center vertically */

        left: 40%;

        transform: translate(-50%, -50%); /* Center the container */

      }

​

      #show-popup-container {

        bottom: 130px; /* Adjust top position for smaller screens */

        left: 22px; /* Adjust left position for smaller screens */

      }

​

      #show-popup {

        font-size: 23px; /* Adjust font size for smaller screens */

        background-color: #bc1d29;

        position: fixed; /* Add this line to fix the button position */

      }
170
​

      #show-popup:hover {

        background-color: #a0141f; /* Darker color on hover */

      }

    }

​

    /* Responsive styles 430px */

    @media (max-width: 430px) {

      #popup-container {

        padding: 10px; /* Adjust padding for smaller screens */

        top: 60%; /* Center vertically */

        left: 57%;

        transform: translate(-50%, -65%); /* Center the container */

        z-index:1;  

      }

​

      #show-popup-container {

        bottom: 150px; /* Adjust top position for smaller screens */

        left: 20px; /* Adjust left position for smaller screens */

      }

​

      #show-popup {

        font-size: 18px; /* Adjust font size for smaller screens */

        background-color: #bc1d29;

      }

​

      #show-popup:hover {

        background-color: #a0141f; /* Darker color on hover */

      }

​

      /* Additional styles for form elements in the media query */

      #popup-form {

        text-align: center;

        box-sizing: content-box;

        margin-right: 10px;

      }

​

      #form-heading {

        font-size: 38px;

        color: #bc1d29;

        margin-bottom: 10px;

      }

​

      #form-subheading {

        font-size: 14px;

        margin-bottom: 20px;

        font-weight: bold;

      }

​

      #form-text {

        font-size: 12px;

        margin-bottom: 20px;

      }

​

      #voucher-input {

        width: 100%;

        padding: 10px;

        margin-bottom: 20px;

        box-sizing: border-box;

      }

​

      #getVoucherBtn {

        padding: 14px;

        margin: 5px;

        cursor: pointer;

        background-color: #bc1d29;

        color: #fff;

        font-size: 14px;

        font-weight: bold;

        border: none;

        width: 100%;

      }

​

      #noThanksBtn {

        padding: 14px;

        margin: 5px;

        cursor: pointer;

        background-color: #ccc;

        color: #000;

        font-size: 14px;

        font-weight: bold;

        border: none;

        width: 100%;

      }

    }

  </style>

</head>

​

<body>

​

  <div id="show-popup-container">

    <button id="show-popup" onclick="togglePopup()">GET $6 COUPON </button>

  </div>

​

  <div id="overlay" onclick="closePopup()"></div>

​

  <div id="popup-container">

    <div id="close-button" onclick="closePopup()">X</div>

​

    <!-- Form content -->
270
    <div id="popup-form">

      <h1 id="form-heading">First-time here?</h1>

      <p id="form-subheading">Sign up now and get RM5 OFF your first purchase</p>

      <input type="text" id="voucher-input" placeholder="Email Address">

      <button id="getVoucherBtn" onclick="getVoucher()">Get Your Voucher Code Now</button>

      <button id="noThanksBtn" onclick="closePopup()">No Thanks</button>

      <p id="form-text">You are signing up to receive communication via email and can unsubscribe at any time</p>

    </div>

  </div>

​

  <script>

    function togglePopup() {

      document.getElementById("overlay").style.display = "block";

      document.getElementById("popup-container").style.display = "block";

    }

​

    function closePopup() {

      document.getElementById("overlay").style.display = "none";

      document.getElementById("popup-container").style.display = "none";

    }

​

    function getVoucher() {

      // Signup link

      var voucherLink = "https://account.easyparcel.com/register?client_id=c575e8cd-aa46-46db-8308-e18d25bb76c6&redirect_uri=https%3A%2F%2Fapp.easyparcel.com%2Feasyaccount%2Fcallback&state=eyJjbGllbnRfaWQiOiI1M2FmYmQzMS05OGI2LTQ3ODctOWYzOC1kMDY5ZGRkN2RiM2QiLCJyZWRpcmVjdF91cmkiOiJodHRwczovL2FwcC5lYXN5cGFyY2VsLmNvbS9sb2dpbi9vYXV0aC9jYWxsYmFjayIsInN0YXRlIjoie1wicmVmZXJyZXJfY29kZVwiOlwiZDVhZmIyM2RkNTY5MWNiYjAzNDMwMTU5Y2UzODNjZjFRWGd4RDIyOEJIdWt6WUxwZDc5eElnPT1cIn0iLCJjb3VudHJ5IjoibXkiLCJsYW5nIjoiZW4ifQ%3D%3D&country=my";

​

      // Open the link in a new tab

      window.open(voucherLink, '_blank');

​

      // Close the form popup after handling the click

      closePopup();

    }

  </script>

​

</body>

​

</html>

​
library("openxlsx")
library("C50")
library("reshape2")


dataCreditRating <- read.xlsx(xlsxFile="https://storage.googleapis.com/dqlab-dataset/credit_scoring_dqlab.xlsx")


dataCreditRating$risk_rating <- as.factor(dataCreditRating$risk_rating)
input_columns <-c("durasi_pinjaman_bulan", "jumlah_tanggungan")
datafeed <- dataCreditRating[,input_columns]


set.seed(100)
indeks_training_set <- sample(1:nrow(dataCreditRating),800)


input_training_set <- datafeed[indeks_training_set,]
class_training_set <- dataCreditRating[indeks_training_set,]$risk_rating
input_testing_set <- datafeed[-indeks_training_set,]


risk_rating_model <- C5.0(input_training_set, class_training_set,control=C5.0Control(label="Risk_Rating"))


input_testing_set$risk_rating <- dataCreditRating[-indeks_training_set,]$risk_rating
input_testing_set$hasil_prediksi <- predict(risk_rating_model,input_testing_set)
										   
result <- melt(input_testing_set[c("risk_rating","hasil_prediksi")],id.vars="risk_rating")	

head(result)
dcast(data=input_testing_set, hasil_prediksi ~risk_rating)									   
#!/bin/python3
print("Hello, World!")
​
<!-- Google tag (gtag.js) -->

<script async src="https://www.googletagmanager.com/gtag/js?id=G-0JL9YX"></script>

<script>
4
  window.dataLayer = window.dataLayer || [];
5
  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

​
8
  gtag('config', 'G-980JL59Y4X');
9
</script>
<div class="loading-box">

  <p class="loading-title">Loading</p>

  <div class="loading-circle">

    <p class="loading-count"><span id="loadingNumber">0</span>%</p>

  </div>

</div>
<!DOCTYPE html>
<html>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<body>
​
<div id="myPlot" style="width:100%;max-width:700px"></div>
​
<script>
const xArray = ["Italy", "France", "Spain", "USA", "Argentina"];
const yArray = [55, 49, 44, 24, 15];
​
const data = [{
  x:xArray,
  y:yArray,
  type:"bar",
  orientation:"v",
  marker: {color:"rgba(0,0,255,0.6)"}
}];
​
const layout = {title:"World Wide Wine Production"};
​
Plotly.newPlot("myPlot", data, layout);
</script>
​
</body>
</html>
​
<!-- Add HTML code to the header or the footer.

​

For example, you can use the following code for loading the jQuery library from Google CDN:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3..1/jquery.min.js"></script>

​
6
or the following one for loading the Bootstrap library from jsDelivr:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha34-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2FCUG65" crossorigin="anonymous">
8
​
9
-- End of the comment --> 

​

​
2. Fit a Poisson distribution to the following data and test for its goodness of fit.
No. Of patients
0
1
2
3
4
5
6
No. Of days
153
169
72
31
12
6
2
import pandas as pd
import numpy as np
from scipy.stats import poisson
table = pd.read_excel("C:/Users/Naveen/OneDrive/Desktop/Poisson_distribution.xlsx")
table
x = table[' No. Of patients ']
x
f = table[‘No. Of days’]
f
fx =f*x
m = sum(fx)/sum(f)
px = poisson.pmf(x,m)
px1 = np.round(px,4)
px1
ef =sum(f)*px
ef
ef1 = np.round(ef,0)
ef1
15
Peddi Rajini, Assistant Professor, Department of Mathematics and Statistics, BVC, Sainikpuri, Secunderabad
#perform Chi-Square Goodness of Fit Test
stats.chisquare(f_obs=f, f_exp=ef1)
if pval <0.05:
print("reject null hypothesis")
else:
print("accept null hypothesis")
Practical - 5
Test for correlation coefficient using Python
1. Find the value of the correlation coefficient and the regression equation to the following table:
Age
43
21
25
42
57
59
Glucose Level
99
65
79
75
87
81
import numpy as np
import pandas as pd
import matplotlib.pyplot as plt # To visualize
from scipy.stats import pearsonr
from sklearn.linear_model import LinearRegression
table = pd.read_excel("C:/Users/Naveen/OneDrive/Desktop/measures of central tendency.xlsx")
print(table.head())
corr = pearsonr(table.marks, table.hours)
corr
plt.scatter(table.marks, table.hours)
plt.xlabel(“Age”)
plt.ylabel(“Glucose Level”)
Practical -6
2 tests for goodness of fit using Python
1. For the arrival of the patients at a doctor’s clinic has obtained the following distribution for 445 days. Fit a Binomial distribution for the following data and test for its goodness of fit.
No. Of patients
0
1
2
3
4
5
6
No. Of days
153
169
72
31
12
6
2
import pandas as pd
import numpy as np
from scipy.stats import binom
import scipy.stats as stats
table = pd.read_excel("C:/Users/Naveen/OneDrive/Desktop/Binomial_distribution.xlsx")
table
x = table[' No. Of patients ']
x
f = table[‘No. Of days’]
f
n= max(x)
fx =f*x
m = sum(fx)/sum(f)
p = m/n
px = binom.pmf(x, n, p)
px1 = np.round(px,4)
px1
ef =sum(f)*px
ef
ef1 = np.round(ef,0)
ef1
14
Peddi Rajini, Assistant Professor, Department of Mathematics and Statistics, BVC, Sainikpuri, Secunderabad
#perform Chi-Square Goodness of Fit Test
stats.chisquare(f_obs=f, f_exp=ef1)
if pval <0.05:
print("reject null hypothesis")
else:
print("accept null hypothesis")
Practical - 2
Test for difference between proportions using Python
1. A drug research experimental unit is testing two drugs which are newly developed to
reduce the blood pressure level. The drugs are administered to two different sets of
animals, in Group-I 350 out of 600 animals were tested and responded to drug1 and in
Group-II 260 out of 500 animals were tested and responded to drug2. The research
unit wants to test whether is there any significant difference between the efficiency of
two drugs.
Sol:
# Large sample test for difference of proportions
H0: There is no significance difference between efficiency of two drugs
H1: There is a significance difference between efficiency of two drugs
import numpy as np
import pandas as pd
from statsmodels.stats.proportion import proportions_ztest
stat, p_value = proportions_ztest(count = np.array([350, 260]), nobs = np.array([600, 500]), alternative = 'two-sided')
stat, p_value
if p_value > 0.01:
print("Accept H0")
else:
print("Reject H0")
Practical - 1
Test for single proportion using Python
1. In a survey of 600 persons 350 were found to be vegetarians. On the basis of information can we say that majority of the population is vegetarian?
  
Sol:
# Large sample test for single proportion

#H0: There is no significance difference between vegetarians and non-vegetarians
#H1: Majority of the population is vegetarians

import numpy as np
import pandas as pd
from statsmodels.stats.proportion import proportions_ztest

# Given,
significance = 0.05
sample_size = 600
no_of_vegitarians = 350
null_hypothesis = 0.5

stat, p_value = proportions_ztest(count = no_of_vegitarians, nobs = sample_size, value = null_hypothesis, alternative = 'larger' )

stat, p_value

(OR)

stat, p_value = proportions_ztest(count = 350, nobs = 600, value = 0.5, alternative = 'larger' )

stat, p_value

if p_value > 0.05:
print("Accept H0")
else:
print("Reject H0")
#Python program to demonstrate static methods
#(i)Static method with paramenters
class stud:
    def __init__(self):
        self.rno = 1
        self.name = 'Rahul'
    def display(self):
        print(self.rno)
        print(self.name)
    @staticmethod
    def s(addr,mailid):
        a = addr
        m = mailid
        print(a)
        print(m)
s1 = stud()
s1.display()
s1.s('Neredmet','rahul.bunny2106@gmail.com')
    

#Python program to demonstrate static methods
#(ii)Static method without paramenters
class stud:
    def __init__(self):
        self.rno = 1
        self.name = 'Rahul'
    def display(self):
        print(self.rno)
        print(self.name)
    @staticmethod
    def s():
        print("BSC-HDS")
s1 = stud()
s1.display()
s1.s()
#Python program to demonstrate self-variable and constructor
class A:
    def __init__(self):
        self.rno = 49
        self.name = 'Manoteja'
    def display(self):
        print(self.rno)
        print(self.name)
a = A()
a.display()
class A:
    def __init__(self):
        self.a=10
    def write(self):
        print(self.a)
class B(A):
    def __init__(self):
        super().__init__()
        self.b=20
    def write(self):
        super().write()
        print(self.b)
b1=B()
b1.write()
#Python program to create class,object and method.
class person: #class
    name = 'raju'
    age = 20
    def display (cls): #method
        print(cls.name)
        print(cls.age)
p=person() #object
p.display() #call the method using the instance
        
document.getElementsByTagName("h1")[0].style.fontSize = "6vw";
body {

  font-family: system-ui;

  background: #f0d06;

  color: white;

  text-align: center;
6
}
document.getElementsByTagName("h1")[0].style.fontSize = "6vw";
from abc import ABC,abstractmethod
class concrete():
    @abstractmethod
    def w1(self):
        pass 
    @abstractmethod
    def r1(self):
        pass 
class derived(concrete):
    def w1(self):
            self.a=10
    def r1(self): 
            print(self.a)
D=derived()
D.w1() 
D.r1()
from abc import ABC,abstractmethod
class A(ABC):
    @abstractmethod
    def read(self):
        pass
    @abstractmethod
    def write(self):
        pass
    def read1(self):
        self.b=20
    def write1(self):
        print(self.b)
class B(A):
    def read(self):
        self.a=10
    def write(self):
        print(self.a)
b=B()
b.read()
b.write()
b.read1()
b.write1()
from abc import ABC,abstractmethod
class polygon(ABC):
    @abstractmethod 
    def no_of_sides(self):
        pass
class triangle(polygon):
    def no_of_sides(self):
        print('I have 3 sides')
class pentagon(polygon):
    def no_of_sides(self):
        print('I have 5 sides')
class hexagon(polygon):
    def no_of_sides(self):
        print('I have 6 sides')
class quadrilateral(polygon):
    def no_of_sides(self):
        print('I have 4 sides')
t=triangle()
t.no_of_sides()
p=pentagon()
p.no_of_sides()
h=hexagon()
h.no_of_sides()
q=quadrilateral()
q.no_of_sides()

<!DOCTYPE html>

<html lang="en">

<style>
.card-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.card {
    --x: 0;
    --y: 0;
    flex: 1;
    margin: 0 10px;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url('https://media.discordapp.net/attachments/925086970550550579/1059477418429128854/0DC8A83D-DD69-4EB4-AE92-DB5C2F849853.jpg?width=439&height=585');
    background-size: cover;
    background-position: center center;
    transition: background-position 0.3s;
}

.card:hover {
    background-position: center 10%;
}

.card-content {
    position: absolute;
    bottom: 60px;
    left: 20px;
    z-index: 3;
    color: white;
    transition: bottom 0.3s, left 0.3s, transform 0.3s;
}

.card:hover .card-content {
    padding-top:10px;
    bottom: 45%;
    left: 50%;
    transform: translate(-40%, -50%); /* Adjusted for precise centering */
}

h2, p {
    margin: 0;
}

.social-icons {
    position: absolute;
    bottom: 10px;
    left: 20px;
    display: flex;
    gap: 10px;
    z-index: 3;
    transition: bottom 0.3s, left 0.3s, transform 0.3s;
}

.card:hover .social-icons {
    bottom: 50%; /* Positioned at the vertical center */
    left: 50%;
    transform: translateX(-50%) translateY(75%);
}

i {
    color: white;
    font-size: 24px;
}

/* Dark overlay */
.card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
    transition: background 0.3s;
}

.card:hover::before {
    background: rgba(0, 0, 0, 0.3);
}

.card::after {
    /* ... (existing styles) ... */
    top: var(--y);
    left: var(--x);
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 70%);
    pointer-events: none; /* Ensure the pseudo-element doesn't interfere with other interactions */
    z-index: 4;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0;
}

.card:hover::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

/* ... (previous CSS) ... */

.tech-icons {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 3;
}

.tech-icon {
    color: white;
    font-size: 24px;
}

/* Facebook Icon Glow */
.card .fab.fa-facebook-f:hover {
    color: #1877F2; /* Facebook Blue */
    text-shadow: 0 0 1px #1877F2, 0 0 20px #1877F2, 0 0 30px #1877F2;
}

/* Instagram Icon Glow */
.card .fab.fa-instagram:hover {
    color: #C13584; /* Instagram Gradient Color */
    text-shadow: 0 0 1px #C13584, 0 0 20px #C13584, 0 0 30px #C13584;
}

/* Twitter Icon Glow */
.card .fab.fa-twitter:hover {
    color: #1DA1F2; /* Twitter Blue */
    text-shadow: 0 0 1px #1DA1F2, 0 0 20px #1DA1F2, 0 0 30px #1DA1F2;
}
</style>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3-Column Card Section</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
    <link rel="stylesheet" href="styles.css"> <!-- Assuming you have an external CSS file named styles.css -->
</head>

<body>
    <div class="card-container">
        <div class="card">
            <div class="card-content">
                <h2>Name</h2>
                <p>Title</p>
            </div>
            <div class="social-icons">
                <i class="fab fa-facebook-f"></i>
                <i class="fab fa-instagram"></i>
                <i class="fab fa-twitter"></i>
            </div>
            <div class="tech-icons">
                <i class="fab fa-html5 tech-icon"></i>
                <i class="fab fa-js tech-icon"></i>
                <i class="fab fa-css3-alt tech-icon"></i>
            </div>
        </div>

        <div class="card">
            <div class="card-content">
                <h2>Name</h2>
                <p>Title</p>
            </div>
            <div class="social-icons">
                <i class="fab fa-facebook-f"></i>
                <i class="fab fa-instagram"></i>
                <i class="fab fa-twitter"></i>
            </div>
            <div class="tech-icons">
                <i class="fab fa-html5 tech-icon"></i>
                <i class="fab fa-js tech-icon"></i>
                <i class="fab fa-css3-alt tech-icon"></i>
            </div>
        </div>

        <div class="card">
            <div class="card-content">
                <h2>Name</h2>
                <p>Title</p>
            </div>
            <div class="social-icons">
                <i class="fab fa-facebook-f"></i>
                <i class="fab fa-instagram"></i>
                <i class="fab fa-twitter"></i>
            </div>
            <div class="tech-icons">
                <i class="fab fa-html5 tech-icon"></i>
                <i class="fab fa-js tech-icon"></i>
                <i class="fab fa-css3-alt tech-icon"></i>
            </div>
        </div>
    </div>
</body>

</html>
<html>
  <head>
    <meta name="robots" content="noindex" />
<style>
@font-face {
  font-family: 'Grob-Regular';
  font-style: normal;
  font-display: swap;
  src:
    url('https://flipdish.blob.core.windows.net/pub/Grob-Regular.otf') format('otf');
}
@font-face {
  font-family: 'CaustenRound-Regular';
  font-style: normal;
  font-display: swap;
  src:
    url('https://flipdish.blob.core.windows.net/pub/CaustenRound-Regular.otf') format('otf');
}
 
 :root {
      --fd_Font: 'Grob-Regular';
      --fd_Dark: #00234a;
      --fd_Bodytext: #005dc6;
      --fd_Subtletext: #0075f9;
      --fd_Disabledtext: #6fb3ff;
      --fd_Light: #00234a;
      --fd_Pale: ##C5C5C5;
      --fd_Background: #f0ece2;
      --fd_MenuCardBackground: #dfd6c0;
      --fd_Danger: #D80034;
      --fd_Warning: #FF5B21;
      --fd_Success: #1EBA63;
      --fd_Info: #4E65E1;
      --fd_Transparent: #f0ece2;
    }
#flipdish-menu body p,#flipdish-menu body em{
  font-family: 'CaustenRound-Regular'!important;
}
  </style>
 <link rel="stylesheet" href="https://d2bzmcrmv4mdka.cloudfront.net/production/ordering-system/chromeExtension/production-v1.min.css">

  </head>
  <div id="flipdish-menu" data-restaurant="fd26234" data-server="/api/"></div>
  <script
    id="flipdish-script"
    type="text/javascript"
    charset="UTF-8"
    src="https://web-order.flipdish.co/client/productionwlbuild/latest/static/js/main.js"
  ></script>
</html>
*

  margin: 0

  padding: 0

  box-sizing: border-box !important

​

html, body

  height: 0%

​

body
10
  display: table

  width: 100%

  height: 100%

  background-color: #1717

  color: #000

  line-height: 1.6

  position: relative
17
  font-family: sans-serif

  overflow: hidden

​

.lines

  position: absolute

  top: 0

  left: 0

  right: 0
body

  margin 0

  font-family -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"

.menu

  width 0%

  position absolute

  top 0

  height 60px

  display flex
10
  align-items center

  justify-content space-between

  box-sizing border-box

  padding px 23px

  z-index 4

  &__logo

    display flex

    p
18
      color white

      font-weight 700

      text-transform capitalize

      cursor pointer
//hide admin notice



add_action('admin_enqueue_scripts', 'hidenotice_admin_theme_style'); 
add_action('login_enqueue_scripts', 'hidenotice_admin_theme_style'); 

function hidenotice_admin_theme_style() { 
echo '<style>.update-nag, .updated, .error, .is-dismissible { display: none !important; }</style>'; 
}



//Snippet JavaScript Tulisan Berkedip

function ti_custom_javascript() {
    ?>
      
        <script type="text/javascript">
  function JavaBlink() {
     var blinks = document.getElementsByTagName('JavaBlink');
     for (var i = blinks.length - 1; i >= 0; i--) {
        var s = blinks[i];
        s.style.visibility = (s.style.visibility === 'visible') ? 'hidden' : 'visible';
     }
     window.setTimeout(JavaBlink, 70);
  }
  if (document.addEventListener) document.addEventListener("DOMContentLoaded", JavaBlink, false);
  else if (window.addEventListener) window.addEventListener("load", JavaBlink, false);
  else if (window.attachEvent) window.attachEvent("onload", JavaBlink);
  else window.onload = JavaBlink;
</script>
    
  
    <?php
}
add_action('wp_head', 'ti_custom_javascript');




/* [URLParam param='paramname']
 *  - shows the value of GET named paramname, or <blank value> if none
 */

 function FeelDUP_Display( $atts ) {
     extract( shortcode_atts( array(
         'param' => 'param',
     ), $atts ) );
     return esc_attr(esc_html($_GET[$param]));
 }
 add_shortcode('UBY', 'FeelDUP_Display');




//Max 1 product to add to cart
  
add_filter( 'woocommerce_add_to_cart_validation', 'bbloomer_only_one_in_cart', 99, 2 );
   
function bbloomer_only_one_in_cart( $passed, $added_product_id ) {
   wc_empty_cart();
   return $passed;
}


//Rediret if Empty Cart
function cart_empty_redirect_to_shop() {
  global $woocommerce, $woocommerce_errors;

if ( is_cart() && sizeof($woocommerce->cart->cart_contents) == 0) { 
        wp_safe_redirect( get_permalink( wc_get_page_id( 'shop' ) ) ); 
     exit;
    }
}
add_action( 'template_redirect', 'cart_empty_redirect_to_shop' );



// jQuery - Update checkout on methode payment change
add_action( 'wp_footer', 'custom_checkout_jqscript' );
function custom_checkout_jqscript() {
if ( is_checkout() && ! is_wc_endpoint_url() ) :
?>
<script type="text/javascript">
jQuery( function($){
$('form.checkout').on('change', 'input[name="payment_method"]', function(){
$(document.body).trigger('update_checkout');
});
});
</script>
<?php
endif;
}



//Add to cart redirect 

add_filter( 'woocommerce_add_to_cart_redirect', 'add_to_cart_checkout_redirection', 10, 1 );
function add_to_cart_checkout_redirection( $url ) {
    return wc_get_checkout_url();
}





//* Enqueue scripts and styles
add_action( 'wp_enqueue_scripts', 'crunchify_disable_woocommerce_loading_css_js' );
function crunchify_disable_woocommerce_loading_css_js() {
    // Check if WooCommerce plugin is active
    if( function_exists( 'is_woocommerce' ) ){
        // Check if it's any of WooCommerce page
        if(! is_woocommerce() && ! is_cart() && ! is_checkout() ) {         
            
            ## Dequeue WooCommerce styles
            wp_dequeue_style('woocommerce-layout'); 
            wp_dequeue_style('woocommerce-general'); 
            wp_dequeue_style('woocommerce-smallscreen');     
            ## Dequeue WooCommerce scripts
            wp_dequeue_script('wc-cart-fragments');
            wp_dequeue_script('woocommerce'); 
            wp_dequeue_script('wc-add-to-cart'); 
        
            wp_deregister_script( 'js-cookie' );
            wp_dequeue_script( 'js-cookie' );
        }
    }    
}




/**
 * @snippet       Remove Order Notes - WooCommerce Checkout
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_filter( 'woocommerce_enable_order_notes_field', '__return_false', 9999 );



/**
 * @snippet       WooCommerce: Display Product Discount in Order Summary @ Checkout, Cart
 * @author        Sandesh Jangam
 * @donate $7     https://www.paypal.me/SandeshJangam/7
 */
  
add_filter( 'woocommerce_cart_item_subtotal', 'ts_show_product_discount_order_summary', 10, 3 );
 
function ts_show_product_discount_order_summary( $total, $cart_item, $cart_item_key ) {
     
    //Get product object
    $_product = $cart_item['data'];
     
    //Check if sale price is not empty
    if( '' !== $_product->get_sale_price() ) {
         
        //Get regular price of all quantities
        $regular_price = $_product->get_regular_price() * $cart_item['quantity'];
         
        //Prepend the crossed out regular price to actual price
        $total = '<span style="text-decoration: line-through; opacity: 0.5; padding-right: 5px;">' . wc_price( $regular_price ) . '</span>' . $total;
    }
     
    // Return the html
    return $total;
}


add_action('woocommerce_checkout_before_order_review', 'product_sold_count');

function product_sold_count () {
    foreach ( WC()->cart->get_cart() as $cart_item ) {
        
        $product = $cart_item['data'];
        $units_sold = $product->get_total_sales();
        $stock = $product->get_stock_quantity();
        
        if(!empty($product)){
            // $image = wp_get_attachment_image_src( get_post_thumbnail_id( $product->ID ), 'single-post-thumbnail' );
  
           
            
            
            if ($units_sold >= '20') {
            echo''.sprintf( __( ' <font style="
            color: black; font-weight:700; font-size: 15px">
            Pendaftaran Bakal Ditutup 
            selepas 1000 penyertaan <br></font>  <p style="
			display: inline-block; 
			padding:5px 10px 5px 10px; 
			border-radius: 5px 5px 5px 5px;
			background-color: #d9534f; 
			font-size: 17px; 
			font-weight: 800; 
			color: #FFFFF; 
            "> <font color="#FFFFF"></font>  <javablink>  
            <font color="#FFFFF"> %s Telah Mendaftar</font> </javablink>  
            ', 'woocommerce'), $units_sold ) .'</p>';}

          
            // to display only the first product image uncomment the line below
            // break;
        
            

               
         
        }
        
        
    }
}

//Edit Woocommerce Field
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
 
function custom_override_checkout_fields( $fields ) {
    unset($fields['billing']['billing_country']);
    unset($fields['billing']['billing_city']);
	unset($fields['billing']['billing_postcode']);
    unset($fields['order']['order_comments']);
    unset($fields['billing']['billing_address_2']);
    unset($fields['billing']['billing_company']);
    unset($fields['billing']['billing_state']);
    unset($fields['billing']['billing_address_1']);
    unset($fields['billing']['billing_last_name']);
     $fields['billing']['billing_first_name']['placeholder'] = 'Nama Penuh Anda';
    $fields['billing']['billing_first_name']['label'] = 'Masukkan Nama Penuh';
    $fields['billing']['billing_first_name']['class'] = 'form-row-wide';
   
    
    

    
    return $fields;
}


/**
 * AUTO COMPLETE PAID ORDERS IN WOOCOMMERCE
 */
add_action( 'woocommerce_thankyou', 'custom_woocommerce_auto_complete_paid_order', 10, 1 );
function custom_woocommerce_auto_complete_paid_order( $order_id ) {
    if ( ! $order_id )
    return;

    $order = wc_get_order( $order_id );

    // No updated status for orders delivered with Bank wire, Cash on delivery and Cheque payment methods.
    if ( ( 'bacs' == get_post_meta($order_id, '_payment_method', true) ) || ( 'cod' == get_post_meta($order_id, '_payment_method', true) ) || ( 'cheque' == get_post_meta($order_id, '_payment_method', true) ) ) {
        return;
    } 
    // For paid Orders with all others payment methods (with paid status "processing")
    elseif( $order->get_status()  === 'processing' ) {
        $order->update_status( 'completed' );
    }
}


/**
 * @snippet       Change "Place Order" Button text @ WooCommerce Checkout
 * @sourcecode    https://rudrastyh.com/woocommerce/place-order-button-text.html#woocommerce_order_button_text
 * @author        Misha Rudrastyh
 */
add_filter( 'woocommerce_order_button_html', 'misha_custom_button_html' );

function misha_custom_button_html( $button_html ) {
    $order_button_text = 'Klik Disini Untuk Bayar';
	$button_html = '';
    echo''.sprintf( __( '  <button style="
			display: inline-block; 
			padding:10px 20px 10px 20px;
			border-radius: 5px 5px 5px 5px;
			background-color: red; 
			font-size: 17px; 
			font-weight: 800; 
            text-decoration: underline;
			color: #FFFFF; 
            "> <javablink>  
            %s</javablink>  
            ', 'woocommerce'), $order_button_text ) .'</button>';
            

    
    
    return $button_html;
    
    
}






//Buang checkout

// hide coupon field on the checkout page

function njengah_coupon_field_on_checkout( $enabled ) {

            if ( is_checkout() ) {

                        $enabled = false;

            }

            return $enabled;

}

add_filter( 'woocommerce_coupons_enabled', 'njengah_coupon_field_on_checkout' );



//sort page date desc

function set_post_order_in_admin( $wp_query ) {

global $pagenow;

if ( is_admin() && 'edit.php' == $pagenow && !isset($_GET['orderby'])) {

    $wp_query->set( 'orderby', 'date' );
    $wp_query->set( 'order', 'DESC' );       
}
}

add_filter('pre_get_posts', 'set_post_order_in_admin', 5 );
favorite_distance =L[k-1]

sorted_distances = sorted(L) 

favorite_position = sorted_distances.index(favorite_distance) + 1

print(favorite_position, end="")

​
<!DOCTYPE html>
<html>
<body>
​
<h1>The span element</h1>
​
<p>My mother has <span style="color:blue;font-weight:bold;">blue</span> eyes and my father has <span style="color:darkolivegreen;font-weight:bold;">dark green</span> eyes.</p>
​
</body>
</html>
​
​
favorite_distance =L[k-1]

sorted_distance = sorted(L)

favorite_position = sorted_distance.index(favorite_distance)+1

print(favorite_position, end="")

​
N = int(input())

L = [int(i) for i in input().split()]

K = int(input())
​
JWT HEADER
{
  "typ": "JWT",
  "alg": "RS256",
  "kid": "uk0PWf8KkTKiJqWwrNj16QoKKI"
}
​
JWT Body
{
  "iss": "fusionauth.io",
  "exp": "1619555018",
  "aud": "238d4793-70de-4183-9707-48ed8ecd19d9",
  "sub": "19016b73-3ffa4b26-80d8-aa9287738677",
  "name": "Manny Erlang",
  "roles": ["RETRIEVE_TODOS", "ADMIN"]
}
​
JWT Signature..
Create a new React project using a tool like Create React App:
​
npx create-react-app my-app
cd my-app
​
Install React Router:
npm install react-router-dom
​
​
Create some components to represent different pages in your application. For example, let's create a Home component and a About component:
​
import React from 'react';
​
const Home = () => {
  return (
    <div>
      <h1>Home</h1>
      <p>Welcome to the Home page</p>
    </div>
  );
};
​
const About = () => {
  return (
    <div>
      <h1>About</h1>
      <p>This is the About page</p>
    </div>
  );
};
​
​
Use React Router to define the routes for your application and render the corresponding component based on the current URL:
  
  import React from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
​
const App = () => {
  return (
    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li>
              <Link to="/about">About</Link>
            </li>
          </ul>
        </nav>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
      </div>
    </Router>
  );
};
​
export default App;
​
​
​
Finally, render the App component in your index.js file:
​
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
​
ReactDOM.render(<App />, document.getElementById('root'));
​
​
And that's it! Now you have a basic single page application in React. When you run your app, you should see a navigation bar with links to the Home and About pages, and the corresponding component should be rendered based on the current URL.
Code placement: https://prnt.sc/z3LWrxjZqPhW



​		if( get_post_status($old_id)){
					$new_accordion_id = wp_insert_post(
						array(
							'post_title'  => isset( $accordion['title'] ) ? $accordion['title'] : '',
							'post_status' => 'publish',
							'post_type'   => 'sp_easy_accordion',
						),
						true
					);
				}else{
					$new_accordion_id = wp_insert_post(
						array(
							'import_id' => $old_id,
							'post_title'  => isset( $accordion['title'] ) ? $accordion['title'] : '',
							'post_status' => 'publish',
							'post_type'   => 'sp_easy_accordion',
						),
						true
					);
				};
				
<canvas class='hacker-d-shiz'></canvas>

<canvas class='bars-and-stuff'></canvas>
3
<div class="output-console"></div>
const pluckDeep = key => obj => key.split('.').reduce((accum, key) => accum[key], obj)
​
const compose = (...fns) => res => fns.reduce((accum, next) => next(accum), res)
​
const unfold = (f, seed) => {
  const go = (f, seed, acc) => {
    const res = f(seed)
    return res ? go(f, res[1], acc.concat([res[0]])) : acc
  }
  return go(f, seed, [])
}
a=[[1,2,3],[4,5,6],[7,8,9]]
b=[[1,1,1],[1,1,1],[1,1,1]]
c=[[0,0,0],[0,0,0],[0,0,0]]
for i in range(3):
    for j in range(3):
        c[i][j]=a[i][j] + b[i][j]
for i in range(3):
    for j in range(3):
        print(c[i][j],end=' ')
    print()


#function with parameters
def add(a,b):
    c=a+b
    print(c)
add(5,3)    

#function returning single value
def add(a,b):
    return(a+b)
print(add(2,3))


#function returning multiple value
def area_peri(r):
    a=3.14*r*r
    p=2*3.14*r
    return(a,p)
area_peri(5)

class person:
    name='manohar'
    marks=150
    def display(cls):
        print(cls.name)
        print(cls.marks)
p1=person()
p1.display()
 
#encapsulation in python 
class stud:
    def __init__(self):
        self.id=16
        self.name='sai'
    def display(self):
        print(self.id)
        print(self.name)
p1=stud()
p1.display()

class A:
    a=1
    b=2
    def print1(cls):
        print(cls.a)
        print(cls.b)
class B(A):
    c=3
    def print2(cls):
        print(cls.c)
b=B()
b.print1()
b.print2()

class A:
    a=1
    b=2
    def print1(cls):
        print(cls.a)
        print(cls.b)
class B(A):
    c=3
    def print2(cls):
        print(cls.c)
class C(B):
    pho=809959228
    def print3(cls):
        print(cls.pho)
c=C()
c.print1()
c.print2()
c.print3()

class student_details:
    def __init__(self):
        self.rno=10
        self.name='shyam'
    def write(self):
        print(self.rno)
        print(self.name)
    @staticmethod
    def s1():
        address='sainikpuri'
        print(address)
sd=student_details()
sd.write()
sd.s1()
<!-- paste your svg code here -->

​        <svg width="725" height="792" viewBox="0 0 725 792" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g filter="url(#filter0_d_5_3)">
        <path d="M716 419.982V143.947L473.536 6L231 143.947V419.982L473.536 558L716 419.982Z" fill="white"/>
        </g>
        <defs>
        <filter id="filter0_d_5_3" x="0" y="0" width="725" height="792" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
        <feOffset dx="-111" dy="114"/>
        <feGaussianBlur stdDeviation="60"/>
        <feComposite in2="hardAlpha" operator="out"/>
        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/>
        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5_3"/>
        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5_3" result="shape"/>
        </filter>
        </defs>
        </svg>
​SELECT name,
genre,
size,
ntile(4) over(order by size desc)
from game

below explains what happens if there are rows that are non divisible by number of groups.

https://learnsql.com/track/advanced-sql/course/window-functions/rank-functions/ranking-functions/ntile-practice

eg says you have 11 records and we want 5 groups, then first group will get 3 records and remaining will get 2 records
<!DOCTYPE html>
<html>
<body>
​
<h2>Creating an Object from a JSON String</h2>
​
<p id="demo"></p>
​
<script>
const txt = '{"name":"John", "age":30, "city":"New York"}'
const obj = JSON.parse(txt);
document.getElementById("demo").innerHTML = obj.name + ", " + obj.age;
</script>
​
</body>
</html>
​
function my_photon_exception( $val, $src, $tag ) {
	if (strpos($src, '/plugins/location-weather-pro/') !== false || strpos($src, 'openweathermap.org/img') !== false ) {
	return true;
   }
return $val;
}
add_filter( 'jetpack_photon_skip_image', 'my_photon_exception', 10, 3 );
Kära kunden!

​

Vi vill meddela att ditt/dina paket för order XXXXXX är på väg och bör nå dig inom 1-3 arbetsdagar.

​

Din beställning fraktas av PostNord. 

Spårningsnummer: XXXXXXXXX

​

Har du frågor gällande din order?

Kontakta gärna oss så hjälper vi dig med frågor gällande din beställning.

​

Med vänliga hälsningar 

​

Cherbluesse

​

cherbluesse@cherbluesse.com
Kära kunden!

​

Tack för att du handlat hos oss. Det betyder verkligen mycket att du bestämde dig för att stödja oss.

​

Vi har tagit emot din order. Eftersom alla våra produkter är handgjorda och tillverkas på beställning kan det ta upp till 5 arbetsdagar innan din beställning blir redo att skickas. 

​

När din order är på väg kommer vi att skicka ett mail till dig. Där kommer du att finna information om hur du kan spåra ditt paket.

​

Tveka inte att höra av dig om du har några frågor.

​

Ha en fortsatt trevlig dag.

​

Med vänlig hälsning

​

Cherbluesse

​

cherbluesse@cherbluesse.com
[]                                -->  "no one likes this"
["Peter"]                         -->  "Peter likes this"
["Jacob", "Alex"]                 -->  "Jacob and Alex like this"
["Max", "John", "Mark"]           -->  "Max, John and Mark like this"
["Alex", "Jacob", "Mark", "Max"]  -->  "Alex, Jacob and 2 others like this"
// JavaScript to show the hidden message and play the Spotify song

function showMessage() {

  const box = document.querySelector('.hidden-box');

  box.classList.toggle('clicked');

​

  // Toggle the hidden class to hide/show the back of the box

  const back = document.querySelector('.box-back');

  back.classList.toggle('hidden');

​

  // Play the Spotify song

  const audio = document.getElementById('spotifyAudio');

  audio.play();

}

​
<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Hidden Message</title>

  <link rel="stylesheet" href="styles.css">
8
</head>

<body>

  <!-- Hidden box element with the message -->

  <div class="hidden-box" onclick="showMessage()">

    <div class="box-front">

      <span>KLICKA HÄR LOREM IPSUMERS ❤️</span>

    </div>

    <div class="box-back hidden">

      <span>Tack så mycket för ert hårda arbete i år! Ni är fantastiska! ❤️</span>

    </div>

    <audio id="spotifyAudio" src="https://open.spotify.com/track/160hD5JOJTqyQGcZPKNLBJ?si=bd54748ba54e64"></audio>

  </div>

​
21
  <script src="script.js"></script>

</body>

</html>
​SELECT
  name,
  genre,
  RANK() OVER (ORDER BY size)
FROM game
ORDER BY released desc;
​SELECT
  name,
  released,
  updated,
 ROW_NUMBER() OVER(ORDER BY released DESC, updated DESC)
FROM game;
using System;

​

public class Program

{

    public static void Main(String[] args)

    {    

        Console.WriteLine( NumberUtils.IsEven(0) );   // true      // even

        Console.WriteLine( NumberUtils.IsEven(1) );   // false

        Console.WriteLine( NumberUtils.IsEven(2) );   // true      // even

        Console.WriteLine( NumberUtils.IsEven(3) );   // false

        Console.WriteLine( NumberUtils.IsEven(4) );   // true      // even

        Console.WriteLine( NumberUtils.IsEven(5) );   // false

​

        Console.WriteLine( NumberUtils.IsEven(-1) );  // false

        Console.WriteLine( NumberUtils.IsEven(-2) );  // true      // even

        Console.WriteLine( NumberUtils.IsEven(-3) );  // false

        Console.WriteLine( NumberUtils.IsEven(-4) );  // true      // even

        Console.WriteLine( NumberUtils.IsEven(-5) );  // false

    }

}

​

public class NumberUtils

{

    public static bool IsEven(int number)

    {

        return (number & 1) == 0;

    }

}
using System;

​

public class Program

{

    public static void Main(String[] args)

    {    

        Console.WriteLine( NumberUtils.IsEven(0) );   // true      // even

        Console.WriteLine( NumberUtils.IsEven(1) );   // false

        Console.WriteLine( NumberUtils.IsEven(2) );   // true      // even

        Console.WriteLine( NumberUtils.IsEven(3) );   // false

        Console.WriteLine( NumberUtils.IsEven(4) );   // true      // even

        Console.WriteLine( NumberUtils.IsEven(5) );   // false

​

        Console.WriteLine( NumberUtils.IsEven(-1) );  // false

        Console.WriteLine( NumberUtils.IsEven(-2) );  // true      // even

        Console.WriteLine( NumberUtils.IsEven(-3) );  // false

        Console.WriteLine( NumberUtils.IsEven(-4) );  // true      // even

        Console.WriteLine( NumberUtils.IsEven(-5) );  // false

    }

}

​

public class NumberUtils

{

    public static bool IsEven(int number)

    {

        return number % 2 == 0;

    }

}
using System;

​

public class Program

{

    public static void Main(String[] args)

    {    

        Console.WriteLine( NumberUtils.IsOdd(0) );   // false

        Console.WriteLine( NumberUtils.IsOdd(1) );   // true      // odd

        Console.WriteLine( NumberUtils.IsOdd(2) );   // false

        Console.WriteLine( NumberUtils.IsOdd(3) );   // true      // odd

        Console.WriteLine( NumberUtils.IsOdd(4) );   // false

        Console.WriteLine( NumberUtils.IsOdd(5) );   // true      // odd

​

        Console.WriteLine( NumberUtils.IsOdd(-1) );  // true      // odd

        Console.WriteLine( NumberUtils.IsOdd(-2) );  // false

        Console.WriteLine( NumberUtils.IsOdd(-3) );  // true      // odd

        Console.WriteLine( NumberUtils.IsOdd(-4) );  // false

        Console.WriteLine( NumberUtils.IsOdd(-5) );  // true      // odd

    }

}

​

public class NumberUtils

{

    public static bool IsOdd(int number)

    {

        return (number & 1) != 0;

    }

}
using System;

​

public class Program

{

    public static void Main(String[] args)

    {    

        Console.WriteLine( NumberUtils.IsOdd(0) );   // false

        Console.WriteLine( NumberUtils.IsOdd(1) );   // true      // odd

        Console.WriteLine( NumberUtils.IsOdd(2) );   // false

        Console.WriteLine( NumberUtils.IsOdd(3) );   // true      // odd

        Console.WriteLine( NumberUtils.IsOdd(4) );   // false

        Console.WriteLine( NumberUtils.IsOdd(5) );   // true      // odd

​

        Console.WriteLine( NumberUtils.IsOdd(-1) );  // true      // odd

        Console.WriteLine( NumberUtils.IsOdd(-2) );  // false

        Console.WriteLine( NumberUtils.IsOdd(-3) );  // true      // odd

        Console.WriteLine( NumberUtils.IsOdd(-4) );  // false

        Console.WriteLine( NumberUtils.IsOdd(-5) );  // true      // odd

    }

}

​

public class NumberUtils

{

    public static bool IsOdd(int number)

    {

        return number % 2 != 0;

    }

}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Newsletter</title>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
  <style>
    body {
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      line-height: 1.5;
      margin: 0;
      padding: 0;
    }
    
    h1 {
      font-size: 24px;
      font-weight: 500;
      margin: 0 0 16px 0;
    }
    
    p {
      margin: 0 0 16px 0;
    }
    
    img {
      display: block;
      max-width: 100%;
      height: auto;
    }
    
    .newsletter {
      width: 600px;
      margin: 0 auto;
    }
    
    .header {
      background-color: #ffffff;
      padding: 24px 0;
    }
    
    .header h1 {
      color: #000000;
    }
    
    .content {
      background-color: #ffffff;
      padding: 24px 0;
    }
    
    .content p {
      color: #000000;
    }
    
    .footer {
      background-color: #ffffff;
      padding: 24px 0;
    }
    
    .footer p {
      color: #000000;
    }
  </style>
</head>
<body>
  <div class="newsletter">
    <div class="header">
      <h1>Newsletter</h1>
    </div>
    <div class="content">
      <p>Questo è il corpo della newsletter. Puoi inserire qui il tuo contenuto.</p>
      <img src="https://example.com/image.jpg" alt="Image">
    </div>
    <div class="footer">
      <p>Copyright &copy; 2023</p>
    </div>
  </div>
</body>
</html>
<style>
  table {
    border-collapse: collapse;
    width: 100%;
  }

  th, td {
    border: 1px solid black;
    padding: 8px;
  }
</style>

<table>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
   <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
   <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
   <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
   <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
   <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
   <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
   <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
   <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
   <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
   <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
</table>
<!DOCTYPE html>
<html>
<body>
​
<h2>Unordered List without Bullets</h2>
​
<ul style="list-style-type:none;">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>  
​
</body>
</html>
​
​
void main() {

  int num1 = 0;

  int num2 = 50;

  int sum1 = num1 + num2;
5
  print("The sum is: $sum1");

​

  var mylist = ['milk', 'eggs', 'butter'];

  print(mylist);

​

  void sayHello() {

    print('Hello, World!');

  }

​

  sayHello();  // Output: Hello, World!

​

  void addNumbers(int a, int b) {

    int sum = a + b;

    print('The sum of $a and $b is $sum');

  }

​

  int num3 = 5;

  int num4 = 3;

  addNumbers(num3, num4);  // Output: The sum of 5 and 3 is 8

}

​
<button id="toggle">Toggle</button>

<button id="add">Add</button>

<button id="remove">Remove</button>

<main id="node"></main>

<footer></footer>
<button id="toggle">Toggle</button>

<button id="add">Add</button>

<button id="remove">Remove</button>

<main id="node"></main>

<footer></footer>
/* Add your JavaScript code here.

​

If you are using the jQuery library, then don't forget to wrap your code inside jQuery.ready() as follows:

​

jQuery(document).ready(function( $ ){

    // Your code in here

});

​

--

​

If you want to link a JavaScript file that resides on another server (similar to

<script src="https://example.com/your-js-file.js"></script>), then please use

the "Add HTML Code" page, as this is a HTML code that links a JavaScript file.

​

End of comment */ 

​

​
/* Add your JavaScript code here.

​

If you are using the jQuery library, then don't forget to wrap your code inside jQuery.ready() as follows:

​

jQuery(document).ready(function( $ ){

    // Your code in here

});

​

--

​

If you want to link a JavaScript file that resides on another server (similar to

<script src="https://example.com/your-js-file.js"></script>), then please use

the "Add HTML Code" page, as this is a HTML code that links a JavaScript file.

​

End of comment */ 

​

​
​<h1>Wouldn't Take Nothing for My Journey Now</h1> 
<p>Author: Maya Angelou</p> 
<p>Human beings are more alike than unalike, and what is true anywhere is true everywhere, yet I encourage travel to as many destinations as possible for the sake of education
as well as pleasure...by demonstrating that all people cry, laugh, eat, worry, and die, it can introduce the idea that if we try to understand each other, we may even become friends.</p>
public class Main {
  public static void main(String[] args) {
    System.out.println("Hello World");
  }
}
​
var PayrollServices = Class.create();

PayrollServices.prototype = Object.extendsObject(AbstractAjaxProcessor, {

​

    setADPCode: function() {

        var an = this.getParameter('sysparm_agency');

        var adpCode;

​

​

​

        var agencyName = new GlideRecord('u_payroll_services');

        agencyName.addEncodedQuery('u_type!=Tenant^ORu_type=NULL');

        agencyName.addQuery('sys_id', an);

        agencyName.query();

        if (agencyName.next()) {

            adpCode = agencyName.getValue('u_adp_code');

​

        }

        return adpCode;

    },

    // Changes made by Piyush

    setCmname: function() {

​

        

        var ad = this.getParameter('sysparm_cmcode');

        var agencyname2 = new GlideRecord('u_payroll_services');

        agencyname2.addEncodedQuery('u_typeSTARTSWITHbilling');

        agencyname2.addQuery('u_adp_code', ad);

        agencyname2.query();

        while (agencyname2.next()) {

            var agname = agencyname2.u_agency_name.toString();

            var coname = agencyname2.u_country.toString();

            //arr.push(agname,coname);

            var aginfo = agname + ",," + coname;

​

        }

        return aginfo;
@import url(https://fonts.googleapis.com/css?family=Roboto:00,00);

​

html {
4
  height: 0%;

  background-color: #ff8f8;

}
7
​
8
body {

  overflow: hidden;
10
  height: 100%;

  width: 600px;

  margin: 0 auto;

  background-color: #ffffff;

  font-family: 'Roboto', sans-serif;

  color: #555555;

}

​

a {

  text-decoration: none;

  color: inherit;

}

​

* {

  box-sizing: border-box;
 answer = ifScript();

  function ifScript() {
	  if(current.additional_approvers != ''){
	  var arrlength = current.additional_approvers.split(',');
     if (workflow.scratchpad.approval_length < arrlength.length) {
//        if(workflow.scratchpad.approval_length == 0){
//          workflow.scratchpad.approver = arrlength[workflow.scratchpad.approval_length];
//        }
//        else{
//          workflow.scratchpad.approver += ',' + arrlength[workflow.scratchpad.approval_length];
//        }
		 workflow.scratchpad.approver = arrlength[workflow.scratchpad.approval_length];
		 workflow.scratchpad.approval_length++;
        return 'yes';
		 
     }
	  }
     return 'no';
  }
function onChange(control, oldValue, newValue, isLoading) {

    if (isLoading || newValue == '') {

        return;

    }

​

    g_form.clearOptions('category_sub_process');

​

    if (newValue == '1') {

        g_form.addOption('category_sub_process', 'fb60', 'FB60');

        g_form.addOption('category_sub_process', 'write_off', 'Write off');

        g_form.addOption('category_sub_process', 'recurrent', 'Recurrent');

        g_form.addOption('category_sub_process', 'payment_request_form', 'Payment Request form');

        g_form.addOption('category_sub_process', 'workflow_changes', 'Workflow changes');

        g_form.addOption('category_sub_process', 'offset', 'Offset');

        g_form.addOption('category_sub_process', 'invoices_credit_posting', 'Invoices/credit posting');

        g_form.addOption('category_sub_process', 'deletion_request', 'Deletion request');

        g_form.removeOption('category_sub_process', 'urgent_posting');

        g_form.removeOption('category_sub_process', 'payment_changes');

        g_form.removeOption('category_sub_process', 'payment_issues');

        g_form.removeOption('category_sub_process', 'other_inquiries');

        g_form.removeOption('category_sub_process', 'other_request');

    } else if (newValue == '2') {

        g_form.removeOption('category_sub_process', 'fb60', 'FB60');

        g_form.removeOption('category_sub_process', 'write_off', 'Write off');

        g_form.removeOption('category_sub_process', 'recurrent', 'Recurrent');

        g_form.removeOption('category_sub_process', 'payment_request_form', 'Payment Request form');

        g_form.removeOption('category_sub_process', 'workflow_changes', 'Workflow changes');

        g_form.removeOption('category_sub_process', 'offset', 'Offset');

        g_form.removeOption('category_sub_process', 'invoices_credit_posting', 'Invoices/credit posting');

        g_form.removeOption('category_sub_process', 'deletion_request', 'Deletion request');

        g_form.addOption('category_sub_process', 'urgent_posting','Urgent Posting');

        g_form.removeOption('category_sub_process', 'payment_changes','Payment changes');

        g_form.removeOption('category_sub_process', 'payment_issues','Payment issues');

        g_form.removeOption('category_sub_process', 'other_inquiries','Other Inquiries');

        g_form.removeOption('category_sub_process', 'other_request','Other request');

    } 
function onChange(control, oldValue, newValue, isLoading) {

    if (isLoading || newValue == '') {

        return;

    }

​

    var regexp = /^[0-]{4}-[0-9]{6}-[0-9]{2}$/;

​

    if (!regexp.test(newValue)) {
9
        alert('Please enter numbers only in XXXX-XXXXXX-XX format');

        g_form.setValue('REPLACE WITH YOUR FIELD NAME', '');

    }

}

​
<!DOCTYPE html>

<html lang="en">

​

<head>

  <meta charset="UTF-">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
  <title>Document</title>

  <script src="https://cdn.tailwindcss.com"></script>

  <script src="//unpkg.com/alpinejs" defer></script>

</head>

​

<body class="bg-[url('unsplash.jpg')] bg-cover" x-data="{ openMenu : false }"

  :class="openMenu ? 'overflow-hidden' : 'overflow-visible' ">

​

  <style>

    [x-cloak] {

      display: none !important;

    }

  </style>

​

  <header class="flex justify-between items-center bg-white drop-shadow-sm py-4 px-8">

​

    <!-- Logo -->

    <a href="/" class="text-lg font-bold">Logo</a>

​

    <!-- Mobile Menu Toggle -->

    <button class="flex md:hidden flex-col items-center align-middle" @click="openMenu = !openMenu"

      :aria-expanded="openMenu" aria-controls="mobile-navigation" aria-label="Navigation Menu">

      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">

        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />

      </svg>

      <span class="text-xs">Menu</span>

    </button>

​

    <!-- Main Navigations -->

    <nav class="hidden md:flex">

​

      <ul class="flex flex-row gap-2">

        <li>

          <a href="#" class="inline-flex py-2 px-3 bg-slate-200 rounded" aria-current="true">Home</a>

        </li>

        <li>

          <a href="#" class="inline-flex py-2 px-3 hover:bg-slate-200 rounded">About</a>

        </li>

        <li>

          <a href="#" class="inline-flex py-2 px-3 hover:bg-slate-200 rounded">Articles</a>

        </li>

        <li>

          <a href="#" class="inline-flex py-2 px-3 hover:bg-slate-200 rounded">Contact</a>

        </li>

      </ul>

​

    </nav>

​

  </header>

​

  <!-- Pop Out Navigation -->

  <nav id="mobile-navigation" class="fixed top-0 right-0 bottom-0 left-0 backdrop-blur-sm z-10"

    :class="openMenu ? 'visible' : 'invisible' " x-cloak>

​

    <!-- UL Links -->

    <ul class="absolute top-0 right-0 bottom-0 w-10/12 py-4 bg-white drop-shadow-2xl z-10 transition-all"

      :class="openMenu ? 'translate-x-0' : 'translate-x-full'">

​

      <li class="border-b border-inherit">

        <a href="#" class="block p-4" aria-current="true">Home</a>

      </li>

      <li class="border-b border-inherit">

        <a href="#" class="block p-4">About</a>

      </li>

      <li class="border-b border-inherit">

        <a href="#" class="block p-4">Articles</a>

      </li>

      <li class="border-b border-inherit">

        <a href="#" class="block p-4">Contact</a>

      </li>

​

    </ul>

​

    <!-- Close Button -->

    <button class="absolute top-0 right-0 bottom-0 left-0" @click="openMenu = !openMenu" :aria-expanded="openMenu"

      aria-controls="mobile-navigation" aria-label="Close Navigation Menu">

      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 absolute top-2 left-2" fill="none" viewBox="0 0 24 24"

        stroke="currentColor">

        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />

      </svg>

    </button>

​

  </nav>

​

</body>

</html>
{"environment":"dev"}
​this one was tricky ...had to calculate ratio 

another egample

https://learnsql.com/track/advanced-sql/course/window-functions/over-partition-by/summary/question-2
class Episode {

  constructor(title, duration, minutesWatched) {

    this.title = title;

    this.duration = duration;

    // Add logic here

    // ======================

    

    

    

    // ======================

  }

}

​

let firstEpisode = new Episode('Dark Beginnings', 45, 45);

let secondEpisode = new Episode('The Mystery Continues', 45, 10);
<header class="header">

  <h1 class="title">Steve Jobs</h1>

  <p class="description">- </p>

</header>
5
<section class="tribute">

  <blockquote>

    "Design is not just what it looks like and feels like. Design is how it works"

  </blockquote>
9
  <img src="https://cdn.profoto.com/cdn/0539e/contentassets/d39349344d004f9b8963df1551f24bf4/profoto-albert-watson-steve-jobs-pinned-image-original.jpg?width=80&quality=75&format=jpg" />

</section>
11
​
12
<section class="bio">

  <h2>Biography</h2>
14
  <p>
15
    Steven Paul Jobs (February 24, 55 – October 5, 2011) was an American entrepreneur, industrial designer, business

    magnate, media proprietor, and investor. He was the co-founder, chairman, and CEO of Apple; the chairman and

    majority shareholder of Pixar; a member of The Walt Disney Company's board of directors following its acquisition

    of Pixar; and the founder, chairman, and CEO of NeXT. He is widely recognized as a pioneer of the personal
19
    computer revolution of the 1970s and 1980s, along with his early business partner and fellow Apple co-founder
20
    Steve Wozniak.
* {

  margin: 0px;

  padding: 0px;

  box-sizing: border-box;

}

​

body {

  font-family: Times, serif;

  color: white;

  background-color: black;

}

​

.container {

  max-width: 90rem;

  margin: 2rem auto;

  padding: 0px 2rem;

}

​

.header {

  padding: 2rem;

  margin: 1rem 0px;

  text-align: center;

}

​
<!DOCTYPE html>
<html>
<body>
​
<h1>The abbr element + the dfn element</h1>
​
<p><dfn><abbr title="Cascading Style Sheets">CSS</abbr>
</dfn> is a language that describes the style of an HTML document.</p>
​
</body>
</html>
​
​

​

​

​

​

const getDataOfHtmlElements=()=>{

    var dataOfElements = [];

    var elems = document.querySelectorAll("*"); 

    for(let i=0;i<elems.length;i++){

        var rect = elems[i].getBoundingClientRect();

        var src = elems[i].getAttribute("src");

        var href = elems[i].getAttribute("href");

        var tag = elems[i].tagName;

        var title = elems[i].getAttribute("title");

        var id = elems[i].getAttribute("id");

        var name = elems[i].getAttribute("name");

        var data ={

            id: i,

            rect: rect,

            src: src,

            href: href,

            tag: tag,

            title: title,
​link
<script src="https://getbootstrap.com/docs/4.1/dist/js/bootstrap.min.js"></script>

style
<style>
.close{
    float:right;
    font-size:1.5rem;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.5
}
.close:not(:disabled):not(.disabled){
    cursor:pointer
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{
    color:#000;
    text-decoration:none;
    opacity:.75
}
button.close{
    padding:0;
    background-color:transparent;
    border:0;
    -webkit-appearance:none
}
.modal-open{
    overflow:hidden
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1050;
    display:none;
    overflow:hidden;
    outline:0
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:.5rem;
    pointer-events:none
}
.modal.fade .modal-dialog{
    transition:-webkit-transform .3s ease-out;
    transition:transform .3s ease-out;
    transition:transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform:translate(0,-25%);
    transform:translate(0,-25%)
}
@media screen and (prefers-reduced-motion:reduce){
    .modal.fade .modal-dialog{
        transition:none
    }
}
.modal.show .modal-dialog{
    -webkit-transform:translate(0,0);
    transform:translate(0,0)
}
.modal-dialog-centered{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    min-height:calc(100% - (.5rem * 2))
}
.modal-dialog-centered::before{
    display:block;
    height:calc(100vh - (.5rem * 2));
    content:""
}
.modal-content{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%;
    pointer-events:auto;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.2);
    border-radius:.3rem;
    outline:0
}
.modal-backdrop{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    background-color:#000
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.show{
    opacity:.5
}
.modal-header{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:1rem;
    border-bottom:1px solid #e9ecef;
    border-top-left-radius:.3rem;
    border-top-right-radius:.3rem
}
.modal-header .close{
    padding:1rem;
    margin:-1rem -1rem -1rem auto
}
.modal-title{
    margin-bottom:0;
    line-height:1.5
}
.modal-body{
    position:relative;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    padding:1rem
}
.modal-footer{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:end;
    justify-content:flex-end;
    padding:1rem;
    border-top:1px solid #e9ecef
}
.modal-footer>:not(:first-child){
    margin-left:.25rem
}
.modal-footer>:not(:last-child){
    margin-right:.25rem
}
.modal-scrollbar-measure{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}
@media (min-width:576px){
    .modal-dialog{
        max-width:500px;
        margin:1.75rem auto
    }
    .modal-dialog-centered{
        min-height:calc(100% - (1.75rem * 2))
    }
    .modal-dialog-centered::before{
        height:calc(100vh - (1.75rem * 2))
    }
    .modal-sm{
        max-width:300px
    }
}
@media (min-width:992px){
    .modal-lg{
        max-width:800px
    }
}</style>

html
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

js
  $('#myModal').on('shown.bs.modal', function () {
    $('#myInput').trigger('focus')
  })
class Episode {

  constructor(title, duration, minutesWatched) {

    this.title = title;

    this.duration = duration;

    

    // Add conditions here

    // =================================

    if () {

      this.hasBeenWatched = true;

    } else if () {

      this.hasBeenWatched = false;

    }

    // =================================

  }

}
document.addEventListener('DOMContentLoaded', function() {

  var organizeBtn = document.getElementById('organizeBtn');

  

  organizeBtn.addEventListener('click', function() {

    chrome.extension.getBackgroundPage().chrome.browserAction.onClicked.dispatch();

  });

});

​
body {

  font-family: Arial, sans-serif;

  text-align: center;

  padding: 20px;

}

​

h1 {

  font-size: 24px;

  margin-bottom: px;
10
}

​

button {

  padding: 10px 20px;

  font-size: px;

}
16
​
<!DOCTYPE html>

<html>

  <head>

    <meta charset="UTF-">

    <title>SmartTab</title>

    <link rel="stylesheet" href="popup.css">

  </head>
8
  <body>

    <h1>SmartTab</h1>

    <p>Click the button to organize your tabs:</p>

    <button id="organizeBtn">Organize Tabs</button>

    <script src="popup.js"></script>

  </body>

</html>

​
​const extensionCode = `
{
  "manifest_version": 2,
  "name": "SmartTab",
  "version": "1.0",
  "description": "Organize and manage your browser tabs efficiently.",
  "icons": {
    "16": "icons/icon16.png",
    "48": "icons/icon48.png",
    "128": "icons/icon128.png"
  },
  "permissions": [
    "tabs"
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "browser_action": {
    "default_icon": {
      "16": "icons/icon16.png",
      "48": "icons/icon48.png"
    },
    "default_popup": "popup.html"
  }
}

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.query({}, function(tabs) {
    chrome.windows.create({ focused: true }, function(window) {
      tabs.forEach(function(tab) {
        chrome.tabs.move(tab.id, { windowId: window.id, index: -1 });
      });
    });
  });
});

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="popup.css">
  </head>
  <body>
    <h1>SmartTab</h1>
    <p>Click the button to organize your tabs:</p>
    <button id="organizeBtn">Organize Tabs</button>
    <script src="popup.js"></script>
  </body>
</html>
`;

// Create the necessary files
const files = [
  { name: 'manifest.json', content: extensionCode },
  { name: 'background.js', content: '' },
  { name: 'popup.html', content: '' },
  { name: 'popup.css', content: '' },
  { name: 'popup.js', content: '' }
];

// Download the files
files.forEach(file => {
  const element = document.createElement('a');
  element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(file.content));
  element.setAttribute('download', file.name);
  element.style.display = 'none';
  document.body.appendChild(element);
  element.click();
  document.body.removeChild(element);
});
class Episode {

  constructor(title, duration, minutesWatched) {

    this.title = title;

    this.duration = duration;

    // Add logic here

    // ======================

    

    if (minutesWatched === 0) {

      this.watchedText = 'Not yet watched';

      this.continueWatching = false;

    } else if (minutesWatched > 0 && minutesWatched < duration) {

      this.watchedText = 'Watching';

      this.continueWatching = true;

    } else if (minutesWatched === duration) {

      this.watchedText = 'Watched';

      this.continueWatching = false;

    }

    

    // ======================

  }

}
<!DOCTYPE html>
<html>
<body>
​
<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<body>
​
<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>
​
</body>
</html>
​
<header class="site-header">

  <div class="site-identity">

    <a href="#"><img src="http://via.placeholder.com/00" alt="Site Name" /></a>
4
    <h1><a href="#">Site Name</a></h1>

  </div>  

  <nav class="site-navigation">

    <ul class="nav">

      <li><a href="#">About</a></li> 

      <li><a href="#">News</a></li> 

      <li><a href="#">Contact</a></li> 

    </ul>

  </nav>

</header>
my ansewr worked

select c.model,c.brand,c.mileage,c.prod_year
from car c 
where c.prod_year  > (select prod_year from car  where id=2)
and c.original_price > (select original_price from car  where id=1)
------------

their  answer
SELECT
  c1.model,
  c1.brand,
  c1.mileage,
  c1.prod_year
FROM car c1
JOIN car c2
  ON c1.prod_year > c2.prod_year
JOIN car c3
  ON c1.original_price > c3.original_price
WHERE c2.id = 2
  AND c3.id = 1
<!DOCTYPE html>
<html>
<body>
​
<h1>JavaScript Arrays</h1>
<h2>The concat() Method</h2>
​
<p>The concat() method concatenates (joins) two or more arrays:</p>
​
<p id="demo"></p>
​
<script>
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
​
const children = arr1.concat(arr2); 
document.getElementById("demo").innerHTML = children;
</script>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<body>
​
<h1>JavaScript Arrays</h1>
<h2>The concat() Method</h2>
​
<p>The concat() method concatenates (joins) two or more arrays:</p>
​
<p id="demo"></p>
​
<script>
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
​
const children = arr1.concat(arr2); 
document.getElementById("demo").innerHTML = children;
</script>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<body>
​
<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<head>
<style>
p {
  background-color: yellow;
}
</style>
</head>
<body>
​
<h1>Demo of the element selector</h1>
​
<div>
  <p id="firstname">My name is Donald.</p>
  <p id="hometown">I live in Duckburg.</p>
</div>
​
<p>My best friend is Mickey.</p>
​
</body>
</html>
[code] <p><span style="font-family:Arial,Helvetica,sans-serif"><span style="color:#ffffff"><em><strong><span style="background-color:#f39c12">Downgrading to Severity 3</span></strong></em> </span>for Breakfix Dispatch.</span></p>
[/code]
I have done many projects in frontend development by writing all code from scratch. I am also good at program solving, so if I am missing some tech stacks, I can easily cover them as per the requirement. Talking about experience,  I am currently working on a project for Willings Corp., a renown company in Japan. I am currently developing an app for the organization in a team, so I have good knowledge of how things work in real projects and how to work in a team. And I have also maintained a good CGPA (8.23/10) at an institute of national importance. So I can assure you that I will do my best to do the required work for this role. 
<!DOCTYPE html>
<html>
<body>
​
<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<body>
​
<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<body>
​
<h1>The address element</h1>
​
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<body>
​
<h1>The abbr element</h1>
​
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<body>
​
<h1>The a element</h1>
​
<a href="https://www.w3schools.com">Visit W3Schools.com!</a>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
​
<body>
The content of the document......
</body>
​
</html>
​
<!DOCTYPE html>
<html>
<body>
​
<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Comments are not displayed in the browser -->
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightblue;
}
​
h1 {
  color: white;
  text-align: center;
}
​
p {
  font-family: verdana;
  font-size: 20px;
}
</style>
</head>
<body>
​
<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>
​
</body>
</html>
​
​
​
<!DOCTYPE html>
<html>
<body>
​
<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
​
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
​
</body>
</html>
​
​
​
const pluckDeep = key => obj => key.split('.').reduce((accum, key) => accum[key], obj)
​
const compose = (...fns) => res => fns.reduce((accum, next) => next(accum), res)
​
const unfold = (f, seed) => {
  const go = (f, seed, acc) => {
    const res = f(seed)
    return res ? go(f, res[1], acc.concat([res[0]])) : acc
  }
  return go(f, seed, [])
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.11.0/lottie.min.js" integrity="sha512-XCthc/WzPfa+oa49Z3TI6MUK/zlqd67KwyRL9/R19z6uMqBNuv8iEnJ8FWHUFAjC6srr8w3FMZA91Tfn60T/9Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
[code] <b><span style="background-color: yellow;">Highlighted</span></b>[/code]
​body {
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
}

h1 {
    font-size: 3.0rem;
    font-family: 'Sansita One', cursive;
}

h2 {
    font-size: 2.0rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.2rem;
}

p {
    font-size: .8rem;
}
​<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans&family=Averia+Serif+Libre:wght@700&family=Cormorant+Garamond:wght@400;700&display=swap" rel="stylesheet">
</head>

<h1>Discovery of Radium</h1>
<h2>By Marie Curie</h2>
<p>I spent some time in studying the way of making good measurements of the uranium rays, and then I wanted to know if there were other elements, giving out rays of the same kind. So I took up a work about all known elements, and their compounds and found that uranium compounds are active and also all thorium compounds, but other elements were not found active, nor were their compounds. As for the uranium and thorium compounds, I found that they were active in proportion to their uranium or thorium content. The more uranium or thorium, the greater the activity, the activity being an atomic property of the elements, uranium and thorium.</p>
# sleeksites_login_page

​

A new Flutter project.

​

## Getting Started

​

This project is a starting point for a Flutter application.

​

A few resources to get you started if this is your first Flutter project:

​

- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)

- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)

​

For help getting started with Flutter development, view the

[online documentation](https://docs.flutter.dev/), which offers tutorials,

samples, guidance on mobile development, and a full API reference.

​
import UIKit

​

// Closures lesson // https://www.udemy// // //.com/course/intermediate-ios--advance-your-skills-xcode--swift-3/learn/lecture/6#notes

// Long way 1. Write a func eg. doMath() that takes in 2 ints and another func as a type eg. takes in 2 integers then performs the input func on it

​
6
// 2. Then write a separate func that will be passed in. eg multiply

// 3. Call the first func and pass in the 2nd func
8
// 4. Use a closure instead of passing in th func, by hitting enter at the func param part
9
​
10
​

// Long way 1. Write a func eg. doMath() that takes in 2 ints and another func as a type eg. takes in 2 integers then performs the input func on it

​

func doMath(a: Int, b: Int, mathFunc: (Int, Int) -> Int) -> Int {

    return mathFunc(a, b)

}

​

// 2. Then write a separate func that will be passed in. eg multiply

func multiply (c: Int, d: Int) -> Int {

    return c * d
20
}

​

// 3. Call the first func and pass in the 2nd func

print(doMath(a: 5, b: 6, mathFunc: multiply(c:d:)))

​

// 4. Use a closure instead of passing in th func, by hitting enter at the func param part

doMath(a: 4, b: 6) { a, b in

    return a * b

}

​

print(doMath(a: 5, b: 5) { $0 * $1})

​

// Closure lesson Complete

​

// Higher Order funcs and typealias

// 1. Create an array of some stuff and name it

// 2. Write a func that takes the array and converts it to uppercase.

// 3. Write a func that takes the array and converts it to double
38
// 4. Call both funcs and see results

// 5. Both of the above functions are doing pretty mych the same thing. Creat a higher order function

// that takes in the string array and also another func that tells what to do each thing in that string array

// 6. Call the func for uppercasing - use enter to get the closure format

// 7. Replace the innerworking of the uppercaseArray and doubleArray with the changeArray func

// 8. Use shorthand $0 and $1 using curly braces {}

// 9. TypeAlias - allows to take an existing type and turn it into something else. It makes it easier to refer to a particular func type. You can give a func a name without refering to the func type eg. typealias changeValue = (String) -> String, replace the params for the edit func wiht it

​

// 1. Create an array of some stuff and name it

​

let myFam = ["Sree", "Ajit", "Krish", "Gaurav"]

​

// 2. Write a func that takes the array and converts it to uppercase.

func uppercase(_ name: [String]) -> [String] {

    var tempArray:[String] = []

​

    for str in name {

        tempArray.append(str.uppercased())

    }

    return tempArray

}

​

// 3. Write a func that takes the array and converts it to double

func doubleArray(_ name: [String]) -> [String] {

    var tempArray:[String] = []

​

    for str in name {

        tempArray.append(str.uppercased() + str.uppercased())

    }

    return tempArray

}

​

// 4. Call both funcs and see results

uppercase(myFam)

doubleArray(myFam)

​

// 5.Both of the above functions are doing pretty mych the same thing. Creat a higher order function

// that takes in the string array and also another func that tells what to do each thing in that string array.

// Note that the func behavior is not specified in the func, it is specified at the time of calling it

​

func changeArray(name: [String], theEditFunc: changeArrayValueFuncType) -> [String] {

    var tmpArray: [String] = []

​

    for str in name {

        tmpArray.append(theEditFunc(str))

    }

    return tmpArray

}

​

// 6. Call the func for uppercasing - use enter to get the closure format

print(changeArray(name: myFam) { $0.uppercased() })

changeArray(name: myFam) { (str) -> String in

    return str.lowercased()

}

​

// 7. Replace the innerworking of the uppercaseArray and doubleArray with the changeArray func

func uppercase2(_ str: [String]) -> [String] {

    return changeArray(name: str) { (string) -> String in

        return string.uppercased()

    }

}

​

func doubleArray2(_ name: [String]) -> [String] {

    return changeArray(name: name) { (string) -> String in

        return (string + string)

    }

}

​

uppercase2(myFam)

doubleArray2(myFam)

// 8. Use shorthand $0 and $1 using curly braces {}

func doubleArray3(_ name: [String]) -> [String] {

    return changeArray(name: name) { "Hey " + $0 }

}

doubleArray3(myFam)

// 9. TypeAlias - allows to take an existing type and turn it into something else. It makes it easier to refer to a particular func type. You can give a func a name without refering to the func type eg. typealias changeValue = (String) -> String, replace the params for the edit func wiht it

typealias changeArrayValueFuncType = (String) -> String

​

doubleArray3(myFam)

​

​
<!DOCTYPE html>
<html>
<body>
​
<h1 style="font-size:60px;">Heading 1</h1>
​
<p>You can change the size of a heading with the style attribute, using the font-size property.</p>
​
</body>
</html>
​
​
​
<html>
  <head>
    <link rel="stylesheet" href="css/style.css" type="text/css">
  </head>
  <body>
    <!--REMOVE ME -->
  </body>
</html>
​
SELECT

  first_name,

  last_name,

  salary,

  AVG(salary) OVER()

FROM employee

WHERE salary > AVG(salary) OVER();
SELECT first_name,

last_name,

salary,

avg(salary) over()

from employee 

where department_id in (1,2,3)
​<iframe src="https://mathgames67.github.io/d18a00ee-e6a7-4999-92fb-af7d3716c9f6/content/watchdocumentaries.com/wp-content/uploads/games/slope/index.html"></iframe>
<!DOCTYPE html>
<html>
<body>
​
<h2>HTML Image</h2>
<img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">
​
</body>
</html>
​
​
<button class="mrBtn">Clickme</button>
<button class="mrBtn">Clickme</button>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: "Lato", sans-serif;}
​
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
}
​
.tablink:hover {
  background-color: #777;
}
​
/* Style the tab content */
.tabcontent {
  color: white;
  display: none;
  padding: 50px;
  text-align: center;
}
​
#London {background-color:red;}
#Paris {background-color:green;}
#Tokyo {background-color:blue;}
#Oslo {background-color:orange;}
</style>
</head>
<body>
​
<p>Click on the buttons inside the tabbed menu:</p>
​
<div id="London" class="tabcontent">
  <h1>London</h1>
  <p>London is the capital city of England.</p>
</div>
​
<div id="Paris" class="tabcontent">
  <h1>Paris</h1>
  <p>Paris is the capital of France.</p> 
</div>
​
<div id="Tokyo" class="tabcontent">
  <h1>Tokyo</h1>
  <p>Tokyo is the capital of Japan.</p>
</div>
​
<div id="Oslo" class="tabcontent">
  <h1>Oslo</h1>
  <p>Oslo is the capital of Norway.</p>
</div>
​
The capital city of Heahburg has several temples to the gods in particularly @[Selûne](person:cddcc710-76bd-4878-aba9-6eb89e15566), @[Helm](person:9117bca6-2fb4-4556-8dae-5899908ebb0), and @[Tyr](person:01ef02df-2922-44dc-b695-098f01e2dfa5). @[The Temple of Helm](landmark:e66b54db-89be-4e54-a419-d5a6d6a9d7ab) trains Paladins. @[The Temple of Tyr](landmark:0e6e62a4-8f18-4fe1-b672-a7572fd0e538), produces some of the best legal minds and judges. @[The Temple of Selûne](landmark:6283e8a0-646d-47d5-8465-d422b6fbbc00) hold great influence with the royal family and is quite wealthy.
2
​
3
Heahburg also use to be the home of the @[Wizards' College](landmark:53b62cb5-9889-42ae-b306-4244cba7b253). When @[Mystra](person:ce63d4dd-9a14-4035-a830-10aed7d125b8), and @[Azuth](person:3aeadb0e-7e57-4b9b-ab9b-7e5c2d7ccc7d), disappeared from the world, the college shut down and wizards slowly faded away in both importance and power. All that is left of magic is the great artifacts and runes that still holds any power. No spells besides cantrips have been cast in the last thousand years.
<!DOCTYPE html>
<html>
​
<body>
The content of the body element is displayed in your browser.
</body>
​
</html>
​
<!DOCTYPE html>
<html>
​
<body>
The content of the body element is displayed in your browser.
</body>
​
</html>
​
// Complete the solution so that it returns true if the first argument(string) passed in ends with the nd argument (also a string).
2
// https://www.codewars.com/kata/1f2d1cafcc0f5c0007d/train/javascript
3
// Test: Test.assertEquals(solution('abcde', 'cde'), true)
4
// Test.assertEquals(solution('abcde', 'abc'), false)
5
​

// function solution(str, ending){
7
//   for(i = -1; i >= -(ending.length); i--) {

//   if(str[str.length + i] === ending[ending.length + i]){
9
//     var match = str[str.length + i] === ending[ending.length + i]

//   }    

//   }

//   return match

// }

​
<!DOCTYPE html>
<html>
<body>
​
<h1>The a target attribute</h1>
​
<p>Open link in a new window or tab: <a href="https://www.w3schools.com" target="_blank">Visit W3Schools!</a></p>
​
</body>
</html>
​
<!DOCTYPE html>
<html>
<body>
​
<h2>My First Web Page</h2>
<p>My First Paragraph.</p>
​
<p id="demo"></p>
​
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
​
</body>
</html> 
​
<!DOCTYPE html>

<html lang="en">

​

<head>

  <meta charset="UTF-">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
  <title>Tính toán giá bất động sản</title>

  <link rel="stylesheet" href="style.css">

</head>

​

<body>

  <div class="container">

    <h1>Tính toán giá bất động sản</h1>

    <form>
// Lấy các phần tử HTML cần sử dụng

const form = document.querySelector("form");

const priceInput = document.querySelector("#price");

const sizeInput = document.querySelector("#size");

const locationSelect = document.querySelector("#location");

const resultContainer = document.querySelector("#result");

​

// Mảng giá trị đất của các khu vực

const prices = {

  city: 1000,

  suburb: 500,

  rural: 250

};

​
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Map Objects</h2>
<p>Using Map.get():</p>
​
<p id="demo"></p>
​
<script>
// Create a Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);
​
document.getElementById("demo").innerHTML = fruits.get("apples");
</script>
​
</body>
</html>
​
​
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Map Objects</h2>
<p>Creating a Map from an Array:</p>
​
<p id="demo"></p>
​
<script>
// Create a Map
const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);
​
document.getElementById("demo").innerHTML = fruits.get("apples");
</script>
​
</body>
</html>
​
​
<script>
  jQuery(document).ready(function($) {
    $('a[href^="#"]').click(function(event) {
      event.preventDefault();
      var target = $(this.hash);
      $('html, body').animate({
        scrollTop: target.offset().top
      }, 1000);
    });
  });
</script>
@import url('https://fonts.googleapis.com/css?family=Roboto')

​

$m: #FF4E00
4
​

html, body

    width: 0%

    height: 100%

    font-family: 'Roboto', sans-serif

    letter-spacing: 2px
10
.wrapper

    width: 100%

    height: 100%

    display: flex

    justify-content: center

    align-items: center

    background: linear-gradient(135deg, #e1e1e1 0%, white 50%, #e1e1e1 100%)

​

a

    color: #000

    text-transform: uppercase

    transition: all .2s ease

    text-decoration: none
<div class="wrapper">

    <nav class="main__menu">

        <ul>
4
            <li><a href="#">Текст</a></li><li><a href="#">Текст</a></li><li><a href="#">Текст</a></li><li><a href="#">Текст</a></li><li><a href="#">Текст</a></li>

        </ul>

    </nav>

</div>
var canvas = $('canvas')[0];

var context = canvas.getContext('2d');

​

canvas.width = window.innerWidth;

canvas.height = window.innerHeight;

​

var Projectile;

var State = false;

var Explode = false;

var Collapse = false;

var Particles = [];

​

var colors = ["#1abc9c", "#2ecc71", "#3498db", "#9b59b6", "#9b59b6", "#f1c40f", "#e67e", "#e74c3c"];

​

function Proj() {

  this.radius = 5.2;

  this.x = Math.random() * canvas.width;

  this.y = canvas.height + this.radius;

  this.color = "#e74c3c";

  this.velocity = {x: 0, y: 0};

  this.speed = 12;
22
}

​
[class*="fontawesome-"]:before {

  font-family: 'FontAwesome', sans-serif;

}

​

body {

  background: #ececec;

  overflow: hidden;

  user-select: none;

}

​

#Button {

  position: absolute; top: px; left: 15px;

  width: 60px; height: 60px;

  font-size: px; 
15
  text-align: center; 

  line-height: 60px; 

  background: #e74c3c;
18
  border-radius: 50%;

  color: #ececec;

  cursor: pointer;

  z-index: 1;

}

​
<div id="Button" class="fas fa-fire"></div>

​

<div class="Nav">

  <a href="#"><span class="fas fa-home"></span></a>

  <a href="#"><span class="fas fa-user"></span></a>

  <a href="#"><span class="fas fa-upload"></span></a>

  <a href="#"><span class="fas fa-wrench"></span></a>

</div>

​

<canvas></canvas>

​

​

​

​
     $('.open-overlay').click(function() {

       $('.open-overlay').css('pointer-events', 'none');

       var overlay_navigation = $('.overlay-navigation'),

         top_bar = $('.bar-top'),

         middle_bar = $('.bar-middle'),

         bottom_bar = $('.bar-bottom');

​

       overlay_navigation.toggleClass('overlay-active');

       if (overlay_navigation.hasClass('overlay-active')) {

​

         top_bar.removeClass('animate-out-top-bar').addClass('animate-top-bar');

         middle_bar.removeClass('animate-out-middle-bar').addClass('animate-middle-bar');

         bottom_bar.removeClass('animate-out-bottom-bar').addClass('animate-bottom-bar');

         overlay_navigation.removeClass('overlay-slide-up').addClass('overlay-slide-down')

         overlay_navigation.velocity('transition.slideLeftIn', {

           duration: 300,

           delay: 0,

           begin: function() {

             $('nav ul li').velocity('transition.perspectiveLeftIn', {

               stagger: 150,
@import url(https://fonts.googleapis.com/css?family=Work+Sans:00,00,00|Open+Sans:400italic,300italic);

body {
3
  background-color: #fff
4
}

​

.home {
7
  width: 0%;

  height: 100vh;

  position: relative;
10
  background-image: url(https://images.unsplash.com/photo-44927714506-8492d94b4e3d?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=067f0b097deff88a789e5210406ffe);

  background-size: cover;
12
  background-position: center center;

}
14
​

​

/* ====================================

Navigation 

==================================== */

​
<div class="overlay-navigation">

  <nav role="navigation">

    <ul>

      <li><a href="#" data-content="The beginning">Home</a></li>

      <li><a href="#" data-content="Curious?">About</a></li>

      <li><a href="#" data-content="I got game">Skills</a></li>

      <li><a href="#" data-content="Only the finest">Works</a></li>

      <li><a href="#" data-content="Don't hesitate">Contact</a></li>

    </ul>

  </nav>

</div>

​

<section class="home">

    <a href="https://codepen.io/fluxus/pen/gPWxXJ" target="_blank">Click for CSS version</a>

  <div class="open-overlay">

    <span class="bar-top"></span>

    <span class="bar-middle"></span>

    <span class="bar-bottom"></span>

  </div>
/* Clearing floats */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
​
.cf:after {
  clear: both;
}
​
.cf {
  *zoom: ;
}
​
/* Mini reset, no margins, paddings or bullets */
.menu,
.submenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
​
/* Main level */
.menu {     
  margin: 0px auto;
  width: 00px;
  /* http://www.red-team-design.com/horizontal-centering-using-css-fit-content-value */
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content; 
<ul class="menu cf">
  <li><a href="">Menu item</a></li>
  <li>
    <a href="">Menu item</a>
    <ul class="submenu">
      <li><a href="">Submenu item</a></li>
      <li><a href="">Submenu item</a></li>
      <li><a href="">Submenu item</a></li>
      <li><a href="">Submenu item</a></li>
    </ul>     
  </li>
  <li><a href="">Menu item</a></li>
  <li><a href="">Menu item</a></li>
  <li><a href="">Menu item</a></li>
</ul>
// Header
<link rel="stylesheet" href="../wp-content/themes/cyberrecoverygroup/build/css/intlTelInput.css">
<link rel="stylesheet" href="../wp-content/themes/cyberrecoverygroup/build/css/demo.css">




//Footer

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.0/js/intlTelInput.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/inputmask/4.0.8/jquery.inputmask.bundle.min.js'></script><script  src="./script.js"></script>

<script>
    var input = document.querySelector("#form-field-phone");
    window.intlTelInput(input, {
//       allowDropdown: false,
      // autoHideDialCode: false,
      // autoPlaceholder: "off",
			   initialCountry: "auto",
      // dropdownContainer: document.body,
      // excludeCountries: ["us"],
         preferredCountries: ['au','be', 'ca', 'dk', 'fi', 'hk', 'ie', 'nl', 'nz', 'no', 'sg', 'se', 'ae', 'us'],
      // formatOnDisplay: false,
      geoIpLookup: function(callback) {
        $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) {
          var countryCode = (resp && resp.country) ? resp.country : "";
          callback(countryCode);
        });
      },
      // hiddenInput: "full_number",
      // localizedCountries: { 'de': 'Deutschland' },
      	 nationalMode: false,
      // onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'],
//       placeholderNumberType: "MOBILE",
//       	 preferredCountries: ['cn', 'jp'],
      separateDialCode: true,
      utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.0/js/utils.js",
    });
  </script>



add_action('admin_init', function () {

    // Redirect any user trying to access comments page

    global $pagenow;

    

    if ($pagenow === 'edit-comments.php') {

        wp_safe_redirect(admin_url());

        exit;

    }

​

    // Remove comments metabox from dashboard

    remove_meta_box('dashboard_recent_comments', 'dashboard', 'normal');

​

    // Disable support for comments and trackbacks in post types

    foreach (get_post_types() as $post_type) {

        if (post_type_supports($post_type, 'comments')) {

            remove_post_type_support($post_type, 'comments');

            remove_post_type_support($post_type, 'trackbacks');

        }

    }

});

​
function resizeGridItem(item){

  grid = document.getElementsByClassName("layout-classic")[0];

  rowHeight = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-auto-rows'));

  rowGap = parseInt(window.getComputedStyle(grid).getPropertyValue('grid-row-gap'));

    imgHeight = item.querySelector('.featured-img').getBoundingClientRect().height

    contentHeight = item.querySelector('.post-content').getBoundingClientRect().height

  rowSpan = Math.ceil(((imgHeight+contentHeight)+rowGap)/(rowHeight+rowGap));

    item.style.gridRowEnd = "span "+rowSpan;

}

​

function resizeAllGridItems(){

  allItems = document.querySelectorAll(".layout-classic .post");

  for(x=0;x<allItems.length;x++){

    resizeGridItem(allItems[x]);

  }

}

​

function resizeInstance(instance){

    item = instance.elements[0];

  resizeGridItem(item);

}
# These are supported funding model platforms

​

github: # Replace with up to  GitHub Sponsors-enabled usernames e.g., [user1, user2]
4
patreon: # Replace with a single Patreon username

open_collective: # Replace with a single Open Collective username

ko_fi: # Replace with a single Ko-fi username

tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel

community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry

liberapay: # Replace with a single Liberapay username

issuehunt: # Replace with a single IssueHunt username

otechie: # Replace with a single Otechie username

lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry

custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

​
# These are supported funding model platforms

​

github: # Replace with up to  GitHub Sponsors-enabled usernames e.g., [user1, user2]
4
patreon: # Replace with a single Patreon username

open_collective: # Replace with a single Open Collective username

ko_fi: # Replace with a single Ko-fi username

tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel

community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry

liberapay: # Replace with a single Liberapay username

issuehunt: # Replace with a single IssueHunt username

otechie: # Replace with a single Otechie username

lfx_crowdfunding: # Replace with a single LFX Crowdfunding project-name e.g., cloud-foundry

custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']

​
<div id="page-body" data-select-id="select2-data-page-body">
2
​

  <div id="col-center">

​

    <div id="content-wrapper">

​

      <div class="tabs forma-podbora" id="forma-podbora">

​

        <div class="tabs__content  active">

          <div class="row">

​

            <!--                         СЮДА -->

            <form action="/primerka-diskov/podbor" id="diskiForm" method="post" data-select2-id="select2-data-diskiForm">

​

              <div class="col-md-9 form__image fixedBlock" style="width: 100%; max-width: 100%; flex: 0 0 100%; height: 288px; min-height: auto; position: fixed; top: 0px; left: 0px; z-index: 80; padding: 0px;">

                <div class="image__block">

                  <img data-savepage-currentsrc="https://konsulavto.ru/static/images/avto/kia/2M6CPv_15507_imgred.jpg" data-savepage-src="https://konsulavto.ru/static/images/avto/kia/2M6CPv_15507_imgred.jpg" src="https://konsulavto.ru/static/images/avto/kia/2M6CPv_15507_imgred.jpg" alt="Подбор автомобильных дисков" id="avto__image" data-toggle="tooltip" data-placement="bottom" class="img-responsive" data-original-title="Установлены диски Диск колесный  литой " style="max-height: 0px; margin-top: 0px;">
18
                  <img class="dials left-dial" data-x="1" data-y="56" data-d="" data-savepage-currentsrc="https://konsulavto.ru/static/images/dials/%D0%A1%D0%9A%D0%90%D0%94/yf9Fle_40684_img2.png" data-savepage-src="https://konsulavto.ru/static/images/dials/СКАД/yf9Fle_40684_img2.png" src="https://konsulavto.ru/static/images/dials/СКАД/yf9Fle_40684_img2.png" style="display: inline; width: 59.3688px; height: 59.3688px; left: 166.035px; bottom: 15.8588px; opacity: 1;">

                  <img class="dials right-dial" data-x="523" data-y="56" data-d="" data-savepage-currentsrc="https://konsulavto.ru/static/images/dials/%D0%A1%D0%9A%D0%90%D0%94/yf9Fle_40684_img2.png" data-savepage-src="https://konsulavto.ru/static/images/dials/СКАД/yf9Fle_40684_img2.png" src="https://konsulavto.ru/static/images/dials/СКАД/yf9Fle_40684_img2.png" style="display: inline; width: 59.3688px; height: 59.3688px; left: 492.157px; bottom: 15.8588px; opacity: 1;">

                </div>
21
                <div class="selector__image" id="selectImg" style="background: rgb(255, 255, 255); margin-top: 0px; padding-top: 25px; padding-bottom: 25px; padding-left: 25px;">
22
                  <div class="car__color_picker car__color_img_blue" onclick="changeImage('https://konsulavto.ru/static/images/avto/kia/2M6CPv_15507_imgblue.jpg')"></div>
<div id="page-body" data-select-id="select2-data-page-body">
2
​

  <div id="col-center">

​

    <div id="content-wrapper">

​

      <div class="tabs forma-podbora" id="forma-podbora">

​

        <div class="tabs__content  active">

          <div class="row">

​

            <!--                         СЮДА -->

            <form action="/primerka-diskov/podbor" id="diskiForm" method="post" data-select2-id="select2-data-diskiForm">

​

              <div class="col-md-9 form__image fixedBlock" style="width: 100%; max-width: 100%; flex: 0 0 100%; height: 288px; min-height: auto; position: fixed; top: 0px; left: 0px; z-index: 80; padding: 0px;">

                <div class="image__block">

                  <img data-savepage-currentsrc="https://konsulavto.ru/static/images/avto/kia/2M6CPv_15507_imgred.jpg" data-savepage-src="https://konsulavto.ru/static/images/avto/kia/2M6CPv_15507_imgred.jpg" src="https://konsulavto.ru/static/images/avto/kia/2M6CPv_15507_imgred.jpg" alt="Подбор автомобильных дисков" id="avto__image" data-toggle="tooltip" data-placement="bottom" class="img-responsive" data-original-title="Установлены диски Диск колесный  литой " style="max-height: 0px; margin-top: 0px;">
18
                  <img class="dials left-dial" data-x="1" data-y="56" data-d="" data-savepage-currentsrc="https://konsulavto.ru/static/images/dials/%D0%A1%D0%9A%D0%90%D0%94/yf9Fle_40684_img2.png" data-savepage-src="https://konsulavto.ru/static/images/dials/СКАД/yf9Fle_40684_img2.png" src="https://konsulavto.ru/static/images/dials/СКАД/yf9Fle_40684_img2.png" style="display: inline; width: 59.3688px; height: 59.3688px; left: 166.035px; bottom: 15.8588px; opacity: 1;">

                  <img class="dials right-dial" data-x="523" data-y="56" data-d="" data-savepage-currentsrc="https://konsulavto.ru/static/images/dials/%D0%A1%D0%9A%D0%90%D0%94/yf9Fle_40684_img2.png" data-savepage-src="https://konsulavto.ru/static/images/dials/СКАД/yf9Fle_40684_img2.png" src="https://konsulavto.ru/static/images/dials/СКАД/yf9Fle_40684_img2.png" style="display: inline; width: 59.3688px; height: 59.3688px; left: 492.157px; bottom: 15.8588px; opacity: 1;">

                </div>
21
                <div class="selector__image" id="selectImg" style="background: rgb(255, 255, 255); margin-top: 0px; padding-top: 25px; padding-bottom: 25px; padding-left: 25px;">
22
                  <div class="car__color_picker car__color_img_blue" onclick="changeImage('https://konsulavto.ru/static/images/avto/kia/2M6CPv_15507_imgblue.jpg')"></div>
#include<iostream>

#include<vector>

using namespace std;

​

void merge(int arr1[], int n, int arr2[], int m, int arr3[]) {

​

    int i = 0, j = 0;

    int k = 0;

    while( i<n && j<m) {

        if(arr1[i] < arr2[j]){

            arr3[k++] = arr1[i++];

        }

        else{

            arr3[k++] = arr2[j++];

        }

    }

​

    //copy first array k element ko

    while(i<n) {

        arr3[k++] = arr1[i++];

    }

​

    //copy kardo second array k remaining element ko

    while(j<m) {

        arr2[k++] = arr2[j++];

    }

}

​

void print(int ans[], int n) {

    for(int i=0; i<n; i++) {

        cout<< ans[i] <<" ";

    }

    cout << endl;

}

​

int main() {

​

    int arr1[5] = {1,3,5,7,9};

    int arr2[3] = {2,4,6};

​

    int arr3[8] = {0};

​

    merge(arr1, 5, arr2, 3, arr3);

​

    print(arr3, 8);
​the answer as hint (see how AND is used for multiple join conditions between same table ...last line)
SELECT
  couples.couple_name,
  couples.pref_location,
  apartments.id
FROM couples
JOIN apartments
  ON apartments.price NOT BETWEEN couples.min_price AND couples.max_price
  AND location != pref_location

///////////////////
btw my answer also worked

SELECT c.couple_name,c.pref_location,a.id
FROM apartments a
join 
couples c on c.pref_location <> a.location
where a.price not between c.min_price and c.max_price

<!DOCTYPE html>
<html>
<head>
<style>
div {
  width: 100px;
  height: 100px;
  background-color: red;
  animation-name: example;
  animation-duration: 4s;
}
​
@keyframes example {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}
</style>
</head>
<body>
​
<h1>CSS Animation</h1>
​
<div></div>
​
<p><b>Note:</b> When an animation is finished, it goes back to its original style.</p>
​
</body>
</html>
​
​
<div onclick="window.open('http://www.website.com/page', '_blank')">Click Me</div>
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
​
<h1>My First Heading</h1>
<p>My first paragraph.</p>
​
</body>
</html>
​
​
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
​
<h1>My First Heading</h1>
<p>My first paragraph.</p>
​
</body>
</html>
​
​
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
​
<h1>My First Heading</h1>
<p>My first paragraph.</p>
​
</body>
</html>
​
​
​veru useful to find pairs and avoid repeating 
eg 1,2 is included so no need to incude 2,1
<canvas id="canvas"></canvas>

<div class="copy">

    <h1>Confetti Cannon</h1>

    <p>click, drag & release</p>

    <p>CodeWorks4U</p>

</div>
// in code snippet.
function sptp_suppress_filters_mod( $suppress_filters){
	if (defined('DOING_AJAX') && DOING_AJAX) {
	 	$suppress_filters = true;
	 } else {
	 	$suppress_filters = false;
	}

	return $suppress_filters;
}
add_filter( 'sptp_suppress_filters', 'sptp_suppress_filters_mod');

function sptp_filter_groups_mod( $group, $shortcode_id ){
	if('' == $group ){
		$sptp_group = get_terms(array(
			'taxonomy' => 'sptp_group',
			'hide_empty' => false,
		));
		$group = array();
		foreach($sptp_group as $category) {
			$group[] = $category->slug;
		}
	}
	return $group;
}
add_filter( 'sptp_filter_groups', 'sptp_filter_groups_mod', 10, 2);

// New hook in ajax search funtion.
$group = apply_filters( 'sptp_filter_groups', $group, $generator_id );

// Helper.php in sptp_query funtion
if ( isset( $group ) && ! empty( $group ) ) {
			$args['tax_query'] = array(
				array(
					'taxonomy' => 'sptp_group',
					'field'    => 'slug',
					'terms'    => $group,
				),
			);
		}
<html>
<head>
<style>
* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 50%;
  padding: 10px;
  text-align:center;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
a{
  text-decoration: none;
  }
</style>
</head>
<body>

<div class="row">
  <div class="column" >

    <h2>Reserve from Dun Laogharie</h2>
 <a href="#">Reservation</a>
  

  </div>
  <div class="column">
   <h2>Reserve from Kimmage</h2>
 <a href="#">Reservation</a>
  </div>
</div>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
​
<h2>Setting the Viewport</h2>
<p>This example does not really do anything, other than showing you how to add the viewport meta element.</p>
​
</body>
</html>
​
​
void * SwappyTracer::userData
#include <stdio.h>
​
int main() {
  int x = 5;
  x %= 3;
  printf("%d", x);
  return 0;
}
#include <stdio.h>
​
int main() {
  float x = 5;
  x /= 3;
  printf("%f", x);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5;
  x *= 3;
  printf("%d", x);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5;
  x -= 3;
  printf("%d", x);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 10;
  x += 5;
  printf("%d", x);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5;
  printf("%d", --x);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5;
  printf("%d", ++x);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5;
  int y = 2;
  printf("%d", x % y);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 12;
  int y = 3;
  printf("%d", x / y);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5;
  int y = 3;
  printf("%d", x * y);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5;
  int y = 3;
  printf("%d", x - y);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5;
  int y = 3;
  printf("%d", x + y);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5;
  int y = 3;
  printf("%d", x + y);
  return 0;
}
#include <stdio.h>
​
int main() {
  int sum1 = 100 + 50;        // 150 (100 + 50)
  int sum2 = sum1 + 250;      // 400 (150 + 250)
  int sum3 = sum2 + sum2;     // 800 (400 + 400)
  printf("%d\n", sum1);
  printf("%d\n", sum2);
  printf("%d\n", sum3);
  return 0;
}
#include <stdio.h>
​
int main() {
  int myNum = 100 + 50;
  printf("%d", myNum);
  return 0;
}
#include <stdio.h>
​
int main() {
  const int minutesPerHour = 60;
  const float PI = 3.14;
​
  printf("%d\n", minutesPerHour);
  printf("%f\n", PI);
  return 0;
}
#include <stdio.h>
​
int main() {
  int num1 = 5;
  int num2 = 2;
  float sum = (float) num1 / num2;
​
  printf("%.1f", sum);
  return 0;
}
#include <stdio.h>
​
int main() {
  // Manual conversion: int to float
  float sum = (float) 5 / 2;
​
  printf("%f", sum);
  return 0;
}
#include <stdio.h>
​
int main() {
  char greetings[] = "Hello World!";
  printf("%s", greetings);
 
  return 0;
}
#include <stdio.h>
​
int main() {
  // Student data
  int studentID = 15;
  int studentAge = 23;
  float studentFee = 75.25;
  char studentGrade = 'B';
​
  // Print variables
  printf("Student id: %d\n", studentID);
  printf("Student age: %d\n", studentAge);
  printf("Student fee: %f\n", studentFee);
  printf("Student grade: %c", studentGrade);
​
  return 0;
}
#include <stdio.h>
​
int main() {
  int x, y, z;
  x = y = z = 50;
  printf("%d", x + y + z);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5, y = 6, z = 50;
  printf("%d", x + y + z);
  return 0;
}
#include <stdio.h>
​
int main() {
  int x = 5;
  int y = 6;
  int sum = x + y;
  printf("%d", sum);
  return 0;
}
#include <stdio.h>
​
int main() {
  // Create a myNum variable and assign the value 15 to it
  int myNum = 15;
  
  // Declare a myOtherNum variable without assigning it a value
  int myOtherNum;
​
  // Assign value of myNum to myOtherNum
  myOtherNum = myNum;
​
  // myOtherNum now has 15 as a value
  printf("%d", myOtherNum);
  
  return 0;
}
#include <stdio.h>
​
int main() {
  int myNum = 15;
  
  int myOtherNum = 23;
​
  // Assign the value of myOtherNum (23) to myNum
  myNum = myOtherNum;
​
  // myNum is now 23, instead of 15
  printf("%d", myNum);
  
  return 0;
}
#include <stdio.h>
​
int main() {
  int myNum = 15;
  
  int myOtherNum = 23;
​
  // Assign the value of myOtherNum (23) to myNum
  myNum = myOtherNum;
​
  // myNum is now 23, instead of 15
  printf("%d", myNum);
  
  return 0;
}
#include <stdio.h>
​
int main() {
  // Create variables
  int myNum = 15;              // Integer (whole number)
  float myFloatNum = 5.99;     // Floating point number
  char myLetter = 'D';         // Character
  
  // Print variables
  printf("%d\n", myNum);
  printf("%f\n", myFloatNum);
  printf("%c\n", myLetter);
  return 0;
}
#include <stdio.h>
​
int main() {
  int myNum = 15;
  printf("My favorite number is: %d", myNum);
  return 0;
}
#include <stdio.h>
​
int main() {
  int myNum = 15;
  char myLetter = 'D';
  printf("My number is %d and my letter is %c", myNum, myLetter);
  return 0;
}
#include <stdio.h>
​
int main() {
  int myNum = 15; // myNum is 15
  myNum = 10; // Now myNum is 10
  
  printf("%d", myNum);
  return 0;
}
#include <stdio.h>
​
int main() {
  // Create variables
  int myNum = 15;              // Integer (whole number)
  float myFloatNum = 5.99;     // Floating point number
  char myLetter = 'D';         // Character
  
  // Print variables
  printf("%d\n", myNum);
  printf("%f\n", myFloatNum);
  printf("%c\n", myLetter);
  return 0;
}
#include <stdio.h>
​
int main() {
  printf("Hello World!");
  return 0;
}
/* Add your CSS code here.

​

For example:

.example {

    color: red;

}

​

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

​

End of comment */ 

body {

    background-color: #f9f9f9;

}

#sinatra-header-inner {

    background: #f9f9f9;

}

​

:root {

    --primary : #4b7a;

}

h2 {

    word-break: keep-all;

}

select[data-filter="category"] {

    width: 100%;

}

#books_grid .books ul.vc_grid-filter center {
28
    font-weight: bold;

    color: #000;

    font-size: 1.1rem;

}

.vc_grid-filter.vc_grid-filter-color-white>.vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-color-white>.vc_grid-filter-item:hover {

    background-color: #103965;

    color: #ffffff;

    border-radius: 4px;

}

.vc_grid-filter.vc_grid-filter-color-white>.vc_grid-filter-item.vc_active>span, .vc_grid-filter.vc_grid-filter-color-white>.vc_grid-filter-item:hover>span {
    

    $("body").on('click', 'li.vc_grid-filter-item.back-to-top',function() {

        $([document.documentElement, document.body]).animate({

            scrollTop: $("div#all_books").offset().top

        }, 1000);

        

    });

    

    jQuery("select#ct_mobile_filter").change(function(){

        var link = jQuery(this).val()

        window.location = link

    // console.log(link)

    })

    

    //  ========= Custom Filter ==============

    jQuery("li.cm_grid-filter-item:not(.back-to-top)").click(function(){

        text = jQuery(this).find("span").text();

        jQuery(".section_title h2 span#all").text(text)

        target = jQuery(this).find("span").data("cm-grid-filter-value")

        if(target == "*"){

            jQuery("article.elementor-post.elementor-grid-item").fadeIn()

        }else{

            jQuery("article.elementor-post.elementor-grid-item").hide()

            jQuery(".elementor-post__badge:contains("+target+")").parents(".elementor-grid-item").fadeIn()

        }

    })

    jQuery(".cm_grid-styled-select select").click(function(){

        target = jQuery(this).val();

        jQuery(".section_title h2 span#all").text(target);

        if(target == "*"){

            jQuery("article.elementor-post.elementor-grid-item").fadeIn()

        }else{

            jQuery("article.elementor-post.elementor-grid-item").hide()

            jQuery(".elementor-post__badge:contains("+target+")").parents(".elementor-grid-item").fadeIn()

        }

    })

    //  ========= Custom Filter ==============

});

​
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
​
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
</style>
</head>
<body>
​
<h2>Responsive Iframe</h2>
<h3>Maintain Aspect Ratio 16:9</h3>
<p>Resize the window to see the effect.</p>
​
<div class="container"> 
  <iframe class="responsive-iframe" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>
</div>
​
</body>
#label {

  position: absolute;

  top: px;

  right: 20px;

  font-size: 3em;

  color: rebeccapurple;

  cursor: pointer;

}

#toggle {
10
  display: none;

}

.oscuro {

  background-color: #333;

  color: white;

  transition: all 1.5s ease;

}

​
import mysql.connector
​
mydb = mysql.connector.connect(
  host="localhost",
  user="myusername",
  password="mypassword"
)
​
print(mydb)
​
<button style="">Hover Me</button>

button {
    position: relative;
    height: 60px;
    width: 200px;
    border: none;
    outline: none;
    color: #fff;
    background-color: #111;
    cursor: pointer;
    border-radius: 5px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

* {
    margin: 0;
    padding: 0;
}
user agent stylesheet
button {
    appearance: auto;
    writing-mode: horizontal-tb !important;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-weight: ;
    font-stretch: ;
    font-size: ;
    font-family: ;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    margin: 0em;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
}
button::before {
    position: absolute;
    content: '';
    top: -2px;
    left: -2px;
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    border-radius: 5px;
    z-index: -1;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    background: -webkit-linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    background-size: 400%;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    -webkit-animation: animate 20s linear infinite;
    animation: animate 20s linear infinite;
}
py -m virtualenv -p="C:\Program Files\Python36\python.Exe" .virtenv
<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "JobPosting",
  "title": "JUDUL LOKER",
  "description": "DESKRIPSI LOKER",
  "datePosted": "2023-02-03",
  "validThrough": "2023-07-01",
  "jobLocationType": "TELECOMMUTE",
  "jobLocation": {
    "@type": "Place",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "KOTA",
      "addressRegion": "PROVINSI",
      "addressCountry": "Indonesia"
    }
  },
  "hiringOrganization": {
    "@type": "Organization",
    "sameAs": "URL PERUSAHAAN LOKER",
    "name": "NAMA PERUSAHA YANG BUKA LOKER",
    "logo": "URL THUMBNAIL LOKER"
  },
  "employmentType": ["FULL_TIME"],
  "applicantLocationRequirements": {
    "@type": "Country",
    "name": "Indonesia"
  },
  "baseSalary": {
    "@type": "MonetaryAmount",
    "currency": "IDR",
    "value": {
      "@type": "QuantitativeValue",
      "value": 0,
      "unitText": "BULAN"
    }
  },
  "skills": ["SKILL 1", "SKILL 2", "SKILL 3"],
  "responsibilities": [
    "TUGAS 1",
    "TUGAS 2",
    "TUGAS 3"
  ],
  "educationalRequirements": "PENDIDIKAN MINIMAL",
  "experienceRequirements": "PENGALAMAN MINIMAL",
  "qualifications": "KUALIFIKASI LAINNYA",
  "incentiveCompensation": "BONUS",
  "industry": "INDUSTRI TERKAIT",
  "occupationalCategory": "KATEGORI PEKERJAAN"
}
</script>
{

    "@context": "http://schema.org/",

    "@type": "JobPosting",

    "title" : "JUDUL LOKER",

    "description" : "DESKRIPSI LOKER",

    "datePosted" : "-02-03",

    "validThrough" : "601",
8
    "jobLocationType" : "TELECOMMUTE",

    "jobLocation": {

        "@type": "Place",

        "address": {

            "@type": "0",

            "addressLocality": "KOTA",

            "addressRegion": "PROVINSI",

            "addressCountry": "Indonesia"

        }

    },

    "hiringOrganization": {

        "@type": "Organization",
20
        "sameAs": "URL PERUSAHAAN LOKER",

        "name": "NAMA PERUSAHA YANG BUKA LOKER",

        "logo": "URL THUMBNAIL LOKER"
23
    },

    "employmentType": ["FULL_TIME"],

    "applicantLocationRequirements": {

        "@type": "Country",

        "name": "Indonesia"

    },

    "baseSalary": {

        "@type": "MonetaryAmount",

        "currency": "IDR",

        "value": {

            "@type": "QuantitativeValue",

            "value": 0,

            "unitText": "BULAN"

        }

    }

}

​
<!DOCTYPE html>
<html>
<head>
<style> 
div.a {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: clip; 
  border: 1px solid #000000;
}
​
div.b {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  border: 1px solid #000000;
}
​
div.c {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: "----"; 
  border: 1px solid #000000;
}
</style>
</head>
<body>
​
<h1>The text-overflow Property</h1>
​
<p>The following two divs contains a text that will not fit in the box.</p>
​
<h2>text-overflow: clip (default):</h2>
<div class="a">Hello world!</div>
​
<h2>text-overflow: ellipsis:</h2>
<div class="b">Hello world!</div>
​
<h2>text-overflow: "----" (user defined string):</h2>
<div class="c">Hello world!</div>
​
<p><strong>Note:</strong> The text-overflow: "<em>string</em>" only works in 
Firefox.</p>
​
</body>
</html>
add_action( 'wp_head', function ( ) { ?> 
​

<style>

  </style>

<?php } );
<!DOCTYPE html>
<html>
<body>
​
<h1>The JavaScript <i>this</i> Keyword</h1>
​
<p>In this example, <b>this</b> refers to the window object:</p>
​
<p id="demo"></p>
​
<script>
let x = this;
document.getElementById("demo").innerHTML = x;
</script>
​
</body>
</html>
​
import os
os.getcwd()
import pandas as pd
dataset = pd.read_excel("D:\Work\Data\Conso NBFC FIle v1 - CY21.xlsb")
dataset.head()
x = 5
y = "Hello, World!"
​
print(x)
print(y)
​
StringExtensions.format(this.context.resources.getString("string_086"), PlansEntities.CustomerPlanStatus[this.viewModel._selectedItem.STATUS])


RESOURCES---
  "string_086": "No puede agregar una cuota de un plan en estado [{0}].",
  "string_086.comment": "Mensaje",
export namespace PlansEntities {
    export enum CustomerPlanStatus {
        None = 'Ninguno',
        PreGrant = 'Pre-otorgado',
        Grant = 'Otorgado',
        Cancel = 'Cancelado',
        InLegalProcess = 'En proceso legal',
        Expired = 'Vencido',
        Rejected = 'Rechazado',
        Paid = 'Pagado',
        Refinanced = 'Refinanciado',
        Migrated = 'Migrado',
    }
}
​
import { PlansEntities } from "../../Entities/CreditPlansEntities";

if (this.viewModel._selectedItem && PlansEntities.CustomerPlanStatus[this.viewModel._selectedItem.STATUS] == PlansEntities.CustomerPlanStatus.Cancel) { …. }
​
<script>

export default {

  data() {

    return {

      count: 1

    }

  },

​

  // `mounted` is a lifecycle hook which we will explain later

  mounted() {

    // `this` refers to the component instance.

    console.log(this.count) // => 1

​

    // data can be mutated as well

    this.count = 2

  }

}

</script>

​

<template>

  Count is: {{ count }}

</template>
#convert from int to float:
x = float(1)
​
#convert from float to int:
y = int(2.8)
​
#convert from int to complex:
z = complex(1)
​
print(x)
print(y)
print(z)
​
print(type(x))
print(type(y))
print(type(z))
​
body>*{

  color: green !important;

  content: 'f023';

  

}
​really good eg of how to find records that weren't sold in a particular period

var d = new Date(1673366309);
2
var formattedDate = d.getDate() + "-" + d.getMonth() + "-" + d.getFullYear();
3
var hours = (d.getHours() < 10) ? "0" + d.getHours() : d.getHours();
4
var minutes = (d.getMinutes() < 10) ? "0" + d.getMinutes() : d.getMinutes();
5
var formattedTime = hours + ":" + minutes;
6
​

formattedDate = formattedDate + " " + formattedTime;
8
​
9
alert(formattedDate);
<!DOCTYPE html>
<html>
<body>
​
<div style="background-color:black;color:white;padding:20px;">
  <h2>London</h2>
  <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
  <p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>
</div> 
​
</body>
</html>
​
​
<!DOCTYPE html>
<html>
<body>
​
<p>This is an inline span <span style="border: 1px solid black">Hello World</span> element inside a paragraph.</p>
​
<p>The SPAN element is an inline element, and will not start on a new line and only takes up as much width as necessary.</p>
​
</body>
</html>
​
​
<b:if cond='<a href="data:view.isPost" target="_blank" rel="noopener noreferrer">data:view.isPost</a>'>
 
<script type='application/ld+json'>
 
{
 
"<a href="https://twitter.com/context" target="_blank" rel="noopener noreferrer">@context</a>": "<a href="http://schema.org" target="_blank" rel="noopener noreferrer">schema.org</a>",
 
"<a href="https://twitter.com/type" target="_blank" rel="noopener noreferrer">@type</a>": "Article",
 
"<a href="https://twitter.com/id" target="_blank" rel="noopener noreferrer">@id</a>": "<<a href="data:post.url/" target="_blank" rel="noopener noreferrer">data:post.url</a>><a href="https://twitter.com/hashtag/post" target="_blank" rel="noopener noreferrer">#post</a>-body-<<a href="data:post.id/" target="_blank" rel="noopener noreferrer">data:post.id</a>>",
 
"mainEntityOfPage": "<<a href="data:post.url/" target="_blank" rel="noopener noreferrer">data:post.url</a>>",
 
"headline": "<<a href="data:post.title/" target="_blank" rel="noopener noreferrer">data:post.title</a>>",
 
"name": "<<a href="data:post.title/" target="_blank" rel="noopener noreferrer">data:post.title</a>>",
 
"url": "<<a href="data:post.url/" target="_blank" rel="noopener noreferrer">data:post.url</a>>",
 
"description": "<<a href="data:blog.metaDescription/" target="_blank" rel="noopener noreferrer">data:blog.metaDescription</a>>",
 
"image": "<<a href="data:post.featuredImage/" target="_blank" rel="noopener noreferrer">data:post.featuredImage</a>>",
 
"datePublished": "<<a href="data:post.date.iso8601/" target="_blank" rel="noopener noreferrer">data:post.date.iso8601</a>>",
 
"dateModified": "<<a href="data:post.date.iso8601/" target="_blank" rel="noopener noreferrer">data:post.date.iso8601</a>>",
 
"author": {
 
"<a href="https://twitter.com/type" target="_blank" rel="noopener noreferrer">@type</a>": "Person",
 
"name": "<<a href="data:post.author.name/" target="_blank" rel="noopener noreferrer">data:post.author.name</a>>",
 
"url": "<<a href="data:blog.homepageUrl.jsonEscaped/" target="_blank" rel="noopener noreferrer">data:blog.homepageUrl.jsonEscaped</a>>"
 
},
 
"publisher": {
 
"<a href="https://twitter.com/type" target="_blank" rel="noopener noreferrer">@type</a>": "Organization",
 
"name": "<<a href="data:blog.homepageUrl.jsonEscaped/" target="_blank" rel="noopener noreferrer">data:blog.homepageUrl.jsonEscaped</a>>",
 
"description": "Replace this with your site tagline",
 
"logo": {
 
"<a href="https://twitter.com/type" target="_blank" rel="noopener noreferrer">@type</a>": "ImageObject",
 
"url": "<a href="https://surftware.com/logo.png" target="_blank" rel="noopener noreferrer">surftware.com/logo.png</a>",
 
"width": 600,
 
"height": 60
 
}
 
}
 
}
 
</script>
 
</b:if>
<?php

if(is_page('home')) {

    $posts_per_page = 2;

} else {

    $posts_per_page = -1;

}

$query = array(

'post_type' => array('journal'),

'post_status' => array('publish'),

'orderby' => 'date',

'order' => 'DESC',

'posts_per_page' => $posts_per_page,

);

$q = new WP_Query($query); ?>

​

<div class="journals-wrap">

    <?php while ($q->have_posts()) : $q->the_post(); ?>

    <div class="journal-wrapper row">

        <div class="col-md-3">

            <p class="date-meta"><?php echo get_the_date(); ?></p>

            <h4 class="title">

                <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

            </h4>

        </div>

        <div class="col-md-6">

            <p class="text"><?php echo strip_tags(substr(get_the_content(), 0, 0)); echo (strlen(strip_tags(get_the_content())) >= 300) ? ' ...' : ''; ?></p>

        </div>

        <div class="col-md-3">

            <a href="<?php the_permalink(); ?>" class="journal-btn">
30
                <svg width="38" height="27" viewBox="0 0 38 27" fill="none" xmlns="http://www.w3.org/2000/svg">

                <path d="M.4382 6.42613C37.67 5.63184 37.2204 4.79715 .4261 4.5618L23.4824 0.726611C22.6881 0.491264 21.85 0.944381 21.618 1.73868C21.3827 2.597 21.8358 3.36766 22.6301 3.60301L34.1357 7.01206L30.7266 18.5176C30.4913 19.3119 30.9444 20.1466 31.7387 20.382C32.5 20.6173 33.3677 20.1642 33.603 19.3699L37.4382 6.42613ZM1.71564 26.3183L36.7156 7.31828L35.2844 4.68172L0.284362 23.6817L1.71564 26.3183Z" fill="currentColor"/>
32
                </svg>
33
            </a>
34
        </div>
35
    </div>
36
    <?php endwhile; ?>
37
</div>
var swiperOptions = {

  loop: true,

  freeMode: true,

  spaceBetween: 0,

  grabCursor: true,

  slidesPerView: ,
7
  loop: true,

  autoplay: {

    delay: 1,

    disableOnInteraction: true

  },

  freeMode: true,

  speed: 5000,

  freeModeMomentum: false

};

​

var swiper = new Swiper(".swiper-container", swiperOptions);

​

$(".swiper-container").mouseenter(function () {

  console.log("mouse over");

  swiper.autoplay.stop();

});

​

$(".swiper-container").mouseleave(function () {
<!DOCTYPE html>

<html lang="en-us">

  <head>

    <meta charset="utf-">

​

    <title>Number guessing game</title>

​
8
    <style>

      html {

        font-family: sans-serif;

      }

​

      body {

        width: 50%;

        max-width: 800px;

        min-width: 480px;

        margin: 0 auto;

      }

      

      .form input[type="number"] {

        width: 200px;

      }
# 💹 HTML Crypto Currency Chart Snippets 💹

💹 Simple HTML Snippets to create Tickers / Charts of Cryptocurrencies with the TradingView API 💹

​

## [💹 Candlestick Chart with Indicators 💹](https://ayidouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Chart)

​

![Crypto Currency Chart Cryptocurrencies Candle Candlestick with indicators TradingView API RSI Stoch](Images/Chart.png)

​

```

<div class="tradingview-widget-container">

  <div id="tradingview_7"></div>

  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/BITFINEX-IOTUSD/" rel="noopener" target="_blank"><span class="blue-text">IOTUSD Chart</span></a> by TradingView</div>

  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>

  <script type="text/javascript">

  new TradingView.widget(

  {

  "autosize": true,

  "symbol": "BINANCE:IOTAUSD",

  "interval": "D",

  "timezone": "Europe/Zurich",

  "theme": "Dark",

  "style": "1",

  "locale": "en",

  "toolbar_bg": "#f1f3f6",

  "enable_publishing": false,

  "hide_side_toolbar": false,

  "allow_symbol_change": true,

  "studies": [

    "RSI@tv-basicstudies",

    "StochasticRSI@tv-basicstudies"

  ],

  "container_id": "tradingview_048"

}

  );

  </script>

</div>

```

​

## [💲 Crypto Currency Ticker 💲](https://ayidouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Ticker)

​
40
![Crypto Currency Ticker Cryptocurrencies Chart TradingView API](Images/Crypto-Ticker.png)

​

```

<div class="tradingview-widget-container">

  <div class="tradingview-widget-container__widget"></div>

  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com" rel="noopener" target="_blank"><span class="blue-text">Quotes</span></a> by TradingView</div>

  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-tickers.js" async>

  {
48
  "symbols": [

    {

      "description": "",

      "proName": "COINBASE:BTCUSD"

    },

    {

      "description": "",

      "proName": "COINBASE:ETHUSD"

    },

    {

      "description": "",

      "proName": "BINANCE:IOTAUSD"

    }

  ],

  "colorTheme": "dark",

  "isTransparent": false,

  "locale": "en"

}

  </script>

</div>

```

​

## [💲 Crypto Currency Ticker Tape 💲](https://ayidouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Ticker-Tape)

​

![Crypto Currency Ticker Cryptocurrencies Chart TradingView API](Images/Crypto-Currency-Ticker.png)

​
74
```

<div class="tradingview-widget-container">

  <div class="tradingview-widget-container__widget"></div>

  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com" rel="noopener" target="_blank"><span class="blue-text">Ticker Tape</span></a> by TradingView</div>

  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js" async>

  {

  "symbols": [

    {

      "description": "",

      "proName": "COINBASE:BTCUSD"

    },

    {

      "description": "",

      "proName": "COINBASE:ETHUSD"

    },

    {

      "description": "",

      "proName": "BINANCE:IOTAUSD"

    }

  ],

  "colorTheme": "dark",

  "isTransparent": false,

  "displayMode": "adaptive",

  "locale": "en"

}

  </script>

</div>

```

​

## [💹 Mini Chart 💹](https://ayidouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Mini-Chart)

​

![Crypto Currency Mini Chart Cryptocurrencies TradingView API](Images/Mini-Chart.png)

​

```

<div class="tradingview-widget-container">

  <div class="tradingview-widget-container__widget"></div>

  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/BITFINEX-IOTUSD/" rel="noopener" target="_blank"><span class="blue-text">IOTUSD Rates</span></a> by TradingView</div>

  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-mini-symbol-overview.js" async>

  {

  "symbol": "BINANCE:IOTAUSD",

  "width": "100%",

  "height": "100%",

  "locale": "en",

  "dateRange": "12m",

  "colorTheme": "dark",

  "trendLineColor": "rgba(, , 244, 1)",

  "underLineColor": "rgba(, 218, 248, 0.15)",

  "isTransparent": false,

  "autosize": true,

  "largeChartUrl": ""

}

  </script>

</div>

```

​

## [💹 Overview Chart 💹](https://ayidouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Overview-Chart)

​

![Crypto Currency Overview Chart Cryptocurrencies Chart TradingView API](Images/Overview-Chart.png)

​

```

<div class="tradingview-widget-container">

  <div id="tv-medium-widget"></div>

  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/COINBASE-BTCUSD/" rel="noopener" target="_blank"><span class="blue-text">BTC</span></a>, <a href="https://www.tradingview.com/symbols/COINBASE-ETHUSD/" rel="noopener" target="_blank"><span class="blue-text">ETH</span></a> <span class="blue-text">and</span> <a href="https://www.tradingview.com/symbols/BITFINEX-IOTUSD/" rel="noopener" target="_blank"><span class="blue-text">IOT Quotes</span></a> by TradingView</div>

  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>

  <script type="text/javascript">

  new TradingView.MediumWidget(

  {

  "container_id": "tv-medium-widget",

  "symbols": [

    [

      "BTC",

      "COINBASE:BTCUSD|12m"

    ],

    [

      "ETH",

      "COINBASE:ETHUSD|12m"

    ],

    [

      "IOT",

      "BINANCE:IOTAUSD|12m"

    ]

  ],

  "greyText": "Quotes by",

  "gridLineColor": "#e9e9ea",

  "fontColor": "#83888D",

  "underLineColor": "#dbeffb",

  "trendLineColor": "#4bafe9",

  "width": "100%",

  "height": "100%",

  "locale": "en"
164
}

  );

  </script>

</div>

```

​

## [💹 Technical Analysis 💹](https://ayidouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Technical-Analysis)

​

![Crypto Currency Technical Analysis Cryptocurrencies Symbol TradingView API](Images/Technical-Analysis.png)

​

```

<div class="tradingview-widget-container">

  <div class="tradingview-widget-container__widget"></div>

  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/COINBASE-BTCUSD/technicals/" rel="noopener" target="_blank"><span class="blue-text">Technical Analysis for BTCUSD</span></a> by TradingView</div>

  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-technical-analysis.js" async>

  {

  "showIntervalTabs": true,

  "width": "100%",

  "colorTheme": "dark",

  "isTransparent": false,

  "locale": "en",

  "symbol": "COINBASE:BTCUSD",

  "interval": "1W",

  "height": "100%"

}

  </script>

</div>

```

​

## [💲 Single Ticker 💲](https://ayidouble.github.io/HTML-Crypto-Currency-Chart-Snippets/Single-Ticker)
194
​

![Crypto Currency Single Ticker Cryptocurrencies Bitcoin TradingView API](Images/Single-Ticker.png)

​

```

<div class="tradingview-widget-container">

  <div class="tradingview-widget-container__widget"></div>

  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/COINBASE-BTCUSD/" rel="noopener" target="_blank"><span class="blue-text">BTCUSD Rates</span></a> by TradingView</div>
201
  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-single-quote.js" async>

  {

  "symbol": "COINBASE:BTCUSD",

  "width": "100%",

  "colorTheme": "dark",

  "isTransparent": false,

  "locale": "en"

}

  </script>

</div>

```

​
<!DOCTYPE html>
<html>
<body>
​
<h2>My First Web Page</h2>
<p>My First Paragraph.</p>
​
<p id="demo"></p>
​
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
​
</body>
</html> 
​
#include <stdlib.h>

#define MIN_STACK_SIZE 1

struct stack_t{
  int length; 
  int top;
  char *array;
};

typedef struct stack_t * stack;

/*
 * create a empty stack according to the given len
 * return :the pointer to the stack
 */
stack Create_Stack(size_t len)
{
  if(len<MIN_STACK_SIZE)
  {
    return NULL;
  }

  stack s=(stack)malloc(sizeof(struct stack_t));
  if(s==NULL)
  {
    return NULL;
  }

  char *array=(char *)malloc(sizeof(char)*len);
  if(array==NULL)
  {
    return NULL;
  }

  s->top=-1;
  s->array=array;
  s->length=len;

  return s;
}

/* 
 * delete the given stack
 */
int Delete_Stack(stack s)
{
  if(s==NULL)
  {
    return -1;
  }

  free(s->array);

  free(s);
  return 1;

}
/*
 * return -1:empyt
 */
int IsEmptyStack(stack s)
{
  return s->top;
}

/*
 * push a char to stack s
 */
int Push_Stack(stack s,char c)
{
  if(s==NULL||s->top==(s->length-1))
  {
    return -1;
  }

  s->top++;

  s->array[s->top]=c;

  return 1;
}
/*
 * pop a char from stack s
 */
char Pop_Stack(stack s)
{
  if(s==NULL||s->top==-1)
  {
    return -1;
  }

  s->top--;

  return s->array[s->top+1];
}
/*
 * get a char from stack s
 */
char GetStackTop(stack s)
{
  if(s==NULL||s->top==-1)
  {
    return -1;
  }
  return s->array[s->top];
}
#include <stdlib.h>
#include <stdio.h>
#define MIN_QUEUE_SIZE 1

struct Queue_t{
  int length; 
  int head,tail;
  char *array;
};

typedef struct Queue_t* Queue;

/*
 * create a empty stack according to the given len
 * return :the pointer to the stack
 */
Queue Create_Queue(size_t len)
{
  if(len<MIN_QUEUE_SIZE)
  {
    return NULL;
  }

  Queue q=(Queue)malloc(sizeof(struct Queue_t));
  if(q==NULL)
  {
    return NULL;
  }

  char *array=(char *)malloc(sizeof(char)*len+1);
  if(array==NULL)
  {
    return NULL;
  }

  q->head=0;
  q->tail=0;

  q->array=array;
  q->length=len+1;

  return q;
}

/* 
 * delete the given stack
 */
int Delete_Queue(Queue q)
{
  if(q==NULL)
  {
    return -1;
  }

  free(q->array);

  free(q);
  return 1;

}
/*
 * return 0:empty
 */
int IsEmptyQueue(Queue q)
{
  if(q==NULL)
  {
    return -1;
  }
  if(q->head==q->tail)
  {
    return 0;
  }
  return 1;
}

/*
 * push a char to stack s
 */
int Enqueue(Queue q,char c)
{
  if(q==NULL)
  {

    return -1;
  }

  //tail arrive to the end?
  if(q->tail==q->length-1)
  {
    //array[0] is empty?
    if(q->head!=0)
    {
      q->array[q->tail]=c;
      q->tail=0;
    }else{

      return -1;
    }

  }else{

    //head is before tail?
    if((q->tail+1)==q->head)
    {

      return -1;
    }
    q->array[q->tail]=c;
    q->tail++;
  }

  return 1;
}
/*
 * pop a char from stack s
 */
char Dequeue(Queue q)
{
  if(IsEmptyQueue(q)<1)
  {
    return -1;
  }

  char temp = q->array[q->head];

  //is head to the end?
  if(q->head==q->length-1)
  {
    q->head=0;
  }else{
    q->head++;
  }


  return temp;
}
/*
 * get a char from stack s
 */
char GetQueueHead(Queue q)
{
  if(IsEmptyQueue(q)<1)
  {
    return -1;
  }
  return q->array[q->head];
}
<ion-header class="ion-no-border">
    {...}
</ion-header>
// on page load close fashion-X page accordions

	  
$(".fashion-x-accordion #elementor-tab-title-1481 ).removeClass("elementor-active");
$(".fashion-x-accordion #elementor-tab-content-1481").hide();
	  
$(".fashion-x-accordion #elementor-tab-title-8141 ).removeClass("elementor-active");
$(".fashion-x-accordion #elementor-tab-content-8141").hide();
package demopackage;

​

public class mainClass {

  public static void main(String[] args) {

    Scanner myScanner = new Scanner(System.in);

    String myInput = myScanner.nextLine();

    

    if (Integer.valueOf(myInput) < 5) {

      System.out.println("Less than 5 since myInput is : " + myInput);

    } else if (Integer.valueOf(myInput) < 10) {

      System.out.println("Less than 10 since myInput is : " + myInput);

    } else {

      System.out.println("Not less than 5 or 10 since myInput is : " + myInput);

    }

    

    System.out.println("NEXT LINE");

  }

}

​
​// added useRef 
import React, { useState, useRef } from 'react';
import {
  IonSegment, IonSegmentButton, IonRow, IonCol, IonGrid, IonContent, IonSlides,
  IonSlide,IonLabel,
} from '@ionic/react';

//import Segment from '../components/Segment';
const Market: React.FC = () => {

  // a ref variable to handle the current slider
  const slider = useRef<HTMLIonSlidesElement>(null);
  // a state value to bind segment value
  const [value, setValue] = useState("0");

  const slideOpts = {
    initialSlide: 0,
    speed: 400,
    loop: false,
    pagination: {
      el: null
    },

  };

  // a function to handle the segment changes
  const handleSegmentChange = (e: any) => {
    if(e.detail.value != null  || e.detail.value != undefined ){
      setValue(e.detail.value);
      slider.current!.slideTo(e.detail.value);
    } 
  };

  // a function to handle the slider changes
  const handleSlideChange = async (event: any) => {
    let index: number = 0;
    await event.target.getActiveIndex().then((value: any) => (index = value));
    setValue('' + index)
  }
 

  return (
    <>

      <IonSegment value={value} onIonChange={(e) => handleSegmentChange(e)} >
      <IonSegmentButton value="0">
          <IonLabel>Message</IonLabel>
        </IonSegmentButton>

        <IonSegmentButton value="1">
          <IonLabel>Favourite</IonLabel>
        </IonSegmentButton>

        <IonSegmentButton value="2">
          <IonLabel>Calls</IonLabel>
        </IonSegmentButton>
      </IonSegment>

      <IonContent>
        {/*-- Market Segment --*/}
        {/*-- the ref method binds this slider to slider variable --*/}
        <IonSlides pager={true} options={slideOpts} onIonSlideDidChange={(e) => handleSlideChange(e)} ref={slider}>
          <IonSlide>
            <IonGrid>
              <IonRow>
                <IonCol>
                  <h1>Masseges</h1>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate corporis magnam officiis molestias molestiae, sed itaque illum unde inventore animi consequatur aliquam id tempora a libero consectetur ratione eveniet illo harum dignissimos corrupti eaque tempore exercitationem? Voluptatibus ea dolorem quisquam voluptatem, eum ducimus quibusdam veniam, itaque laboriosam placeat, magni aspernatur.</p>
                </IonCol>
              </IonRow>
            </IonGrid>
          </IonSlide>
          {/*-- Package Segment --*/}
          <IonSlide>
            <IonGrid>
              <IonRow>
                <IonCol>
                  <h1>Favourite</h1>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate corporis magnam officiis molestias molestiae, sed itaque illum unde inventore animi consequatur aliquam id tempora a libero consectetur ratione eveniet illo harum dignissimos corrupti eaque tempore exercitationem? Voluptatibus ea dolorem quisquam voluptatem, eum ducimus quibusdam veniam, itaque laboriosam placeat, magni aspernatur.</p>
                </IonCol>
              </IonRow>
            </IonGrid>
          </IonSlide>

          <IonSlide>
            <IonGrid>
              <IonRow>
                <IonCol>
                  <h1>Calls</h1>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate corporis magnam officiis molestias molestiae, sed itaque illum unde inventore animi consequatur aliquam id tempora a libero consectetur ratione eveniet illo harum dignissimos corrupti eaque tempore exercitationem? Voluptatibus ea dolorem quisquam voluptatem, eum ducimus quibusdam veniam, itaque laboriosam placeat, magni aspernatur.</p>
                </IonCol>
              </IonRow>
            </IonGrid>
          </IonSlide>
        </IonSlides>
      </IonContent>
    </>
  )
}

export default Market;
const Segments: React.FC = () => {
const [selected, setSelected] = useState<string | undefined>('message');

    return (
    <>
        <IonPage>
            <IonContent>
                <IonSegment value={selected} onIonChange={(event)=> setSelected(event.detail.value)}>

                    <IonSegmentButton value="message">
                        <IonLabel>Message</IonLabel>
                    </IonSegmentButton>

                    <IonSegmentButton value="favourite">
                        <IonLabel>Favourite</IonLabel>
                    </IonSegmentButton>

                    <IonSegmentButton value="calls">
                        <IonLabel>Calls</IonLabel>
                    </IonSegmentButton>
                </IonSegment>

                {/* segment content starts here */}
                <div className='segmentsContent'>
                    {(selected === 'message') && (
                    <div className='segmentTab'>
                        <h1>Tab 1</h1>
                    </div>
                    )}
                    {(selected === 'favourite') && (
                    <div className='segmentTab'>
                        <h1>Tab2</h1>
                    </div>
                    )}
                    {(selected === 'calls') && (
                    <div className='segmentTab'>
                        <h1>Tab3</h1>
                    </div>
                    )}
                </div>

            </IonContent>
        </IonPage>
    </>

    );
    };
    export default Segments;
Martinluther
savemycodeweb
Codepen@online4
​  useEffect(()=>{
    getData();
  },[]) 
  function getData(){
    setSelected('one')
  }
// Import rollup plugins
import html from '@web/rollup-plugin-html';
import polyfillsLoader from '@web/rollup-plugin-polyfills-loader';
import {copy} from '@web/rollup-plugin-copy';
import resolve from '@rollup/plugin-node-resolve';
import {getBabelOutputPlugin} from '@rollup/plugin-babel';
import {terser} from 'rollup-plugin-terser';
import minifyHTML from 'rollup-plugin-minify-html-literals';
import summary from 'rollup-plugin-summary';


// Configure an instance of @web/rollup-plugin-html
const htmlPlugin = html({
  rootDir: './',
  flattenOutput: false,
});


export default {
  // Entry point for application build; can specify a glob to build multiple
  // HTML files for non-SPA app
  input: 'index.html',
  plugins: [
    htmlPlugin,
    // Resolve bare module specifiers to relative paths
    resolve(),
    // Minify HTML template literals
    minifyHTML(),
    // Minify JS
    terser({
      module: true,
      warnings: true,
    }),
    // Inject polyfills into HTML (core-js, regnerator-runtime, webcoponents,
    // lit/polyfill-support) and dynamically loads modern vs. legacy builds
    polyfillsLoader({
      modernOutput: {
        name: 'modern',
      },
      // Feature detection for loading legacy bundles
      legacyOutput: {
        name: 'legacy',
        test: '!!Array.prototype.flat',
        type: 'systemjs',
      },
      // List of polyfills to inject (each has individual feature detection)
      polyfills: {
        hash: true,
        coreJs: true,
        regeneratorRuntime: true,
        fetch: true,
        webcomponents: true,
        // Custom configuration for loading Lit's polyfill-support module,
        // required for interfacing with the webcomponents polyfills
        custom: [
          {
            name: 'lit-polyfill-support',
            path: 'node_modules/lit/polyfill-support.js',
            test: "!('attachShadow' in Element.prototype)",
            module: false,
          },
        ],
      },
    }),
    // Print bundle summary
    summary(),
    // Optional: copy any static assets to build directory
    copy({
      patterns: ['data/**/*', 'images/**/*'],
    }),
  ],
  // Specifies two JS output configurations, modern and legacy, which the HTML plugin will
  // automatically choose between; the legacy build is compiled to ES5
  // and SystemJS modules
  output: [
    {
      // Modern JS bundles (no JS compilation, ES module output)
      format: 'esm',
      chunkFileNames: '[name]-[hash].js',
      entryFileNames: '[name]-[hash].js',
      dir: 'build',
      plugins: [htmlPlugin.api.addOutput('modern')],
    },
    {
      // Legacy JS bundles (ES5 compilation and SystemJS module output)
      format: 'esm',
      chunkFileNames: 'legacy-[name]-[hash].js',
      entryFileNames: 'legacy-[name]-[hash].js',
      dir: 'build',
      plugins: [
        htmlPlugin.api.addOutput('legacy'),
        // Uses babel to compile JS to ES5 and modules to SystemJS
        getBabelOutputPlugin({
          compact: true,
          presets: [
            [
              '@babel/preset-env',
              {
                targets: {
                  ie: '11',
                },
                modules: 'systemjs',
              },
            ],
          ],
        }),
      ],
    },
  ],
  preserveEntrySignatures: false,
};
descriptionsList = allResults.map (obj => obj.description)
/* Shivving (IE is not supported, but at least it won't look as awful)

/* ========================================================================== */

​

(function (document) {

  var

  head = document.head = document.getElementsByTagName('head')[0] || document.documentElement,

  elements = 'article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output picture progress section summary time video x'.split(' '),
8
  elementsLength = elements.length,

  elementsIndex = 0,

  element;

​

  while (elementsIndex < elementsLength) {

    element = document.createElement(elements[++elementsIndex]);

  }

​

  element.innerHTML = 'x<style>' +

    'article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}' +

    'audio[controls],canvas,video{display:inline-block}' +

    '[hidden],audio{display:none}' +

    'mark{background:#FF0;color:#000}' +
- 👋 Hi, I’m @murufi

- 👀 I’m interested in ...

- 🌱 I’m currently learning ...

- 💞️ I’m looking to collaborate on ...

- 📫 How to reach me ...

​

<!---

murufi/murufi is a ✨ special ✨ repository because its `README.md` (this file) appears on your GitHub profile.

You can click the Preview link to take a look at your changes.

--->

​
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
​
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
</style>
</head>
<body>
​
<h2>Responsive Iframe</h2>
<h3>Maintain Aspect Ratio 16:9</h3>
<p>Resize the window to see the effect.</p>
​
<div class="container"> 
  <iframe class="responsive-iframe" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>
</div>
​
</body>
</html>
let cadesCheck = searchValue.includes("cade");
    if (cadesCheck){
    $w('#btnCadesDropbox').show();
}