Skip to content

Instantly share code, notes, and snippets.

View tq-bit's full-sized avatar
Working from home

Tobias Quante tq-bit

Working from home
View GitHub Profile
tq-bit / index.html
Last active December 12, 2020 12:53
Make API requests with Javascript - index.html - start
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Learn to make API calls - My Pokedex</title>
<link rel="stylesheet" href="" />
<link rel="stylesheet" href="styles.css" />
tq-bit / docker-compose.yaml
Created September 3, 2021 14:09
Docker compose file to setup a basic nextcloud instance that runs on postgres.
version: "3.8"
image: postgres
restart: always
tq-bit / Component.vue
Last active November 22, 2023 11:54
A Vue 3 Compostion Hook (MVP) for the Fetch API. Its public methods can be used to monitor and cancel a fetch request.
<script setup>
import { ref, onMounted } from 'vue';
import AppForm from './components/AppForm.vue';
import AppList from './components/AppList.vue';
import AppLoading from './components/AppLoading.vue';
import useFetch from './use/useFetch';
const rootUrl = '';
const { loading, results, getJson } = useFetch(rootUrl);
tq-bit / AppContainer.vue
Created March 17, 2022 18:29
A vue composition API functional component for a Tailwind powered contained
<script setup lang="ts">
import { h, defineProps, withDefaults, Component } from 'vue';
interface AppContainerProps {
tag?: keyof HTMLElementTagNameMap;
flex?: boolean;
page?: boolean;
center?: boolean;
cols?: number;
tq-bit / AppAudioPlayer.vue
Last active April 13, 2022 13:18
Empty boilerplate for an audio player Vue component
<script setup lang="ts">
import { onMounted, ref, computed } from 'vue';
import iPlay from './icons/iPlay.vue';
import iPause from './icons/iPause.vue';
const currentAudioFileSource = null;
const previousAudioFileSource = null;
npm create vite@latest .
npm install
npm i -D eslint prettier @vue/eslint-config-typescript @rushstack/eslint-patch eslint-config-prettier eslint-plugin-prettier
echo """{
\"bracketSpacing\": true,
\"semi\": true,
\"singleQuote\": true,
\"trailingComma\": \"all\",
\"printWidth\": 80,
version: "3.5"
# The official v2 Traefik docker image
image: traefik:v2.9
# Enables the web UI and tells Traefik to listen to docker
command: --providers.docker
# The HTTP port
version: "2.1"
container_name: calibre
- PUID=1000
- PGID=1000
- TZ=Europe/London
- PASSWORD= #optional
tq-bit /
Last active April 28, 2023 08:44
Nginx Configuration with SSL, HTTP2, Load Balancing, Caching, Security headers, disabled caching, Gzip
# Add your server's username & domain here
SERVER_FRONTEND_PATH=/var/www/html # static, don't change
SERVER_API_PATH=/api # Adjust to your backend's API path
SERVER_API_CACHE_NAME=api_cache # Adjust to your cache key
SERVER_API_CACHE_PATH=/var/tmp/nginx # Change if you have a specific place for your cache
tq-bit / prompt.txt
Created October 31, 2023 15:08
GPT3.5 prompt for an Azure Tutor
I want you to act as my private tutor to learn Microsoft Azure. I am preparing for an exam with the title 'Azure Administrator Associate'. Its exam covers the following topics, separated from following content by three single quotes:
As a candidate for this certification, you should have subject matter expertise in implementing, managing, and monitoring an organization’s Microsoft Azure environment, including:
- Virtual networks
- Storage
- Compute
- Identity
- Security
- Governance