-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnotes.html
140 lines (132 loc) · 5.89 KB
/
notes.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<title>JRS⁸⁶ | notes</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#ca281b" />
<link rel="stylesheet" href="css/stylesheet.css">
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- UPDATED GOOGLE OPTIMIZE/ANALYTICS CODE -->
<script src="js/modernizr-custom.js"></script>
<style>.async-hide { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'GTM-KVMRQ8V':true});</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-84586441-1', 'auto');
ga('require', 'GTM-KVMRQ8V');
ga('send', 'pageview');
</script>
<style>
/* This is for lazy-loading bg images */
.lazy {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.lazy-loaded {
opacity: 1 !important;
}
</style>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-filters">
<defs>
<filter id="filter">
<feTurbulence type="fractalNoise" baseFrequency="0.000001 0.000001" numOctaves="1" result="warp"></feTurbulence>
<feOffset dx="0" dy="0" result="warpOffset"></feOffset>
<feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="30" in="SourceGraphic" in2="warpOffset"></feDisplacementMap>
</filter>
</defs>
</svg>
<main>
<a class="skip-main" href="#main" tabindex="-1">Skip to main content</a>
<header class="row">
<div class="w--3of5 pinned">
<h3 class="heading"><a class="glitch-btn modal-btn" href="/">
<span class="glitch super-glitch" data-text="JRS⁸⁶">
<span class="pro">JRS<sup>86</sup></span>
</span>
</a></h3>
</div>
<div class="w--2of5 text-right pinned">
<nav>
<a class="nav-item" href="notes.html">back to notes</a>
<a class="nav-item" href="/">projects</a>
<a class="nav-item" href="about.html">about</a>
</nav>
</div>
</header>
<section class="row">
<div class="w--3of5 pinned">
<article>
<h4>Failed funding, but thanks!</h4>
<p>Recently, I was the recipient of some free shit: thanks, but why? I sent you money to support your project, not to purchase a swath of merchandise</p>
<!--
Ever heard of the band Sawthis? Unless you're into relatively obscure metal from Italy, chances are you answered 'no.' I can't say I know much about them, but I do enjoy their music, enough to donate $45 of my own hard-earned money towards a crowdfunding campaign the band had started in pursuit of studio time for an upcoming album production.
-->
<a href="note.html">Gifts of appreciation</a>
</article>
<article>
<h4>No, everything is NOT ok</h4>
<p>Complacency in the workplace sucks. Everything gets boring, and you feel stuck in mud. What to do?</p>
<a href="note.html">Repair your despair</a>
</article>
<article>
<h4>5 years offset: press room notes</h4>
<p>A disorganized collection of tips, ideas, and unanswered questions from the production room</p>
<a href="note.html">Inklings of info</a>
</article>
<article>
<h4>Your clients are dumb; let them know</h4>
<p>Celebrating my fifth year as a professional graphic & production artist, I share with you 5 times I beat my client up, and still won the contract</p>
<a href="note.html">Start shit, finish it</a>
</article>
<article>
<h4>(obligatory 'hello world' post)</h4>
<p>I've finally finished my website; here's a look at everything that makes it tick</p>
<a href="note.html">What took so long?</a>
</article>
</div>
</section>
<footer class="row">
<div class="w--1of1">
<p><small class="lightenup">Copyright (forever), <strong>JRS<sup>86</sup></strong>. Be inspired, be enlightened; don't steal.</small></p>
</div>
</footer>
</main>
<script src="//code.jquery.com/jquery-2.2.4.min.js" defer></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.18.4/TweenMax.min.js" defer></script>
<script>
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "js/index.min.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
<script>
(function(d) {
var config = {
kitId: 'huh6mpu',
scriptTimeout: 3000,
async: true
},
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
})(document);
</script>
</body>
</html>