thiscodeWorks - Organizing the best of code online

Python program to demonstrate static methods with and without parameters

#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()

#undefined

Python program to demonstrate self-variable and constructor

#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()

#undefined

method overiding

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()

#undefined

Python program to create class,object and method.

#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

#undefined

coder thoughts

document.getElementsByTagName("h1")[0].style.fontSize = "6vw";

#undefined

coder thoughts

body {

  font-family: system-ui;

  background: #f0d06;

  color: white;

  text-align: center;
6
}

#undefined

coder thoughts

document.getElementsByTagName("h1")[0].style.fontSize = "6vw";

#undefined

interfaces

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()

#undefined

abstract method and concrete method

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()

#undefined

abstract method and abstract classes

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()

#undefined

Animated Cards HTML/CSS only

<!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>

#undefined

No Header blank page apply customisations

<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>

#undefined

CSS Background Effect CSS

*

  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

#undefined

Awesome animated background CSS

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

#undefined

My Custom Functions ‹ Koleksi Canva — WordPress

//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 );

#undefined

The Joy Of Computing Using Python - Course

print(sorted(L).index(L[k-1]+1+0,end="")

#undefined

The Joy Of Computing Using Python - Course

favorite_distance =L[k-1]

sorted_distances = sorted(L) 

favorite_position = sorted_distances.index(favorite_distance) + 1

print(favorite_position, end="")

#undefined

W3Schools Tryit Editor

<!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>

#undefined

The Joy Of Computing Using Python - Course

favorite_distance =L[k-1]

sorted_distance = sorted(L)

favorite_position = sorted_distance.index(favorite_distance)+1

print(favorite_position, end="")

#undefined

The Joy Of Computing Using Python - Course

N = int(input())

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

K = int(input())

#undefined

Carbon | Create and share beautiful images of your source code


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..

#undefined

Carbon | Create and share beautiful images of your source code

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.

#undefined

Window frame definition

ROWS BETWEEN lower_bound AND upper_bound
- UNBOUNDED PRECEDING – the first possible row.
- PRECEDING – the n-th row before the current row (instead of n, write the number of your choice).
- CURRENT ROW – simply current row.
- FOLLOWING – the n-th row after the current row.
- UNBOUNDED FOLLOWING – the last possible row.

#undefined

Learn About SQL Window Frames By Doing - Online Course

SELECT

  id,

  total_price,

  SUM(total_price) OVER(ORDER BY placed ROWS UNBOUNDED PRECEDING)

FROM single_order;

#undefined

Create a New Pen

#undefined

Same ID import/export accordion free

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
					);
				};

#undefined

Fake Hacker Simulation Screen

<canvas class='hacker-d-shiz'></canvas>

<canvas class='bars-and-stuff'></canvas>
3
<div class="output-console"></div>

#undefined

Carbon | Create and share beautiful images of your source code

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, [])
}

#undefined

Add New Snippet ‹ Shoppes — WordPress

#undefined

Untitled64 - Jupyter Notebook

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()

#undefined

SVG − remove whitespace

<!-- 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>

#undefined

Learn How To Select N-th Row in SQL - Practice SQL Online -CTE

we will learn CTE from here

#undefined

Learn SQL By Doing - Practice NTILE Function Queries Online

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

#undefined

JS-json_parse

<!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>

#undefined

Exclude image path from jetpack optimization

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 );

#undefined

Externa kopplingar: Notifikationer - Abicart

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

#undefined

Externa kopplingar: Notifikationer - Abicart

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

#undefined

Externa kopplingar: Notifikationer - Abicart

Under behandling

#undefined

problem of comments

[]                                -->  "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"

#undefined

A Pen by Wictor Sorgenfrei

// 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();

}

#undefined

A Pen by Wictor Sorgenfrei

<!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>

#undefined

A Pen by Wictor Sorgenfrei

#undefined

A Pen by Wictor Sorgenfrei

#undefined

See you in September

#undefined

Improve Your Skills By Learning About Ranking and ORDER BY - Online Course

SELECT
  name,
  genre,
  RANK() OVER (ORDER BY size)
FROM game
ORDER BY released desc;

#undefined

Learn How To Use RANK with ORDER BY in SQL - Practice SQL Online - what i liked is how you can order by 2 columns, each separately.

SELECT
  name,
  released,
  updated,
 ROW_NUMBER() OVER(ORDER BY released DESC, updated DESC)
FROM game;

#undefined

❤ 💻 C# / .NET - check if number is even - Dirask

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;

    }

}

#undefined

❤ 💻 C# / .NET - check if number is even - Dirask

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;

    }

}

#undefined

❤ 💻 C# / .NET - check if number is odd - Dirask

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;

    }

}

#undefined

❤ 💻 C# / .NET - check if number is odd - Dirask

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;

    }

}

#undefined

Newsletter HTML

<!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>

#undefined

languagevslangsyntax!

<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>

#undefined

W3Schools Tryit Editor

<!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>

#undefined

DartPad

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

}

#undefined

Source of 001-SWANSL-30788-cmslistpageheadercomponent.impex - sac-hybris - Bitbucket

#undefined

Function to listen for class change

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

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

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

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

<footer></footer>

#undefined

Function to listen for class change

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

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

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

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

<footer></footer>

#undefined

Add Custom Code ‹ — WordPress

/* 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 */

#undefined

Add Custom Code ‹ — WordPress

/* 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 */

#undefined

Add Some Tags to This Text - Skillcrush

<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>

#undefined

W3Schools Tryit Editor

public class Main {
  public static void main(String[] args) {
    System.out.println("Hello World");
  }
}

#undefined

PayrollServices | Script Include | DEV

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;

#undefined

Dropdown Menus

@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;

#undefined

IF additional approver is not present

 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';
  }

#undefined

Populate subcategory basis on category | Catalog Client Scripts | DEV

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');

    }

#undefined

Format validation for jon number using Regex | Catalog Client Scripts | DEV

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', '');

    }

}

#undefined

Create Responsive Side Navigation using TailwindCSS & AlpineJs

<!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>

#undefined

Airflow

{"environment":"dev"}

#undefined

this one was tricky ...had to calculate ratio price::numeric / over the sum

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

#undefined

Practice using logical operators!

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);

#undefined

Tribute Page(techgeekbuzz.com html project)

<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.

#undefined

Tribute Page(techgeekbuzz.com html project)

* {

  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;

}

#undefined

W3Schools Tryit Editor

<!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>

#undefined

A Pen by Shubham Ghodke











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,

#undefined

A Pen by A.I. Dev

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')
  })

#undefined

P2CH2a JS

class Episode {

  constructor(title, duration, minutesWatched) {

    this.title = title;

    this.duration = duration;

    

    // Add conditions here

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

    if () {

      this.hasBeenWatched = true;

    } else if () {

      this.hasBeenWatched = false;

    }

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

  }

}

#undefined

A Pen by Danny

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

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

  

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

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

  });

});

#undefined

A Pen by Danny

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

#undefined

A Pen by Danny

<!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>

#undefined

A Pen by Danny

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);
});

#undefined

A Pen by Alicia Brown - CSS

.bg-img {

   min-height: 0px;
3


  /* Center and scale the image nicely */

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;
8


  /* Needed to position the navbar */

  position: relative;

}



/* Position the navbar container inside the image */

.container {

  position: absolute;

  margin: px;

  width: auto;

}


20
/* The navbar */

.topnav {

  overflow: hidden;

#undefined

Solution - P2CH2b JS

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;

    }

    

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

  }

}

#undefined

Cadastrar Usuário

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>

</body>
</html>

#undefined

css

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>

</body>
</html>

#undefined

Simple Header with Inline Image Logo and HTML Text

<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>

#undefined

Simple Header with Inline Image Logo and HTML Text

<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>

#undefined

Multiple Non-Equi JOINs Practice - self join table pe join on non-equi join and not primary key

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

#undefined

Concatenação JavaScript

ï»¿<!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>

#undefined

CONCATENAÇÃO

ï»¿<!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>

#undefined

Style CSS

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>

</body>
</html>

#undefined

Style

<!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>

#undefined

Downgrading Severity - Breakfix

[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]

#undefined

Web Dev

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.

#undefined

Login do Sistema

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>

</body>
</html>

#undefined

Rodapé

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>

</body>
</html>

#undefined

Endereço

<!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>

#undefined

Abreviaturas

<!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>

#undefined

Crie um link

<!DOCTYPE html>
<html>
<body>

<h1>The a element</h1>

<a href="https://www.w3schools.com">Visit W3Schools.com!</a>

</body>
</html>

#undefined

O conteúdo do documento

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

#undefined

Comentário em html

<!DOCTYPE html>
<html>
<body>

<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Comments are not displayed in the browser -->

</body>
</html>

#undefined

Exemplo CSS

<!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>

#undefined

Campo de Texto

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color: red;">Hello World!</h1>
<p>This is a paragraph.</p>

</body>
</html>

#undefined

!DOCTYPE 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>

#undefined

Carbon | Create and share beautiful images of your source code

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, [])
}

#undefined

Header & Footer ‹ brickstest — WordPress

<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>

#undefined

ServiceNow HTML

[code]


[/code]

#undefined

Highlight

[code] <b><span style="background-color: yellow;">Highlighted</span></b>[/code]

#undefined

Translate Our Typescale From Pixels to Ems - Skillcrush

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;
}

#undefined

Add a Google Web Font to Your Site - Skillcrush

<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>

#undefined

Editing Sleeksites-Login-Page/README.md at master · NishivSingh/Sleeksites-Login-Page

