my new personal website! what framework? i made my own. build system? i made my own. new: there's now a cute custom cursor!! dark mode has been added. messaging now has a captcha and ratelimits to prevent spam.
i added the README and then a friend from india told me that apparently the website doesnt work in india so i actually travelled all the way to the border and managed to connect to an indian cell tower and verified that it did not work then i fixed it, i proxied the messages API through nest and added pages.tanjim.org which doesnt go through VPS now its all good.
now its done! i used agentmail for this (“coolton” is what i named the agentmail inbox, i reused an inbox i used for an older project), it works now! now when someone sends a message, all of these happen:
now it will also notify me with a sound when any message comes! if my mac is locked/i am away then it will wait until it unlocks then notify me for my messages automatically, it will also show the priority.
one limitation, it uses a flag on the server to store if it has already notified for a given message so it will not notify me twice, but because nothing is stored in the client (my macbook) it will cause problems if i make it notify on multiple devices. if i do that i have to either make the notified flag be an array for each client or i can make each client store its own flag
but regardless it works now, all that’s left is email
it notifies me on my terminal when i have messages and implements a lily cli command that i can use to manage the messages. it supports these commands
lily messages [filter]: [filter] is optional, it can be one of read unread notified unnotified or something like .id==5 or .id>=2. shows the messages matching the filter.lily mark <type> <value> <start> [end]: <type> is read or notified, <value> is a boolean, it changes the read or notified value of a message. when [end] isn’t given it defaults to <start>.lily read <start> [end]: aliases to lily mark read true <start> [end]
lily readall: marks everything as readlily delete <start> [end] deletes messages based on IDs.
now it works! go to tanjim.org and send me a message!
i still need to set up the notifier and terminal stuff and email etc etc but it now works and is deployed!
i made these commits in the last 3 devlogs but i wasnt able to put it then because it hadn’t been pushed (if i pushed then the site would be in a nonfunctional intermediary state)
i made a message button and added some smoooooooth transitions for it like the email button and made the ui stuff for it, next things left to do in this
i made the frontend part of the site, here is what i did
indext.html(see 2nd screenshot) , the template has blocks like this <!--!BEGIN AWARD-->
<div class="award">
<h3>[[result]]</h3>
<p>[[event]]</p>
<p class="faded">[[details]]</p>
</div>
<!--!END AWARD-->
...
...
<!--!BEGIN PROJECT-->
<div class="project">
<h3>[[title]]</h3>
<p>[[description]]</h3>
<div class="links">
<!--!BEGIN LINKS-->
<a href="[[url]]" target="_blank">[[label]]</a>
<!--!END LINKS-->
</div>
</div>
<!--!END PROJECT-->
run.py that takes in indext.html awards.json projects.json then repeats and substitutes the AWARD, PROJECT, LINKS blocks and removes the content of the TEMPLATE NOTICE block to generate index.html (its a custom handrolled script no frameworks)serve.py to preview any template changes live, it hosts a webserver on port 8000 and generates index.html on the fly using run.py whenever i request it so i don’t have to type the command 1000 times.run.py that inlines all CSS, JS and fonts to reduce everything to one request, then minifies it into an optimized bundle, so it’s now larping vite/webpackrun.py on GitHub servers
