Snippets Collections
step1-node -v to see the version of nodejs
step2-npx create-react-app nisthaapp
step3-cd nisthaapp
step4-npm run start
step5-delete those files which are not in work
setuptest.js in src,reportwebvitals in src,logo.svg in src,apptest in src,app.css in src
step6-go in index.js and remove delete files from include section
step7-same for app.js
step8-new app.js

function App() {
  return (
   <div>
    <h1>
      chai or react
    </h1>
    </div>
  );
}

export default App;


jo bhi project hum npx create-react-app se bnate h vo bhut jyada bulky hote h.isliye ab hum vite use krte h.vite ek bundler h
step1-npm create vite@latest
step2-set configuration 
step3-cd projectname
step4-iss process mai node modules nhi hote isliye alag se install krne pdenge
command-npm i
step5-delete those files which are not in work
step6-go in index.js and remove delete files from include section
step7-same for app.js
step8-new app.js
def getKey(keysize):

    key = os.urandom(keysize)
    return key

def getIV(blocksize):

    iv = os.urandom(blocksize)
    return iv
#include <stdio.h>
#define MAX 6
int Q[MAX];
int front, rear;
void insertQ()
{
    int data;
    if(rear==MAX) {
        printf("\nLinear Queue is Full: we cannot add an element.");
    }
    else{
        printf("Enter Data: ");
        scanf("\n%d", & data );
        Q[rear] = data;
        rear++;
    }
}
void deleteQ()
{
    if(rear==front){
        printf("Queue is Empty. we cannot delete an element.");
    }
    else {
        printf("\nDeleted Element is %d ", Q[front]);
        front++;
    }
}

void displayQ()
{
    int i;
    if(front==rear) {
        printf("\nQueue is Empty. we dont Have any element yet!");
    }
    else {
        printf("\nElements in the Queue is : ");
        for(int i = front; i<rear; i++){
            printf("%d ", Q[i]);
        }
    }
}

int menu()
{
    int choice;
    //clrscr();
    printf("\nQueus Operation using Array: ");
    printf("\n 1. insert Element.");
    printf("\n 2. Delete Element.");
    printf("\n 3. Display Elements.");
    printf("\n 4. Quit.");
    
    printf("\n\nEnter Your Choice: ");
    scanf("%d", & choice);
    return choice;
}

int main() {
   int choice;
   do
   {
       choice = menu();
       switch(choice) 
       {
           case 1: insertQ(); break;
           case 2: deleteQ(); break;
           case 3: displayQ(); break;
       }
       //getchoice();
   }
   while(1);

    //return 0;
}

//OUTPUT:
Queus Operation using Array: 
1. insert Element.
2. Delete Element.
3. Display Elements.
4. Quit.

Enter Your Choice: 1
Enter Data: 50
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 1
Enter Data: 60
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 1
Enter Data: 70
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 3
Elements in the Queue is : 50 60 70 
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 1
Enter Data: 80
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 3
Elements in the Queue is : 50 60 70 80 
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 2
Deleted Element is 50 
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 3
Elements in the Queue is : 60 70 80 
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 1
Enter Data: 20
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 1
Enter Data: 30
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 1
Linear Queue is Full: we cannot add an element.
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 3
Elements in the Queue is : 60 70 80 20 30 
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 1
Linear Queue is Full: we cannot add an element.
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 3
Elements in the Queue is : 60 70 80 20 30 
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 2
Deleted Element is 60 
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 3
Elements in the Queue is : 70 80 20 30 
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 1
Linear Queue is Full: we cannot add an element.
Queus Operation using Array: 
 1. insert Element.
 2. Delete Element.
 3. Display Elements.
 4. Quit.

Enter Your Choice: 
{
    ip: "174.116.192.7",
    is_eu: false,
    city: "Moncton",
    region: "New Brunswick",
    region_code: "NB",
    region_type: "province",
    country_name: "Canada",
    country_code: "CA",
    continent_name: "North America",
    continent_code: "NA",
    latitude: 46.096500396728516,
    longitude: -64.80069732666016,
    postal: "E1C",
    calling_code: "1",
    flag: "https://ipdata.co/flags/ca.png",
    emoji_flag: "🇨🇦",
    emoji_unicode: "U+1F1E8 U+1F1E6",
    asn: {
        asn: "AS812",
        name: "Rogers Communications Canada Inc",
        domain: "rogers.com",
        route: "174.116.128.0/17",
        type: "business"
    },
    company: {
        name: "Rogers Communications Canada Inc",
        domain: "rogers.com",
        network: "174.116.128.0/17",
        type: "business"
    },
    languages: [
        {
            name: "English",
            native: "English",
            code: "en"
        },
        {
            name: "French",
            native: "Français",
            code: "fr"
        }
    ],
    currency: {
        name: "Canadian Dollar",
        code: "CAD",
        symbol: "CA$",
        native: "$",
        plural: "Canadian dollars"
    },
    time_zone: {
        name: "America/Moncton",
        abbr: "AST",
        offset: "-0400",
        is_dst: false,
        current_time: "2023-11-30T18:46:57-04:00"
    },
    threat: {
        is_tor: false,
        is_vpn: false,
        is_icloud_relay: false,
        is_proxy: false,
        is_datacenter: false,
        is_anonymous: false,
        is_known_attacker: false,
        is_known_abuser: false,
        is_threat: false,
        is_bogon: false,
        blocklists: [],
        scores: {
            vpn_score: 0,
            proxy_score: 0,
            threat_score: 67,
            trust_score: 78
        }
    }
}
num = 15
flag = 0
for i in range(2,num):
  if num%i==0:
    flag = 1
    break
if flag == 1:
  print('Not Prime')
else:
  print("Prime")
int main()
{
    int year;

    year=2000;

    if(year % 400 == 0)
        cout << year << " is a Leap Year";
        
    else if(year % 4 == 0  && year % 100 != 0)
        cout << year << " is a Leap Year";
        
    else
        cout << year << " is not a Leap Year";
    
    return 0;
}
una imagen es el empaquetador que contiene las dependencias el codigo y es lo que se comparte

un container son capas tras capas de imagenes

existen tres tipos de virtualizaciones en las VM virtualmachine
1.- para virtualizacion
en la paravirtualizacion intenta entregar la mayor cantidad de acceso del sistema anfitrion de su hardware a los cientes en el contenedor

2.- virtualizacion parcial
donde algunos componentes del hardware se virtualizan para en sistema operativo cliente

3.- virtualizacion completa:
donde absolutamente todos los componentes o hardware que esta utilizando el sistema operativo cliente son virtualizados de esta manera los sistemas operativos cliente no acceden en los absoluto al hardware

para todos los casos anteriores docker va a ser absolutamente superior y va a utilizar el kernel del sistema opetativo anfitrion y esto se traduce en rendimiento, los contenedores de docker parten casi que instantaneamente, obteniendo un rendimiento muy superior a todas las alternativas mencionadas anteriormente fin de la teoria