# 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.

#undefined

Edit fiddle - JSFiddle - Code Playground

Test

#undefined

Edit fiddle - JSFiddle - Code Playground

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)

#undefined

Start of meadowspringsgraphics.com

<!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>

#undefined

HTML&CSS_P1C1_Write your first lines of HTML and CSS

/* REMOVE ME */

#undefined

HTML&CSS_P1C1_Write your first lines of HTML and CSS

<html>
  <head>
    <link rel="stylesheet" href="css/style.css" type="text/css">
  </head>
  <body>
    <!--REMOVE ME -->
  </body>
</html>

#undefined

Learn How To Use SQL OVER Clause with WHERE in Query By Doing - Online Course

SELECT

  first_name,

  last_name,

  salary,

  AVG(salary) OVER()

FROM employee

WHERE salary > AVG(salary) OVER();

#undefined

Learn SQL By Doing - OVER Clause in Queries Online

SELECT first_name,

last_name,

salary,

avg(salary) over()

from employee 

where department_id in (1,2,3)

#undefined

New File

<iframe src="https://mathgames67.github.io/d18a00ee-e6a7-4999-92fb-af7d3716c9f6/content/watchdocumentaries.com/wp-content/uploads/games/slope/index.html"></iframe>

#undefined

New File

#undefined

W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<body>

<h2>HTML Image</h2>
<img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">

</body>
</html>

#undefined

A Pen by Jason Thompson

<button class="mrBtn">Clickme</button>

#undefined

A Pen by Jason Thompson

<button class="mrBtn">Clickme</button>

#undefined

tabs

<!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>

#undefined

Editing Heahburg | World Anvil

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.

#undefined #php #html

Send email php html

<!DOCTYPE html>
<html>

<body>
The content of the body element is displayed in your browser.
</body>

</html>

#undefined

Login page

<!DOCTYPE html>
<html>

<body>
The content of the body element is displayed in your browser.
</body>

</html>

#undefined

code-wars & FCC[1]

// 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

// }

#undefined

W3Schools Tryit Editor

<!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>

#undefined

W3Schools Tryit Editor

<!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>

#undefined

New File

#undefined

Editing setup-dotnet/CODEOWNERS at main · actions/setup-dotnet

* @actions/setup-actions-team

#undefined

HTML TINH GIA 1

<!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>

#undefined

A Pen by riddick686868

// 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

};

#undefined

W3Schools Tryit Editor <p>Using Map.get():</p>

<!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>

#undefined

W3Schools Tryit Editor

<!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>

#undefined

If you have added anchor links from another page to a specific section but the entrance animation in Elementor is preventing it from going to the specific section, you can try the following:

<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>

#undefined

Simple css menu

@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

#undefined

Simple css menu

<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>

#undefined

Explosive Menu

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
}

#undefined

Explosive Menu

[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;

}

#undefined

Explosive Menu

<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>

#undefined

Velocity.js fullscreen flexbox overlay navigation

     $('.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,

#undefined

Velocity.js fullscreen flexbox overlay navigation

@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 

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

#undefined

Velocity.js fullscreen flexbox overlay 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>

#undefined

Zigzag dropdown menu concept

/* 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;

#undefined

Zigzag dropdown menu concept

<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>

#undefined

Intl Countries Form

// 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>

#undefined

Edit snippet "Completely Disable Comments" ‹ currentMood — WordPress

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');

        }

    }

});

#undefined

Edit snippet "Masonry Grid Auto-Rows" ‹ currentMood — WordPress

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);

}

#undefined

New File

# 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']

#undefined

New File

# 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']

#undefined

A Pen by poliku102

<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>

#undefined

A Pen by poliku102

<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>

#undefined

Editing CodeHelp-DSA-Busted-Series/mergeSortedArray1.cpp at main · loveBabbar/CodeHelp-DSA-Busted-Series

#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);

#undefined

what i liked about this is that the answer provided had used "AND" between joins as well

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

#undefined

Learn How To Use Non-Equi SQL JOINs -We also don't have to use the equality operator when joining tables. We are free to use other comparison operators (<, >, <=, >=, !=, <>) or the BETWEEN operator:


SELECT
  auctioneer.name,
  item.name
FROM auctioneer
JOIN item
  ON auctioneer.funds > item.price

#undefined

W3Schools Tryit Editor

<!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>

#undefined

Make div clickable link using onclick attribute.

<div onclick="window.open('http://www.website.com/page', '_blank')">Click Me</div>

#undefined

W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

#undefined

W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

#undefined

Example HTML snippet

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

#undefined

Improve Your Skills By Learning Non-Equi Self JOIN - Vertabelo Academy Online Interactive Course

veru useful to find pairs and avoid repeating 
eg 1,2 is included so no need to incude 2,1

#undefined

Confetti Cannon

<canvas id="canvas"></canvas>

<div class="copy">

    <h1>Confetti Cannon</h1>

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

    <p>CodeWorks4U</p>

</div>

#undefined

Team + WPML ajax filter to fix duplcate issue and loadmore issue

// 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,
				),
			);
		}

#undefined

Reservations Custom Page

<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>

#undefined

W3Schools Tryit Editor

<!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>

#undefined

New File

#undefined

New File

void * SwappyTracer::userData

#undefined

New File

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  x %= 3;
  printf("%d", x);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  float x = 5;
  x /= 3;
  printf("%f", x);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  x *= 3;
  printf("%d", x);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  x -= 3;
  printf("%d", x);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 10;
  x += 5;
  printf("%d", x);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  printf("%d", --x);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  printf("%d", ++x);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  int y = 2;
  printf("%d", x % y);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 12;
  int y = 3;
  printf("%d", x / y);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  int y = 3;
  printf("%d", x * y);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  int y = 3;
  printf("%d", x - y);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  int y = 3;
  printf("%d", x + y);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  int y = 3;
  printf("%d", x + y);
  return 0;
}

#undefined

W3Schools Tryit Editor

#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;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int myNum = 100 + 50;
  printf("%d", myNum);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  const int minutesPerHour = 60;
  const float PI = 3.14;

  printf("%d\n", minutesPerHour);
  printf("%f\n", PI);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int num1 = 5;
  int num2 = 2;
  float sum = (float) num1 / num2;

  printf("%.1f", sum);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  // Manual conversion: int to float
  float sum = (float) 5 / 2;

  printf("%f", sum);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  char greetings[] = "Hello World!";
  printf("%s", greetings);
 
  return 0;
}

#undefined

W3Schools Tryit Editor

#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;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x, y, z;
  x = y = z = 50;
  printf("%d", x + y + z);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5, y = 6, z = 50;
  printf("%d", x + y + z);
  return 0;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int x = 5;
  int y = 6;
  int sum = x + y;
  printf("%d", sum);
  return 0;
}

#undefined

W3Schools Tryit Editor

#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;
}

#undefined

W3Schools Tryit Editor

#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;
}

#undefined

W3Schools Tryit Editor

#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;
}

#undefined

W3Schools Tryit Editor

#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;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int myNum = 15;
  printf("My favorite number is: %d", myNum);
  return 0;
}

#undefined

W3Schools Tryit Editor

#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;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  int myNum = 15; // myNum is 15
  myNum = 10; // Now myNum is 10
  
  printf("%d", myNum);
  return 0;
}

#undefined

W3Schools Tryit Editor

#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;
}

#undefined

W3Schools Tryit Editor

#include <stdio.h>

int main() {
  printf("Hello World!");
  return 0;
}

#undefined

New File

#undefined

Edit Custom Code ‹ NORLIGHTSPRESS.COM — WordPress

/* 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 {

#undefined

Edit Custom Code ‹ NORLIGHTSPRESS.COM — WordPress

    

    $("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 ==============

});

#undefined

W3Schools Tryit Editor

<!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>

#undefined

modo oscuro con js

#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;

}

#undefined

W3Schools Tryit Editor

import mysql.connector

mydb = mysql.connector.connect(
  host="localhost",
  user="myusername",
  password="mypassword"
)

print(mydb)

#undefined

Create a New Pen

#undefined

Edit fiddle - JSFiddle - Code Playground

#undefined

HTML Iframe Tag Generator - 𝗧𝗛𝗘 𝗕𝗘𝗦𝗧 𝗛𝗧𝗠𝗟 𝗖𝗢𝗗𝗘 𝗪𝗜𝗭𝗔𝗥𝗗

#undefined

A Pen by GEAUX⚜️TECH

<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;
}

#undefined

Maintenance ‹ Aspire Globally — WordPress

#undefined

Maintenance ‹ Aspire Globally — WordPress

#undefined

Create virtual environments with another Python version — Roel Peters

py -m virtualenv -p="C:\Program Files\Python36\python.Exe" .virtenv

#undefined

me

#undefined

Rich Snippet 2

<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>

#undefined

Pengujian Hasil Kaya -LOKER

{

    "@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"

        }

    }

}

#undefined

Ellepse on text

<!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>

#undefined

add <style>

add_action( 'wp_head', function ( ) { ?> 


<style>

  </style>

<?php } );

#undefined

W3Schools Tryit Editor

<!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>

#undefined

Learn How To Use SQL JOINs To Self JOIN Tables - Vertabelo Academy Online Interactive Course

trick one because i was not sure how to pull older and younger sibling

#undefined

test1 - Jupyter Notebook

import os
os.getcwd()
import pandas as pd
dataset = pd.read_excel("D:\Work\Data\Conso NBFC FIle v1 - CY21.xlsb")
dataset.head()

#undefined

Untitled - Jupyter Notebook

#undefined

W3Schools Tryit Editor

x = 5
y = "Hello, World!"

print(x)
print(y)

#undefined

Untitled - Jupyter Notebook

#undefined

Untitled - Jupyter Notebook

#undefined

Format String en Typescript

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",

#undefined

Usar enums en typescript

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) { …. }

#undefined

Vue SFC Playground

<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>

#undefined

W3Schools Tryit Editor

#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))

#undefined

To Test Custom CSS

body>*{

  color: green !important;

  content: 'f023';

  

}

#undefined

Improve Your Knowledge By Learning SQL Multiple JOINs - Vertabelo Academy Online Interactive Course

really good eg of how to find records that weren't sold in a particular period

#undefined

Edit fiddle - JSFiddle - Code Playground

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);

#undefined

W3Schools Tryit Editor

<!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>

#undefined

W3Schools Tryit Editor

<!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>

#undefined

New File

#undefined

Blogger Schema.org markup

<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>

#undefined

Gradient color button with hover glow

<div id="testbutton"></div>

#undefined

custom post type template

<?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>

#undefined

Swiper Smooth Autoplay

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 () {

#undefined

A Pen by Ky

<!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;

      }

#undefined

Editing HTML-Crypto-Currency-Chart-Snippets/README.md at master · AYIDouble/HTML-Crypto-Currency-Chart-Snippets · GitHub

# 💹 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>

```

#undefined

W3Schools Tryit Editor

<!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>

#undefined

栈的实现 c语言版_51CTO博客_c语言栈的实现以及操作

#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];
}

#undefined

队列的c语言实现_51CTO博客_c语言实现队列

#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];
}

#undefined

Remove Ion-header bottom border

<ion-header class="ion-no-border">
    {...}
</ion-header>

#undefined

Apni Website (1.1)

hiii

#undefined

Identify Unique Path Param

:(.*?)($|\/)

#undefined

jQuery remove class fashion-x accordion

// 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();

#undefined

Regex Tester and Debugger Online - Javascript, PCRE, PHP

/(?=---).*(?=ÐÏ)/g

#undefined

Nov 11 9:06 AM - Codeshare

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");

  }

}

#undefined

React-Ionic Segment with swipe right and left

// 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;

#undefined

Ionic React Segment Example working

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;

#undefined

User Name password

Martinluther
savemycodeweb
Codepen@online4

#undefined

Ionic-react on page load example

  useEffect(()=>{
    getData();
  },[]) 
  function getData(){
    setSelected('one')
  }

#undefined

Building for production – Lit

// 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,
};

#undefined

snowcrash

#undefined

extract a list of one element from an array of objects

descriptionsList = allResults.map (obj => obj.description)

#undefined

HTML invoice

/* 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}' +

#undefined #html #css

My Profile

- 👋 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.

--->

#undefined

W3Schools Tryit Editor

<!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>

#undefined

Search a string for a given value

let cadesCheck = searchValue.includes("cade");
    if (cadesCheck){
    $w('#btnCadesDropbox').show();
}

#undefined

Simple Food Cards Design

<div class="container">

   <div class="art-board">

      <div class="art-board__container">

         <div class="card">

            <div class="card__image">

               <img src="https://images.pexels.com/photos/4077/pexels-photo-1640777.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500" alt="Salad" />
7
            </div>

            <div class="card__info">

               <div class="car__info--title">

                  <h3>Salad</h3>

                  <p>Fresh & sweet</p>

               </div>

               <div class="card__info--price">

                  <p>$ 5</p>

                  <span class="fa fa-star checked"></span>
16
                  <span class="fa fa-star checked"></span>

                  <span class="fa fa-star checked"></span>

                  <span class="fa fa-star checked"></span>

                  <span class="fa fa-star checked"></span>

               </div>

            </div>

         </div>

#undefined

A Pen by gekkkk

#undefined

grid-template-areas

/* Grid */

.grid {

  display: grid;

}



.logo {

  grid-area: logo;

}



.nav {

  grid-area: nav;

}



.content {

  grid-area: content;

}



.sidenav {

  grid-area: sidenav;

}



.advert {

  grid-area: advert;

}

#undefined

grid-template-areas

<div>

<h1>grid-template-areas</h1>

<section class="grid grid-template-areas-1">

  <div class="item logo">logo</div>

  <div class="item nav">nav</div>

  <div class="item content">content</div>

  <div class="item sidenav">sidenav</div>

  <div class="item advert">advert</div>

  <div class="item footer">footer</div>

</section>

</div>



<div>

<h1>grid-template-areas</h1>

<section class="grid grid-template-areas-2">

  <div class="item logo">logo</div>

  <div class="item nav">nav</div>

  <div class="item content">content</div>

  <div class="item sidenav">sidenav</div>

  <div class="item advert">advert</div>

  <div class="item footer">footer</div>

</section>

</div>

#undefined

W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

#myInput {
  background-image: url('/css/searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li a {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block
}

#myUL li a:hover:not(.header) {
  background-color: #eee;
}
</style>
</head>
<body>

