AngeloStavrow
AngeloStavrow

My personal site now includes its first line of JavaScript, to pull in micro.blog updates on their own page: angelostavrow.com/updates/

angelo.micro.blog
|
Embed
Progress spinner
antonzuiker
antonzuiker

@AngeloStavrow Very nice, and something I'd like to do for my personal site. Can you give a tutorial, or link?

|
Embed
Progress spinner
AngeloStavrow
AngeloStavrow

@antonzuiker Thanks! It was actually pretty straightforward; I used the information here to pull in the latest updates, and added some custom CSS to the microblog_post and microblog_time.

|
Embed
Progress spinner
In reply to
crossingthethreshold
crossingthethreshold

@AngeloStavrow I have used the Sidebar.js to pull in the latest updates, but I don't know how to customize the CSS styles...microblog_post, etc. Quick tutorial possible? Thank you.

|
Embed
Progress spinner
AngeloStavrow
AngeloStavrow

@crossingthethreshold I threw together a quick little Glitch app to show how I do it here: glitch.com/~microblo...

I added a couple of comments in style.css to show what CSS rules target what elements in the feed. At the bottom of the embed you can click on "Both" and make changes to the code in style.css and see it update live in the app itself. Feel free to remix and play around!

|
Embed
Progress spinner
crossingthethreshold
crossingthethreshold

@AngeloStavrow Thank you very much. I really appreciate that.

|
Embed
Progress spinner
AngeloStavrow
AngeloStavrow

@crossingthethreshold Hope it helps!

|
Embed
Progress spinner
crossingthethreshold
crossingthethreshold

@AngeloStavrow It did, and I'll play a bit more before the page goes public - www.crossingthethreshold.net/microblog...

|
Embed
Progress spinner
AngeloStavrow
AngeloStavrow

@crossingthethreshold Looks great!

|
Embed
Progress spinner
smokey
smokey

@eli We probably want to add @AngeloStavrow’s thingy to the wiki.

|
Embed
Progress spinner