# functions can return booleans; convenient for hiding complicated tests
def is_divisible(x, y):
  return x % y == 0
# boolean functions are often used in coditional statements
if is_divisible(x, y):
  # some statements here
  
# the follwing version is unnecessary:
if is_divisible(x, y) == True:
  # some statements here
  

  

# coditions may act as guardians, protecting the coe that follows from values that might cause an error
# Ex: factorial() can only take positive integers, n:
def factorial(n):
  if not isintance(n, int):
    print("n has to be an integer!")
    return None
  elif n < 0:
    print("n has to be positive number!")
    return None
  elif n == 0:
    return 1
  else:
    return n * factorial(n-1)  

<div class="compenent-examples">
      <div class="avatar-type">
        <img class="circle-xs" src="/images/man-svgrepo-com.svg" />

        <img class="circle-sm" src="/images/man-svgrepo-com.svg" />

        <img class="circle-md" src="/images/man-svgrepo-com.svg" />
        <img class="circle-lg" src="/images/man-svgrepo-com.svg" />
        <img class="circle-xl" src="/images/man-svgrepo-com.svg" />
      </div>
<div/>

# Sometime you don't know when to exit end a loop in advance; in this case, use break statement to jump out of loop
# Ex: take input from a use until they type "done"
while True:
  line = input('> ')
  if line == 'done':
    break
   print(line)

# the loop condition is True, which is always true, so it runs until it hits the break statement
# if the use typed "done", the break statement exits the loop

# Use 'break' in loops that iteratively compute numerical values:
if abs(x - y) < epsilon:   # epsilon is a very small number, e.g. 0.0000001
  break

# built-in function eval() takes a string and evaluates it using the Python interpreter
eval('1 + 2 * 3')
>> 7

import math
eval('math.sqrt(5)')
>> 2.2360679

<div class="avatar">
    <img class="avatar-sm" src="DSC_4414.jpg" />
    <img class="avatar-md" src="DSC_4414.jpg" />
    <img class="avatar-bg" src="DSC_4414.jpg" />
</div>

      <div class="content-tab">
          <div class="content-tab-body">
            <div class="avatar-type">
              <img class="circle-xs" src="/images/man cartoon.svg" />

              <img class="circle-sm" src="/images/man cartoon.svg" />

              <img class="circle-md" src="/images/man cartoon.svg" />
              <img class="circle-lg" src="/images/man cartoon.svg" />
              <img class="circle-xl" src="/images/man cartoon.svg" />
            </div>
          </div>
        </div>
        <div class="content-tab"></div>

from mock import patch
from person import Person

@patch('person.get_name')
def test_name(mock_get_name):
    mock_get_name.return_value = "Bob"
    person = Person()
    name = person.name()
    assert name == "Bob"

<?php

function yt_shortcode_function( $atts = array() ) 
{
  
    // set up default parameters
    extract(shortcode_atts(array(
        'id'    => 'test'
    ), $atts));
    
    return '<div class="youtube-video-container"><iframe
                    width="560"
                    height="315"

                    src="https://youtu.be/'. $id .'?autoplay=1"
                    srcdoc="<style>
                            * {
                                padding:0; 
                                margin:0; 
                                overflow:hidden;
                            }
                            
                            html,body {
                                height:100%;
                            }
                            
                            img,span {
                                position:absolute;
                                width:100%;
                                top:0;
                                bottom:0;
                                margin:auto;
                            }

                            a{
                                display: flex;
                                align-items: center;
                                justify-content: space-around;
                            }
                            
                            span {
                                height: 40px;
                                text-align:center;
                                font:32px sans-serif;
                                color:white;
                                background-color: rgba(0, 0, 0, 0.6);
                                width: 50px;
                                line-height: 1;
                                padding: 0px 5px;
                                border-radius: 5px;
                                display: flex;
                                align-items: center;
                                justify-content: space-around;
                                transition: all 0.3s ease;
                            }    
                            span:hover{
                                background-color: rgba(0, 0, 0, 0.9);
                                transform: scale(1.2);
                            }                  
                    </style>

                <a href=https://www.youtube.com/embed/'. $id .'?autoplay=1>
                <img src=https://img.youtube.com/vi/'. $id .'/hqdefault.jpg >
                    <span>▶</span>
                </a>"
                
                frameborder="0"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen
            ></iframe></div>';
}

add_shortcode('yt', 'yt_shortcode_function');
?>
Code language: PHP (php)

.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
Code language: PHP (php)

1

