Skip to content

Instantly share code, notes, and snippets.

View modster's full-sized avatar
🧠

EM Greeff modster

🧠
79 followers · 219 following
View GitHub Profile
@modster
modster / htm-ssr-direct.js
Created March 4, 2022 03:01 — forked from developit/htm-ssr-direct.js
const express = require('express');
const htm = require('htm');
const vhtml = require('vhtml');
// create an html`` tag function for vhtml:
const html = htm.bind(vhtml);
const App = (props) => html`
<div class="app">
<h1>This is an app</h1>
@modster
modster / fonts.md
Created March 5, 2022 20:38
fonts
@modster
modster / vite.md
Last active March 5, 2022 21:31
vite

Vite Cheat Sheet

npm init vite web3app

npm install --save-dev @nomiclabs/hardhat-waffle ethereum-waffle chai @nomiclabs/hardhat-ethers ethers @openzeppelin/contracts

npm run dev --host
@modster
modster / skeleton.html
Last active March 6, 2022 10:17
canvas
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Canvas tutorial</title>
<script>
function draw() {
var canvas = document.getElementById('tutorial');
if (canvas.getContext) {
var ctx = canvas.getContext('2d');
@modster
modster / mermaid.md
Last active March 16, 2022 03:07
Mermaid Markdown Diagrams

Mermaid Markdown Diagrams

Embed via link from live editor

@modster
modster / index.html
Created March 21, 2022 19:31
Light / Dark Mode Toggle Switch
<div class="container">
<h1>Light / Dark Mode</h1>
<div class="toggle-container">
<input type="checkbox" id="switch" name="theme" /><label for="switch">Toggle</label>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos ducimus repellendus dolorem eum consequatur id exercitationem nesciunt, inventore modi perferendis impedit esse, tempora officia, ipsam quae libero. Nostrum, alias dignissimos.</p>
</div>
@modster
modster / glsl.json
Created March 26, 2022 16:08 — forked from lewislepton/glsl.json
GLSL snippets for visual studio code/kode studio
/*
AUTO-COMPLETE SNIPPETS FOR GLSL WITHIN VISUAL CODE STUDIO
Lewis Lepton
https://lewislepton.com
useful places that i grabbed info from
http://www.shaderific.com/glsl
https://www.khronos.org/opengl/wiki/OpenGL_Shading_Language
plus various other papers & books
*/
@modster
modster / keybase.md
Created April 8, 2022 05:31
Keybase

Keybase proof

I hereby claim:

  • I am modster on github.
  • I am greeffer (https://keybase.io/greeffer) on keybase.
  • I have a public key ASDzn_aLmblscyUfAYNr-wPHoTiHtxSAXaMFcoa2XmaGJAo

To claim this, I am signing this object:

@modster
modster / fragment.glsl
Created May 12, 2022 03:09
Audio Visualizer Shader
#ifdef GL_ES
precision mediump float;
#endif
uniform vec2 u_resolution;
uniform float u_time;
// main is a reserved function that is going to be called first
void main(void)
{
@modster
modster / webgl-screenshot.glsl
Last active May 12, 2022 04:00
webgl-tips-screenshot-good
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-js -->
// WebGL2 Tips - Good Screenshot
// from https://webgl2fundamentals.org/webgl/webgl-tips-screenshot-good.html
"use strict";