docker desktop es una maquina virtual se encuentra optimizada
corre linux
ejecuta containers
permite acceder al sistema de archivos y tambien a la red(interna y externa)

docker desktop no es una unica herramienta viene con otras herramientas que nos sirven para trabajar con nuestras imagenes y tambien con nuestros containers dentro de estas herramientes tenemos 

docker compose, docker cli ademas de otras herramientas

puede correr de manera nativa en windows con la herramienta WSL2(windows subsystem for linux)


existe una alternativa de instalacion para windows,linux y mac

para windows una sola opcion solamente es descargarlo y presionar siguiente siguiente siguente y listo

para mac existen dos alternatinas pulsar la de la derecha en la pagina web de docker

para linux docker ya tiene paquetes de instalacion pre compilados dependiendo de la version de linux que estes utilizando utiliza la alternativa que mas te funcione

que es dockerHUB: es un repositorio de imagenes o contenedores disponibles para comenzar a trabajar oficiales para utilizar

proceso para instalarlo
* docker images : devuelve un listado completo de todas las imagenes que hallamos descargado en nuestra maquina
donde repositorio te muestra el nombre de la imagen que se halla descargado, cada repositorio puede tener una o mas etiquetas con la version de la imagen

para descargar una imagen tenemos dos alternativas con el siguiente comando
1.-descargar la version que nosotros queremos
2.- no especificar nada esto va a descargar la ultima version de la imagen que queramos descargar
ejemplo:
* docker pull node

este comando te descargara cada una de las capas que componen la imagen de manera que si tenemos que descargar otra imagen y sus capas ya han sido descargadas por otro imagen las capas ya descargadas anteriormente ya no se volveran a descargar de esta manera de aprovecha espacio y tambien las distintas imagenes para optimizar un poco mas el espacio que estas van a utilizar en el disco duro

para descargar una version especifica de una imagen
* docker pull node:18

la imagen id es la misma que las otras versiones relativamente similares lo que cambia es la etiqueta de la version

para descargar la imagende mysql 
en mac se debe colocar 
* docker pull --platform linux/x86_64 mysql

normal es 

* docker pull mysql

tambien podemos indicar una version

* docker pull mysql:numeroversion

para eliminar una imagen en ejecucion el comando es

* docker image rm nombredelaimagen

la imagen de docker pull no necesita tantas configuraciones

Despues de descargar una imagen se procede a crear un contenedor

* docker create mongo (forma corta)

* docker container create mongo (forma larga) 

nos devuelve un id del contenedor (este id nos sirve para crear un contenedor)
el comando para ejecutar un contenedor es:

* docker start idContenedor (donde idcontenedor es el codigo id largo del contenedor) esto nos devuelve el id del contenedor nuevamente

* docker ps : este comando es como docker iamges pero se usa para ver los contenedores creados, cuando se crea un contenedor se le agrega un nombre de manera arbitraria al contenedor y ese nombre se puede usar en lugar del idcortocontenedor para eliminar el contenedor

* docker ps -a para ver todos los contenedores incluso los que no se estan ejecutando

para detener el contenedor se debe usar el comando

* docker stop idcortocontenedor

para asignar un nombre a un contenedor:

* docker create --name nombreContenedor esto nos devuelve el idlargo del contenedor indicando que ya se ha creado el contenedor

y como ya le hemos asignado un nombre al contenedor podemos iniciarlo con:

* Docker start nombreContenedorAsignado

para poder guardar datos dentro de un contenedor se debe mapear el puerto local al puerto del contenedor:

* docker create -p27017:27017 --name nombreContenedor nombreImagenBase donde lo que esta antes del : es el puerto de la maquina nuestra la maquina local y lo que esta despues del : es el puerto interno del contenedor, siempre asignale un puerto a cada contenedor creado por que si dejas que docker asigne un puerto los va a asignar por encima del puerto 50mil

con el comando 
docker logs nombreContenedor  puedes ver todos los logs que este nos muestra y tambien puedes verlo con

* docker logs --follow nombreContenedor la diferencia es que este se queda escuchando y mostrando los logs en tiempo real

el comando docker run hace tres cosas 
1.-descarga la imagen
2.-crea el contenedor
3.-inicia el contenedor

* ejemplo docker run mongo
docker run mongo

los siguientes dos comandos devulven el id del contenedor creado
docker run -d mongo este nos asigna un nombre arbitrariamente por docker
docker run --name nombreContenedor -p27017:27017 -d imagenbase este comando nos permite crear un contenedor mas personalizado

luego para ver el contenedor usa el comando 
* docker ps

configuracion del archivo dockerfile
tomar una aplicacion de docker un meterla dentro de un container
el archivo dockerfile no puede tener otro nombre se tiene que llamar dockerfile, este archivo se utiliza para que nosotros podamos construir nuestros containers, aqui nosotros vamos a escribir las instrucciones que necesita nuestro contenedor para poder crearse,m todas las imagenes que nosotros creemos siempre se tienen que basar en alguna otra imagen

ejemplo
* FROM node:etiquetaversion

RUN mkdir -p /home/app --esto es donde vamos a meter el codigo fuente de nuestra aplicacion, esta ruta no es una ruta fisita en nuestra maquina sino que es una ruta en el contenedor 

COPY . /home/app

EXPOSE 3000 ruta donde se va a ejecutar la aplicacion

CMD ["node","/home/app/index.js"]

ahora vamos a aprender a crear redes en docker

* docker ls : lista todas las redes existentes

* docker network create mired : este comando creara una nueva red dentro de docker este nos devolvera el id de la red creada

* docker network rm mired este comando elimina la red creada anteriormente

el siguiente comando recibe dos argumentos (nombreDadoPorMI,rutanodenosencontramos ) y se utiliza para construir contenedores en base a un archivo dockerfile

* docker build -t miapp:etiquetaversiondadapormi .

*docker create -P27017:27017 --name monguito --network mired -e MONGO_INITDB_ROOT_USERNAME=nico -e MONGO_INIT_DB_ROOT_PASSWORD=password mongo

ahora para colocar el contenedor de la aplicacion que nosotros acabamos de colocar dentro de una imagen

*docker create -p3000 --name chanchito --network mired miapp:1

*luego escribir docker ps -a

luego de hacer esto debemos arrancar los dos contenedores que creamos y que estan dentro de una misma red
sudo docker start monguito
sudo docker start chanchito

resumen de pasos para poder crear contenedores y tambien conectarlos
descargar la imagen
crear una red
crear el contenedor
	asignar puertos 
    asignar un nombre
    variables de entorno
    especificar la red
    indicar la imagen:consuetiqueta
todo esto por cada contenedor

para automatizar todo los pasos anteriores existe la herramienta docker compose
para esto debemos crear y editar un archivo con extension.yml

