Skip to content

Instantly share code, notes, and snippets.

View Band1to's full-sized avatar
🐢

Band1to Band1to

🐢
21 followers · 183 following
View GitHub Profile
@Band1to
Band1to / astronaut-only-css.markdown
Created September 19, 2017 12:45
Astronaut Only CSS
@Band1to
Band1to / full-screen-nav.markdown
Created October 11, 2017 21:24
Full Screen Nav

Full Screen Nav

I wanted to make something to tesst out Sass directives so I created this full screen nav animate in/out with the Sass @for directive.

At the moment the sizing is a bit wack on mobile - something to do with window.innerHeight not getting the mobile viewport size

A Pen by Band1to on CodePen.

License.

@Band1to
Band1to / btc-j.markdown
Created October 11, 2017 21:47
BTC-J

BTC-J

for my developer friends... the answer to almost all software related questions

A Pen by Band1to on CodePen.

License.

@Band1to
Band1to / index.html
Created October 11, 2017 22:43
planet pen
<div class="container">
<!-- stars -->
<div class="star star-1"></div>
<div class="star star-2"></div>
<div class="star star-3"></div>
<!-- clouds -->
<div class="cloud-group-1">
<div class="cloud cloud-1"></div>
<div class="cloud cloud-2"></div>
<div class="cloud cloud-3"></div>
@Band1to
Band1to / index.html
Created October 30, 2017 19:26
Planet Cube
<svg xmlns="http://www.w3.org/2000/svg" class="spiralSVG" viewBox="0 0 800 600">
<defs>
<clipPath id="mask1">
<polygon class="mask1" fill="red" points="483.25 194.06 316.75 194.06 296.43 237.17 304.65 421.98 495.35 421.98 503.57 237.17 483.25 194.06" />
</clipPath>
<clipPath id="mask2">
<polygon class="mask2" fill="red" points="483.25 194.06 316.75 194.06 296.43 237.17 304.65 421.98 495.35 421.98 503.57 237.17 483.25 194.06" />
</clipPath>
<!-- PINK -->
@Band1to
Band1to / index.html
Created January 1, 2018 11:43
MAGNETO
<div class="title">
<h3></br>
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
<h1>ECSTASY-COIN </h1>
<h3>💊🚀 XTC-COIN💎Since 2018 🚀💊</br>- - - - - - - - - - - - - - - - - - - - - - - - - - - - </h3>
</div>
<div class="more-pens">
<a target="_blank" href="https://codepen.io/plasm/" class="white-mode">VIEW OTHER PENS</a>
<a target="_blank" href="https://codepen.io/collection/nZpPbz/" class="white-mode">VIEW OTHER PARTICLES</a>
</div>
@Band1to
Band1to / another-down-or-just-me-script.php
Created August 25, 2018 00:28 — forked from loop/another-down-or-just-me-script.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<title>Is the site down?</title>
<style type="text/css">
body{background-color:#fff;color:#333;font-family:Arial,Verdana,sans-serif;font-size:62.5%;margin:10% 5% 0 5%;text-align:center;}
a,a:visited,a:active{color:#0080ff;text-decoration:underline;}
a:hover{text-decoration:none;}
@Band1to
Band1to / Keybase.md
Created September 16, 2019 08:21

Keybase proof

I hereby claim:

  • I am band1to on github.
  • I am band1to (https://keybase.io/band1to) on keybase.
  • I have a public key ASAR9kqNN-m8Qqh6gWmlbjcJUmvqSvcyd_pCZXWmzNYmkQo

To claim this, I am signing this object:

@Band1to
Band1to / index.html
Created March 14, 2021 22:27
Simple CSS Waves | Mobile & Full width
<!--Hey! This is the original version
of Simple CSS Waves-->
<div class="header">
<!--Content before waves-->
<div class="inner-header flex">
<!--Just the logo.. Don't mind this-->
<svg version="1.1" class="logo" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 500 500" xml:space="preserve">
@Band1to
Band1to / index.html
Created January 26, 2022 06:26 — forked from mattattui/index.html
Count online users
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>Pinger test</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>