<h2>My Phonebook</h2>

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">

<ul id="myUL">
  <li><a href="#">Adele</a></li>
  <li><a href="#">Agnes</a></li>

  <li><a href="#">Billy</a></li>
  <li><a href="#">Bob</a></li>

  <li><a href="#">Calvin</a></li>
  <li><a href="#">Christina</a></li>
  <li><a href="#">Cindy</a></li>
</ul>

<script>
function myFunction() {
    var input, filter, ul, li, a, i, txtValue;

#undefined

W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

#myInput {
  background-image: url('/css/searchicon.png');
  background-position: 10px 12px;
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#myUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#myUL li a {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  color: black;
  display: block
}

#myUL li a:hover:not(.header) {
  background-color: #eee;
}
</style>
</head>
<body>

<h2>My Phonebook</h2>

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names.." title="Type in a name">

<ul id="myUL">
  <li><a href="#">Adele</a></li>
  <li><a href="#">Agnes</a></li>

  <li><a href="#">Billy</a></li>
  <li><a href="#">Bob</a></li>

  <li><a href="#">Calvin</a></li>
  <li><a href="#">Christina</a></li>
  <li><a href="#">Cindy</a></li>
</ul>

<script>
function myFunction() {
    var input, filter, ul, li, a, i, txtValue;

#undefined

Edit Plugins ‹ Grossworth — WordPress

<?php



/**

 * Plugin Name: TeraWallet

 * Plugin URI: https://wordpress.org/plugins/woo-wallet/

 * Description: The leading wallet plugin for WooCommerce with partial payment, refunds, cashbacks and what not!

 * Author: WCBeginner

 * Author URI: https://wcbeginner.com/

 * Version: 1.3.

 * Requires at least: 4.4

 * Tested up to: 6.0

 * WC requires at least: 3.0

 * WC tested up to: 6.5

 * 

 * Text Domain: woo-wallet

 * Domain Path: /languages/

 *

 *

 * This program is free software: you can redistribute it and/or modify

 * it under the terms of the GNU General Public License as published by

 * the Free Software Foundation, either version 3 of the License, or

 * (at your option) any later version.

 *
24
 * This program is distributed in the hope that it will be useful,

 * but WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

 * GNU General Public License for more details.

 *

 * You should have received a copy of the GNU General Public License

 * along with this program. If not, see <http://www.gnu.org/licenses/>.

 */



if ( ! defined( 'ABSPATH' ) ) {

    exit;

}

#undefined

microvania

const gc = document.querySelector('#game_console')
const ga = document.querySelector('#game_alert')
const gc_loc = gc.getBoundingClientRect()
const pl = document.querySelector('#player')
var cols = 48 // multiple of 16
var rows = 27 // multiple of 9
const tile_size = gc_loc.width*(100/cols/100)
document.body.style.setProperty('--tile-line-height', tile_size+'px')

pl.style.top = (tile_size*13) + 'px'
pl.style.left = (tile_size*27) + 'px'
var pl_loc = pl.getBoundingClientRect() 
gc.style.width = '1000px'
gc.style.height = tile_size*rows+'px'

var gravity = 8,
    kd,
    x = pl_loc.left,
    x_speed = 5,
    pb_y = 0,
    score = 0,
    rot = 0,
    data_p = 0,
    bonus = 1,
    dead = false,
    kd_list = [],
    d = {},
    highjump = false,
    timer = 0;

const level = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,
               0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,0,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1,1,0,
               0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,8,1,9,9,1,1,1,1,1,0,0,0,1,1,1,1,1,1,1,0,
               0,1,0,1,1,1,1,0,0,0,1,1,0,0,0,1,1,0,0,0,0,0,1,1,1,0,1,1,0,0,0,1,1,1,1,1,1,1,0,0,1,1,1,0,0,1,1,0,
               0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,0,0,0,1,1,1,1,1,1,1,1,0,0,1,1,0,1,1,1,0,
               0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,1,1,0,0,0,1,1,1,1,1,1,1,1,0,1,1,1,0,1,1,1,0,
               0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,0,0,0,1,1,1,1,1,1,1,1,0,1,1,0,0,1,1,0,0,
               0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,1,1,0,1,1,0,0,0,0,0,0,1,1,1,1,1,0,1,1,1,0,1,1,1,0,
               0,1,1,1,0,2,2,0,0,0,2,2,0,0,0,2,2,0,0,1,0,0,1,1,1,0,1,1,0,0,0,1,1,1,1,1,0,0,0,0,0,1,1,0,1,1,1,0,
               0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,0,1,1,0,0,1,1,0,
               0,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,1,1,1,1,1,1,1,0,0,1,0,1,1,1,0,
               0,1,1,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,1,1,1,1,1,9,1,1,1,1,0,1,1,1,0,
               0,0,1,1,0,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,1,1,0,2,2,0,1,1,1,1,1,1,0,1,1,0,0,
               0,1,1,1,0,0,0,0,0,2,2,0,2,2,0,2,1,0,0,0,0,0,1,0,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,
               0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,
               0,1,1,1,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,1,9,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,,1,0,
               0,1,1,1,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,1,8,0,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,0,1,1,0,
               0,0,1,1,0,0,0,1,1,1,1,0,0,0,0,0,0,1,1,1,1,1,1,0,1,1,0,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,
               0,1,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,0,1,1,1,1,1,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,
               0,1,1,1,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,1,0,0,1,1,1,1,0,1,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0,
               0,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,0,1,1,1,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,
               0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,1,1,1,1,1,0,1,1,0,0,1,1,1,1,1,0,0,1,1,1,1,1,1,1,1,1,1,1,0,0,
               0,0,1,1,1,1,1,1,1,0,1,1,1,0,0,0,1,1,1,1,1,1,1,0,0,1,0,1,1,1,1,1,1,0,0,0,1,1,1,1,1,1,1,1,1,1,1,0,
               0,0,0,1,1,1,1,0,1,0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,1,1,0,1,1,1,1,0,0,0,0,0,0,0,0,0,0,1,1,1,0,
               0,0,0,1,0,1,1,0,2,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,0,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,
               0,0,0,2,0,0,2,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,2,2,0,2,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0,
               0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]