la estructura de este archivo es la siguiente
version:"3.9"
services:
	chanchito:
		build: .
        ports:
			-"3000:3000"
		links:
			-monguito
	monguito:
		imagen:mongo
        	ports:"27017:27017"
		environment:
			- MONGO_INITDB_ROOT_USERNAME=nico
			- MONGO_INITDB_ROOT_PASSWORD=password

ahora para ejecutar un archivo docker yml o docker compose se utiliza el siguiente comando:
docker compose up

luego verificas las imagenes creadadas con 

*docker images

con el comando 
docker compose down que es lo contrario de docker compose up, para eliminartodo lo que se creo anteriormente con docker compose up

para trabajar con volumenes vamos al final del archivo compose 
version:"3.9"
services:
	chanchito:
		build: .
        ports:
			-"3000:3000"
		links:
			-monguito
	monguito:
		imagen:mongo
        	ports:"27017:27017"
		environment:
			- MONGO_INITDB_ROOT_USERNAME=nico
			- MONGO_INITDB_ROOT_PASSWORD=password
		volumes:
			-mongo-data:/data/db
            # mysql -> var/lib/mysql
            # postgres -> var/lib/postgresql/data
volumes:
	mongo_data:

para crear multiples ambientes de desarrollo mientras estamos trabajando con docker
primero debemos crear un archivo con extension.dev ejemplo dockerfile.yml ya que el archivo que teniamos anterior mente quizas queramos usarlo para produccion ejemplo dockerfile.dev la estructura este este archivo es parecida al archivo dockerfile anterior con algunas diferencias

FROM node:18

RUN npm i -g nodemon
RUN mkdir -p /home/app

WORKDIR /home/app

EXPOSE 3000

CMD ["nodemon","index.js"]

ademas de este archivo demos crear un archivo compose para desarrollo tambien al cual llamaremos docker-compose-dev.yml con la siguiente estructura
version:"3.9"
services:
	chanchito:
		build: 
        context: .
        dockerfile:dockerfile.dev
        ports:
			-"3000:3000"
		links:
			-monguito
		volumes: 
			- .:/home/app
	monguito:
		imagen:mongo
        	ports:"27017:27017"
		environment:
			- MONGO_INITDB_ROOT_USERNAME=nico
			- MONGO_INITDB_ROOT_PASSWORD=password
		volumes:
			-mongo-data:/data/db
            # mysql -> var/lib/mysql
            # postgres -> var/lib/postgresql/data
volumes:
	mongo_data:

para provar el archivo que acabamos de construir utilizamos el siguiente comando, un archivo docker compose completamente customisado que no sea docker-compose.yml

docker compose -f docker-compose-dev.yml up
d = []             

for i in range(19): 
    d.append([]) 
    for j in range(19): 
        d[i].append(0)

n = int(input("돌 숫자: "))
for i in range(n):
    x, y = map(int,input().split())
    d[x][y] = 1 


for i in range (0,19): 
    for j in range (0,19): 
        print(d[i][j], end =' ') 
    print()
$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});
"range": {
    "creationDate": {
      "gte": "2022-09-01",
      "lte": "2023-12-01"
    },
    "lastModificationDate": {
      "gte": "2022-09-01",
      "lte": "2023-12-01"
    },
    "fileSize": {
      "gte": 0,
      "lte": 8
    }
  }
