-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (109 loc) · 12 KB
/
index.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
<html>
<head>
<title>WHAT</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Duru+Sans&family=Nabla&family=Oswald:wght@300&family=PT+Sans+Narrow&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<svg path class="path" width="254" height="268" viewBox="0 0 254 268" fill="none" stroke="black" stroke-width="3" xmlns="http://www.w3.org/2000/svg">
<path class="patheyes" d="M250.648 173.222C248.016 206.117 245.648 244.722 233.148 267.222H84.6477C90.6477 267.222 108.648 221.222 108.648 193.722C137.399 188.09 166.761 173.967 182.523 165.724C153.66 177.403 63.3021 205.587 19.6477 179.222C2.7866 169.038 -1.35236 139.222 2.14772 128.222C4.08827 122.123 11.8144 110.888 16.6477 106.222C16.6477 106.222 17.2004 70.9943 28.6477 51.2216C78.1477 -34.2784 226.148 5.72158 238.648 51.2216C245.104 74.7216 257.648 85.7216 250.648 173.222Z" />
<path class="patheyes" d="M233.148 267.222C245.648 244.722 248.016 206.117 250.648 173.222C257.648 85.7216 245.104 74.7216 238.648 51.2216C226.148 5.72158 78.1477 -34.2784 28.6477 51.2216C17.2004 70.9943 16.6477 106.222 16.6477 106.222C11.8144 110.888 4.08827 122.123 2.14772 128.222C-1.35236 139.222 2.7866 169.038 19.6477 179.222C70.1477 209.722 183.148 167.222 191.148 161.722C207.387 150.557 157.148 184.222 108.648 193.722C108.648 221.222 90.6477 267.222 84.6477 267.222C78.6477 267.222 181.148 267.222 233.148 267.222Z" />
<path class="patheyes" d="M119.5 121H134.5L142.5 114V106L126.5 101L113.5 106L109 114V121L122.5 132.5L140.5 129.5L151 114V101L122.5 92.5L101.5 101L98 117.5V132.5L119.5 139L155 129.5L159 109.5L155 92.5L134.5 85H101.5L85.5 101V129.5L113.5 143L159 132.5L161.5 89.5L130.5 69.5L85.5 85L69.5 109.5L79.5 129.5" />
<path class="patheyes" d="M28 105.5L35 114V105.5V95.5H23V105.5L20 111L28 118.5L41.5 114V105.5V87H28H20L15 118.5L35 124L53.5 118.5L47.5 95.5L32 80.5H20" />
</svg>
<h1>WHAT.</h1>
<!--
<article>
<p class="date">11.16.22</p>
<p class="blogtitle">Harvard CS50: Class 0</p>
<p class="bloggin"><i>muppets?</i>
<br>
105mins of that man talking, and 0 hands on. No context for Scratch.</p>
</article>
<article>
<p class="date">11.17.22</p>
<p class="blogtitle">ohdogablog</p>
<p class="bloggin">Used Hack Club's <a href="https://workshops.hackclub.com/personal_website/">personal site workshop</a> to step through making <i>this</i> thing. The experience felt similar to when I was learning to make a Slack bot: frustration and confusion with the new software and workflows-- often introduced without context or rationale. Is this programming?</p>
</article>
<article>
<p class="date">11.20.22</p>
<p class="blogtitle">god of war ragnorok</p>
<p class="bloggin">Everything you need to know about working with teens ;p </p>
</article>
<article>
<p class="date">11.21.22</p>
<p class="blogtitle">in preparation for what</p>
<p class="bloggin">So much has changed in the years since I used to handcode my personal site. I've been feeling impatient with having to re-learn css and html, but today my desire for <i>this</i> thing to look un-shite won me over. Happy to see how fonts work nowadays (google's, for one). Had a lot of fun with my title: an <a href="https://github.com/justvanrossum/nabla">isometric COLRv1 font called nabla</a> that allows you to <i>really</i> mess around with it in css. </p>
</article>
<article>
<p class="date">11.22.22</p>
<p class="blogtitle">lazy loading</p>
<p class="bloggin">I've been saying aloud (for accountability) that I'm going to do every Hack Club workshop. It's a good idea-- for my own programming journey, so I can appreciate others', and to deepen my understanding of our offerings vs other org's. Tonight, as I started our <a href="https://workshops.hackclub.com/splatter_paint/">splatterpaint workshop </a>in earnest, I instead found myself happily tumbling down a rabbithole of discovery: <a href="https://puckey.studio/">like this</a> and <a href="https://qianqian-ye.com/">this</a> and <a href="https://processing.org/">this tool.</a></p>
<p class="bloggin">But happy distraction aside, is this what I want to do? What <i>do</i> I want to do? Because <b>that</b> is what will keep me learning.</p>
</article>
<article>
<p class="date">11.23.22</p>
<p class="blogtitle">I AM THAT</p>
<p class="bloggin">Finish my <a href="https://github.com/karamassie/madcatbot">ornery cat-bot</a> is what. So far the cat:
<ul>
<li>grumps, skitters, fusses, farts, causes havoc, or whatever else amuses me when I feel like it </li>
<li>responds to the few people that it tolerates</li>
<li>responds (mostly negatively) to some key words</li>
</ul>
<p class="bloggin">Next I want it to develop 'affinity', as in it tracks the number of times a Slack user does one of the very few things it 'likes' vs all the things that it doesn't</p>
<p class="bloggin">I need a leaderboard aka dbase. <a href="https://kognise.dev">Kognise</a> recommends<a href="https://sequelize.org/"> sequelize</a> and SQLite, so for now, again, more software than programming. </p>
</article>
<article>
<p class="date">11.25.22</p>
<p class="blogtitle">AS YOU ALREADY KNOW</p>
<p class="bloggin">For my Slack catbot leaderboard, I want to be logging every time a userID responds with [the things I've listed] + how many points I assigned to each. </p>
<p class="bloggin">It's been a long day at work already, but I'm determined. I tuck in eagerly to the sequelize docs. The first line of the Introduction is jargon I can't map to anything relatable. I laugh at "As you already know, a model is an ES6 class." <i>IS IT? DO I ALREADY KNOW THIS?</i> </p>
<p class="bloggin">To prove that this is not a <i>me</i> problem, I search the doc for 'ES6', find it 3/4 down a "Model Basics" page with a link to MDN documentation, which doesn't even mention ES6 at all. The relief of discovering I am indeed over my head, rather than just <i>stupid</i> is soon overcome by my highly irritable impatience that I have yet to write - hell, TRY TO WRITE - a line of code. I'm feeling hopeless already, but I read, I follow links, I try to understand code templates. I find examples of querying, but can't seem to find how to add data. I need to start something. </p>
<p class="bloggin"> I scroll up to the setup section re: how to connect to a database (which doesn't even exist-- another point that is breaking my brain). If I can just get things talking with each other, I can end the evening with the smallest of wins. </p>
<p class="bloggin">Three are 3 options for connecting to your DB. One wants username etc, another its filepath. Off I go to SQlite to dL it or set it up or whatever one does... and...<a href="https://sqlite.org/zeroconf.html">"it" doesn't exist.</a> </p>
<p class="bloggin">I don't have time for this. Who has time for this? </p>
<p class="bloggin">I shut my laptop, blink away tears of frustation. I will laugh about this tomorrow. </p>
</article>
<article>
<p class="date">11.26.22</p>
<p class="blogtitle">storebought lasagne</p>
<p class="bloggin">Somewhere in this process - and without realizing it until now - I decide that my learning is going to be as 'pure' as possible. That is, because this-all is also to help me emphasize with our Hack Clubbers, I can't 'cheat' by just asking the many programmers in my midst for help. </p>
<p class="bloggin">But my colleagues are lovely and smart and helpful. They're curious about my journey. They're encouraging, and amused.
</p>
<p class="bloggin"> I tell one of the Hack Clubbers about my bad date with sequelize. She offers to sit and watch me try again. I offer dinner in trade. It's been a long day, and we don't have much time. I don't want specific help, I just want guidance as to where to look for help.</p>
<p class="bloggin"> I point to the options for setting up sequelize, and she says it's the second. I don't undertand why. I copy and paste the code in the documentation. I personalise it, but make a mistake on the file path. I still don't understand a filepath to something that doesn't exist. I still don't get where the data <i>goes</i> . But we move on.</p>
<p class="bloggin">She leaves after we talk through the logic of what I'm trying to do: a slackId says a 'thing'. We log their slackId and the points assigned to the thing. That's it. It seems very simple.</p>
</article>
<article>
<p class="date">11.29.22</p>
<p class="blogtitle">HOW IS BABBY FORMED</p>
<p class="bloggin">Between the jargons of sequelize and slack, and my lack of any JS experience, I'm totally stumped.</p>
<p class="bloggin">I know so many beginners end up here. What do they do? How do they unblock themselves? I ask my colleagues for their stories and advice.
</p>
<p class="bloggin"> None can quite remember, but they all relate to my hurdles. One recommends that I truly need to undestand how things work, so should just start again and learn C. (I'm reminded of the binary lesson in class 0 of CS50). Another doesn't have concrete suggestions but to keep perservering and to document everything here - in detail. Another suggests our own Hack Club project, <a href="https://sprig.hackclub.com/gallery">Sprig</a> </p>
<p class="bloggin"> I'm glad to hear this, because one of the reasons we've spent months developing Sprig is it is a tool to help us improve as coders. And, it's in JS, which should help me with functions.</p>
<p class="bloggin">Catbot is once again temporarily abandoned. I've been feeling guiltly for not having set aside the time to make a Sprig game anyway, so this will finally give me the bump to get one done.</p>
</article>
<article>
<p class="date">12.02.22</p>
<p class="blogtitle">You are standing in an open field west of a white house </p>
<p class="bloggin">I'm going to make a choose your own adventure game in Sprig.</p>
<p class="bloggin">It's going to be two simple sprites. You choose one, and then they're replaced by two more. That's it. For now I know that's likely complex enough-- there's no need for me to add a score or inventory or even backtracking. You make choices and move on.
</p>
</article>
<article>
<p class="date">12.03.22</p>
<p class="blogtitle">This is what you get for having no plan</p>
<p class="bloggin">I start digging through the current <a href="https://sprig.hackclub.com/gallery">Sprig games</a> to find one that does something similar to what I need (namely swap a sprite on a key input). I lose myself in other people's projects for awhile. It's just so fantastic to see everyone's code. I truly understand maybe 20% of it, though can grok most of it enough to know what it's doing.</p>
<p class="bloggin">None of the curent games quite do I want, so I delve into <a href="https://editor.sprig.hackclub.com/">our toolkit</a>. Most of it I can understand, except the section titles. For example,<i> <b>setBackground(bitmapKey)</b> Tiles a bitmap as the background of the game: <b>setBackground(spriteKey)</b>.</i> I don't know what these Keys are.</p>
<p class="bloggin">I do figure out how to create a map, and my first two sprites. I figure out how to replace sprites with others onInput. It doesn't work without clearTile first, so I add that, and I'm thinking that maybe this means there's the ability to layer sprites and then reorder them, which would be another way to create this game.
<p class="bloggin">I get the swap working. These small wins are so addictive, but as I'm progressing just to get this small thing to work, I'm aware that this isn't likely going to be the way forward for consecutive choices in the game. </p>
<p class="bloggin">I really haven't thought the larger logic of my game through at all. </p>
<p></p>
</article>
-->
</body>
</html>