Skip to content

Instantly share code, notes, and snippets.

View daylightnanalog's full-sized avatar

daylightnanalog

  • Kansas City
View GitHub Profile
@daylightnanalog
daylightnanalog / index.html
Created January 22, 2023 03:53
Roadtrip Sunset
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1270 775" >
<style>
.st0{fill: hsl(299, 54%, 29%);}
.st1{fill: hsl(34, 89%, 53%); }
.st2{fill: hsl(251, 100%, 88%);}
.st3{fill: hsl(300, 42%, 89%);}
.st4{fill: hsl(300, 100%, 99%);}
.st5{fill: hsl(232, 73%, 78%);}
.st6{fill:hsl(259, 40%, 39%);}
@daylightnanalog
daylightnanalog / gen.js
Created January 18, 2023 16:59 — forked from WolvenSpirit/gen.js
Generate html
/* --- generate html from json ---
* ~ A lot of things are taken for granted here. ~
* - ajax has content-type hardcoded as json
* - div have bootstrap container class and schema section key as id
* - inputs have bootstrap form-control class
* - each content is a separate div container
* Limited custom behavior can be made by writing in custom
*/
var custom = ()=>{
document.getElementById("product").className="";
@daylightnanalog
daylightnanalog / react-terminology.md
Created January 9, 2023 22:47 — forked from sebmarkbage/react-terminology.md
React (Virtual) DOM Terminology
@daylightnanalog
daylightnanalog / gist:619ba7542d12900a11c4c0c43b2c7a69
Created January 9, 2023 22:37 — forked from NuubDev/gist:d5f6673e64f7e026392250eeb5c643ae
import React, { Component } from 'react';
import { render } from 'react-dom';
import { createGlobalStyle } from 'styled-components';
import MediaQuery from 'react-responsive';
import WideScreenHero from './Slides/WideScreen/HeroSlide/Hero';
import WideScreenWork from './Slides/WideScreen/WorkSlide/Work';
import WideScreenSkills from './Slides/WideScreen/Skills';
import WideScreenContact from './Slides/WideScreen/ContactSlide/Contact';
import MobileHero from './Slides/Mobile/HeroSlide/Hero';
import MobileWork from './Slides/Mobile/WorkSlide/Work';
@daylightnanalog
daylightnanalog / index.html
Created January 9, 2023 22:35 — forked from gaearon/index.html
Multiple React components on a single HTML page
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Add React in One Minute</title>
</head>
<body>
<h2>Add React in One Minute</h2>
<p>This page demonstrates using React with no build tooling.</p>
@daylightnanalog
daylightnanalog / index.html
Created January 9, 2023 22:32 — forked from gaearon/index.html
Add React in One Minute
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Add React in One Minute</title>
</head>
<body>
<h2>Add React in One Minute</h2>
<p>This page demonstrates using React with no build tooling.</p>
@daylightnanalog
daylightnanalog / Ultimate-Cheatsheet.md
Created January 9, 2023 22:22 — forked from bgoonz/Ultimate-Cheatsheet.md
Ultimate-Cheatsheet
@daylightnanalog
daylightnanalog / domParser.html
Created January 9, 2023 03:57 — forked from nullRefErr/domParser.html
Html to Json Parser
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
ERWİN
<div>
@daylightnanalog
daylightnanalog / web-servers.md
Created January 9, 2023 03:50 — forked from willurd/web-servers.md
Big list of http static server one-liners

Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.

Discussion on reddit.

Python 2.x

$ python -m SimpleHTTPServer 8000
@daylightnanalog
daylightnanalog / dash.js
Created January 8, 2023 16:23 — forked from tranchausky/dash.js
javascript create css,js, copy text
var head = document.head || document.getElementsByTagName('head')[0];
var body = document.body || document.getElementsByTagName('body')[0];
var style = document.createElement('link');
style.setAttribute('rel', 'stylesheet');
style.setAttribute('href', '//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/tomorrow.min.css');
var script = document.createElement('script');
script.setAttribute('src', '//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js');
head.append(style);
head.append(script);