<a href="https://takemyclasshelp.com/">Pay Someone to Take My Online Class</a> – they make it seamless. Need help with accounting and math exams? Flawless execution – "<a href="https://takemyclasshelp.com/take-my-online-exam-for-me/take-my-online-accounting-exam-for-me/">Take My Accounting Exam For Me</a>" and "<a href="https://takemyclasshelp.com/take-my-online-math-class-for-me/">Take My Maths Exam For Me</a>." Highly recommend stress-free online learning support.
background-image: linear-gradient(90deg, #020024 0%, #090979 35%, #00d4ff 100%);
{
    ip: "174.116.192.7",
    is_eu: false,
    city: "Moncton",
    region: "New Brunswick",
    region_code: "NB",
    region_type: "province",
    country_name: "Canada",
    country_code: "CA",
    continent_name: "North America",
    continent_code: "NA",
    latitude: 46.096500396728516,
    longitude: -64.80069732666016,
    postal: "E1C",
    calling_code: "1",
    flag: "https://ipdata.co/flags/ca.png",
    emoji_flag: "🇨🇦",
    emoji_unicode: "U+1F1E8 U+1F1E6",
    asn: {
        asn: "AS812",
        name: "Rogers Communications Canada Inc",
        domain: "rogers.com",
        route: "174.116.128.0/17",
        type: "business"
    },
    company: {
        name: "Rogers Communications Canada Inc",
        domain: "rogers.com",
        network: "174.116.128.0/17",
        type: "business"
    },
    languages: [
        {
            name: "English",
            native: "English",
            code: "en"
        },
        {
            name: "French",
            native: "Français",
            code: "fr"
        }
    ],
    currency: {
        name: "Canadian Dollar",
        code: "CAD",
        symbol: "CA$",
        native: "$",
        plural: "Canadian dollars"
    },
    time_zone: {
        name: "America/Moncton",
        abbr: "AST",
        offset: "-0400",
        is_dst: false,
        current_time: "2023-11-30T11:33:07-04:00"
    },
    threat: {
        is_tor: false,
        is_vpn: false,
        is_icloud_relay: false,
        is_proxy: false,
        is_datacenter: false,
        is_anonymous: false,
        is_known_attacker: false,
        is_known_abuser: false,
        is_threat: false,
        is_bogon: false,
        blocklists: [],
        scores: {
            vpn_score: 0,
            proxy_score: 0,
            threat_score: 67,
            trust_score: 78
        }
    }
}
(function(window) {
  function define_library() {
    // Create the library object and all its properties and methods.
    var vanillaZoom = {};
    vanillaZoom.init = function(galleryId) {
      // Our library's logic goes here.
    }
    return vanillaZoom;
  }

  // Add the vanillaZoom object to global scope if its not already defined.
  if(typeof(vanillaZoom) === 'undefined') {
    window.vanillaZoom = define_library();
  }
  else{
    console.log("Library already defined.");
  }
})(window);
<?php

	class GPSSimulation {
		private $conn;
		private $hst = null;
		private $db = null;
		private $usr = null;
		private $pwd = null;
		private $gpsdata = [];
			
		//////////////////////// PRIVATE
		
		private function fillDataTable() {
			$this->initializeDatabase();
			
			$add = $this->conn->prepare("INSERT INTO gpsmsg(dom, wagon, x, y) 
										       VALUES(?, ?, ?, ?)");
			
			
			// voorkom dubbele entries in de database.
			// als satelliet, datum, x en y al voorkomen in de tabel
			// kun je vaststellen dat de huifkar tijdelijk stilstaat
			// voor pauze, lunch of restaurantbezoek
			// en is een nieuwe entry niet nodig.
			$doesRecordExist = $this->conn->prepare(
				"SELECT COUNT(*) FROM gpsmsg 
			     WHERE dom = ? AND wagon = ? AND x = ? AND y = ?"
			);
			
			foreach($this->gpsdata as $ins) {
				
				list($dom, $wagon, $x, $y) = $ins;

				$doesRecordExist->execute([$dom, $wagon, $x, $y]);

				if($doesRecordExist->fetchColumn() == 0) {
					$add->execute([$dom, $wagon, $x, $y]);
				} 
			}
    	}
		
		private function initializeDatabase() {
			$this->conn->query("TRUNCATE TABLE gpsmsg");
			
		    $this->gpsdata[] = ["2023-10-19", "Old Faithful",      100, 100];
		    $this->gpsdata[] = ["2023-10-19", "Old Faithful",      150, 150];
		    $this->gpsdata[] = ["2023-10-19", "Old Faithful",      230, 310];
		    $this->gpsdata[] = ["2023-10-19", "Old Faithful",       80, 245];		    
			
			// test dubbelen, worden niet opgenomen in de database
		    $this->gpsdata[] = ["2023-10-19", "Old Faithful",      100, 100];
		    $this->gpsdata[] = ["2023-10-19", "Old Faithful",      150, 150];
		    $this->gpsdata[] = ["2023-10-19", "Old Faithful",      230, 310];
		    $this->gpsdata[] = ["2023-10-19", "Old Faithful",       80, 245];		    
					
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",       10,  54];
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",       75, 194];
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",      175, 161];
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",      134, 280];
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",      300, 160];
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",      400, 290];
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",      544, 222];
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",      444, 122];
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",      321,  60];
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",      200,  88];
		    $this->gpsdata[] = ["2023-10-15", "Jade Princess",       25,  25];

		    $this->gpsdata[] = ["2023-10-10", "Skyblue Wonder",       50,  50];
		    $this->gpsdata[] = ["2023-10-10", "Skyblue Wonder",      300, 188];
		    $this->gpsdata[] = ["2023-10-10", "Skyblue Wonder",      225,  90];			    
			
			// test dubbelen, worden niet opgenomen in de database
			$this->gpsdata[] = ["2023-10-10", "Skyblue Wonder",       50,  50];
		    $this->gpsdata[] = ["2023-10-10", "Skyblue Wonder",      300, 188];
		    $this->gpsdata[] = ["2023-10-10", "Skyblue Wonder",      225,  90];		    
			
			$this->gpsdata[] = ["2023-10-05", "Red Lobster",          50,  50];
		    $this->gpsdata[] = ["2023-10-05", "Red Lobster",         190, 288];
		    $this->gpsdata[] = ["2023-10-05", "Red Lobster",         260, 122];
		    $this->gpsdata[] = ["2023-10-05", "Red Lobster",         340,  90];
		    $this->gpsdata[] = ["2023-10-05", "Red Lobster",         240,  45];
		}
		
		//////////////////////// PUBLIC

		public function __construct($phst, $pdb, $pusr, $ppwd, $refresh = false) {
			$this->hst = $phst;	// bewaar de verbindingsgegevens
			$this->db  = $pdb;
			$this->hst = $pusr;
			$this->pwd = $ppwd;
			
			$this->conn = new PDO("mysql:host=$phst;dbname=$pdb", $pusr, $ppwd);
			
			if($refresh) $this->fillDataTable();
		}
	
		public function getDataRaw($wagname = null) {
        
			$sql = "SELECT * FROM gpsmsg ";
		
			if($satnm != null) {
				$sql .= "WHERE wagon = :wag";
		
				$stmt = $this->conn->prepare($sql);
        		$stmt->execute([":wag" => $wagname]);
			} else {
				$stmt = $this->conn->query($sql);
			}

			$s = "<table border='1' cellspacing='5' cellpadding='5'>";
        	$s .= "\r<tr><td>Date</td><td>Wagon</td><td>X</td><td>Y</td><tr>";
        	while ($row = $stmt->fetch(PDO::FETCH_OBJ)) {
            	$s .= "\r<tr>"
					."<td>{$row->dom}</td>"
			  	 	."<td>{$row->wagon}</td>"
				 	."<td>{$row->x}</td>"
				 	."<td>{$row->y}</td>"
				 	."</tr>";
        	}
        	$s .= "\r</table><br>";

        	return $s;
    	}

		public function getTraject() {
	
			$stmt = $this->conn->query("SELECT * FROM gpsmsg ");

			$dta = [];
        	while($row = $stmt->fetch(PDO::FETCH_OBJ)) {
				$dta[] = [ 
					"dom"   => $row->dom, 
					"wagon" => $row->wagon, 
					"x"     => $row->x, 
					"y"     => $row->y 
				];
        	}

			return $dta;
    	}

		public function createSelectbox() {
		
			$stmt = $this->conn->query("SELECT DISTINCT wagon FROM gpsmsg");
			$s = "<div id='pleaseChooseWagon'><strong>Wagon</strong>";
			$s .= "<select name='selWagon' id='selWagon' "
			   ."onchange='getWagonSelected(this)'>";
			$s .= "<option value='0'>-- choose wagon --</option>";

			while($row = $stmt->fetch(PDO::FETCH_OBJ)) {
				$s .= "<option value='{$row->wagon}'>{$row->wagon}</option>";
			}
			$s .= "</select></div>";

			return $s;
		}

	}  // einde class GPSSimulation
* {
	font-family: "Lucida Console", "Courier New", monospace;
}

html {
	background: #eee;
	background-image: linear-gradient(#eee, #888);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

canvas {
	background: url(achtergrond.jpg);
	background-size: cover;
	padding: 0;
	display: block;
	width: 660px;
	height: 350px;
	margin: 1cm auto;
	border: 5px solid #800;
}

select,
option {
	font-size: 1.2em;
}

#pleaseChooseWagon {
	width: 200px;
	display: block;
	margin: 1cm auto;
}
<?php
// error_reporting(E_ALL);
// ini_set("display_errors", 1);

require('gpssimulation.class.php');
?>
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>GPS SIMULATION</title>
	<link rel="icon" href="data:,">
	<link rel="stylesheet" href="gpsstyle.css">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Spectral|Rubik">
	<style>
		body {
			font-family: Rubik, sans-serif;
		}
		
		select,
		option {
			font-size: 1.2em;
			font-family: Spectral, serif;
		}
	</style>
</head>

<body>

	<?php

	$gps = new GPSSimulation('localhost', 'gps', 'root', 'root', true); // true=refresh

	echo $gps->createSelectbox();
	echo "<hr>";

	?>
	<canvas id="myCanvas" width="660" height="350"></canvas>

	<script>
		const canvas = document.getElementById("myCanvas");
		const ctx = canvas.getContext("2d");

		function processWagonData(whichWagon) {
			ctx.clearRect(0, 0, 660, 350);
			ctx.moveTo(0, 0);
			ctx.beginPath();

			let locationData = <?php echo json_encode($gps->getTraject()); ?>;
			console.log(locationData);
			let teller = 1;

			ctx.fillStyle = "black"; // toon welke satelliet
			ctx.font = "16px Arial";
			ctx.fillText(whichWagon, canvas.width-120, 18);

			locationData.forEach((elm) => {
				if (elm.wagon === whichWagon) {
					ctx.fillStyle = "green";
					ctx.setLineDash([5, 5]);
					ctx.lineTo(elm.x, elm.y);
					ctx.stroke();

					ctx.fillStyle = "black";
					ctx.font = "11px Arial";
					ctx.fillText("(" + elm.x + "," + elm.y + ") / " + (teller++),
						elm.x - 8, elm.y + 14);

					ctx.beginPath();
					ctx.fillStyle = "red";
					ctx.arc(elm.x - 2, elm.y - 2, 5, 0, 2 * Math.PI, false);
					ctx.fill();
				}
			});
		}

		function getWagonSelected(whichOne) {
			let selvalue = document.getElementById(whichOne.name).value;

			if (selvalue != 0) {
				processWagonData(selvalue);
			}
		}

		let selectedWagon = 'Old Faithful'; // start met deze
		processWagonData(selectedWagon); // laat eventueel weg, dan lege select
	</script>
</body>

</html>
function ShowHelloMessage() {

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

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

}

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

  font-size:1em;

  font-family:Arial;

  background:#eee;

}

​

#hellomessage {

  font-weight:bold;

}
<form method="GET">

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

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

</form>

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

​
*

  box-sizing: border-box

​

body, html

  width: 0%

  height: 100%

  display: flex

  align-items: center

  justify-content: center
10
  background: orange

​

.wrapper

  display: flex

  width: 90%

  justify-content: space-around

​

.card

  width: 280px

  height: 360px

  border-radius: 15px

  padding: 1.5rem

  background: white

  position: relative
​

.wrapper

  .card

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

  .card

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

    .info

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

      button Read More

      

  .card

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

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

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

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

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

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

    height: 300px;

    left: 0;

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

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

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

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

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

</div>
sudo apt-get update
sudo apt-get -y dist-pgrade
sudo apt-get install raspberrypi-ui-mods rpi-chromium-mods
sudo raspi-config
<!--
  templateType: global_partial
  label: Footer
-->

<section class="footer text-bg-dark" style="padding-top: 10px; padding-bottom: 10px; background-color: #000;">
 <div>  
  <div class="footer-menu-gen">
       <style>
          /* Justera textstorleken för h2 och paragraph på mobilvy */
          @media (max-width: 576px) {
              .footer-menu-gen {
                display: grid; /* Change display to grid on mobile devices */
                grid-template-columns: repeat(2, 1fr); /* Example: 2 columns in the grid */
                font-size: 16px
              }

          }
          /* Additional styling for screens with max-width: 768px */
          @media (min-width: 577px) {
              .footer-menu-gen {  
                display: flex;
                flex-direction: row;
                justify-content: center;
                font-size: 16px
                
              }
            }
      </style>
      <div style="padding: 10px; text-align: left;">
          <h3 style=" font-size: 20px">Städtjänster</h3>
          <ul style="list-style-type: none; padding: 0; margin: 0;">
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/hemstadning">Hemstädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/veckostadning">Veckostädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/storstadning">Storstädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/flyttstadning">Flyttstädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/fonsterputs-for-hemmet">Fönsterputs</a></li>
          </ul>
      </div>
      <div style="padding: 10px; text-align: left;">
          <h3 style=" font-size: 20px">Städtjänster företag</h3>
          <ul style="list-style-type: none; padding: 0; margin: 0;">
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/lokalvard">Lokalvård</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/kontorsstadning">Kontorsstädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/foretagsstadning">Företagsstädning</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/trappstadning">Trappstädning</a></li>            
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/fonsterputs-for-lokalvard">Fönsterputs</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadning/golvvard">Golvvård</a></li>
          </ul>
      </div>
      <div style="padding: 10px; text-align: left;">
          <h3 style=" font-size: 20px">Platser</h3>
          <ul style="list-style-type: none; padding: 0; margin: 0;">
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/har-stadar-vi/stadfirma-stockholm">Stockholm</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/har-stadar-vi/stadfirma-uppsala">Uppsala</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/har-stadar-vi/stadfirma-vasteras">Västerås</a></li>
          </ul>
      </div>    
      <div style="padding: 10px; text-align: left;">
          <h3 style=" font-size: 20px">Om oss</h3>
          <ul style="list-style-type: none; padding: 0; margin: 0;">
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadforetag">Om oss</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://jobb.vardagsfrid.se/">Jobba hos oss</a></li>
              <li><a style="color: white; text-decoration: none;" href="https://vardagsfrid.se/stadforetag/faq">FAQ</a></li>
          </ul>
      </div>
   </div>
 </div>
  <div class="container">
    <footer style="text-align: center; margin-left: auto; margin-right: auto; padding-top: 15px;">
      <div class="col-md-4 col-sm-12 mb-0" style="text-align: center; margin-left: auto;
    margin-right: auto;">
            <p>© 2023 Vardagsfrid</p>
            <a href="https://vardagsfrid.se">
              <img src="{{ get_asset_url('/vardagsfrid-hubspot/assets/logo-light.svg') }}" alt="Vardagsfrid Logo" class="bi me-2" width="150" height="27" loading="lazy">
            </a>
      </div>
    </footer>
  </div>
</section>
With so many online games available abundantly on the platform, there always have been competition on which games take the top spot. Android games are regarded as unmarred as they offer unmatched advantages over other benefits. The past decade witnessed a rise in Android games and the audience has always welcomed it, let us check out the upcoming Best Android Games 2024. >> https://maticz.com/best-android-games
// ================================
// Extra Footer
// ================================

/* add_action('ava_before_footer','extra_footer');
    function extra_footer() { ?>
        <!-- 
        <div id='extra_footer' class='avia-section main_color avia-section-default avia-no-shadow avia-bg-style-scroll avia-builder-el-32 el_after_av_layout_row avia-builder-el-last  container_wrap fullsize'>
            <div class='container'>
                
            </div>
         </div>
        -->
<?php } */
$ docker run –d –p 8000:8000 todo-node-app:latest
docker build . -t todo-node-app 
docker run –d –p 8000:8000 todo-node-app:latest
FROM node:12.2.0-alpine
WORKDIR app
COPY . .
RUN npm install
RUN npm run test
EXPOSE 8000
CMD ["node","app.js"]
sudo apt install docker.io
#div1

{

background-color: rgb(217, 226, 224);padding: 20px;

}

#span1

{

color:rgb(255, 255, 255);

border-radius: 15px;

background-color:rgb(26, 39, 223);

text-align: center;

/* padding-left: 15px;

padding-top: 10px;

padding-right: 15px;

padding-bottom: 10px; */

padding: 10px;

}

#span1:hover:hover{

color: brown;

}