git clone https://github.com/RoboSherlock/robosherlock
cd robosherlock
git checkout tags/v1.0.0 -b v1.0.0
git submodule init
git submodule update

sudo apt-get install libxerces-c-dev libicu-dev libapr1-dev mongodb openjdk-8-jdk ros-kinetic-libmongocxx-ros swi-prolog

<link rel="stylesheet" href="https://sakhi-ui-designs.netlify.app/Components/components.css">;
  
                             
  @import url("https://sakhi-ui-designs.netlify.app/Components/components.css");

<!-- Primary large button  -->
<a href='https://www.google.com/' class='btn-large btn-primary'>Large cta</a>

<!-- primary small button -->
<button class='btn btn-primary'>small cta</button>
<!-- primary large button with outlines -->
<button class='btn-large btn-primary-outline x-small-text m-8px'>Large cta</button>

<!-- primary small button with outlines -->
<button class='btn btn-primary-outline x-small-text m-8px'>small cta</button>

<!-- Primary disabled button  -->
<button class='btn btn-primary-disabled x-small-text m-8px'>small cta</button>

# step size of -1 goes through string backwards, hence [::-1] generates a reversed string
word = 'stop'
word[::-1]
>> 'pots'

# built-in function ord converts character to numeric code
# chr converts numeric codes to characters
# letters of the alphabet are encoded in alphabetical order
ord('c') - ord('1')
>> 2

# NOTE: numeric codes for uppercase letters are different

module.exports = {
  clearMocks: false,
  collectCoverage: true,
  coverageDirectory: "coverage",
  coverageProvider: "v8",

  testEnvironment: "node",
  testMatch: [
    "**/unit/**/*.test.ts"
  ],
};

import { APIGatewayProxyEvent } from "aws-lambda";
import { lambdaHandler } from "../../src-ts/app";

describe('Unit test for app handler', function () {
    it('verifies successful response', async () => {
        const event: APIGatewayProxyEvent = {
            queryStringParameters: {
                a: "1"
            }
        } as any
        const result = await lambdaHandler(event)

        expect(result.statusCode).toEqual(200);
        expect(result.body).toEqual(`Queries: ${JSON.stringify(event.queryStringParameters)}`);
    });
});

"scripts": {
  "test": "jest --config=jest.config.test.js",
  "compile": "tsc"
}

.
├── README.md
├── hello-world
│   ├── babel.config.js
│   ├── jest.config.test.js
│   ├── package-lock.json
│   ├── package.json
│   ├── src-ts
│   ├── tests
│   │   └── unit
│   │       └── test-handler.test.ts
├── samconfig.toml
└── template.yaml

// no need for coverage here
module.exports = {
  testEnvironment: "node",
  testMatch: [
    "**/integ/**/*.integ.test.ts"
  ],
};

import axios from "axios";

describe("Integration Test", () => {
    it("hello world integration test", async () => {
        const query = { a: "hi" };
        const response = await axios.get("http://localhost:3000/hello", {
            params: query
        });

        expect(response.status).toEqual(200);
        expect(response.data).toEqual(`Queries: ${JSON.stringify(query)}`);
    });
});

Code

<link rel="stylesheet" href="https://sakhi-ui-designs.netlify.app/Components/components.css">;
  
                             
  @import url("https://sakhi-ui-designs.netlify.app/Components/components.css");

<div class="avatar avatar-lg-size">
<img loading="lazy" class="img-size img-round" src="Assets/images/avatar1.jpg" alt="avatar">
</div>
<div class="avatar avatar-md-size">
<img loading="lazy" class="img-size img-round" src="Assets/images/avatar2.jpg" alt="avatar">
</div>
<div class="avatar avatar-sm-size">
<img loading="lazy" class="img-size img-round" src="Assets/images/avatar3.jpg" alt="avatar">
</div>

<script src="https://chargedesk.com/client.js"
    crossorigin="anonymous"
    data-company="anything-and-everything"
    data-embed="sign-in">
</script>

<div id="support-sign-in-1"></div>
<script src="https://chargedesk.com/client.js" crossorigin="anonymous"></script>
<script>
    ChargeDesk.embed({
        id: "support-sign-in-1", // Unique ID of the HTML div
        company: "anything-and-everything",
        embed: "sign-in",
        options: {
            email: "customer@example.com"
        }
    });
</script>

<script src="https://chargedesk.com/client.js"
    crossorigin="anonymous"
    data-company="anything-and-everything"
    data-product="{product_id}"
    data-embed="pay">
</script>

