Skip to content

Instantly share code, notes, and snippets.

View ttristan's full-sized avatar

Tristan Schlötel ttristan

18 followers · 18 following
  • Düsseldorf
View GitHub Profile
@ttristan
ttristan / PHP HTML XMLHttpRequest.js
Last active March 23, 2018 08:19
// JS
function request() {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState == XMLHttpRequest.DONE ) {
console.log("xhr response", xhr.response)
if (xhr.status == 200) { // success
}
@ttristan
ttristan / PHP MySQL.php
Last active March 23, 2018 08:19
<?php
// open connection
$con = mysqli_connect('host', 'user', 'pass', 'db');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}
// get post data
$data = json_decode(file_get_contents('php://input'), true);
@ttristan
ttristan / CSS Lightbox.css
Last active March 23, 2018 08:19
/* lightbox css */
.lightbox {
display: none;
position: fixed;
z-index: 999;
width: 100%;
height: 100%;
text-align: center;
top: 0;
@ttristan
ttristan / SSH Setup
Last active March 23, 2018 08:20
Client
# create public key
ssh-keygen
# copy public key
pbcopy < ~/.ssh/id_rsa.pub
Server:
#install openssh
sudo apt install openssh-server
@ttristan
ttristan / NPM Google Maps Config.js
Last active March 23, 2018 08:20
const GoogleMapsLoader = require('google-maps');
GoogleMapsLoader.KEY = '<KEY>';
GoogleMapsLoader.LANGUAGE = 'en';
GoogleMapsLoader.REGION = 'DE';
GoogleMapsLoader.VERSION = '1';
GoogleMapsLoader.LIBRARIES = ['geometry', 'places'];
// init the map
GoogleMapsLoader.load(function(google) {
const id = document.getElementById('googleMap');
@ttristan
ttristan / CSS Simple Tooltip.css
Last active March 23, 2018 08:20
// HTML
<button data-tooltip="example">Example</button>
// CSS
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
}
@ttristan
ttristan / HTML Simple maintenance page.html
Last active April 6, 2020 01:32
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Performing Maintenance</title>
<style type="text/css">
body {
text-align: center;
@ttristan
ttristan / React Index Server.js
Created March 12, 2018 07:23
const express = require("express");
const bodyParser = require("body-parser");
const path = require("path");
const cors = require("cors");
// Initialize http server
const app = express();
// setup
app.use(express.static(path.resolve(__dirname, "../build")));
@ttristan
ttristan / API Express Server Skeleton.js
Last active March 14, 2018 07:50
const express = require("express");
const bodyParser = require("body-parser");
const path = require("path");
const cors = require("cors");
// Initialize http server
const app = express();
// setup
app.use(express.static(path.resolve(__dirname, "../build")));
@ttristan
ttristan / API GET and POST Fetch.js
Last active March 23, 2018 08:15
exports.fetchGet = ({ endpoint }) => {
return new Promise((resolve, reject) => {
console.log("Requesting:", endpoint);
require("node-fetch")(endpoint)
.then(response => {
if (response.status === 200) return response.json();
else
return reject({
error: {