#span2

{

color: aliceblue;

border-radius: 15px;

background-color: rgb(9, 9, 207);

text-align: center;

padding: 10px;

}

#span2:hover{

color: brown;

}

#op{

background-color:rgb(214, 36, 12); color:rgb(10, 231, 47);

}

#span3

{

font-size: 22px;

padding: 5px;

}

.div3 span a:hover

{

color: blueviolet;

}

.gier{

border: 5px solid greenyellow;

border-radius:30px;

padding:40px;

float: left;

font-size:35px;

margin-bottom:10px;

margin-right:40px;

width:5cm;

height:4cm;

text-align: center;

}

#p{

transform: rotateZ(-45deg);

}

#p:hover{

box-shadow: 0 4px 8px 0 rgba(224, 6, 53, 0.2), 8px 6px 20px 4px rgba(3, 182, 17, 0.19);

}

.gier:hover

{

background-color:#dae2f0;

}

body{

background-color: aliceblue;

}

#a

{

color: blueviolet;

}
<html>
<head>
<title>
Own Website
</title>
</head>
<body>
<link rel="stylesheet" href="pro.css">
<h1 style="text-align:center; color:rgb(75, 5, 238);"> CODING WORLD</h1>
<div id="div1">
<select style="font-size:23px;padding-top:10px; padding-left:15px; padding-bottom:10px; padding-right:10px; border-radius:30px; background-color:rgba(4, 185, 164, 0.742);">
<option id=op style="text-align:center" > Home</option>
<option id=op > Pay Fee </option>
<option id=op> Placements </option>
<option id="op"> Results </option>
<option id="op"> About Us </option>
<option id="op"> Contact Us </option>
</select>
<span>
<a href="https://swayamopenid.b2clogin.com/swayamopenid.onmicrosoft.com/B2C_1_swayam2/
oauth2/v2.0/authorize?response_type=code&client_id=bf9d75c04ab09e9a054d24e2fea4&redirect_uri=https%3A%2F%2Fonlinecourses.nptel.ac.in%2Fwso_ok&scope=https%3A%2F%2Fswayamopenid.onmicrosoft.com%2Fapi%2Fuser_impersonation+offline_access+openid&state=xhTCTrTR9jZ6GRJL3qdsRVegUFWWd4&access_type=authorization_code"style="text-decoration:none;margin-left:1000px;font-size:25px" id="span1"> Login </a>
</span>
<span>
<a href="https://swayamopenid.b2clogin.com/swayamopenid.onmicrosoft.com/B2C_1_swayam2/api/
CombinedSigninAndSignup/unified?local=signup&csrf_token=bndXZ2xzSU5RODBzWWhTdlRZUHhVd0FQMTJNaDJsa2FaMVRWdmxjYVpzVERRdGtpMGVnKzBDN3dkNkIxby9vMzFoNFB0YWJ1QVVyR3NrWE5veXhnUVE9PTsyMDIzLTA3LTIyVDA1OjAxOjAxLjkwMjIxMzZaOzZYM0hpQVdVVTkxMFRMa3hWMWZxOGc9PTt7Ik9yY2hlc3RyYXRpb25TdGVwIjoxfQ==&tx=StateProperties=eyJUSUQiOiJmMmNmOTU0ZC00MzhhLTQ2MzItYmQ3MC01YWE2ZThiNmU4ZDIifQ&p=B2C_1_swayam2" style="text-decoration:none; margin-left:20px; font-size:25px" id="span2"> Signup </a>