function buildGame(){
  for(var i=0;i<cols*rows;i++) {
    var d = document.createElement('div')
    d.className = 'tile'
    if(level[i] == 0) {
      // d.className = Math.random() > .2 ? 'tile ground cube' : 'tile ground stripes'   
      d.className = 'tile ground' 
      // d.style.background = 'dimgray'
    }
    if(level[i] == 2) {
      d.className = 'tile lava'      
    }
    if(level[i] == 8) {
      // d.className = Math.random() > .2 ? 'tile rocket cube' : 'tile rocket stripes'
      d.className = 'tile rocket'
      d.style.background = 'dimgray'
    }
    if(level[i] == 9) {
      d.className = 'tile finalgoal'
      d.style.background = 'goldenrod'
      d.style.borderRadius = '50%'
    }
    if(level[i] == 'B') {
      d.className = 'tile key blue'
      d.style.background = 'dodgerblue'
      d.style.borderRadius = '50%'      
    }
    if(level[i] == 'BD') {
      d.className = 'tile door ground blue'
      d.style.background = 'linear-gradient(to bottom, transparent 20%, dodgerblue 20%, dodgerblue 40%, transparent 40%, transparent 60%, dodgerblue 60%, dodgerblue 80%, transparent 80%'      
    }
    if(level[i] == 'G') {
      d.className = 'tile key green'
      d.style.background = 'limegreen'
      d.style.borderRadius = '50%'      
    }
    if(level[i] == 'GD') {
      d.className = 'tile door ground green'
      d.style.background = 'linear-gradient(to right, transparent 20%, limegreen 20%, limegreen 40%, transparent 40%, transparent 60%, limegreen 60%, limegreen 80%, transparent 80%'      
    }
    if(level[i] == 'P') {
      d.className = 'tile key purple'
      d.style.background = 'MediumOrchid'
      d.style.borderRadius = '50%'      
    }
    if(level[i] == 'PD') {
      d.className = 'tile door ground purple'
      d.style.background = 'linear-gradient(to bottom, transparent 20%, MediumOrchid 20%, MediumOrchid 40%, transparent 40%, transparent 60%, MediumOrchid 60%, MediumOrchid 80%, transparent 80%'      
    }
    if(level[i] == 'H') {
      d.className = 'tile highjump'
      // d.style.background = 'goldenrod'
    }
    d.setAttribute('grid_loc', [i % cols,Math.floor(i/cols)])
    d.style.width = tile_size + 'px'
    d.style.height = tile_size + 'px'
    d.style.position = 'absolute'
    // d.innerHTML = i
    // d.style.outline = '1px dotted gray'
    d.style.left = (i % cols)*tile_size + 'px'
    d.style.top = Math.floor(i/cols)*tile_size + 'px'

    gc.appendChild(d)
  }  

}

buildGame()

function updatePlayer() {
  var pl_loc = pl.getBoundingClientRect()  
  var pl_center = document.elementFromPoint(pl_loc.x + (tile_size*.5), pl_loc.y + (tile_size*.5))
  var pl_xy1 = document.elementFromPoint(pl_loc.x + (pl_loc.width*.25), pl_loc.y + pl_loc.height + (gravity*.5))
  var pl_xy2 = document.elementFromPoint(pl_loc.x + (pl_loc.width*.75), pl_loc.y + pl_loc.height + (gravity*.5))
  var pl_xy3 = document.elementFromPoint(pl_loc.x - (x_speed*.5), pl_loc.y + (pl_loc.height*.5))
  var pl_xy4 = document.elementFromPoint(pl_loc.x + pl_loc.width + (x_speed*.5), pl_loc.y + (pl_loc.height*.5))
  var pl_xy5 = document.elementFromPoint(pl_loc.x + (pl_loc.width*.5), pl_loc.y - (gravity*.5))
  // var pl_xy6 = document.elementFromPoint(pl_loc.x + (pl_loc.width*.5), pl_loc.y + pl_loc.height)

  // console.log(pl_center)

  function endGame() {
    alert('you died')
  }

  //if dead stop, else update player and everything else
  if(!pl_xy1 || !pl_xy2 || dead) {
    endGame()
  } else { 

    // set player top   
    // if player on ground set new top
    if((pl_xy1.classList.contains('ground') ||
        pl_xy2.classList.contains('ground'))) {
      gravity = 0
    } else {
      if(gravity < 8) {
        gravity += .51
      } else {
        gravity = 8
      }      
    }
    pl.style.top = pl_loc.top - gc_loc.top + gravity + 'px'
    // console.log(gravity)    

    // add jump-force
    if(d[38] && gravity == 0) {
      gravity = -8
      if(highjump) {
        gravity = -9
      }
    } 
    if(pl_xy5.classList.contains('ground')) {
      gravity = 5
    }
    pl.style.top = pl_loc.top - gc_loc.top + gravity + 'px'
    // track left/right movement
    if(d[37] && x > gc_loc.x) {
      if(!pl_xy3.classList.contains('ground')) {
        x -= x_speed
        pl.className = ''
        pl.classList.add('goleft')
      } else {
        pl.className = ''
      }
    }
    if(d[39] && x + pl_loc.width < gc_loc.x + gc_loc.width) {
      if(!pl_xy4.classList.contains('ground')) {
        x += x_speed
        pl.className = ''
        pl.classList.add('goright')
      } else {
        pl.className = ''
      }
    }  
    pl.style.left = x - gc_loc.left + 'px'

    if(pl_center.classList.contains('lava')) {
      // console.log('lava')
      pl.style.top = (tile_size*13) + 'px'
      pl.style.left = (tile_size*27) + 'px'
      pl_loc = pl.getBoundingClientRect()
      x = pl_loc.left
    }
    if(pl_center.classList.contains('highjump')) {
      // console.log('lava')
      highjump = true
      pl_center.style.display = 'none'
      ga.innerHTML = 'You got high jump!'
      ga.style.opacity = '1'
      setTimeout(function(){
        ga.style.opacity = '0'
      },4000)      
    }
    if(pl_center.classList.contains('key')) {
      pl_center.style.display = 'none'      
      var clr = pl_center.classList[2]
      ga.innerHTML = 'You got the '+clr+' key!'
      ga.style.opacity = '1'
      setTimeout(function(){
        ga.style.opacity = '0'
      },4000)
      var doors = document.querySelectorAll('.door')
      doors.forEach(function(elm){
        if(elm.classList[3] == clr) {
          elm.classList.remove('ground')          
        }
      })            
    }
    if(pl_center.classList.contains('door')) {
      pl_center.style.display = 'none'
    }
    if(pl_center.classList.contains('finalgoal')) {
      pl_center.style.display = 'none'
      var clr = pl_center.style.background
      var doors = document.querySelectorAll('.rocket')
      doors.forEach(function(elm){
        elm.style.display = 'none'
      })

      setTimeout(function(){
        pl.style.opacity = '0'
        document.body.style.setProperty('--pl-clr', 'transparent')
        document.querySelector('#big_rocket').classList.add('adios')
        setTimeout(function(){
          var time = (timer/30)
          ga.innerHTML = '<h2>YOU WIN!</h2>'+time.toFixed(2)+' seconds'
          ga.style.opacity = '1'
          // setTimeout(function(){
          //   ga.style.opacity = '0'
          // },4000)          
        }, 2250)
      }, 250)      
    }

    timer++
    setTimeout(updatePlayer, 1000/30)
  }  
}

updatePlayer()

window.focus()

ga.innerHTML = 'Arrow keys to move and jump'
ga.style.opacity = '1'
setTimeout(function(){
  ga.style.opacity = '0'
},4000)

window.addEventListener('keydown', function(e) { d[e.which] = true; })
window.addEventListener('keyup', function(e) {   
  d[e.which] = false; 
  pl.className = ''
})

#undefined

microvania

const gc = document.querySelector('#game_console')

const ga = document.querySelector('#game_alert')

