netmin-net’s gists

netmin-net / index.html

Created April 20, 2019 06:49

Just a computer with code and stuff (?)

netmin-net / clean-and-simple-responsive-website.markdown

Created April 20, 2019 06:54

Clean and simple responsive website

netmin-net / index.html

Created April 20, 2019 06:58

Velocity.js fullscreen flexbox overlay navigation

	<div class="overlay-navigation">
	<nav role="navigation">
	<ul>
	<li><a href="#" data-content="The beginning">Home</a></li>
	<li><a href="#" data-content="Curious?">About</a></li>
	<li><a href="#" data-content="I got game">Skills</a></li>
	<li><a href="#" data-content="Only the finest">Works</a></li>
	<li><a href="#" data-content="Don't hesitate">Contact</a></li>
	</ul>
	</nav>

netmin-net / index.html

Created April 20, 2019 07:04

Phone-Styled IFrame

	<!--The Main Thing-->
	<div id="wrapper">
	<div class="phone view_1" id="phone_1">
	<iframe src="https://codepen.io" id="frame_1"></iframe>
	</div>
	</div>

	<!--Controls etc.-->
	<div id="controls">
	<div>

netmin-net / i-design-with-code.markdown

Created April 20, 2019 07:20

I DESIGN WITH CODE ❤

An SVG animation for my site

Inspired by the wonderfully playful Creogram

netmin-net / index.html

Created April 20, 2019 14:02

Triangle pattern generator

	<div id="container" class="container">
	<div id="output" class="container">
	</div>
	<ul id="links" class="links">
	<p>Press space to drop or pick up the light. Enter key to add another one</p>
	<li><a class="who" href="https://twitter.com/msurguy" target="_blank">by msurguy</a></li>
	<li><a class="blog" href="http://maxoffsky.com" target="_blank">Blog post</a></li>
	<li><a class="source" href="https://github.com/msurguy/triangles" target="_blank">GitHub</a></li>
	</ul>

netmin-net / animated-background-gradient.markdown

Created April 22, 2019 03:34

Animated Background Gradient

netmin-net / have-fun-with-code.markdown

Last active April 23, 2019 01:33

Have Fun With Code!

Because that's what it's all about.

Hand icon courtesy of Sergey Demushkin

netmin-net / index.html

Created April 22, 2019 19:37

Perpetual Pencil

	<svg viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
	<defs>

	<pattern id="graph"
	x="28" y="8" width="30" height="30"
	patternUnits="userSpaceOnUse">
	<line x1="0" x2="800" y1="0" y2="0" stroke="#CBCFE9" stroke-width="1"/>
	<line x1="10" x2="10" y1="0" y2="600" stroke="#CBCFE9" stroke-width="1"/>

	</pattern>

netmin-net / index.html

Created April 23, 2019 01:24

SVG Rainbow Rocket Man


	<svg class="rocketManSVG" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"viewBox="0 0 600 600" >

	<defs>
	<path id="rocketClip" d="M300,465.7L300,465.7c-13.8,0-25-11.3-25-25V249.4c0-13.7,11.3-25,25-25h0c13.7,0,25,11.2,25,25v191.3
	C325,454.5,313.8,465.7,300,465.7z" />
	<clipPath id="rainbowClip">
	<use xlink:href="#rocketClip" overflow="visible" />
	</clipPath>
	<symbol id="badge">