</span>
</div>
<div style="background-color:bisque; padding:15px" class="div3">
<span id="span3"><a HREF="https://en.wikipedia.org/wiki/C__programming_language)">     
C-Programming</C-Programming></a>&nbsp; | </span>
<span id="span3">
<a HREF="https://www.bing.com/search?q=c%2B%2B+program&PC=U316&FORM
=CHROMN &FORM=ANAB01"> C++ </a>	&nbsp; |</span>
<span id="span3">
<a HREF="https://www.bing.com/search?q=java&PC=U316&FORM=CHROMN&FORM
=ANAB01">     Java</a>&nbsp; |</span>
<span id="span3">
<a  HREF="https://www.bing.com/search?q=python&PC=U316&FORM=CHROMN&FORM
=ANAB01"> Python</a>&nbsp; | </span>
<span id="span3">
<a HREF="https://www.bing.com/search?q=ruby+programming+language&PC=U316&FORM
=CHROMN&FORM=ANAB01"> Ruby </a>&nbsp; |</span>
<span id="span3">
<a HREF="https://www.bing.com/search?q=haskell&PC=U316&FORM=CHROMN&FORM
=ANAB01"> Haskell </a>&nbsp; |</span>
<span id="span3">
<aHREF="https://www.bing.com/search?q=html&PC=U316&FORM=CHROMN&FORM
=ANAB01"> HTML </a>&nbsp; |</span>
<span id="span3">
<a HREF="https://www.bing.com/search?q=css&PC=U316&FORM=CHROMN&FORM
=ANAB01"> CSS </a>&nbsp; |</span>
<span id="span3">
<a HREF="https://www.bing.com/search?q=React+Js&PC=U316&FORM=CHROMN&FORM
=ANAB01"> React Js</a>&nbsp;|</span>
<span id="span3">
<a HREF="https://www.bing.com/search?q=Angular+Js&PC=U316&FORM=CHROMN&FORM
=ANAB01"> Angular Js</a>&nbsp|</span>
<span id="span3"> 
<a HREF="https://www.bing.com/search?q=vu+js&PC=U316&FORM=CHROMN&FORM
=ANAB01">Vue.Js</a>&nbsp; |</span>
<span id="span3">
<a HREF="https://www.bing.com/search?q=BootStrap&PC=U316&FORM=CHROMN&FORM
=ANAB01">BootStrap</a>&nbsp;</span>
<span id="span3">
<a  HREF="https://www.bing.com/search?q=javascript&PC=U316&FORM=CHROMN&FORM
=ANAB01"> Java Script </a>&nbsp; |</span>
</div>
<br>
<br>
<div>
<span id="span" >
<div class="gier" style="margin-left: 80px;">
<p id="p"><a href="https://www.geeksforgeeks.org/c-language-introduction/" id="a"> C- Programs</a></p>
</div>
</span>
<span id="span">
<div class="gier">
<p id="p"><a href="https://www.programiz.com/cpp-programming/examples"   id="a"> C++ Programs</a></p>
</div>
</span>
<span id="span">
<div class="gier">
<p id="p"><a href="https://www.javatpoint.com/java-programs#:~:text=Java%20Basic%20 Programs%29%20Fibonacci%20Series%20in,to%20Compare%20Two%20Objects%20in%20Java%20More%20items"   id="a"> Java Programs</a></p>
</div>
</span>
<span id="span">
<div class="gier">
<p id="p"><a href="https://www.javatpoint.com/python-programs"   id="a"> python Programs</a></p>
</div>
</span>
<span id="span">
<div class="gier" style="margin-left: 80px;">
<p id="p"><a href="https://mikkegoes.com/html-and-css-projects/"  id="a">Css Project</a></p>
</div>
</span>
<span id="span">
<div class="gier">
<p id="p"><a href="https://hackr.io/blog/html-projects"   id="a"> HTML Project</a></p>
</div>
</span>
<span id="span">
<div class="gier">
<p id="p"><a href="https://www.interviewbit.com/blog/javascript-projects/"  id="a"> JS Project</a></p>
</div>
</span>
<span id="span">
<div class="gier">
<p id="p"><a href="https://www.codementor.io/projects/ruby" id="a"> Ruby Project</a></p>
</div>
</span>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en-UK">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Your Page Title</title>
</head>
<body>

