-
Notifications
You must be signed in to change notification settings - Fork 0
/
log.html
executable file
·238 lines (208 loc) · 9.52 KB
/
log.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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<!DOCTYPE html>
<html>
<head>
<title>marcie lacerte</title>
<link rel="stylesheet" type="text/css" href="main.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="Marcie LaCerte, animation, experimental animation, editorial animation, motion graphics, new york animator, freelance animator, motion designer, marslizard, new york city animator, independent filmmaker, director" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<style>
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@600&family=Roboto&display=swap');
</style>
<script type="text/javascript">
// <![CDATA[
var colour = "#FFFF99";
var sparkles = 120;
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x = ox = 400;
var y = oy = 300;
var swide = 800;
var shigh = 600;
var sleft = sdown = 0;
var tiny = new Array();
var star = new Array();
var starv = new Array();
var starx = new Array();
var stary = new Array();
var tinyx = new Array();
var tinyy = new Array();
var tinyv = new Array();
window.onload = function() {
if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i = 0; i < sparkles; i++) {
var rats = createDiv(3, 3);
rats.style.visibility = "hidden";
document.body.appendChild(tiny[i] = rats);
starv[i] = 0;
tinyv[i] = 0;
var rats = createDiv(5, 5);
rats.style.backgroundColor = "transparent";
rats.style.visibility = "hidden";
var rlef = createDiv(1, 5);
var rdow = createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top = "2px";
rlef.style.left = "0px";
rdow.style.top = "0px";
rdow.style.left = "2px";
document.body.appendChild(star[i] = rats);
}
set_width();
sparkle();
}
}
function sparkle() {
var c;
if (x != ox || y != oy) {
ox = x;
oy = y;
for (c = 0; c < sparkles; c++)
if (!starv[c]) {
star[c].style.left = (starx[c] = x) + "px";
star[c].style.top = (stary[c] = y) + "px";
star[c].style.clip = "rect(0px, 5px, 5px, 0px)";
star[c].style.visibility = "visible";
starv[c] = 50;
break;
}
}
for (c = 0; c < sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i] == 25) star[i].style.clip = "rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i] += 1 + Math.random() * 3;
if (stary[i] < shigh + sdown) {
star[i].style.top = stary[i] + "px";
starx[i] += (i % 5 - 2) / 5;
star[i].style.left = starx[i] + "px";
} else {
star[i].style.visibility = "hidden";
starv[i] = 0;
return;
}
} else {
tinyv[i] = 50;
tiny[i].style.top = (tinyy[i] = stary[i]) + "px";
tiny[i].style.left = (tinyx[i] = starx[i]) + "px";
tiny[i].style.width = "2px";
tiny[i].style.height = "2px";
star[i].style.visibility = "hidden";
tiny[i].style.visibility = "visible"
}
}
function update_tiny(i) {
if (--tinyv[i] == 25) {
tiny[i].style.width = "1px";
tiny[i].style.height = "1px";
}
if (tinyv[i]) {
tinyy[i] += 1 + Math.random() * 3;
if (tinyy[i] < shigh + sdown) {
tiny[i].style.top = tinyy[i] + "px";
tinyx[i] += (i % 5 - 2) / 5;
tiny[i].style.left = tinyx[i] + "px";
} else {
tiny[i].style.visibility = "hidden";
tinyv[i] = 0;
return;
}
} else tiny[i].style.visibility = "hidden";
}
document.onmousemove = mouse;
function mouse(e) {
set_scroll();
y = (e) ? e.pageY : event.y + sdown;
x = (e) ? e.pageX : event.x + sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset) == "number") {
sdown = self.pageYOffset;
sleft = self.pageXOffset;
} else if (document.body.scrollTop || document.body.scrollLeft) {
sdown = document.body.scrollTop;
sleft = document.body.scrollLeft;
} else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft = document.documentElement.scrollLeft;
sdown = document.documentElement.scrollTop;
} else {
sdown = 0;
sleft = 0;
}
}
window.onresize = set_width;
function set_width() {
if (typeof(self.innerWidth) == "number") {
swide = self.innerWidth;
shigh = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientWidth) {
swide = document.documentElement.clientWidth;
shigh = document.documentElement.clientHeight;
} else if (document.body.clientWidth) {
swide = document.body.clientWidth;
shigh = document.body.clientHeight;
}
}
function createDiv(height, width) {
var div = document.createElement("div");
div.style.position = "absolute";
div.style.height = height + "px";
div.style.width = width + "px";
div.style.overflow = "hidden";
div.style.backgroundColor = colour;
return (div);
}
// ]]>
</script>
</head>
<body id="log">
<h3>2024</h3>
<details>
<summary>Jun 24, 11:18 am - job advice</summary>
<p>I've been desperate enough to seek job advice from my parents, who are two retired boomers. Here's some feedback my mom had:</p>
<p><i>If you know the enemy and know yourself, you need not fear the result of a hundred battles. If you know yourself but not the enemy, for every victory gained you will also suffer a defeat. If you know neither the enemy nor yourself, you will succumb in every battle.</i></p>
<p>Cool!</p>
</details>
<details>
<summary>Jun 18, 11:48 am - fr hello! final</summary>
<p>I've decided to throw this page back up on my website. Maybe I will prefer this format to a newsletter. I promise I will try my very best to be consistent with this and to update this with updates on my work! I am very inspired by Lily Ashton (mothcub)'s online <a href="https://mothcub.neocities.org/diary" target="_blank">diary</a>, which is extremely cute and charming.</p>
</details>
<details>
<summary>Mar 5, 12:01 pm – Hello again!</summary>
<p>Hello from almost exactly one year since my last log. </p>
</details>
<h3>2023</h3>
<details>
<summary>Mar 4, 12:34 pm - don't read this</summary>
<p>coming to terms with the incontrivertible FACT that my productivity is at its peak when i am sitting on the couch under a blanket drawing on my iPad listening to "Grey," which is "50 Shades Of Grey" as told from the POV of Christian Grey. it is completely deranged and i can't stop sending audio selects to my friends. do i wish things were different? yes, but at the same time, no. do my friends wish things were different? for many, yes of course. (for others, we are hand-in-hand on the sinking ship.) how many group chats have muted me? at least two. should i stop? probably, but i have 13 more hours of content to get through.</p>
</details>
<h3>2022</h3>
<details>
<summary>Oct 25, 1:20 pm - the best genre</summary>
<p>I'm gonna get back into experimental comics. There's nothing better than experimental comics.</p>
</details>
<details>
<summary>Oct 20, 11:15 am - last night's dream; what could it mean?</summary>
<p>had a dream last night that i screened my film for my friends and everyone was confused by it and didn't like it. also trisha paytas was there, showing off a zine she made. my friends seemed to like her zine</p>
</details>
<details>
<summary>Oct 13, 11:21 am - ad*be</summary>
<p>my favorite part of animating is shutting down and restarting and uninstalling and reinstalling every adobe program on my desktop</p>
</details>
<details>
<summary>Oct 12, 1:50 pm - Hello!</summary>
<p>Hello! This is a test.</p>
</details>
</body>
</html>