blvkoblsk

macOS 10.12 Sierra Setup

Custom recipe to get macOS 10.12 Sierra running from scratch, setup applications and developer environment. This is very similar (and currently mostly the same) as my 10.11 El Capitan setup recipe and 10.10 Yosemite setup recipe. I am currently tweaking this for 10.12 Sierra and expect to refine this gist over the next few weeks.

I use this gist to keep track of the important software and steps required to have a functioning system after a semi-annual fresh install. I generally reinstall each computer from scratch every 6 months, and I do not perform upgrades between releases.

This keeps the system performing at top speeds, clean of trojans, spyware, and ensures that I maintain good organizational practices for my content and backups. I highly recommend this.

You are encouraged to fork this and modify it to your heart's content to match your o

blvkoblsk

####  LUCFR.COM - ASCII ART FOR TERMINAL / BASH, ETC
####################################################

 ____      _____ _____ __________ __________ _________ 
/   /_____ \   / \   //   /_____//   /_____/|    _o___)
\___\_____\/___\_/___\\___\%%%%%'\___\%%%%%'|___|\____\
 `BBBBBBBB'`BBBBBBBBB' `BBBBBBBB' `BB'       `BB' `BBB'


####

blvkoblsk

background: linear-gradient(255deg, #000000, #0e1b47, #7a0087, #b938c6);
background-size: 800% 800%;
-webkit-animation: lucfr-gradient 23s ease infinite;
-moz-animation: lucfr-gradient 23s ease infinite;
-o-animation: lucfr-gradient 23s ease infinite;
animation: lucfr-gradient 23s ease infinite;
@-webkit-keyframes lucfr-gradient {
    0%{background-position:56% 0%}
    50%{background-position:45% 100%}
    100%{background-position:56% 0%}

blvkoblsk

background: linear-gradient(299deg, #4b1313, #000000, #000000);
background-size: 600% 600%;
-webkit-animation: AnimationName 48s ease infinite;
-moz-animation: AnimationName 48s ease infinite;
-o-animation: AnimationName 48s ease infinite;
animation: AnimationName 48s ease infinite;
@-webkit-keyframes AnimationName {
    0%{background-position:0% 97%}
    50%{background-position:100% 4%}
    100%{background-position:0% 97%}

blvkoblsk

Object Fit - Video Background

Object-fit cover for background videos.

It's a new CSS property for sizing background videos like background images. IE and Edge not supported.

---

Forked from Codepen Daily Pen #80

A Pen by Dylan Macnab on CodePen.

blvkoblsk

Delaunay's Triangulation CSS

CSS Trianulation background gradients

---

Forked from Antoinette Janus on Codepen

A Pen by Antoinette Janus on CodePen.

blvkoblsk

Audio Visualizer2

Forked from Misaki Nakano on Codepen

A pen by Misaki Nakano on CodePen.

License.

blvkoblsk

Abstract Art CSS

Forked from Marco Dell'Anna on CodePen.

License.

blvkoblsk

Blend Mode Slider - Double Exposure

Using CSS blender backgrounds & animation to create double exposure effects for article slides.

Forked from Sullivan Nolan on CodePen.

License.

blvkoblsk

CSS loader

An experimental loader for my website that I'll never use. I didn't care about cross-browser compatibility so if you want to use it you'll have to change some properties.

Forked from Valentin François on CodePen.

License.