- JSK:Angelic Pretty Sweet Frill JSK (2023, Pink)
- KC:Angelic Pretty Triple Ribbon Headbow (Pink)
- Blouse:谛梦焚世 (Dì mèng fén shì) Lolita
- Petti:MeLikesTea
- Socks: Roji Roji
- Shoes: Antaina
Because I wanted to have a little bit more control over my widgets (nothing against WidgetStar), I decided to make my own little widget for last.fm scribbly scrobblies! And since my API endpoint exists and would be a bit of a waste to have it used just for my site, I’ve made this page so you can easily insert this widget into your own website!
Using the Last.fm API, all this widget does is it takes the most recent row from your scrobbles and spits it out as some JSON you can use! Ordinarily you could do this directly with last.fm, but that would require setting up a non-static endpoint with an API key yadda yadda. Of course, anyone can do this (and you can also clone my extremely simple Cloudflare worker), though it is nice when it just Exists. Since I have some spare compute on my Cloudflare that I am happy to share, it is available here for you to use.
Okay, the following snippet (after adding your Last.fm username) will get you pretty much what I have on my site. You can always copy the script from that link to your site to get more control over the design.
<a id="now-listening">
<img id="now-listening-img">
<div id="now-listening-info">
<div id="now-listening-track">Loading...</div>
<div id="now-listening-album"></div>
<div id="now-listening-artist"></div>
<div id="time-since-played"></div>
</div>
</a>
<script
type="text/javascript"
src="https://lastfm-api.angle.dev/widget.js?name=YOUR_USERNAME_HERE"
defer></script>
For the horizontal layout shown below, you can use the following CSS:
#now-listening {
width: auto;
display: inline-flex;
align-items: start;
border: 1px solid purple;
padding: 0.5em;
}
#now-listening-info {
display: block;
padding-left: 0.5em;
}
Below is an example of how the widget looks. I promise, there isn’t a whole lot of JavaScript involved, but it lets you have full control over how the widget looks!
The API call made here retrieves an object that mostly mirrors the Last.fm API for user.getRecentTracks, though when a user is not actively listening to something, I haave added a timeStr value to the data.date object so that you do not need to do any special calculation for a string like “3 hours ago.” The script automatically updates every 45 seconds, which is very reasonable for scrobbles and seems like a good balance for server load.
On the client side, this is all that is pulled in from the widget.js endpoint. Feel free to yoink this and customize it to your heart’s content! It is much faster to load if you include this chunk in your site’s JS rather than pulling the JS from my site :)
// Scribbly scrobbly
// https://jasmangle.com
const container = document.getElementById("now-listening");
const eImg = document.getElementById('now-listening-img');
const eTrack = document.getElementById('now-listening-track');
const eAlbum = document.getElementById('now-listening-album');
const eArtist = document.getElementById('now-listening-artist');
const eTimeSince = document.getElementById('time-since-played');
const getNowListening = async () => {
const request = await fetch("https://lastfm-api.angle.dev/?name=YOUR_USERNAME_HERE");
const json = await request.json();
if (json.hasOwnProperty('error')) {
eImg.src = '';
container.href = '';
eTrack.innerHTML = 'Oops, I encountered an error.';
eAlbum.innerHTML = json.error;
eArtist.innerHTML = '';
eTimeSince.innerHTML = '';
console.log(`Last.fm widget error: ${json.error}`);
return;
}
let isPlaying = json.data['@attr']?.nowplaying || false;
container.href = json.data.url;
eImg.src = json.data.image[1]['#text'];
eTrack.innerHTML = json.data.name;
eAlbum.innerHTML = json.data.album['#text'];
eArtist.innerHTML = json.data.artist['#text'];
if (isPlaying) {
eTimeSince.innerHTML = "Now Playing!";
} else {
eTimeSince.innerHTML = json.data.date.timeStr;
}
};
getNowListening();
setInterval(() => { getNowListening(); }, 45000);
Just because the blouse doesn’t show up super well in the main pic, here’s a close up:
This is a big moment…. for these are my FIRST BABY DRESSES (and first Baby items altogether)!!!
I’ll be showin’ y’all my “unboxing” (or I guess my re-unboxing after trying it on at the store)! I loved these JSKs SOOOOOOOOO much!!
Idk why I kinda look like I’m in pain in this picture oops
My coord is the same as what I wore to take the photo on my website logo! I like the mix of light pink and baby blue ^-^
This video is hella bad but… it exists if you really want to watch it. Next time I’ll do a better setup, I promise.
I still haven’t uploaded the video oops. youtube hard
I first went into BTSSB with getting these in mind…. of course you saw the title so now you know I absolutely did not leave with JUST this. This kind of pink and blue mix would work PERFECTLY with the coord above (and most of my other pink+blue coords), so I just had to get it!
I absolutely LOVE THIS DRESS SO MUCH!! The crocheted pink (not red like the others!) strawberries are soo cute and having it on the headbow just adds such a good touch to the whole fit. EVEN THE WAIST TIE BUTTONS ARE LITTLE BLUE STRAWBERRIES!! This is absolutely gonna be a fit I gravitate towards in the future!
Soo…. this is my first entry (besides the shoes) for my mint era! I like having mint as an accent color, since these Angelic Imprint shoes just work sooo well with them and make it all come together. The heart on the front is so cute and both the heart and the bow are detachable! I was super happy that this fit me, especially since I was a little bit over the upper bound on their bust sizing, though it works out perfectly for me!
Anyways, those are my new fits! Hope ya liked em :D
Cya!
]]>RAAAAAAAAAAAAAAHHHHHHHHHH its been too long >.< wahhhhh
Goodness gracious this year has been CRAZY thus far. All sorts of silly wacky goofy ups and downs, but I’m still kicking and doing my best! :D
It seems my laptop (a.k.a., my ThinkPad P15 Gen 2 20YQ :P) has been really going through it. A couple years ago, I made a NixOS partition thinking “Hmm, mayyyyybe I should try to be one of those super nerdy Linux users that has all their cool keybinds and everything” but man when I tell you I wanted to chuck my laptop out my window, I mean it. All the time it took me to just get a single terminal to show up (mind you, I did the non-graphical install from scratch…), I just switched back over to Ubuntu and called it a day. I like my operating systems to at least be relatively operational.
Well, imagine my surprise a few weeks ago when I boot up my laptop to be greeted with this lovely message!
Ahem… Permission denied… to me??? Upon boot??? Can I… sudo boot or something??
Well, uh, turns out Windows 11 is the biggest loser of an operating system given how one of its update routines genuinely messed up my entire Ubuntu install somehow! I was checking what happened before this and the last thing I was doing was innocently minding my business dual-booting into Windows 11, which already made me want to take a shower, but geez to wage a full on war against MY LINUX… tsk tsk tsk
Anyways, after many hours of trying to debug this, typing out the hardware ID of my boot disk and the paths to vmlinuz/initrd countless times in the GRUB command line, I found out that somehow my entire grub.cfg and other mildly important system libraries (Linux.x86_64 seems mildly important) just turned into a whole bunch of null bytes. Fun!
Thankfully everything is still safe, but uh if anyone happens to have any tips for figuring this out, feel free to send mail with pointers. And yes, I am very much aware that the root solution here would be to just not use Windows. I want to transition to using VMs for that in the future.
So now… with only one other choice left on my laptop without having to deal with reinstalling a whole new OS…
I gotta say… now that my GNOME works (kinda, for some reason my second monitor just freezes on one picture), it is actually kinda… nice.
I don’t really know what the “proper” way is to structure the nix configuration files, but I like the idea behind the flakes for individual projects. If only I had actual time to spend learning the syntax and getting acquainted with it. Before I could write any of this post, I had to get the Nix stuff working for this website, which was a mild pain and only a couple hours of my life I’ll never get back. But, in that time, it did make me appreciate the flexibility that Nix has to offer for environment management.
Right now, my /etc/nix is literally just a git repository in its own right and I am just making verbatim changes in there. I don’t have secrets management fully set up yet, so I am definitely not pushing anything up to a public repo, but at least it’s starting to take shape. I see all the cool GitHub repos everyone has of their NixOS setups and uhhhhh it looks wayyy too intimidating for me right now.
Recently I ended up getting a nice used bike (a Trek 4500) from Good Karma Bikes! I haven’t been on a bike since I was super tiny, so it is kinda nice to finally have one. Honestly, the idea of biking on the road kinda freaked me out for a while, but I figured starting out riding it early in the morning when it isn’t too busy outside can ease me into it. Since I don’t have a car, it certainly makes doing small trips around SJ much easier. I really gotta work on my leg muscles though, I’m terribly out of shape.
There have indeed been times this year that have felt stressful for one reason or another, leading me down a silly spiral of negative feelings that led to restless nights, preoccupation with anxiety during the day, and all kinds of not so fun thoughts. Thankfully, everything is all good now after plenty of therapy and time to get myself back on track, though I think the biggest thing that helped for me significantly was taking a break during the day for mindfulness.
These days, in the mornings, I’ll go out to a small park, sit on a bench, close my eyes, and just breathe, focusing on the feeling of my rear end pressing on the seat and letting all the sounds of nature just pass by. I started out doing the “Daily Trip” sessions by Jeff Warren on the Calm app (no this isn’t an ad, don’t send me hate mail for this), since I had already been using the app for soundscapes (highly recommend for sleep) and the meditation programs were included from my insurance, though you really don’t need an app for it (and I don’t use it much for that nowadays). Starting the day with a nice meditation session, a good bike ride, and a nice cup of tea has helped me feel significantly more “ready” for the stressors of a typical day.
Hah, “I’m ready”… now I sound like Spongebob :P
Of course, this isn’t everything that is happening. I’ll try to make more posts now that I actually have a real development environment I can type from, rather than a broken Jekyll instance that seemed to never work (and GitHub Pages, which decided to just not serve anything).
Cya! :D
]]>Anyways, wow, four years really flew by. A lot has changed! I’ve met so many cool people, taught some classes, worked some internships, made some chips do some cool things, helped get a paper accepted for said chips, and now I’m at NVIDIA making even more chips do cool things.
I would say that these were some of the most difficult years of my life. From insane work schedules to personal challenges (which I’ll probably talk about more in another blurb), it really built character over the years. This blurb will just have highlights of the main pieces of advice from my Berkeley experience, saving further details for later blurbs.
Despite having to deal with the hectic lower division courses during my freshman year, what kept me motivated throughout were the interesting Berkeley seminars offered that were tailored specifically for freshmen or sophomores. They are usually just a unit or two and very worthwhile! They are great ways to talk with instructors in a smaller class context (around 20 people) while discussing something that suits both of your interests.
In my first semester, I took the BLISS: Berkeley Low-Cost Interplanetary Solar Sail seminar, led by Dr. Andrew Westphal and Prof. Kris Pister. The goal: designing a ~10g spacecraft piloted using MEMS actuators to act as a low-cost method of exploring the solar system. We got to experiment with various types of carbon fiber rods and materials for making a solar sail, then attempted to see what would fit within a CubeSat, figuring out the feasibility of fitting multiple spacecraft to decrease cost. This seminar was an incredible introduction to Berkeley research early on; I would highly recommend taking a similar type of seminar if offered in the future.
In my second semester, I took the Hands-On-Ham Radio seminar led by Prof. Miki Lustig. Here, we launched two balloons with APRS and WSPR GPS beacons and tracked their locations as they flew across the world. In this seminar, you also work towards getting your FCC technician amateur radio license and are given a starter handheld radio. It was tons of fun messing around with SDRs and listening in to different broadcasts, plus talking on the UC Berkeley net every Wednesday was a neat experience. This is an annual tradition that is held in this seminar and is not super technical, so if you have a chance to take it, it’s a great way to both get your amateur radio license and have fun launching balloons.
One thing I absolutely do not regret was my decision to become a teaching assistant. My personal interests lean heavily towards low-level software and hardware design, thus I really enjoyed taking CS 61C (machine structures). I started teaching CS 61C as an academic intern in Spring 2023, then progressed to tutor the following semester, then a TA for two semesters afterwards. After I had taken the tapeout and bringup courses, I became a teaching assistant for the following class tapeout project in Spring 2025.
I would have started teaching other classes earlier, but due to some self-esteem issues early on, I worried that I was just not qualified to teach in any capacity. This was absolutely unjustified, however, and honestly teaching was one of the best things I had done.
Teaching is so much fun!!!
It was an incredible privilege to be afforded the opportunity to teach other students in this capacity. This ended up being one of the biggest highlights of my time at Berkeley and was some of the most fun I had. I learned a ton from my peers and I would absolutely do it again.
Preserving work-life balance at Berkeley was one of the hardest things for me to maintain. Looking back, it’s probably the biggest thing I wish I had handled differently during college, but even in the moment, I knew it was something I struggled with.
When you are thrown into an environment that is conducive to overwork, it becomes surprisingly easy to let all-nighters become routine, especially in research. In EECS, both in academics and in the lab, this was a very common theme from what I observed and experienced.
No matter how many times I would try to enforce that I keep a schedule or block out time for personal things, work would always find a way to creep back in to fill up the gaps.
I got to work on some really exciting projects, especially during the Spring 2024 bringup of the Berkeley chips. I do wish I could have regulated the time spent there a bit more, though. Entering the lab during the day, losing track of time and leaving at midnight was incredibly common and I absolutely had to set alarms to let me know when to leave.
To keep myself from molding into the shape of a chair, I was able to manage the stress by forcing myself to get outside and go on hikes or hang out with friends. Despite this, drowning in work was a terribly isolating experience. If you can, try to budget a little bit of time to a hobby of some sort. It wasn’t very feasible for me to do this, but try to budget this into your schedule before it gets too hectic.
Small bit of advice if any current Berkeley students happen to be reading this: CAPS exists, is free, and carried me through points of intense struggle. There is no shame in using it and I would strongly recommend it.
Do not take EECS 151, Physics 7B, CS 70, and the HOPE DeCal at the same time. That was a really bad idea. I found myself left with almost no free time at all.
save your sanity. preserve your hair. I’m sure I knocked like 5 years off my lifespan during that semester. For prioritizing mental health, it is genuinely not worth enduring this schedule. At the very least, take physics a different semester if you are focused on digital IC design. Having two problem-set heavy courses constantly assigning more work on top of EECS 151’s final project and the HOPE DeCal project in the back of your mind at all times is not a healthy combination.
That being said, I will say that I am happy that I took EECS 151 early on (sophomore spring). This is what ultimately allowed me to be a TA for tapeout later on, while going through the tapeout/bringup course flow entirely. Sure, I could have taken the bringup course in the following fall semester, but I needed a relatively lighter semester to rest.
Now that I’ve graduated and settled into San Jose, I’ll now be able to actually pursue some hobbies I’ve had, which I previously didn’t have time to do. Some of this does align with EECS-related things like hobbyist hardware development or DIY projects, but a lot doesn’t, like sewing or language learning. Most of the future blurbs here will likely follow this trend, but other random things will be coming soon!
Until next time! :D
]]>