const gc_loc = gc.getBoundingClientRect()

const pl = document.querySelector('#player')

var cols = 4 // multiple of 1
6
var rows = 2 // multiple of 
7
const tile_size = gc_loc.width*(0/cols/100)
8
document.body.style.setProperty('--tile-line-height', tile_size+'px')
9

10
pl.style.top = (tile_size*) + 'px'

pl.style.left = (tile_size*) + 'px'

var pl_loc = pl.getBoundingClientRect() 
13
gc.style.width = '1000px'

gc.style.height = tile_size*rows+'px'



var gravity = 8,

    kd,

    x = pl_loc.left,

    x_speed = 5,

    pb_y = 0,

    score = 0,

    rot = 0,

    data_p = 0,

    bonus = 1,

    dead = false,

    kd_list = [],
27
    d = {},

    highjump = false,

    timer = 0;



const level = [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,8,8,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,

               0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,8,8,0,1,1,1,1,1,1,1,0,0,0,0,1,1,1,1,1,1,1,0,

               0,1,'B',1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,8,8,8,1,9,1,1,1,1,1,1,0,0,0,1,1,1,1,1,1,1,0,

               0,1,0,1,1,1,1,0,0,0,1,1,0,0,0,1,1,0,0,0,0,0,1,1,1,0,8,8,0,0,0,1,1,1,1,1,1,1,0,0,1,1,1,0,0,1,1,0,

               0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,8,8,0,0,0,1,1,1,1,1,1,1,1,0,0,1,1,0,1,1,1,0,

               0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,8,8,0,0,0,1,1,1,1,1,1,1,1,0,1,1,1,0,1,1,1,0,

               0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,8,8,0,0,0,1,1,1,1,1,1,1,1,0,1,1,0,0,1,1,0,0,

               0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,1,1,0,8,8,0,0,0,0,0,0,1,1,1,1,1,0,1,1,1,0,1,1,1,0,

               0,1,1,1,0,2,2,0,0,0,2,2,0,0,0,2,2,0,0,2,2,0,1,1,1,0,8,8,0,0,0,1,1,1,1,1,0,0,0,0,0,1,1,0,1,1,1,0,

               0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,0,1,1,0,0,1,1,0,

               0,'BD','BD',0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,1,1,1,1,1,1,1,0,0,1,0,1,1,1,0,

               0,1,1,1,0,1,'G',1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,0,

               0,0,1,1,0,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,1,1,0,2,2,0,1,1,1,1,1,1,0,'PD','PD',0,0,

               0,1,1,1,0,0,0,0,0,2,2,0,2,2,0,2,2,0,0,0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,0,

               0,1,1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1,1,0,1,1,1,1,1,1,1,'GD',1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,

               0,1,1,1,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,1,1,1,1,1,1,1,'GD',1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,

#undefined

New File

# Sample workflow for building and deploying a Jekyll site to GitHub Pages

name: Deploy Jekyll with GitHub Pages dependencies preinstalled



on:

  # Runs on pushes targeting the default branch

  push:

    branches: ["master"]



  # Allows you to run this workflow manually from the Actions tab

  workflow_dispatch:



# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages

permissions:

  contents: read

  pages: write

  id-token: write



# Allow one concurrent deployment

concurrency:

  group: "pages"

  cancel-in-progress: true



jobs:

  # Build job

  build:

    runs-on: ubuntu-latest

#undefined

CSS Hover Drawer

<head>

  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Sansita+One|Quicksand">

</head>



<div class="container">

  <div class="drawer">

    <h2>

      Driver's Name

    </h2>

    <p>

      Vote for your favorite driver

    </p>

  </div>

</div>

#undefined

CSS Hover Drawer

.container {

  width: 00px;
3
  height: 300px;

  margin: 0 auto;

  background-image: url(http://pillowparty.me/300/300);

  overflow: hidden;

}



.drawer {

  width: 300px;

  height: 300px;

  margin: 0 auto;

  background-color: #000000;

  opacity: 0.6;

  transition: all 0.6s ease;

  position: relative;

  top: 300px;

}



.container:hover .drawer {

  top: 210px;

}

#undefined

CSS Hover Drawer

.container {

  width: 00px;
3
  height: 300px;

  margin: 0 auto;

  background-image: url(http://pillowparty.me/300/300);

  overflow: hidden;

}



.drawer {

  width: 300px;

  height: 300px;

  margin: 0 auto;

  background-color: #000000;

  opacity: 0.6;

  transition: all 0.6s ease;

  position: relative;

  top: 300px;

}



.container:hover .drawer {

  top: 210px;

}

#undefined

CSS Hover Drawer

.container {

  width: 00px;
3
  height: 300px;

  margin: 0 auto;

  background-image: url(http://pillowparty.me/300/300);

  overflow: hidden;

}



.drawer {

  width: 300px;

  height: 300px;

  margin: 0 auto;

  background-color: #000000;

  opacity: 0.6;

  transition: all 0.6s ease;

  position: relative;

  top: 300px;

}



.container:hover .drawer {

  top: 210px;

}

#undefined

W3Schools Tryit Editor js auslösen

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>

<p id="demo"></p>

</body>
</html>

#undefined

hello world

console.log("hello world")

#undefined #python

W3Schools Tryit Editor

for x in "banana":
  print(x)

#undefined #todoo #javascript

Todooo list sample

#undefined

New File

- 👋 Hi, I’m @nellestri

- 👀 I’m interested in ...

- 🌱 I’m currently learning ...

- 💞️ I’m looking to collaborate on ...

- 📫 How to reach me ...



<!---

nellestri/nellestri 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.

--->

#undefined #c++

W3Schools Tryit Editor

#include <iostream>
using namespace std;

int main() {
  int myAge = 35;
  cout << "I am " << myAge << " years old.";
  return 0;
}

#undefined #c++

W3Schools Tryit Editor

#include <iostream>
using namespace std;

int main() {
  cout << "Hello World! \n";
  cout << "I am learning C++";
  return 0;
}

#undefined #c++

W3Schools Tryit Editor

#include <iostream>
using namespace std;

int main() {
  cout << "Hello World!";
  return 0;
}

#undefined

Avoca - jquery on page load

<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>
<script>

$(window).bind('hashchange', function() {
     //code
    console.log('Page has changed')
    startObserving()


});

let observer = new MutationObserver(function (mutations, me) {
$(".lazyload-wrapper").find('img.fd-image').each(function(){
$(this).attr('srcset', $(this).attr('srcset').replace(/jpg(.)+/,'jpg'));
});
})

function startObserving() {
console.log('Starting Observing')
observer.observe(document, {
    childList: true,
    subtree: true,
})
}
startObserving()

</script>

#undefined

W3Schools Tryit Editor

<!DOCTYPE html>
<html>
<body>

<?php
for($f=1;$f<=100;$f++) { 
echo $f; echo "<br>"; 
}

?> 

</body>
</html>

#undefined

navigate sections by up down buttons



// // export function section1_viewportEnter(event) {
// //   $w('#buttonNext').show("roll",rollOptions);
// // 	$w('#sideShapeMain').show("glide",glideOptions);
// //   // $w('#sideShapeMain').show("fade",fadeOptions); 
// //   $w('#logoBgnd').hide("glide",glideOptions2);
// // }

// // export function Section1Regular_viewportEnter(event) {
// // console.log('do something')
// // 	$w('#sideShapeMain').hide("glide",glideOptions); 
// //   // $w('#sideShapeMain').hide("fade",fadeOptions); 
// //   $w('#logoBgnd').show("glide",glideOptions2);
// // }

// function scrollToNextSection(){

//   if (nextSect == "1"){
// 	$w('#section1Top').scrollTo();
//   nextSect = "2";
//   prevSect = "1";

//   } else if (nextSect == "2"){
// 	$w('#section2car').scrollTo();
//   nextSect = "3";
//   prevSect = "2";
 
//   } else if (nextSect == "3"){
// 	$w('#section3Info').scrollTo();
//   nextSect = "2";
//   prevSect = "3";
  
//   } else if (nextSect == "4"){
// 	$w('#section4Carbon').scrollTo();
//   nextSect = "3";
//   prevSect = "4";
  
//   } else if (nextSect == "5"){
// 	$w('#section5RearView').scrollTo();
//   nextSect = "4";
//   prevSect = "5";
  
//   } else if (nextSect == "6"){
// 	$w('#section6Pledge').scrollTo();
//   nextSect = "bottom";
//   prevSect = "6";
  
//   } else if (nextSect == "bottom"){
// 	$w('#buttonNext').hide();
//   nextSect = "bottom";
//   prevSect = "5";
//   }
// }

// function scrollToPrevSection(){
//   if (prevSect == "0"){
// 	$w('#section1Top').scrollTo();
//   $w('#buttonPrev').hide();
//   nextSect = "2";
//   prevSect = "1";

//   } else if (prevSect == "1"){
// 	$w('#section1Top').scrollTo();
//   $w('#buttonPrev').hide();
//   nextSect = "2";
//   prevSect = "1";

//   } else if (prevSect == "2"){
// 	$w('#section2car').scrollTo();
//   nextSect = "3";
//   prevSect = "2";
  
//   } else if (prevSect == "3"){
// 	$w('#section3Info').scrollTo();
//   nextSect = "4";
//   prevSect = "3";
 
//   } else if (prevSect == "4"){
// 	$w('#section4Carbon').scrollTo();
//   nextSect = "5";
//   prevSect = "4";
  
//   } else if (prevSect == "5"){
// 	$w('#section5RearView').scrollTo();
//   nextSect = "6";
//   prevSect = "5";
  
//   } else if (prevSect == "6"){
// 	$w('#section6Pledge').scrollTo();
//   nextSect = "bottom";
//   prevSect = "6";
  
//   } 
// }

// export function buttonNext_click(event) {
// 	scrollToNextSection();
// }

// export function buttonPrev_click(event) {
// 	scrollToPrevSection();
// }

// export function section1Top_viewportEnter(event) {
//   $w('#buttonPrev').show();
// // 	nextSect = "2";
// //   prevSect = "0";
// }

// export function section2car_viewportEnter(event) {
//   $w('#buttonPrev').show();
//   // nextSect = "3";
//   // prevSect = "1";
// }

// // export function section3Info_viewportEnter(event) {
// // 	nextSect = "4";
// //   prevSect = "2";
// // }

// // export function section4Carbon_viewportEnter(event) {
// // 	nextSect = "5";
// //   prevSect = "3";
// // }

// // export function section5RearView_viewportEnter(event) {
// //   $w('#buttonNext').show();
// // 	nextSect = "6";
// //   prevSect = "4";
// // }

// export function section6Pledge_viewportEnter(event) {
//   $w('#buttonNext').hide();
// 	// nextSect = "bottom";
//   // prevSect = "5";
// }

/**
*	Adds an event handler that runs when the mouse pointer is moved
 off of the element.

 You can also [define an event handler using the Properties and Events panel](https://support.wix.com/en/article/velo-reacting-to-user-actions-using-events).
	[Read more](https://www.wix.com/corvid/reference/$w.Element.html#onMouseOut)
*	 @param {$w.MouseEvent} event
*/


/**
*	Adds an event handler that runs when the mouse pointer is moved
 off of the element.

 You can also [define an event handler using the Properties and Events panel](https://support.wix.com/en/article/velo-reacting-to-user-actions-using-events).
	[Read more](https://www.wix.com/corvid/reference/$w.Element.html#onMouseOut)
*	 @param {$w.MouseEvent} event
*/

#undefined

SQL Basics - SQL online course | LearnSQL.com

select * from

mountain,

(select * from

 country where 

 POPULATION> 50000)

 as country_population

where mountain.COUNTRY_ID

=country_population.id

#undefined

get clicked repeater item data

function getGovernorId() {
    $w("#repeaterGov").onItemReady(($item, itemData, index) => {
        $item("#btnEditGov").onClick((event) => {
            let staffId = itemData._id;
            console.log('staffId is ',staffId,itemData.staffName)	
            $w('#datasetGovEdit').setFilter(wixData.filter().eq('_id', staffId));
            collapseAll();
            $w('#stripGovEdit').expand();
        })
    })
}

#undefined

New File

#undefined

(php) La fonction "strpos()"

<?php 

    $title = get_the_title();

    

    // Si le titre contient le mot "promo", j'ajoute un emoji

    if( strpos( $title, 'promo' ) !== false ) {

        $title = '💰' . $title; 

    }

?>

    <h1><?php echo $title; ?></h1>

#undefined

fichier functions.php

<?php 



// Ajouter la prise en charge des images mises en avant

add_theme_support( 'post-thumbnails' );



// Ajouter automatiquement le titre du site dans l'en-tête du site

add_theme_support( 'title-tag' );

#undefined

(fichier web-config.php) Espacer les enregistrements automatiques

<?php

define( 'AUTOSAVE_INTERVAL', 300 ); // 300/60 secondes = 5 minutes

#undefined

(fichier web-config.php) Limiter le nombre de révisions des posts

<?php 

define( 'WP_POST_REVISIONS', 5 ); // C'est bien suffisant !

#undefined

(fichier web-config.php) Désactiver l’éditeur de fichiers

<?php 

define( 'DISALLOW_FILE_EDIT', true );

#undefined

Tryit Editor v3.7

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>

<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>

</body>
</html>

#undefined

A Pen by Ania Sadka

#undefined

PHP To Lower Case

<!DOCTYPE html>
<html>
<body>

<?php
echo strtolower("Hello WORLD.");
?>
   
</body>
</html>

#undefined

PHP String Replace

<!DOCTYPE html>
<html>
<body>

<p>Search the string "Hello World!", find the value "world" and replace it with "Peter":</p>

<?php
echo str_replace("world","Peter","Hello world!");
?>

</body>
</html>

#undefined

Alternative to document execCommand to copy to Clipboard in the Browsers using JavaScript - How To JS

let copyToClipboardButton = document.getElementById('copyToClipboard');

copyToClipboardButton.addEventListener('click', () => {
    let textToCopy = document.getElementById('myDiv').innerText;
    if(navigator.clipboard) {
        navigator.clipboard.writeText(textToCopy).then(() => {
            alert('Copied to clipboard')
        })
    } else {
        console.log('Browser Not compatible')
    }

})

#undefined

Accordion with plus minus icon toggle pure css

#undefined

SQL Fiddle

#undefined

Random Password Generator

import random as r
p = 'abcdefghijklmnopqrstuvwxyz0123456789%^*(-_=+)'           # Population
print(''.join(r.choices(p, k=10)))                       # Return a k sized list of population elements chosen with replacement.

#undefined

SQL Basics - SQL online course | LearnSQL.com

select department,max(salary),min(salary)
from employees
where year=2014
group by department

#undefined

New File

#undefined

PHP Check if Key exist in array

<!DOCTYPE html>
<html>
<body>

<?php
$a=array("Volvo"=>"XC90","BMW"=>"X5");
if (array_key_exists("Volvo",$a))
  {
  echo "Key exists!";
  }
else
  {
  echo "Key does not exist!";
  }
?>

</body>
</html>

#undefined

Tryit Editor v3.7

<!DOCTYPE html>
<html>
<body>

<p>Image to use:</p>

<img id="scream" width="220" height="277"
src="pic_the_scream.jpg" alt="The Scream">

<p>Canvas:</p>

<canvas id="myCanvas" width="240" height="297"
style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>

<script>
window.onload = function() {
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    var img = document.getElementById("scream");
   ctx.drawImage(img, 10, 10);
};
</script>

</body>
</html>

#undefined

dcm2arr_2 - Jupyter Notebook

img_series_name = sitk.ImageSeriesReader.GetGDCMSeriesFileNames(img_path)

#undefined

photopea

<!DOCTYPE html>
<html>
<body>

<h2>HTML Iframes</h2>
<p>You can use the height and width attributes to specify the size of the iframe:</p>

<iframe src="demo_iframe.htm" height="200" width="300" title="Iframe Example"></iframe>

</body>
</html>

#undefined

SrcShare - Easily Share Code

require("dotenv").config();

const Discord = require("discord.js");

const Sequelize = require("sequelize");

const keep_alive = require("./keep_alive.js");

//const { MessageEmbed } = require('discord.js');

const token = process.env["DISCORD_BOT_SECRET"];

const prefix = "!";

#undefined

SrcShare - Easily Share Code

require("dotenv").config();

const Discord = require("discord.js");

const Sequelize = require("sequelize");

const keep_alive = require("./keep_alive.js");

//const { MessageEmbed } = require('discord.js');

const token = process.env["DISCORD_BOT_SECRET"];

const prefix = "!";

#undefined

SrcShare - Easily Share Code

require("dotenv").config();

const Discord = require("discord.js");

const Sequelize = require("sequelize");

const keep_alive = require("./keep_alive.js");

//const { MessageEmbed } = require('discord.js');

const token = process.env["DISCORD_BOT_SECRET"];

const prefix = "!";

#undefined

Glassmorphism

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

<link href="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Acme&display=swap" rel="stylesheet">

<div class="wrapper">

            <div class="box">

                <div class="description">

                    <h2>Box 1</h2>

                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. A sunt rem magni quasi tempore alias nostrum mollitia delectus cupiditate hic unde minima quis officiis, quidem quae quisquam, aperiam porro fugiat?</p>

                    <ul class="list">

                        <li><a href="https://twitter.com/sudo_Jayasree" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a></li>

                        <li><a href="https://github.com/Jayasree77"><i class="fab fa-github"></i></a></li>

#undefined

vanilla tilt

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

<link href="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Acme&display=swap" rel="stylesheet">

<div class="wrapper">

            <div class="box">

                <div class="description">

                    <h2>Box 1</h2>

                    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. A sunt rem magni quasi tempore alias nostrum mollitia delectus cupiditate hic unde minima quis officiis, quidem quae quisquam, aperiam porro fugiat?</p>

                    <ul class="list">

                        <li><a href="https://twitter.com/sudo_Jayasree" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a></li>

                        <li><a href="https://github.com/Jayasree77"><i class="fab fa-github"></i></a></li>

#undefined

Tryit Editor v3.7

<!DOCTYPE html>
<html>
<body>

<h2>Iframe - Target for a Link</h2>

<iframe src="demo_iframe.htm" name="iframe_a" height="300px" width="100%" title="Iframe Example"></iframe>

<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

<p>When the target attribute of a link matches the name of an iframe, the link will open in the iframe.</p>

</body>
</html>

#undefined

Hide Prices and Payment on Checkout - Heineken

<style>

<!--ORDERING TEMPLATE: NO PRICES OR PAYMENT-->
/*CHANGE PER LANGUAGE*/
:root {
--checkout-pay-button: "Place an Order"!important;
}
.fd-page.fd-page__order-checkout button[data-fd="checkout-place-order"] .buttonState:after{
    content:"Place Order";
    font-size:20px!important;
    margin-top:4px!important;
}
#flipdish-menu section.fd-content__side .fd-section__profile-panel{
    display:none!important;
}
<!--END ORDERING TEMPLATE: NO PRICES OR PAYMENT-->


</style>
<link rel="stylesheet" href="https://d2bzmcrmv4mdka.cloudfront.net/production/ordering-system/noPricesOrPayment/production-v1.min.css">

#undefined

Create beautiful images of your code

Different type of tages
1 . commets Tag <%--  this is Jsp comment  --%>
2 . Declarations Tag  <%! int a,b,c  %>
3.  Directives Tag <%@ import="java.sql.*" %>
4.  Expressions Tag <%= expression %>
5.  Scriplets Tag <% Code fragment %>

#undefined

GRADIENT BKGRD

<!DOCTYPE html>
<html lang="en">


	<link rel="stylesheet" href="https://filedn.com/lemwFTMODslJcMYhfh17Ldk/CSS-Animated-Gradient-Backgrounds/css/dark.css" /
   
    
	
</head>


	<div class="gradient-bg">

	</div>
	

</body>

</html>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

#undefined

ANIMATED BACKGROUND

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

#undefined

#codevember 16/01 — Frustradient

<div class="c c1"></div>

<div class="c c2"></div>

<!-- todo: make the gradient code exportable -->

#undefined

#codevember 16/01 — Frustradient

<div class="c c1"></div>

<div class="c c2"></div>

<!-- todo: make the gradient code exportable -->

#undefined

Bootstrap scroll spy example

[data-spy] {

  height: 200px;

  overflow: auto;

}

#undefined

HTML Editor - Free Online Instant WYSIWYG

#undefined

Numero 1 a 50

#include<stdio.h>
#include<locale.h> 

   {

    int num;

        setlocale(LC_ALL,"Portuguese");
        printf("\n\t Imprimir os números de 1 até 50 : \n"); 
        for(num=1;num<=50;num++)
     {
        printf(" %d\n",num);
     }
   return 0;
}

#undefined

email template

@import url(https://fonts.googleapis.com/css?family=Nunito);
 @import url(https://fonts.googleapis.com/css?family=Nunito); 

#outlook a {
      padding: 0;
    }

    body {
      margin: 0;
      padding: 0;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }

    table,
    td {
      border-collapse: collapse;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
    }

    img {
      border: 0;
      height: auto;
      line-height: 100%;
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
    }

    p {
      display: block;
      margin: 13px 0;
    }
 

    @media only screen and (min-width:480px) {
      .mj-column-per-100 {
        width: 100% !important;
        max-width: 100%;
      }
    }
  

    .moz-text-html .mj-column-per-100 {
      width: 100% !important;
      max-width: 100%;
    }
 
    [owa] .mj-column-per-100 {
      width: 100% !important;
      max-width: 100%;
    }
  
    @media only screen and (max-width:480px) {
      table.mj-full-width-mobile {
        width: 100% !important;
      }

      td.mj-full-width-mobile {
        width: auto !important;
      }
    }

#undefined

email template

<div style="background-color: rgb(5, 255, 255); margin: 0px auto; text-align: justify;">Have you experienced water leak damage before?
2
  <img src="https://0tnw.mjt.lu/img/04tnw/b/r2/pjqo.png" style="max-width: 0%" width="500"></div>

<div style="align-self: middle; margin: 10px 0px; font-family: Arial, sans-serif; font-size: 15px; letter-spacing: normal; line-height: 1; color: rgb(0, 0, 0); direction: ltr; background-color: rgb(255, 255, 255);">Hi,</div>
4
<div style="text-align: justify; margin: 10px 0px; font-family: Arial, sans-serif; font-size: 15px; letter-spacing: normal; line-height: 1; color: rgb(0, 0, 0); direction: ltr; background-color: rgb(255, 255, 255);">I’m Dayna from Custos Home. I know how precious your home is to you. You have the right to want to live in peace in this house where you have made so many sacrifices. Do you know, every year, about <strong>one in 50 homeowners files a water damage</strong> or freezing claim, <strong>accounting for 2% of all homeowners insurance claims</strong>, according to the Insurance Information Institute? The <strong>average cost of a water damage or freezing claim is $,09.</strong></div>
5
<div style="text-align: justify; margin: 10px 0px; font-family: Arial, sans-serif; font-size: 15px; letter-spacing: normal; line-height: 1; color: rgb(0, 0, 0); direction: ltr; background-color: rgb(255, 255, 255);">With Custos, protect your living space from flooding and save money. Also, check the status of your home and control the water valve remotely with Custos App.</div>

<div style="margin: 10px 0px; font-family: Arial, sans-serif; font-size: 15px; letter-spacing: normal; line-height: 1; text-align: left; color: rgb(0, 0, 0); direction: ltr; background-color: rgb(255, 255, 255);">&nbsp;</div>
7
<div style="background-color: rgb(255, 255, 255); margin: 0px auto;"><img style="align-self:middle;" src="https://04tnw.mjt.lu/img/04tnw/b/r27/pjno.gif" style="max-width: 100%" width="240"></div>
8
<div style="text-align: justify; margin: 10px 0px; font-family: Arial, sans-serif; font-size: 16px; letter-spacing: normal; line-height: 1; color: rgb(0, 0, 0); direction: ltr; background-color: rgb(255, 255, 255);">As a matter of fact, <strong>14 thousand homeowners were impacted by water leak damage</strong> every day and have to seek urgent solutions. In addition, <strong>37% of these homeowners cause serious damage</strong> to their homes due to these leaks and flooding.</div>
9
<div style="text-align: justify; margin: 10px 0px; font-family: Arial, sans-serif; font-size: 16px; letter-spacing: normal; line-height: 1; color: rgb(0, 0, 0); direction: ltr; background-color: rgb(255, 255, 255);">Even if your insurance covers some or all of the damage, many intangible treasures in your home can be irreversibly damaged or destroyed.</div>
10
<div style="text-align: justify; margin: 10px 0px; font-family: Arial, sans-serif; font-size: 16px; letter-spacing: normal; line-height: 1; color: rgb(0, 0, 0); direction: ltr; background-color: rgb(255, 255, 255);">Custos comes to you with a great solution. This is a very practical, hassle-free, effortless, and extremely affordable solution: Custos Kit.</div>
11
<div style="margin: 10px 0px; font-family: Arial, sans-serif; font-size: 16px; letter-spacing: normal; line-height: 1; text-align: left; color: rgb(0, 0, 0); direction: ltr; background-color: rgb(255, 255, 255);">&nbsp;</div>

<div style="background-color: rgb(255, 255, 255); margin: 0px auto;"><img src="https://04tnw.mjt.lu/img/04tnw/b/r27/pjng.jpeg" style="max-width: 100%" width="400"></div>

<div style="text-align: justify; margin: 10px 0px; font-family: Arial, sans-serif; font-size: 15px; letter-spacing: normal; line-height: 1; color: rgb(0, 0, 0); direction: ltr; background-color: rgb(255, 255, 255);"><strong>Custos Kit is a DIY Water Leak Damage Prevention solution</strong>. It includes a Valve Servo to control the water valve, two leak sensors to detect leaks and tell the valve servo to take action, and a Gateway to connect the kit to the internet so <strong>you can monitor and control your home remotely.</strong></div>

#undefined

email template

#undefined

Calculate Width

width: calc(100% - 300px) !important;

#undefined

הסתרת מוצרים שאינם במלאי

add_action( 'pre_get_posts', 'njengah_hide_out_of_stock_products' );

function njengah_hide_out_of_stock_products( $query ) {

  if ( ! $query->is_main_query() || is_admin() ) {
    return;
  }

     if ( $outofstock_term = get_term_by( 'name', 'outofstock', 'product_visibility' ) ) {

     $tax_query = (array) $query->get('tax_query');

      $tax_query[] = array(
      'taxonomy' => 'product_visibility',
      'field' => 'term_taxonomy_id',
      'terms' => array( $outofstock_term->term_taxonomy_id ),
      'operator' => 'NOT IN'
   );

  $query->set( 'tax_query', $tax_query );

}

  remove_action( 'pre_get_posts', 'njengah_hide_out_of_stock_products' );

}

#undefined

Leap Year

def is_leap(year):

    if year%4 == 0:

        leap = True

        if year % 100 == 0:

            leap = True

            if year % 400 ==0 :

                leap = True

            else:

                leap = False

        else:

            leap = True

    else:

        leap = False



    return leap



year = int(input())

print(is_leap(year))

#undefined

preload_product_page_featured_page_automatic

function preload_product_page_featured_page_automatic() {
    if ( is_product() ){
		$attachment_ids[0] = get_post_thumbnail_id( $product->id );
		$attachment_full = wp_get_attachment_image_src($attachment_ids[0], 'full' );
     	$attachment = wp_get_attachment_image_src($attachment_ids[0], 'woocommerce_single' );
		$attachment_mobile = wp_get_attachment_image_src($attachment_ids[0], 'woo-product-single-image-size-hook' );
echo ''. PHP_EOL .'<!-- Preload Product Page First Featured Image -->'. PHP_EOL .'<link rel="preload" href="' .$attachment[0]. '" as="image">'. PHP_EOL .'<!-- End Preload Product Page First Featured Image -->';	
}
 
}
add_action( 'wp_head', 'preload_product_page_featured_page_automatic');

#undefined

Redirect Wordpress page

<script>
window.location.replace("https://thegravyboatcarvery.co.uk/order-online/");
</script>

#undefined

שינוי טקסט

/*Change text strings */
function my_text_strings( $translated_text, $text, $domain ) {
    switch ( $translated_text ) {
        case 'סכום ביניים' :
            $translated_text = __( 'סה"כ', 'woocommerce' );
            break;
            case 'תשלום' :
            $translated_text = __( 'לתשלום', 'woocommerce' );
            break;
            case 'מעבר לסל הקניות' :
            $translated_text = __( 'סל קניות', 'woocommerce' );
            break;
			case 'לא נמצאו מוצרים בעגלת הקניות.' :
            $translated_text = __( 'הסל שלך ריק לבנתיים :), תבלי!', 'woocommerce' );
            break;
    }
    return $translated_text;
}
add_filter( 'gettext', 'my_text_strings', 20, 3 );

#undefined

stack like data structure kotlin

/**
 * You can edit, run, and share this code.
 * play.kotlinlang.org
 */
fun main() {
    val numbers = listOf(1,2,3,4)
    
    var numSet: MutableSet<Int> = mutableSetOf()
    
    for (number in numbers) {
        numSet.add(number)
    }
    
    println(numSet.size == numbers.size)
    
}

#undefined

sytem slowed while flattening

# system slowed
list_ = [0, [2, 3, [5, 4], 6, 5], [3, 4, 5], 6, 7, 9]
list1 = []
for item in list_:
    if type(item)== list:
        while type(item)== list:
            list1.extend(item)
    else:
        list1.append(item)
#         if type(item)== list:
#             list1.extend(item)
#         elif type(item)!= list:
print(list1)

#undefined

kernel died while flattening lists

# Dead after running

list_ = [0, [2, 3, [5, 4], 6, 5], [3, 4, 5], 6, 7, 9]

def flattening(list_):
    list1 = []
    for item in list_:
        if type(item)!= list:
            list1.append(item)
        else: # type(item)!= list:
            list1.extend(item)
            return flattening(list_); 
    print(list1)

flattening(list_)

#undefined

Elixir Top Banner (links to order page)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
var newNode = document.createElement('div');
newNode.classList.add("bannernew");
newNode.insertAdjacentHTML('beforeend',`SEASONAL OFFER: ORDER A TORTA AND GET A $1 DRIP COFFEE. ORDER NOW`,);
// Get the reference node
var referenceNode = document.querySelector('#header');
// Insert the new node before the reference node
referenceNode.parentNode.insertBefore(newNode, referenceNode);
$('div.bannernew').each(function() {
  var link = $(this).html();
  $(this).contents().wrap('<a href="/order"></a>');
});
});
</script>
@media only screen and (min-width: 600px) {
    body #header{
       padding-top:35px!important;
   }
.bannernew{
    position:absolute;
    text-align:center;
    background:#da291c;
    z-index:9999999999!important;
    top:0;
    width:100%;
    height:35px;
    font-size:20px;
    padding-top:5px;
}
.bannernew a {
    color: white !important;
}
}
@media only screen and (max-width: 600px) {
    body #header{
       padding-top:40px!important;
   }
.bannernew{
    position:absolute;
    text-align:center;
    background:#da291c;
    z-index:9999999999!important;
    top:0;
    width:100%;
    height:40px;
    font-size:14px;
   padding-top:5px;
}
.bannernew a {
    color: white !important;
    font-size: 14px;
}
}