<!-- Your page content goes here -->
<p>This is an example page to test translation.</p>

<div id="google_translate_element"></div>

<script type="text/javascript">
    function googleTranslateElementInit() {
        new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
    }
</script>

<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

</body>
</html>
Copy
import requests

API_URL = "https://XXXX"
headers = {
 "Authorization": "Bearer XXX",
 "Content-Type": "application/json"
}

def query(payload):
 response = requests.post(API_URL, headers=headers, json=payload)
 return response.json()

prompt = """### Instruction: 
         Use the input below to create an instruction, which could have been used to generate the input using an LLM. 

        ### Input 
          - Orange juice: liquid
          - Gatorade: liquid
          - Eye drops: liquid
          - Water: liquid
          - Peanut butter: solid
          - Iphone: solid
          - Beer: liquid
          - Guitar: solid
    
        ### Response:
    """
    
 
output = query({
 "inputs": prompt
})


print(output)

# output
"""
Tell me whether these are liquids or solids: 
orange juice, gatorade, eye drops, water, peanut butter, iphone, beer, guitar
"""
Copy
import torch
import transformers
from typing import Dict, Any 
from transformers import AutoTokenizer, AutoModelForCausalLM, pipeline 


dtype = torch.bfloat16 if torch.cuda.get_device_capability()[0] == 8 else torch.float16

class EndpointHandler:
    def __init__(self, model_path: str = ""):
    
        tokenizer = AutoTokenizer.from_pretrained(model_path)
        
        model = AutoModelForCausalLM.from_pretrained(
            model_path,
            return_dict=True,
            device_map='auto',
            load_in_8bit=True,
            torch_dtype=dtype,
            trust_remote_code=True)
        
        
        self.pipeline = transformers.pipeline(
            "text-generation",
            model=model,
            tokenizer=tokenizer,
            temperature=0.8,
            repetition_penalty=1.1,
            max_new_tokens=1000,
            pad_token_id=tokenizer.pad_token_id,
            eos_token_id=tokenizer.eos_token_id
        
        )


    def __call__(self, data: Dict[str, Any]) -> Dict[str, Any]:
        prompt = data.pop("inputs", data)
        
        llm_response = self.pipeline(
            prompt,
            return_full_text=False 
        )
        
        return llm_response[0]['generated_text'].strip()
"use client";

import { useRouter } from "next/navigation";
import { animatePageOut } from "@/animations";

export default function TransitionLink({
  href,
  label,
}: {
  href: string;
  label: string;
}) {
  const router = useRouter();

  const handleClick = () => {
    animatePageOut(href, router);
  };

  return (
    <button
      className="border-[1px] border-black p-4 rounded-xl hover:bg-black hover:text-neutral-100 cursor-pointer"
      onClick={handleClick}
    >
      {label}
    </button>
  );
}
Copy
# Login to HF
notebook_login()

# Define a path in HF repository you want to push your model --> CHANGE THIS TO YOUR HF PATH
model_path = "qendel-ai/aq-LORA-finetuned-mistral-7b-instruct-model-v01"

# Merge the finetuned model adapters with the base model 
finetuned_model = finetuned_model.merge_and_unload()

# Push the finetuned model along with adapters 
finetuned_model.push_to_hub(model_path, use_auth_token=True)
tokenizer.push_to_hub(model_path, use_auth_token=True)
Copy
# Mount your drive 
drive.mount('/content/drive')

# Define the data type 
dtype = torch.bfloat16 if torch.cuda.get_device_capability()[0] == 8 else torch.float16

# Your finetuned model's path (either in google drive or local)
model_path = "/path/to/your/finetuned/model/"

# Load the finetuned model and tokenizer
finetuned_model = AutoPeftModelForCausalLM.from_pretrained(
    model_path,
    low_cpu_mem_usage=True,
    torch_dtype=dtype,
    device_map='auto'
)
tokenizer = AutoTokenizer.from_pretrained(model_path)
sudo apt-get install alacritty
      //				tilix
		//				wezterm-nightly  --esto se consigue como un archivo app
star

Thu Nov 30 2023 19:50:30 GMT+0000 (Coordinated Universal Time)

@nistha_jnn #react.js

star

Thu Nov 30 2023 19:45:38 GMT+0000 (Coordinated Universal Time) https://www.thesecuritybuddy.com/cryptography-and-python/how-to-encrypt-and-decrypt-an-image-using-python/

@hagarmaher

star

Thu Nov 30 2023 19:26:58 GMT+0000 (Coordinated Universal Time)

@Mohamedshariif #java

star

Thu Nov 30 2023 18:48:41 GMT+0000 (Coordinated Universal Time) https://ipdata.co/?ref

@etg1

star

Thu Nov 30 2023 18:32:04 GMT+0000 (Coordinated Universal Time) https://www.chegg.com/homework-help/questions-and-answers/personal-librarv-management-svstem-60-marks-avid-readers-keeping-track-personal-library-ch-q120557643

@alryashi3

star

Thu Nov 30 2023 18:01:32 GMT+0000 (Coordinated Universal Time) https://prepinsta.com/python-program/program-to-check-if-the-given-number-is-prime-or-not/

@nistha_jnn

star

Thu Nov 30 2023 17:55:01 GMT+0000 (Coordinated Universal Time) https://prepinsta.com/cpp-program/cpp-program-to-check-whether-a-year-is-a-leap-year-or-not/

@nistha_jnn #c++

star

Thu Nov 30 2023 14:49:15 GMT+0000 (Coordinated Universal Time) https://www.youtube.com/watch?v=4Dko5W96WHg

@jrg_300i #php #poo #mvc #jquery #postgresql

star

Thu Nov 30 2023 14:23:59 GMT+0000 (Coordinated Universal Time) https://s1mcoding.tistory.com/16