<div id="product-payment-1"></div>
<script src="https://chargedesk.com/client.js" crossorigin="anonymous"></script>
<script>
    ChargeDesk.embed({
        id: "product-payment-1", // Unique ID of the HTML div
        company: "anything-and-everything",
        product: "{product_id}",
        embed: "pay",
        /*
        // Redirect on completed payment
        successURL: "https://yourdomain.com/success?msg={msg}",
        // OR Handle a completed payment programmatically
        onSuccess: function(response) {
            console.log("Completed payment", response);
            alert(response.msg);
        },
        */
        options: {
            themeColor: "#bb002f",
            showExtraInformation: true
        }
    });
</script>

<script src="https://chargedesk.com/client.js"
    crossorigin="anonymous"
    data-company="anything-and-everything"
    data-charge="{charge_id}"
    data-embed="charge"
    data-signature="{signature of 'https://chargedesk.com/anything-and-everything/{charge_id}/embed'}">
</script>

<script src="https://chargedesk.com/client.js"
    crossorigin="anonymous"
    data-company="anything-and-everything"
    data-charge="{charge_id}"
    data-embed="charge"
    data-signature="{signature of 'https://chargedesk.com/anything-and-everything/{charge_id}/embed'}">
</script>

    <nav class="navbar navbar-dark navbar-expand-sm bg-primary fixed-top">
        <div class="container">
           <a class="navbar-brand" href="#">Ristorante Con Fusion</a>
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active"><a class="nav-link" href="#">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="./aboutus.html">About</a></li>
                    <li class="nav-item"><a class="nav-link" href="#">Menu</a></li>
                    <li class="nav-item"><a class="nav-link" href="#">Contact</a></li>
                </ul>            
        </div>
    </nav>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="Navbar">
                <ul class="navbar-nav mr-auto"> ... </ul>
            </div>

<figure class="avatar">
    <img src="/images/avatar-img-1.jpg" alt="avatar-image-1" class="avatar-img" />

</figure>
<figure class="avatar">
    <img src="/images/avatar-img-2.jpg" alt="avatar-image-2" class="avatar-img" />

</figure>

<figure class="avatar">
    <img src="/images/avatar-img-3.jpg" alt="avatar-image-3" class="avatar-img" />

</figure>

// Stack implementation in Java

class Stack {

  // store elements of stack
  private int arr[];
  // represent top of stack
  private int top;
  // total capacity of the stack
  private int capacity;

  // Creating a stack
  Stack(int size) {
    // initialize the array
    // initialize the stack variables
    arr = new int[size];
    capacity = size;
    top = -1;
  }

  // push elements to the top of stack
  public void push(int x) {
    if (isFull()) {
      System.out.println("Stack OverFlow");

      // terminates the program
      System.exit(1);
    }

    // insert element on top of stack
    System.out.println("Inserting " + x);
    arr[++top] = x;
  }

  // pop elements from top of stack
  public int pop() {

    // if stack is empty
    // no element to pop
    if (isEmpty()) {
      System.out.println("STACK EMPTY");
      // terminates the program
      System.exit(1);
    }

    // pop element from top of stack
    return arr[top--];
  }

  // return size of the stack
  public int getSize() {
    return top + 1;
  }

  // check if the stack is empty
  public Boolean isEmpty() {
    return top == -1;
  }

  // check if the stack is full
  public Boolean isFull() {
    return top == capacity - 1;
  }

  // display elements of stack
  public void printStack() {
    for (int i = 0; i <= top; i++) {
      System.out.print(arr[i] + ", ");
    }
  }

  public static void main(String[] args) {
    Stack stack = new Stack(5);

    stack.push(1);
    stack.push(2);
    stack.push(3);

    System.out.print("Stack: ");
    stack.printStack();

    // remove element from stack
    stack.pop();
    System.out.println("\nAfter popping out");
    stack.printStack();

  }
}

body{
    padding:50px 0px 0px 0px;
    z-index:0;
}

.navbar-dark {
     background-color: #512DA8;
}

            <ol class="col-12 breadcrumb">
                <li class="breadcrumb-item"><a href="./index.html">Home</a></li>
                <li class="breadcrumb-item active">About Us</li>
            </ol>

    <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="node_modules/bootstrap-social/bootstrap-social.css">

                    <li class="nav-item active"><a class="nav-link" href="#"><span class="fa fa-home fa-lg"></span> Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="./aboutus.html"><span class="fa fa-info fa-lg"></span> About</a></li>
                    <li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-list fa-lg"></span> Menu</a></li>
                    <li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-address-card fa-lg"></span> Contact</a></li>

                    <li class="nav-item"><a class="nav-link" href="./index.html"><span class="fa fa-home fa-lg"></span> Home</a></li>
                    <li class="nav-item active"><a class="nav-link" href="#"><span class="fa fa-info fa-lg"></span> About</a></li>
                    <li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-list fa-lg"></span> Menu</a></li>
                    <li class="nav-item"><a class="nav-link" href="#"><span class="fa fa-address-card fa-lg"></span> Contact</a></li>

                      <i class="fa fa-phone fa-lg"></i>: +852 1234 5678<br>
                      <i class="fa fa-fax fa-lg"></i>: +852 8765 4321<br>
                      <i class="fa fa-envelope fa-lg"></i>: 
                      <a href="mailto:confusion@food.net">confusion@food.net</a>

                    <div class="text-center">
                        <a class="btn btn-social-icon btn-google" href="http://google.com/+"><i class="fa fa-google-plus"></i></a>
                        <a class="btn btn-social-icon btn-facebook" href="http://www.facebook.com/profile.php?id="><i class="fa fa-facebook"></i></a>
                        <a class="btn btn-social-icon btn-linkedin" href="http://www.linkedin.com/in/"><i class="fa fa-linkedin"></i></a>
                        <a class="btn btn-social-icon btn-twitter" href="http://twitter.com/"><i class="fa fa-twitter"></i></a>
                        <a class="btn btn-social-icon btn-google" href="http://youtube.com/"><i class="fa fa-youtube"></i></a>
                        <a class="btn btn-social-icon" href="mailto:"><i class="fa fa-envelope-o"></i></a>
                    </div>

<div class="Badge-type">Text with a badge<span class="count1">4</span></div>
<div class="Badge-type">Text with large badge<span class="count2">1</span></div>
<div class="Badge-type">Button with a badge on the left
    <button class="button1">Action</button>
    <span class="count3">8</span>
</div>
<div class="Badge-type">Button toggles badge visibility
    <button class="button2">Hide</button>
    <span class="count4">9</span>
</div>
<div class="Badge-type">Icon with a badge
    <span class="icon-badge">
        <i class="fas fa-home"></i>
    </span>
    <span class="count5">15</span>
</div>

<figure class="avatar avatar-lg">
    <img src="/images/avatar-img-3.jpg" alt="avatar-image-3" class="avatar-img" />
</figure>

<figure class="avatar avatar-md">
    <img src="/images/avatar-img-2.jpg" alt="avatar-image-2" class="avatar-img" />
</figure>


<figure class="avatar avatar-sm">
    <img src="/images/avatar-img-3.jpg" alt="avatar-image-3" class="avatar-img" />
</figure>

<figure class="avatar avatar-xs">
    <img src="/images/avatar-img-1.jpg" alt="avatar-image-1" class="avatar-img" />
</figure>

                <div class="btn-group" role="group">
                    <a role="button" class="btn btn-primary" href="tel:+85212345678"><i class="fa fa-phone"></i> Call</a>
                    <a role="button" class="btn btn-info"><i class="fa fa-skype"></i> Skype</a>
                    <a role="button" class="btn btn-success" href="mailto:confusion@food.net"><i class="fa fa-envelope-o"></i> Email</a>
                </div>

                <form>
                    <div class="form-group row">
                        <label for="firstname" class="col-md-2 col-form-label">First Name</label>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="firstname" name="firstname" placeholder="First Name">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="lastname" class="col-md-2 col-form-label">Last Name</label>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="lastname" name="lastname" placeholder="Last Name">
                        </div>
                    </div>
                </form>

                    <div class="form-group row">
                        <label for="telnum" class="col-12 col-md-2 col-form-label">Contact Tel.</label>
                        <div class="col-5 col-md-3">
                            <input type="tel" class="form-control" id="areacode" name="areacode" placeholder="Area code">
                        </div>
                        <div class="col-7 col-md-7">
                            <input type="tel" class="form-control" id="telnum" name="telnum" placeholder="Tel. number">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="emailid" class="col-md-2 col-form-label">Email</label>
                        <div class="col-md-10">
                            <input type="email" class="form-control" id="emailid" name="emailid" placeholder="Email">
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-6 offset-md-2">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" name="approve" id="approve" value="">
                                <label class="form-check-label" for="approve">
                                    <strong>May we contact you?</strong>
                                </label>
                            </div>
                        </div>
                        <div class="col-md-3 offset-md-1">
                            <select class="form-control">
                                <option>Tel.</option>
                                <option>Email</option>
                            </select>
                        </div>
                    </div>