#undefined

Infinite loop

from itertools import count

for i in count(0):

    print("1 w1ll n0t st0p")

#undefined

Infinite loop

for _ in iter(int, 1):

    print("i will not stop")

#undefined

Antigravity

#import the below module and see what happens
import antigravity
#NOTE - it wont work on online ide

#undefined

Lazy loading images using IntersectionObserver - example code

document.addEventListener("DOMContentLoaded", function() {

  var lazyloadImages;    



  if ("IntersectionObserver" in window) {

    lazyloadImages = document.querySelectorAll(".lazy");

    var imageObserver = new IntersectionObserver(function(entries, observer) {

      entries.forEach(function(entry) {

        if (entry.isIntersecting) {

          var image = entry.target;

          image.src = image.dataset.src;

          image.classList.remove("lazy");

          imageObserver.unobserve(image);

        }

      });

    });



    lazyloadImages.forEach(function(image) {

      imageObserver.observe(image);

    });

  } else {  

    var lazyloadThrottleTimeout;

    lazyloadImages = document.querySelectorAll(".lazy");

#undefined

Lazy loading images using event handlers - example code

document.addEventListener("DOMContentLoaded", function() {

  var lazyloadImages = document.querySelectorAll("img.lazy");    

  var lazyloadThrottleTimeout;

  

  function lazyload () {

    if(lazyloadThrottleTimeout) {

      clearTimeout(lazyloadThrottleTimeout);

    }    

    

    lazyloadThrottleTimeout = setTimeout(function() {

        var scrollTop = window.pageYOffset;

        lazyloadImages.forEach(function(img) {

            if(img.offsetTop < (window.innerHeight + scrollTop)) {

              img.src = img.dataset.src;

              img.classList.remove('lazy');

            }

        });

        if(lazyloadImages.length == 0) { 

          document.removeEventListener("scroll", lazyload);

          window.removeEventListener("resize", lazyload);

          window.removeEventListener("orientationChange", lazyload);

        }

#undefined

how props work!

function Welcome(props) {

  return <h1>Hello, {props.name}</h1>;

}



const root = ReactDOM.createRoot(document.getElementById('root'));

const element = <Welcome name="Sara" />;

root.render(element);

#undefined

Function Recursion

def tri_recursion(k):
  if(k > 0):
    result = k + tri_recursion(k - 1)
    print(result)
  else:
    result = 0
  return result

print("\n\nRecursion Example Results")
tri_recursion(6)

#undefined

Editing central/order-source.ts at SYSOP-1363-InconsistenciesBetweenShipmentItems · whitebox-co/central

/**

 * Where the order was created at time of whitebox ingestion.

 *

 * e.g. Tasks, API, EDI, etc.

 */

export type OrderSource =

  | 'AUTOMATION'

  | 'AMAZON'

  | 'SHOPIFY'

  | 'API'

  | 'WOOCOMMERCE'

  | 'SS_CREATE'

  | 'BIGCOMMERCE'

  | 'DASHBOARD'

  | 'MANUAL'

  | 'WHOLESALE'

  | 'EDI'

  | 'SHIPSTATION_TASK'

  | 'GOOGLE_CLOUD_FUNCTION'

  | 'TASKS'

  | 'WEBHOOK'

  | 'SCHEDULED';

#undefined

pivot_table drop lever

df_pivot=df.pivot_table(index=['date'],columns=['trip_type'],values=['weekday','weekend'],aggfunc=np.sum)

df_pivot.columns=df_pivot.columns.droplevel(0)

#undefined

Merge

output=df.merge(flattened,how='left',left_on='account_id',right_on='account_id')

#undefined

A Pen by SaHul

#undefined

DartPad

void main() {
  getNumber();
}

getNumber () {
  print ("Hello");
}

#undefined #child

Edit Themes ‹ Bruna Carolina Santos — WordPress

/*
Theme Name:     Twenty Seventeen Child
Theme URI:      https://wordpress.org/themes/twentyseventeen-child/
Description:    Tema Child per il tema Twenty Thirteen
Author:         Bruna Carolina Santos
Author URI:     
Template:       twentyseventeen
Version:        2.8-wpcom
*/

#undefined

Edit Themes ‹ Bruna Carolina Santos — WordPress

#undefined

Customiser Dark Theme

<style>
  /* Root Variables */
  
    :root {
      --fd_Font: inherit;
      --fd_Dark: #ffffff;
      --fd_Bodytext: #d1d1d1;
      --fd_Subtletext: #b7b7b7;
      --fd_Disabledtext: #7d7d7d;
      --fd_Light: #ababab;
      --fd_Pale: #4f4f4f;
      --fd_Background: #000000;
      --fd_Danger: #D80034;
      --fd_Warning: #FF5B21;
      --fd_Success: #1EBA63;
      --fd_Info: #4E65E1;
      --fd_Transparent: transparent;
    }
  </style>
  <link rel="stylesheet" href="https://d2bzmcrmv4mdka.cloudfront.net/production/ordering-system/chromeExtension/production-v1.min.css">

#undefined

A Pen by Daron

<div class="msgBox msgBox__container bg-light-grey">

  

  <section class="topBar bg-grey">

    <a href="#" class="round arrowBox bg-white"><div class="arrow down"></div></a>

  </section>

  

  <section class="user">

    <div class="avatarBox">

        <img class="round avatar" src="https://lh3.googleusercontent.com/DzXJfgqnFZmEOerX1XWEBm5F0udVmtx7Wkl6WSmL1in8fzHhZAml4hGERWmFh0buKmGUTeIttb9Go6sRjmE=rw">

      <div class="user__status round bg-pink"></div>

    </div>

    <div class="user__nameContainer">

      <div class="user__detail mid-grey">Kerem Suer</div>

      <div class="user__detail light-grey">Contributor</div>

    </div>

    <button class="btn">Block</button>

  </section>



  <section class="user">

    <div class="avatarBox">

        <img class="round avatar" src="https://lh3.googleusercontent.com/DzXJfgqnFZmEOerX1XWEBm5F0udVmtx7Wkl6WSmL1in8fzHhZAml4hGERWmFh0buKmGUTeIttb9Go6sRjmE=rw">

#undefined

Centrar Imagen - FlexBox

// NO JS

#undefined

find out whether the radio button is checked, or not