@sykbs70

star

Thu Nov 30 2023 13:54:18 GMT+0000 (Coordinated Universal Time)

@jrg_300i #php #poo #mvc #jquery #postgresql

star

Thu Nov 30 2023 13:45:44 GMT+0000 (Coordinated Universal Time)

@diegoj

star

Thu Nov 30 2023 13:30:44 GMT+0000 (Coordinated Universal Time) https://homeworkprovider.com/accounting-homework-doer/

@Homework #accountinghomework doer #accountinghomework help

star

Thu Nov 30 2023 13:28:37 GMT+0000 (Coordinated Universal Time) https://takemyclasshelp.com/take-my-online-exam-for-me/take-my-online-accounting-exam-for-me/

@johniyer

star

Thu Nov 30 2023 13:27:17 GMT+0000 (Coordinated Universal Time) https://takemyclasshelp.com/take-my-online-exam-for-me/take-my-online-math-exam-for-me/

@johniyer

star

Thu Nov 30 2023 13:23:59 GMT+0000 (Coordinated Universal Time) https://takemyclasshelp.com/

@johniyer

star

Thu Nov 30 2023 13:23:09 GMT+0000 (Coordinated Universal Time)

@johniyer

star

Thu Nov 30 2023 13:18:14 GMT+0000 (Coordinated Universal Time) https://homeworkprovider.com/

@Homework #homeworkdoers #homeworkhelp

star

Thu Nov 30 2023 12:55:56 GMT+0000 (Coordinated Universal Time) https://cssgradient.io/

@zaryabmalik

star

Thu Nov 30 2023 11:48:15 GMT+0000 (Coordinated Universal Time) https://boostmyclass.com/take-my-online-class/

@BoostMyClass ##onlineclasstaker ##onlineexamtaker

star

Thu Nov 30 2023 11:46:13 GMT+0000 (Coordinated Universal Time) https://boostmyclass.com/take-my-online-exam/

@BoostMyClass ##onlineclasstaker ##onlineexamtaker

star

Thu Nov 30 2023 11:45:00 GMT+0000 (Coordinated Universal Time) https://ipdata.co/?ref

@etg1

star

Thu Nov 30 2023 11:16:54 GMT+0000 (Coordinated Universal Time)

@AlexP #js

star

Thu Nov 30 2023 09:37:04 GMT+0000 (Coordinated Universal Time)

@MAKEOUTHILL #html

star

Thu Nov 30 2023 09:35:53 GMT+0000 (Coordinated Universal Time)

@MAKEOUTHILL #html

star

Thu Nov 30 2023 09:34:53 GMT+0000 (Coordinated Universal Time)

@MAKEOUTHILL #html

star

Thu Nov 30 2023 09:30:52 GMT+0000 (Coordinated Universal Time) https://codepen.io/HowToSolutions/pen/ozbWKN

@irfanelahi1 #undefined

star

Thu Nov 30 2023 09:30:48 GMT+0000 (Coordinated Universal Time) https://codepen.io/HowToSolutions/pen/ozbWKN

@irfanelahi1 #undefined

star

Thu Nov 30 2023 09:30:45 GMT+0000 (Coordinated Universal Time) https://codepen.io/HowToSolutions/pen/ozbWKN

@irfanelahi1 #undefined

star

Thu Nov 30 2023 09:28:32 GMT+0000 (Coordinated Universal Time) https://codepen.io/Gelsot/pen/xpGYyd

@irfanelahi1 #undefined

star

Thu Nov 30 2023 09:28:30 GMT+0000 (Coordinated Universal Time) https://codepen.io/Gelsot/pen/xpGYyd

@irfanelahi1 #undefined

star

Thu Nov 30 2023 09:28:22 GMT+0000 (Coordinated Universal Time) https://codepen.io/knolaust/pen/bNvZRQ

@irfanelahi1 #undefined

star

Thu Nov 30 2023 09:28:13 GMT+0000 (Coordinated Universal Time) https://codepen.io/knolaust/pen/bNvZRQ

@irfanelahi1 #undefined

star

Thu Nov 30 2023 09:04:36 GMT+0000 (Coordinated Universal Time)

@iliavial

star

Thu Nov 30 2023 08:09:20 GMT+0000 (Coordinated Universal Time)

@Angelicajonsson

star

Thu Nov 30 2023 07:16:11 GMT+0000 (Coordinated Universal Time)

@RebbaLancaster

star

Thu Nov 30 2023 06:06:26 GMT+0000 (Coordinated Universal Time)

@omnixima #jquery

star

Thu Nov 30 2023 03:43:39 GMT+0000 (Coordinated Universal Time)

@ishwarshinde041 #html

star

Thu Nov 30 2023 03:43:32 GMT+0000 (Coordinated Universal Time)

@ishwarshinde041 #html

star

Thu Nov 30 2023 03:42:40 GMT+0000 (Coordinated Universal Time)

@ishwarshinde041 #html

star

Thu Nov 30 2023 03:41:20 GMT+0000 (Coordinated Universal Time)

@ishwarshinde041 #html

star

Thu Nov 30 2023 02:19:29 GMT+0000 (Coordinated Universal Time)

@viinod07

star

Thu Nov 30 2023 02:18:46 GMT+0000 (Coordinated Universal Time)

@viinod07

star

Thu Nov 30 2023 00:45:25 GMT+0000 (Coordinated Universal Time)

@pastor

star

Thu Nov 30 2023 00:41:37 GMT+0000 (Coordinated Universal Time) https://freedium.cfd/https://medium.com/@qendelai/the-easiest-and-cheapest-way-to-deploy-finetuned-mistral-7b-instruct-model-or-any-model-3f236182e8b8

@mikeee

star

Thu Nov 30 2023 00:36:58 GMT+0000 (Coordinated Universal Time) https://freedium.cfd/https://medium.com/@qendelai/the-easiest-and-cheapest-way-to-deploy-finetuned-mistral-7b-instruct-model-or-any-model-3f236182e8b8

@mikeee

star

Thu Nov 30 2023 00:35:31 GMT+0000 (Coordinated Universal Time)

@josiahbrown

star

Thu Nov 30 2023 00:08:04 GMT+0000 (Coordinated Universal Time) https://freedium.cfd/https://medium.com/@qendelai/the-easiest-and-cheapest-way-to-deploy-finetuned-mistral-7b-instruct-model-or-any-model-3f236182e8b8

@mikeee

star

Thu Nov 30 2023 00:07:24 GMT+0000 (Coordinated Universal Time) https://freedium.cfd/https://medium.com/@qendelai/the-easiest-and-cheapest-way-to-deploy-finetuned-mistral-7b-instruct-model-or-any-model-3f236182e8b8

@mikeee

star

Wed Nov 29 2023 18:22:44 GMT+0000 (Coordinated Universal Time)

@jrg_300i #php #poo #mvc #jquery #postgresql

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension