Skip to content

Instantly share code, notes, and snippets.

View loriezn's full-sized avatar
🌴
On vacation

Lorin Zahra-Newman loriezn

🌴
On vacation
29 followers · 151 following
View GitHub Profile
@loriezn
loriezn / contact_form.html
Created February 13, 2019 11:07
<!-- contact form -->
<div class="col-md-8 col-xs-12">
<div class="onStep" data-animation="fadeInLeft" data-time="600" id="contact">
<form class="row" id="form-contact" method="post" name="form-contact">
<input id="name-contact" name="name" placeholder="your name" type="text">
<input id="email-contact" name="email" placeholder="your e-mail" type="text">
<textarea cols="50" id="message-contact" name="message" placeholder="your enquiry" rows="4"></textarea>
<div class="success" id="mail_success">Thank you. Your message has been sent</div>
<div class="error" id="mail_failed"> Error, email not sent</div>
<button class="btn" id="send-contact" onclick="clickSubmit()" type="submit">Send Now</button>
@loriezn
loriezn / 404-glitched-out.markdown
Created June 11, 2017 14:40
404 - Glitched out
@loriezn
loriezn / Vagrantfile
Last active May 16, 2017 20:36
Arch vagrant box running off libvirt
# -*- mode: ruby -*-
# vi: set ft=ruby :
Vagrant.configure("2") do |config|
config.vm.define :archbox do |archbox|
archbox.vm.box = 'archlinux'
archbox.vm.provider :libvirt do |setting|
setting.driver = 'kvm'
setting.host = 'zerobytes.local'
setting.connect_via_ssh = false
@loriezn
loriezn / onename
Created February 12, 2017 01:07
Verifying that "grayagent.id" is my Blockstack ID. https://onename.com/grayagent
@loriezn
loriezn / index.html
Created October 7, 2016 16:41
Interactive SVG Info Graph
<svg class="bgGradSVG" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMin slice">
<linearGradient id="bgGrad" gradientUnits="userSpaceOnUse" x1="400" y1="-1.795888e-008" x2="400" y2="600">
<stop offset="0" style="stop-color:#22A4CA"/>
<stop offset="0.61" style="stop-color:#115F9A"/>
</linearGradient>
<rect fill="url(#bgGrad)" width="100%" height="100%"/>
</svg>
<svg class="mainSVG" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
@loriezn
loriezn / index.html
Created October 4, 2016 20:37
SASS Colour Functions
<h1>SASS Colour Functions</h1>
<p>All colours generated from a single HEX colour.</p>
<div class="color-box background--alpha">Base Colour - #7760BF</div>
<div class="color-box background--alpha-darken">Darken 20%</div>
<div class="color-box background--alpha-lighten">Lighten 20%</div>
<div class="color-box background--alpha-saturate">Saturate 20%</div>
@loriezn
loriezn / index.jade
Created October 4, 2016 20:15
Scrolling Screen
.container
header.header
h1.logo
a.logo__link.js-scroll-link(href="#section-0") brand
nav.navigation
ul.navigation__items
each value, index in [ "Our work", "Who we are", "Contacts" ]
li.navigation__item
a.navigation__link.js-scroll-link(href="#section-#{index + 1}") #{value}
@loriezn
loriezn / bem-accordion.markdown
Created October 4, 2016 20:13
BEM Accordion
@loriezn
loriezn / index.html
Created October 4, 2016 20:08
Sticky Navigation
<header id="header">
<h1>Scroll on down</h1>
</header>
<nav id="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Info</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
@loriezn
loriezn / index.html
Created October 4, 2016 20:07
Slider with complex animation and half-collored angled text
<div class="con">
<div class="con__slide con__slide--1">
<div class="con__slide-top con__slide--1-top active-slide-left-top">
<div class='con__slide-top-inner con__slide--1-top-inner'>
<div class='con__slide-top-inner-text con__slide--1-top-inner-text active-slide1-top-text'>
<h1 class='con__slide-h con__slide--1-top-h'>some nice slider<br> here wow</h1>
</div>
</div>
</div>
<!-- slide--1 top end -->