I remember finding out about this lightly via @aaronpk when he noticed it.
Hidden Data On Boarding Passes Pose Personal Security Risk: cbsloc.al/2ZdXSJ7
{
"type": "entry",
"published": "2019-12-22T00:12:34+00:00",
"url": "https://twitter.com/jackyalcine/status/1208540796741402624",
"quotation-of": "https://twitter.com/CBSDFW/status/1208507472937402375",
"content": {
"text": "I remember finding out about this lightly via @aaronpk when he noticed it.",
"html": "I remember finding out about this lightly via <a href=\"https://twitter.com/aaronpk\">@aaronpk</a> when he noticed it."
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/CBSDFW/status/1208507472937402375": {
"type": "entry",
"published": "2019-12-21T22:00:09+00:00",
"url": "https://twitter.com/CBSDFW/status/1208507472937402375",
"photo": [
"https://pbs.twimg.com/media/EMV7ILkWkAYH_yj.jpg"
],
"content": {
"text": "Hidden Data On Boarding Passes Pose Personal Security Risk: cbsloc.al/2ZdXSJ7",
"html": "Hidden Data On Boarding Passes Pose Personal Security Risk: <a href=\"https://cbsloc.al/2ZdXSJ7\">cbsloc.al/2ZdXSJ7</a>"
},
"author": {
"type": "card",
"name": "CBSDFW",
"url": "https://twitter.com/CBSDFW",
"photo": "https://pbs.twimg.com/profile_images/875403671521054722/D1MYcdh7.jpg"
},
"post-type": "photo"
}
},
"_id": "7220693",
"_source": "2773"
}
Toni knew. https://t.co/V4zxoPTAp6
Do you know which superhero was globally searched 5 times more than Captain America in March of this year? Vote below, then head over to g.co/2019 to watch the full #Year...
{
"type": "entry",
"published": "2019-12-22T00:05:21+00:00",
"url": "https://twitter.com/jackyalcine/status/1208538983162163200",
"photo": [
"https://pbs.twimg.com/media/EMWXzCuXsAAILl5.jpg"
],
"quotation-of": "https://twitter.com/Google/status/1207686073075273728",
"content": {
"text": "Toni knew. https://t.co/V4zxoPTAp6"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "photo",
"refs": {
"https://twitter.com/Google/status/1207686073075273728": {
"type": "entry",
"published": "2019-12-19T15:36:12+00:00",
"url": "https://twitter.com/Google/status/1207686073075273728",
"content": {
"text": "Do you know which superhero was globally searched 5 times more than Captain America in March of this year? Vote below, then head over to g.co/2019 to watch the full #YearinSearch film",
"html": "Do you know which superhero was globally searched 5 times more than Captain America in March of this year? Vote below, then head over to <a href=\"http://g.co/2019\">g.co/2019</a> to watch the full <a href=\"https://twitter.com/search?q=%23YearinSearch\">#YearinSearch</a> film"
},
"author": {
"type": "card",
"name": "Google",
"url": "https://twitter.com/Google",
"photo": "https://pbs.twimg.com/profile_images/1202284101207760897/3zmA5tWa.jpg"
},
"post-type": "note"
}
},
"_id": "7220419",
"_source": "2773"
}
Need this for 4C/4B hair. Mostly transferrable but that hair is mad glossy
{
"type": "entry",
"published": "2019-12-22T00:01:29+00:00",
"url": "https://twitter.com/jackyalcine/status/1208538007206342656",
"quotation-of": "https://twitter.com/oscarmele_10/status/1207891716587630592",
"content": {
"text": "Need this for 4C/4B hair. Mostly transferrable but that hair is mad glossy"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/oscarmele_10/status/1207891716587630592": {
"type": "entry",
"published": "2019-12-20T05:13:21+00:00",
"url": "https://twitter.com/oscarmele_10/status/1207891716587630592",
"video": [
"https://video.twimg.com/ext_tw_video/1207891198712700930/pu/vid/1280x720/-_-Mnr3-9MAHrvOE.mp4?tag=10"
],
"content": {
"text": "How I cut my own hair \ud83d\udc88\ud83d\ude33"
},
"author": {
"type": "card",
"name": "Oscar Melendez \ud83c\udf0a",
"url": "https://twitter.com/oscarmele_10",
"photo": "https://pbs.twimg.com/profile_images/1191472220687753216/MKACGVLx.jpg"
},
"post-type": "video"
}
},
"_id": "7220425",
"_source": "2773"
}
Been trying to provide this service for 1.5 years now smh
Honestly, I got busted open like a Can of biscuits this morning and nothing else has mattered since.
{
"type": "entry",
"published": "2019-12-22T00:00:13+00:00",
"url": "https://twitter.com/jackyalcine/status/1208537691761106944",
"quotation-of": "https://twitter.com/LizZy_bLike/status/1208464246650146817",
"content": {
"text": "Been trying to provide this service for 1.5 years now smh"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/LizZy_bLike/status/1208464246650146817": {
"type": "entry",
"published": "2019-12-21T19:08:23+00:00",
"url": "https://twitter.com/LizZy_bLike/status/1208464246650146817",
"content": {
"text": "Honestly, I got busted open like a Can of biscuits this morning and nothing else has mattered since."
},
"author": {
"type": "card",
"name": "Elle V",
"url": "https://twitter.com/LizZy_bLike",
"photo": "https://pbs.twimg.com/profile_images/1206192790461452291/3BVpOPup.jpg"
},
"post-type": "note"
}
},
"_id": "7220426",
"_source": "2773"
}
Dated this guy for 2 years, man was gonna leave so i faked a pregnancy and miscarriage. We still together
De Montfort Uni
{
"type": "entry",
"published": "2019-12-21T23:54:11+00:00",
"url": "https://twitter.com/jackyalcine/status/1208536170449317889",
"quotation-of": "https://twitter.com/ACSfessions/status/1208305179289931776",
"content": {
"text": "Wild"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/ACSfessions/status/1208305179289931776": {
"type": "entry",
"published": "2019-12-21T08:36:18+00:00",
"url": "https://twitter.com/ACSfessions/status/1208305179289931776",
"content": {
"text": "Dated this guy for 2 years, man was gonna leave so i faked a pregnancy and miscarriage. We still together\n\nDe Montfort Uni"
},
"author": {
"type": "card",
"name": "ACS Confessions\ud83c\uddec\ud83c\udde7\u270a\ud83c\udffe",
"url": "https://twitter.com/ACSfessions",
"photo": "https://pbs.twimg.com/profile_images/1201698223435505664/zsjr__Zm.jpg"
},
"post-type": "note"
}
},
"_id": "7220225",
"_source": "2773"
}
Well, there's context. Black Panther used this cartoonish version of what Africa is like. This steroetypical stylization. My wife thought the same thing. I'm glad people ...
{
"type": "entry",
"published": "2019-12-21T23:50:42+00:00",
"url": "https://twitter.com/jackyalcine/status/1208535295932686338",
"photo": [
"https://pbs.twimg.com/media/EMWUckPWwAE0sP6.jpg"
],
"quotation-of": "https://twitter.com/0PT1MU5_CR1M35/status/1208441806456672256",
"content": {
"text": "https://t.co/dUhfpJl96J"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "photo",
"refs": {
"https://twitter.com/0PT1MU5_CR1M35/status/1208441806456672256": {
"type": "entry",
"published": "2019-12-21T17:39:13+00:00",
"url": "https://twitter.com/0PT1MU5_CR1M35/status/1208441806456672256",
"in-reply-to": [
"https://twitter.com/Teco____H/status/1208436818867347456"
],
"content": {
"text": "Well, there's context. Black Panther used this cartoonish version of what Africa is like. This steroetypical stylization. My wife thought the same thing. I'm glad people got enjoyment and inspiration from it, but it was a bit over the top for me and my family.",
"html": "Well, there's context. Black Panther used this cartoonish version of what Africa is like. This steroetypical stylization. My wife thought the same thing. I'm glad people got enjoyment and inspiration from it, but it was a bit over the top for me and my family.\n<a class=\"u-mention\" href=\"https://twitter.com/Teco____H\"></a>\n<a class=\"u-mention\" href=\"https://twitter.com/ThePlaylist\"></a>"
},
"author": {
"type": "card",
"name": "Suburban Hood...",
"url": "https://twitter.com/0PT1MU5_CR1M35",
"photo": "https://pbs.twimg.com/profile_images/986423335721418752/ak4PBWEH.jpg"
},
"post-type": "reply"
}
},
"_id": "7220123",
"_source": "2773"
}
“What... the fuck... are you doing??”
{
"type": "entry",
"published": "2019-12-21T23:38:44+00:00",
"url": "https://twitter.com/jackyalcine/status/1208532281868066817",
"quotation-of": "https://twitter.com/BestVideosviral/status/1208421891775619072",
"content": {
"text": "Son lmfaoooooo"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/BestVideosviral/status/1208421891775619072": {
"type": "entry",
"published": "2019-12-21T16:20:05+00:00",
"url": "https://twitter.com/BestVideosviral/status/1208421891775619072",
"video": [
"https://video.twimg.com/ext_tw_video/1208421829628645377/pu/vid/720x900/UbcBeeTcrAp2sGNr.mp4?tag=10"
],
"content": {
"text": "\u201cWhat... the fuck... are you doing??\u201d"
},
"author": {
"type": "card",
"name": "viralvideos",
"url": "https://twitter.com/BestVideosviral",
"photo": "https://pbs.twimg.com/profile_images/1194827193710460933/sP_AEtrn.jpg"
},
"post-type": "video"
}
},
"_id": "7219896",
"_source": "2773"
}
It's waiting for you to be created.
{
"type": "entry",
"published": "2019-12-21T23:37:37+00:00",
"url": "https://twitter.com/jackyalcine/status/1208532004326780933",
"quotation-of": "https://twitter.com/estellevw/status/1208491302100197376",
"content": {
"text": "Lmfaoo best response"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/estellevw/status/1208491302100197376": {
"type": "entry",
"published": "2019-12-21T20:55:53+00:00",
"url": "https://twitter.com/estellevw/status/1208491302100197376",
"photo": [
"https://pbs.twimg.com/media/EMVsbmRUYAAKvVc.png"
],
"in-reply-to": [
"https://twitter.com/MinaMarkham/status/1208478575805906945"
],
"content": {
"text": "It's waiting for you to be created.",
"html": "It's waiting for you to be created.\n<a class=\"u-mention\" href=\"https://twitter.com/MinaMarkham\"></a>"
},
"author": {
"type": "card",
"name": "On the nice list",
"url": "https://twitter.com/estellevw",
"photo": "https://pbs.twimg.com/profile_images/972318534058393605/aae9923L.jpg"
},
"post-type": "reply"
}
},
"_id": "7219897",
"_source": "2773"
}
Why you doing this? https://t.co/MqXFAEZ46b
{
"type": "entry",
"published": "2019-12-21T23:26:22+00:00",
"url": "https://twitter.com/jackyalcine/status/1208529173393891328",
"photo": [
"https://pbs.twimg.com/media/EMWO4FBXYAABBE_.jpg"
],
"quotation-of": "https://twitter.com/actualcomickit/status/1208488854891704320",
"content": {
"text": "Why you doing this? https://t.co/MqXFAEZ46b"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "photo",
"refs": {
"https://twitter.com/actualcomickit/status/1208488854891704320": {
"type": "entry",
"published": "2019-12-21T20:46:10+00:00",
"url": "https://twitter.com/actualcomickit/status/1208488854891704320",
"photo": [
"https://pbs.twimg.com/media/EMVqNW7WkAI8QHm.jpg"
],
"content": {
"text": "a life Hack"
},
"author": {
"type": "card",
"name": "M\u03ac\u03c4\u03b9\ud83d\udcab",
"url": "https://twitter.com/actualcomickit",
"photo": "https://pbs.twimg.com/profile_images/1206274151717187584/twGMku1s.jpg"
},
"post-type": "photo"
}
},
"_id": "7219699",
"_source": "2773"
}
MY BEAUTIFUL MEDIUM-BLACK QUEEN 💜: A thread
{
"type": "entry",
"published": "2019-12-21T23:15:02+00:00",
"url": "https://twitter.com/jackyalcine/status/1208526320105328640",
"quotation-of": "https://twitter.com/ZayaLoves/status/1208007913287147521",
"content": {
"text": "Wait hold on lmfaoooooo"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/ZayaLoves/status/1208007913287147521": {
"type": "entry",
"published": "2019-12-20T12:55:04+00:00",
"url": "https://twitter.com/ZayaLoves/status/1208007913287147521",
"photo": [
"https://pbs.twimg.com/media/EMO0yRAWoAAADJs.jpg",
"https://pbs.twimg.com/media/EMO0yQ8XsAAgdwl.jpg"
],
"content": {
"text": "MY BEAUTIFUL MEDIUM-BLACK QUEEN \ud83d\udc9c: A thread"
},
"author": {
"type": "card",
"name": "\u2688",
"url": "https://twitter.com/ZayaLoves",
"photo": "https://pbs.twimg.com/profile_images/1187107414681800704/niL4basK.jpg"
},
"post-type": "photo"
}
},
"_id": "7219572",
"_source": "2773"
}
I’ve owned both now and I can honestly say dogs are way better.
{
"type": "entry",
"published": "2019-12-21T23:09:25+00:00",
"url": "https://twitter.com/jackyalcine/status/1208524906440192000",
"quotation-of": "https://twitter.com/CasanovaCed/status/1208524507490791424",
"content": {
"text": "Way better."
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/CasanovaCed/status/1208524507490791424": {
"type": "entry",
"published": "2019-12-21T23:07:50+00:00",
"url": "https://twitter.com/CasanovaCed/status/1208524507490791424",
"content": {
"text": "I\u2019ve owned both now and I can honestly say dogs are way better."
},
"author": {
"type": "card",
"name": "Monkey D. Ceddy",
"url": "https://twitter.com/CasanovaCed",
"photo": "https://pbs.twimg.com/profile_images/1185359974861541378/d9BISJs9.jpg"
},
"post-type": "note"
}
},
"_id": "7219308",
"_source": "2773"
}
I just noticed there’s a dedicated Beta menu item on wordpress.org: https://wordpress.org/plugins/browse/beta/
I wonder how we could leverage something like the Webmention plugin into a space like that?
Syndicated copies to:
{
"type": "entry",
"published": "2019-12-08T13:02:13-08:00",
"category": [
"indieweb",
"wordpress",
"webmention",
"webmention-plugin",
"wordpress-plugins"
],
"content": {
"text": "I just noticed there\u2019s a dedicated Beta menu item on wordpress.org: https://wordpress.org/plugins/browse/beta/\n\n\n\u00a0\nI wonder how we could leverage something like the Webmention plugin into a space like that?\n\n\nSyndicated copies to: <?xml version=\"1.0\" encoding=\"utf-8\">\n\n\n <?xml version=\"1.0\" encoding=\"utf-8\">",
"html": "<span><span class=\"e-content p-name\">I just noticed there\u2019s a dedicated Beta menu item on wordpress.org: <a href=\"https://wordpress.org/plugins/browse/beta/\">https://wordpress.org/plugins/browse/beta/</a></span></span>\n\n\n\u00a0\n<span><span class=\"e-content p-name\">I wonder how we could leverage something like the <a href=\"https://wordpress.org/plugins/webmention/\">Webmention plugin</a> into a space like that?</span></span>\n\n\n<span>Syndicated copies to:</span><ul><li><a class=\"u-syndication\" href=\"https://chat.indieweb.org/wordpress/2019-12-08#t1575838968492000\"> <span style=\"max-width:1rem;margin:2px;\" title=\"indieweb\"><?xml version=\"1.0\" encoding=\"utf-8\">\n\n</span></a></li>\n<li><a class=\"u-syndication\" href=\"https://chat.indieweb.org/wordpress/2019-12-08#t1575838987589700\"> <span style=\"max-width:1rem;margin:2px;\" title=\"indieweb\"><?xml version=\"1.0\" encoding=\"utf-8\">\n\n</span></a></li>\n</ul>"
},
"author": {
"type": "card",
"name": "Chris Aldrich",
"url": "https://boffosocko.com/author/chrisaldrich/",
"photo": "https://secure.gravatar.com/avatar/d5fb4e498fe609cc29b04e5b7ad688c4?s=49&d=identicon&r=pg"
},
"post-type": "note",
"_id": "7219152",
"_source": "2785"
}
Dear @goodreads, heading into the stretch for end of 2019, I'd love a potential column for %finished in view for My Books >> Currently Reading. Then I could sort books in my currently reading list to figure out which I can finish fastest.
[more...]
boffosocko.com/2019/12/21/557…
{
"type": "entry",
"published": "2019-12-21T22:34:12+00:00",
"url": "https://twitter.com/ChrisAldrich/status/1208516042042904577",
"content": {
"text": "Dear @goodreads, heading into the stretch for end of 2019, I'd love a potential column for %finished in view for My Books >> Currently Reading. Then I could sort books in my currently reading list to figure out which I can finish fastest.\n[more...]\nboffosocko.com/2019/12/21/557\u2026",
"html": "Dear <a href=\"https://twitter.com/goodreads\">@goodreads</a>, heading into the stretch for end of 2019, I'd love a potential column for %finished in view for My Books >> Currently Reading. Then I could sort books in my currently reading list to figure out which I can finish fastest.\n[more...]\n<a href=\"https://boffosocko.com/2019/12/21/55762450/\">boffosocko.com/2019/12/21/557\u2026</a>"
},
"author": {
"type": "card",
"name": "Chris Aldrich",
"url": "https://twitter.com/ChrisAldrich",
"photo": "https://pbs.twimg.com/profile_images/890299009381916672/CafdvvxN.jpg"
},
"post-type": "note",
"_id": "7218458",
"_source": "2773"
}
This is truly why the backbone of every movement must be political education. Because the masses are unaware. So when those of us who know better peep sumn, we’re “ha...
{
"type": "entry",
"published": "2019-12-21T22:29:21+00:00",
"url": "https://twitter.com/jackyalcine/status/1208514824667324416",
"quotation-of": "https://twitter.com/CandyCornball/status/1208511831599398912",
"content": {
"text": "This part"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/CandyCornball/status/1208511831599398912": {
"type": "entry",
"published": "2019-12-21T22:17:28+00:00",
"url": "https://twitter.com/CandyCornball/status/1208511831599398912",
"in-reply-to": [
"https://twitter.com/watermelondriia/status/1208510992059117568"
],
"content": {
"text": "This is truly why the backbone of every movement must be political education. Because the masses are unaware. So when those of us who know better peep sumn, we\u2019re \u201chaters.\u201d Smh.",
"html": "This is truly why the backbone of every movement must be political education. Because the masses are unaware. So when those of us who know better peep sumn, we\u2019re \u201chaters.\u201d Smh.\n<a class=\"u-mention\" href=\"https://twitter.com/_theghettomonk\"></a>\n<a class=\"u-mention\" href=\"https://twitter.com/watermelondriia\"></a>"
},
"author": {
"type": "card",
"name": "Dr. Brooklyn \ud83d\udc99\ud83d\udc68\ud83c\udffe\u200d\ud83c\udfa4",
"url": "https://twitter.com/CandyCornball",
"photo": "https://pbs.twimg.com/profile_images/1192250763831119873/1YZvLbya.jpg"
},
"post-type": "reply"
}
},
"_id": "7218303",
"_source": "2773"
}
if you get too close I might snatch off your chain
{
"type": "entry",
"published": "2019-12-21T22:27:36+00:00",
"url": "https://twitter.com/jackyalcine/status/1208514381237100544",
"quotation-of": "https://twitter.com/Normani/status/1208480956450869248",
"content": {
"text": "Yes"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/Normani/status/1208480956450869248": {
"type": "entry",
"published": "2019-12-21T20:14:47+00:00",
"url": "https://twitter.com/Normani/status/1208480956450869248",
"photo": [
"https://pbs.twimg.com/media/EMVi_rgUYAAOnJF.jpg",
"https://pbs.twimg.com/media/EMVi_reU8AA7aQM.jpg",
"https://pbs.twimg.com/media/EMVi_rfU4AARWjG.jpg",
"https://pbs.twimg.com/media/EMVi_rdU8AAtYdi.jpg"
],
"content": {
"text": "if you get too close I might snatch off your chain"
},
"author": {
"type": "card",
"name": "Normani",
"url": "https://twitter.com/Normani",
"photo": "https://pbs.twimg.com/profile_images/1162144930720096257/sVuR86D9.jpg"
},
"post-type": "photo"
}
},
"_id": "7218305",
"_source": "2773"
}
This activity is what happens when y'all keep letting them in lol
Internet why is Martha Stewart making coquito on TV?
.
.
.
.
.
.
.
.
OMG WHY DID SHE PUT COFFEE IN IT?????????????????????????????????????????????????????????????????????...
{
"type": "entry",
"published": "2019-12-21T22:13:11+00:00",
"url": "https://twitter.com/jackyalcine/status/1208510754024050690",
"quotation-of": "https://twitter.com/apadillafilm6/status/1208485814688194561",
"content": {
"text": "This activity is what happens when y'all keep letting them in lol"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/apadillafilm6/status/1208485814688194561": {
"type": "entry",
"published": "2019-12-21T20:34:05+00:00",
"url": "https://twitter.com/apadillafilm6/status/1208485814688194561",
"content": {
"text": "Internet why is Martha Stewart making coquito on TV?\n.\n.\n.\n.\n.\n.\n.\n.\nOMG WHY DID SHE PUT COFFEE IN IT???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????"
},
"author": {
"type": "card",
"name": "Andrew J. Padilla \ud83c\uddf5\ud83c\uddf7",
"url": "https://twitter.com/apadillafilm6",
"photo": "https://pbs.twimg.com/profile_images/1019500448838012928/B6wVY6Of.jpg"
},
"post-type": "note"
}
},
"_id": "7217979",
"_source": "2773"
}
Lmaooo I’m weak at the first little girl running into the classroom to warn everybody 😭😭😭
{
"type": "entry",
"published": "2019-12-21T22:10:40+00:00",
"url": "https://twitter.com/jackyalcine/status/1208510121925660672",
"quotation-of": "https://twitter.com/euphorixa/status/1208402642814324737",
"content": {
"text": "Lmfaooo deadass"
},
"author": {
"type": "card",
"name": "iight so jacky was like",
"url": "https://twitter.com/jackyalcine",
"photo": "https://pbs.twimg.com/profile_images/1207131406939373570/d6cdszr8.jpg"
},
"post-type": "note",
"refs": {
"https://twitter.com/euphorixa/status/1208402642814324737": {
"type": "entry",
"published": "2019-12-21T15:03:35+00:00",
"url": "https://twitter.com/euphorixa/status/1208402642814324737",
"in-reply-to": [
"https://twitter.com/tarynnrae_/status/1208109873327755265"
],
"content": {
"text": "Lmaooo I\u2019m weak at the first little girl running into the classroom to warn everybody \ud83d\ude2d\ud83d\ude2d\ud83d\ude2d",
"html": "Lmaooo I\u2019m weak at the first little girl running into the classroom to warn everybody \ud83d\ude2d\ud83d\ude2d\ud83d\ude2d\n<a class=\"u-mention\" href=\"https://twitter.com/Hookzilla\"></a>\n<a class=\"u-mention\" href=\"https://twitter.com/tarynnrae_\"></a>"
},
"author": {
"type": "card",
"name": "nae.",
"url": "https://twitter.com/euphorixa",
"photo": "https://pbs.twimg.com/profile_images/1194811663142313984/hqC7CThz.jpg"
},
"post-type": "reply"
}
},
"_id": "7217983",
"_source": "2773"
}
Home! (@ JFK AirTrain - Terminal 4 in Jamaica, NY) swarmapp.com/c/2pIQASQr9Rj
{
"type": "entry",
"published": "2019-12-21T22:04:30+00:00",
"url": "https://twitter.com/afitnerd/status/1208508568145711104",
"photo": [
"https://pbs.twimg.com/media/EMV8IziXsAEsnOd.jpg"
],
"content": {
"text": "Home! (@ JFK AirTrain - Terminal 4 in Jamaica, NY) swarmapp.com/c/2pIQASQr9Rj",
"html": "Home! (@ JFK AirTrain - Terminal 4 in Jamaica, NY) <a href=\"https://www.swarmapp.com/c/2pIQASQr9Rj\">swarmapp.com/c/2pIQASQr9Rj</a>"
},
"author": {
"type": "card",
"name": "Micah Silverman",
"url": "https://twitter.com/afitnerd",
"photo": "https://pbs.twimg.com/profile_images/1169746170740137984/R7RpX8Q7.jpg"
},
"post-type": "photo",
"_id": "7217673",
"_source": "2773"
}
this reminds me of about 10 years ago I was shopping in whole foods on the night of the solstice, and someone was complaining about how short the day has gotten, and I said "yeah, it's the shortest day of the year," and their reply was "HOW DO YOU KNOW?!"
{
"type": "entry",
"published": "2019-12-21T21:27:53+00:00",
"url": "https://twitter.com/fluffy/status/1208499353989468160",
"quotation-of": "https://twitter.com/vogon/status/1208495227658334208",
"content": {
"text": "this reminds me of about 10 years ago I was shopping in whole foods on the night of the solstice, and someone was complaining about how short the day has gotten, and I said \"yeah, it's the shortest day of the year,\" and their reply was \"HOW DO YOU KNOW?!\""
},
"author": {
"type": "card",
"name": "fluffy \ud83d\udc9c",
"url": "https://twitter.com/fluffy",
"photo": "https://pbs.twimg.com/profile_images/1113258016151707648/vzpeXCFt.png"
},
"post-type": "note",
"refs": {
"https://twitter.com/vogon/status/1208495227658334208": {
"type": "entry",
"published": "2019-12-21T21:11:29+00:00",
"url": "https://twitter.com/vogon/status/1208495227658334208",
"photo": [
"https://pbs.twimg.com/media/EMVwAEGVAAAd_oh.jpg"
],
"content": {
"text": "the caveman news network"
},
"author": {
"type": "card",
"name": "hilbert's infinite airbnb",
"url": "https://twitter.com/vogon",
"photo": "https://pbs.twimg.com/profile_images/727723171894431744/2ilxqYXq.jpg"
},
"post-type": "photo"
}
},
"_id": "7217022",
"_source": "2773"
}
{
"type": "entry",
"published": "2019-12-21T13:20:00-08:00",
"url": "https://aaronparecki.com/2019/12/21/4/indieweb-events",
"category": [
"indieweb",
"indiewebcamp",
"events"
],
"syndication": [
"https://news.indieweb.org/en/aaronparecki.com/2019/12/21/4/indieweb-events"
],
"name": "Announcing events.indieweb.org!",
"content": {
"text": "I'm super happy to announce the launch of a new website for IndieWeb events at events.indieweb.org!\n\n\n\nThis website is a place to find and post events for the IndieWeb community. Historically, we've used the IndieWeb wiki to collect events for the community. There are definitely some benefits to this approach, but there are also quite a lot of downsides.\n\nMy goal with this new website was to capture the best parts of a community wiki for events, while streamlining the process for creating events and making it easier to find what you're looking for as an attendee.\n\nThe rest of this post describes the motivations and design decisions for the website. If that is not interesting to you, you can stop reading now, and just know that it should be a lot easier to find and create IndieWeb community events going forward at events.indieweb.org!\n\nWhy do we need a new website?\n\nOver the last year or so, I've spent a lot of time talking with organizers of the local IndieWeb events like IndieWebCamps or Homebrew Website Clubs. We've also grown a considerable amount this year, adding new organizers and expanding into new cities.\n\nAs we've been onboarding new organizers who are hosting events in their city, I continually see people struggling with the current process of listing an event on the wiki. It's not at all their fault either! Here's an example of what it takes to post a new Homebrew Website Club event, as described on the wiki.\n\nIf your event is not on a \"regular\" Homebrew Website Club day, then you'll need to add a new date to the wiki template of HWC dates, which means editing this template:\n\n\n\nCreate a page on the wiki for the event, the easiest way is to find a past event and copy the page and modify it for your city. That involves editing a page that looks something like this:\n\n\n\nOne part of this process that usually gets messed up is that the wiki markup needs to include the h-event Microformats HTML inside the wiki page. This enables some automation that we have, such as generating the IndieWeb newsletter with photos from the event.\n\nIt's far too easy to forget to add a closing </div> or forget the particular syntax for expressing dates and times in HTML and Microformats. I also personally think that it's not very friendly or accessible to make event organizers deal with this kind of low-level markup, and creates a barrier to people who would otherwise enjoy organizing meetups.\n\nIf you have a website that supports posting events on it yourself, then you're also encouraged to create an event post on your own website and link to it from the wiki.\n\nThen, you need to make sure the event page is added to indieweb.org/Events so that people will actually find it. That also enables some of the automation like having the bot add it to the home page summary and adding it to the newsletter. Thanks to some wiki template wrangling by gRegor, it is at least a little easier to get the wiki markup right since you can use templates for it:\n\n\n\nIn practice, relatively few people have actually done this, and usually this ends up being done by either gRegor or Tantek.\n\nAt the end of all of this, attendees are left with an experience for discovering and RSVP'ing for events something like this.\n\nVisit indieweb.org/Events to see what's coming next, and you're presented with a list like this:\n\n\n\nI'm no designer or information architect, but even I can tell that this page is lacking in some very basic structure that would make it friendly to viewers.\n\nIf you manage to find a meetup in your city and click on it, then you visit the event page for the full details.\n\n\n\nThis now presents its own list of challenges.\n\nThe \"When\" section at the top lists a time range, but in reality each location sets their own times so you have to double check below\nYou have to scroll through several other cities listed on the page to find the details for the one you're looking for\nThere's just a lot of visual clutter here, largely due to being constrained by the wiki environment\nSo needless to say, this is not a very good experience for event organizers or attendees.\n\nWe've talked about trying to improve this situation at various organizers meetups in the past, but never came up with a conclusive plan. I decided that it would be my personal goal to launch a new website to solve these issues so that we can go into 2020 with a much nicer experience for events.\n\nI am happy to say I believe I have addressed nearly all the issues with our current system, while still making it as flexible to use as the wiki.\n\nHere's a quick overview of roughly the feature set of the new events website.\n\nFinding Events\n\nList of upcoming events - the home page is a list of all upcoming events\n\nArchive pages - past events can be found by browsing a year page or month page.\n\n\n\nTag pages - events can be tagged, and tag pages show all events with that tag! This can be used to create city pages showing events only in that city, for example: #austin.\n\n\n\niCal feeds - every page has an iCal feed you can add to your calendar! You can add the home page iCal feed to get a list of all events, or you can add a tag page feed to get just events in your city.\n\nMicroformats - of course every page is marked up with h-event Microformats, so you can subscribe to this in software that supports that vocabulary, or use it as an API for getting events from this website for things like the IndieWeb Newsletter.\n\nAuthentication - if you're logged in to the IndieWeb wiki, then you're already logged in here!\n\nWiki-like editing - anyone who is logged in can add and edit all the details of events, just like if it were a wiki page.\n\nEvent Permalinks\n\nEvents have their own permalinks which have the following features:\n\nCover image - events can have a cover image that shows up at the top. These are always cropped to a fixed size for consistency.\n\n\n\nPhoto gallery - photos can be added to the event page, and they show up as a nice photo gallery. The first photo is shown full width, and then below that is a grid with the rest of the photos.\n\n\n\nThe photos can be clicked to view larger, and you can also add alt text for the photos as well. The photos can be re-ordered by dragging them around if you're logged in.\n\n\n\nRelated blog posts and comments - you can add related blog posts about an event, which is a fun way to capture what people have written after an event. See IndieWebCamp Amsterdam 2019 as an example.\n\nRSVPs - RSVPs are handled in two different ways. If you're logged in, you'll see an \"I'm Going\" button on upcoming events. You can click it to add yourself to the RSVP list immediately. The event pages also accept RSVP Webmentions so you can RSVP from your own website.\n\n\n\nHTML and Markdown description - the main page for the event supports Markdown and a limited subset of HTML tags for formatting. You can use this to provide full details of an event, or even add things that aren't otherwise supported by the website.\n\nAdd to calendar - every upcoming event has an \"add to calendar\" button which provides both an iCal event as well as a like to add to a Google calendar.\n\n\n\nTimezone converter - for events that have a specific start time, the time links out to a page that shows that time in multiple timezones. This is mainly useful for virtual events like Virtual Homebrew Website Clubs, or if you're trying to remotely join another event.\n\n\n\nThe time of the event is shown along with the time of the event in the timezone your browser reports. Below that is a list of the equivalent times in all timezones used by other events in the website.\n\nCreating an Event\n\nI wanted creating an event to be as straightforward as possible. To start with, there's a giant \"Add an Event\" link in the top navigation bar, which is already an improvement.\n\nOne challenge I quickly ran into was that adding fields for all the information needed about the event quickly turns into quite a large form. I didn't want to split it into multiple pages, so instead I broke the page into sections.\n\n\n\nTo start, you enter the name of the event, and optionally add a cover image. The image will be cropped and a preview will appear immediately.\n\n\n\nNext, you'll add information about the location of the event. Ultimately these are just regular text fields, but the \"search for a location\" box on top can help you automatically fill them out by looking up a location.\n\n\n\nIf you start typing in that box, it will use the Google Maps autocomplete API to find venues matching your search.\n\n\n\nClicking on one of the options in the list will then fill out the details in the rest of the fields, and you'll see a little map appear as visual confirmation.\n\n\n\nOf course you're free to not use the venue search at all and just type in the details manually. Or for virtual events with no physical location you can just enter \"Online\" as the venue name.\n\nNext up is adding the date and/or time of the event.\n\nIf you do use the autocomplete and select a venue, then an additional bonus is that it finds the matching timezone for that location as well.\n\n\n\nThis is where it gets a bit tricky. I've made a couple of design decisions around date handling to simplify both the data entry as well as presentation of dates and times for events. I'll describe those in detail a bit later.\n\nLastly, you can add a link to the event's website if it has one, add a description, and add one or more tags.\n\n\n\nYou'd want to include a link to the event's website if for example it requires that you register for tickets to attend the event. Since IndieWebCamps require ticket registration, we'll be linking out to the individual IndieWebCamp's page to buy tickets. We've been using a pattern of YYYY.indieweb.org/city for a few years now, and it's worked out pretty well. But if you're adding something like a Homebrew Website Club that doesn't have its own website, you just leave this blank and this page effectively becomes the canonical link for that event.\n\nThe description field supports markdown and a limited set of HTML tags for formatting. For events with their own website, I'd recommend leaving this description relatively short. But if you want this page to be the canonical event page, feel free to use multiple headers, embed images, and make it look as nice as you want.\n\nTags are a great way to collect related events so they can be found easier. I'd definitely recommend adding a tag for the city of the event, such as \"austin\", so that people can then visit the tag page to find events in their city. You can also add tags like \"indiewebcamp\" or \"hwc\" which then provide a quick way for people to find all upcoming Homebrew Website Clubs regardless of location.\n\nClone event - in order to support quickly adding recurring events like Homebrew Website Clubs, you can click the \"Clone Event\" button on a previous event, and quickly make a new event by changing only the details you want.\n\nDate and Time Handling\n\nDeciding how to handle dates, times, and timezones was one of the most challenging parts of this project. If you've ever dealt with building systems that handle times and timezones you'll know what I mean.\n\nI decided to have essentially four distinct ways an event can present its date/time on this website.\n\nOne-day events - an event that takes place during some portion of one day. This is intended for things like evening events, one-day IndieWebCamps, or other full-day conferences. To create this event, enter only the start date, and enter a start and optionally enter the end time.\n\n\n\nDepending on whether you enter a start and end time, the event date will be displayed as one of the below:\n\n\n\n\n\n\n\nIf you don't enter a timezone, then these times are considered \"floating times\" or \"local times\" and the system doesn't know when it actually occurs. The iCal feed that it produces will also output it as a floating time, leaving out all timezone information. Calendar apps should add this as either a floating time in your calendar, or snap it to your local timezone when you add it. That can cause some edge cases such as when you add an event in the future that will be in a timezone different from where you are when you add it.\n\nIf you add a timezone when you create the event, then it will display the timezone there as well as include it in the iCal feed, and you'll avoid the floating time issues.\n\n\n\nMulti-day events - an event that spans more than one day, such as multi-day conferences.\n\nI took the liberty of deciding that in this case, the times of the event are never shown. In practice, I find it to be more confusing than helpful when an event is shown as being \"January 20, 8:00am through January 21, 5:00pm\". Does that mean I am expected to be there overnight? What time do things wrap up the first day? etc. etc. Instead, it's far more helpful for the overall date range of the event to be displayed at the top, and then elsewhere provide the detailed day-by-day schedule. This is how we've handled it with our pages like IndieWeb Summit which show the date summary at the top and a detailed schedule grid below.\n\n\n\nSo to create multi-day events, you only need to enter the start and end dates. Even if you enter times, they will be ignored by the system. The timezone is also unnecessary in this case because it's not needed in order for something reading the feed to show the same date range.\n\n\n\nThat will be displayed without any time or timezone information.\n\n\n\nIf the date range spans a month boundary, then both month names appear of course.\n\n\n\nIn this case, the iCal feed also omits the times and timezone. That means adding it to a calendar app adds it as a floating date. I've had Apple Calendar and Outlook both mess up multi-day events when there's a timezone specified, so that it looks like the event starts at 5pm local time the previous day, which is really confusing. This should prevent that from happening.\n\nOpen Source\n\nMy goal is to eventually open source this project so that others can use it for their own community. I'm actually planning on running a copy of it on oauth.net to collect OAuth community events as well.\n\nThat said, I feel like it's not quite ready to open source, so I'm holding off on that for the time being. Here are some of the things I need to solve before I'm ready to publish this.\n\n\nCreate a web installer - I'd like the installation experience for this to be more like WordPress and not require command line configuration. The installer should walk you through checking system requirements, setting up the database, etc.\n\nDrop dependency on go imageproxy - The go imageproxy that this uses for quickly resizing images is great, but it's a barrier to setting this project up. This project should download and resize images it needs and serve them locally.\n\nAdd authentication options - Right now the only authentication option is looking at the HTTP Remote-User header, which is a great way to tie this in to existing authentication systems. I'll need to provide alternatives for people who don't have an existing authentication system already.\n\nTheming/Styling/Customization - The design of this project is intentionally minimal, my goal is to allow some flexibility in styling it to match an existing website. I'm not sure what form this should take (WordPress themes are way more than I want to do), but some amount of customization is necessary.\nReplacing the use of the IndieWeb wiki for events\n\nMy goal is to not have any 2020 events on the IndieWeb wiki! I think this project is far enough along that it can effectively do everything the wiki can do around events and more.\n\nI've already added all the upcoming 2020 events that were on the wiki into the new website. Going forward, it should be significantly easier adding events on this website rather than the wiki. There will only be a little bit of cleanup to do around some of the automations such as the list of upcoming events on the home page and the newsletter.\n\nI'm sure there are some things I forgot to address while building this, so if you're an organizer of any IndieWeb events, please do let me know what I may have missed.\n\nSo let me know what you think! I'm really excited to have finally launched this after spending so long designing and building it. I'm hoping it makes for a much better experience for everyone who hosts and attends IndieWeb events!",
"html": "<p>I'm super happy to announce the launch of a new website for IndieWeb events at <a href=\"https://events.indieweb.org\">events.indieweb.org</a>!</p>\n\n<p><a href=\"https://events.indieweb.org/\"><img src=\"https://aperture-media.p3k.io/aaronparecki.com/9ee3fe62aaa159ca9a636fa8df0b5d738c5cb89c8dd422834c42ba855982a92b.png\" alt=\"indieweb-events-list.png\" /></a></p>\n\n<p>This website is a place to find and post events for the IndieWeb community. Historically, we've used the <a href=\"https://indieweb.org/events\">IndieWeb wiki</a> to collect events for the community. There are definitely some benefits to this approach, but there are also quite a lot of downsides.</p>\n\n<p>My goal with this new website was to capture the best parts of a community wiki for events, while streamlining the process for creating events and making it easier to find what you're looking for as an attendee.</p>\n\n<p>The rest of this post describes the motivations and design decisions for the website. If that is not interesting to you, you can stop reading now, and just know that it should be a lot easier to find and create IndieWeb community events going forward at <a href=\"https://events.indieweb.org\">events.indieweb.org</a>!</p>\n\n<h2>Why do we need a new website?</h2>\n\n<p>Over the last year or so, I've spent a lot of time talking with organizers of the local IndieWeb events like IndieWebCamps or Homebrew Website Clubs. We've also grown a considerable amount this year, adding new organizers and expanding into new cities.</p>\n\n<p>As we've been onboarding new organizers who are hosting events in their city, I continually see people struggling with the current process of listing an event on the wiki. It's not at all their fault either! Here's an example of what it takes to post a new Homebrew Website Club event, as described <a href=\"https://indieweb.org/Events#How_To_Add_An_Event\">on the wiki</a>.</p>\n\n<p>If your event is not on a \"regular\" Homebrew Website Club day, then you'll need to add a new date to the wiki template of HWC dates, which means editing this template:</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/a024d40fa1bd791d2f163303dd8617a5d763db5b62a9b1b1650d72a4a520f193.png\" alt=\"hwc-template.png\" /></p>\n\n<p>Create a page on the wiki for the event, the easiest way is to find a past event and copy the page and modify it for your city. That involves editing a page that looks something like this:</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/216eba3e9bff2b723b23680b53441c2ae9676192d4b9e4f7202aa8f1b69ebc1a.png\" alt=\"edit-wiki-event.png\" /></p>\n\n<p>One part of this process that usually gets messed up is that the wiki markup needs to include the h-event Microformats HTML inside the wiki page. This enables some automation that we have, such as generating the <a href=\"https://indieweb.org/this-week\">IndieWeb newsletter</a> with photos from the event.</p>\n\n<p>It's far too easy to forget to add a closing <code></div></code> or forget the particular syntax for expressing dates and times in HTML and Microformats. I also personally think that it's not very friendly or accessible to make event organizers deal with this kind of low-level markup, and creates a barrier to people who would otherwise enjoy organizing meetups.</p>\n\n<p>If you have a website that supports posting events on it yourself, then you're also encouraged to create an event post on your own website and link to it from the wiki.</p>\n\n<p>Then, you need to make sure the event page is added to <a href=\"https://indieweb.org/Events\">indieweb.org/Events</a> so that people will actually find it. That also enables some of the automation like having the bot add it to the home page summary and adding it to the newsletter. Thanks to some wiki template wrangling by <a href=\"https://gregorlove.com/\">gRegor</a>, it is at least a little easier to get the wiki markup right since you can use templates for it:</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/ce7b29ae83241234cfc9feb1cfc754bd843c5888ed785157a00ee1199668c505.png\" alt=\"wiki-event-list.png\" /></p>\n\n<p>In practice, relatively few people have actually done this, and usually this ends up being done by <a href=\"https://chat.indieweb.org/2016-01-27/1453947587493000\">either gRegor or Tantek</a>.</p>\n\n<p>At the end of all of this, attendees are left with an experience for discovering and RSVP'ing for events something like this.</p>\n\n<p>Visit <a href=\"https://indieweb.org/Events\">indieweb.org/Events</a> to see what's coming next, and you're presented with a list like this:</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/da316618503df72822dc2c996dba5fcb7f86a68b90d80cb60911a446b237ca1b.png\" alt=\"wiki-2019-events.png\" /></p>\n\n<p>I'm no designer or information architect, but even I can tell that this page is lacking in some very basic structure that would make it friendly to viewers.</p>\n\n<p>If you manage to find a meetup in your city and click on it, then you visit the event page for the full details.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/1626b89771ef5bf8d92fd506fc8ba110a328c0dc04e853d6088842cf7ec4f25b.jpg\" alt=\"wiki-hwc-event-page.jpg\" /></p>\n\n<p>This now presents its own list of challenges.</p>\n\n<ul><li>The \"When\" section at the top lists a time range, but in reality each location sets their own times so you have to double check below</li>\n<li>You have to scroll through several other cities listed on the page to find the details for the one you're looking for</li>\n<li>There's just a lot of visual clutter here, largely due to being constrained by the wiki environment</li>\n</ul><p><strong>So needless to say, this is not a very good experience for event organizers <em>or</em> attendees.</strong></p>\n\n<p>We've talked about trying to improve this situation at various <a href=\"https://indieweb.org/Organizers/event_pages#Event_Brainstorming\">organizers meetups</a> in the past, but never came up with a conclusive plan. I decided that it would be my personal goal to launch a new website to solve these issues so that we can go into 2020 with a much nicer experience for events.</p>\n\n<p>I am happy to say I believe I have addressed nearly all the issues with our current system, while still making it as flexible to use as the wiki.</p>\n\n<p>Here's a quick overview of roughly the feature set of the new events website.</p>\n\n<h2>Finding Events</h2>\n\n<p><strong>List of upcoming events</strong> - the <a href=\"https://events.indieweb.org/\">home page</a> is a list of all upcoming events</p>\n\n<p><strong>Archive pages</strong> - past events can be found by browsing a <a href=\"https://events.indieweb.org/2020\">year page</a> or <a href=\"https://events.indieweb.org/2020/06\">month page</a>.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/569bb6fc9e411d4755f839cc039d58d3b69e7c4f898676b481dd680deba892d6.png\" width=\"400\" alt=\"2020-events.png\" /></p>\n\n<p><strong>Tag pages</strong> - events can be tagged, and tag pages show all events with that tag! This can be used to create city pages showing events only in that city, for example: <a href=\"https://events.indieweb.org/tag/austin\">#austin</a>.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/ec3b088da4dca3846dc561207cc974766a49ce67b5b7e2cba47aa0580576ef82.png\" width=\"400\" alt=\"austin-tag-page.png\" /></p>\n\n<p><strong>iCal feeds</strong> - every page has an iCal feed you can add to your calendar! You can add the home page iCal feed to get a list of all events, or you can add a tag page feed to get just events in your city.</p>\n\n<p><strong>Microformats</strong> - of course every page is marked up with <a href=\"https://indieweb.org/h-event\">h-event</a> Microformats, so you can subscribe to this in software that supports that vocabulary, or use it as an API for getting events from this website for things like the <a href=\"https://indieweb.org/this-week\">IndieWeb Newsletter</a>.</p>\n\n<p><strong>Authentication</strong> - if you're logged in to the IndieWeb wiki, then you're already logged in here!</p>\n\n<p><strong>Wiki-like editing</strong> - anyone who is logged in can add and edit all the details of events, just like if it were a wiki page.</p>\n\n<h2>Event Permalinks</h2>\n\n<p>Events have their own permalinks which have the following features:</p>\n\n<p><strong>Cover image</strong> - events can have a cover image that shows up at the top. These are always cropped to a fixed size for consistency.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/a65370ad8b256764accaaeeb29228b001da899f901c7de172dac9de006cf5197.jpg\" alt=\"hwc-sd-cover-image.jpg\" /></p>\n\n<p><strong>Photo gallery</strong> - photos can be added to the event page, and they show up as a nice photo gallery. The first photo is shown full width, and then below that is a grid with the rest of the photos.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/9428f82d41fc343ba9c51824e519c2e0c73893782e9e35fdf8354669db1b0166.jpg\" alt=\"iwc-ams-photo-gallery.jpg\" /></p>\n\n<p>The photos can be clicked to view larger, and you can also add alt text for the photos as well. The photos can be re-ordered by dragging them around if you're logged in.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/095ab00167eef9590aa3d92677f31d6327fb7e26fac6f4bc608443aa8e182cfe.jpg\" alt=\"iwc-ams-edit-photo-details.jpg\" /></p>\n\n<p><strong>Related blog posts and comments</strong> - you can add related blog posts about an event, which is a fun way to capture what people have written after an event. See <a href=\"https://events.indieweb.org/2019/09/indiewebcamp-amsterdam-2019-94vjWjjzri4X\">IndieWebCamp Amsterdam 2019</a> as an example.</p>\n\n<p><strong>RSVPs</strong> - RSVPs are handled in two different ways. If you're logged in, you'll see an \"I'm Going\" button on upcoming events. You can click it to add yourself to the RSVP list immediately. The event pages also accept <a href=\"https://indieweb.org/rsvp#How_to_publish\">RSVP Webmentions</a> so you can RSVP from your own website.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/54961dd192d8804dba0cbd590c74a9c6241af2036805dc84a89a88069bb3e8ee.jpg\" width=\"400\" alt=\"event-rsvps.jpg\" /></p>\n\n<p><strong>HTML and Markdown description</strong> - the main page for the event supports Markdown and a limited subset of HTML tags for formatting. You can use this to provide full details of an event, or even add things that aren't otherwise supported by the website.</p>\n\n<p><strong>Add to calendar</strong> - every upcoming event has an \"add to calendar\" button which provides both an iCal event as well as a like to add to a Google calendar.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/69f28f4e29dad8947ec46ecfa69e4f936a0ccb5f1ea53670a996987846b412cf.png\" width=\"295\" alt=\"add-to-calendar.png\" /></p>\n\n<p><strong>Timezone converter</strong> - for events that have a specific start time, the time links out to a page that shows that time in multiple timezones. This is mainly useful for virtual events like Virtual Homebrew Website Clubs, or if you're trying to remotely join another event.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/7b5d71548f1690568b3288e7d72dcc367ed5571b96c50783bdc0d92a772a58ae.png\" alt=\"timezone-converter.png\" /></p>\n\n<p>The time of the event is shown along with the time of the event in the timezone your browser reports. Below that is a list of the equivalent times in all timezones used by other events in the website.</p>\n\n<h2>Creating an Event</h2>\n\n<p>I wanted creating an event to be as straightforward as possible. To start with, there's a giant \"Add an Event\" link in the top navigation bar, which is already an improvement.</p>\n\n<p>One challenge I quickly ran into was that adding fields for all the information needed about the event quickly turns into quite a large form. I didn't want to split it into multiple pages, so instead I broke the page into sections.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/251adf5c7acf1709e6e8c39f323821d8baeac3f4185ce95bd986f5019be70452.png\" alt=\"add-event-1.png\" /></p>\n\n<p>To start, you enter the name of the event, and optionally add a cover image. The image will be cropped and a preview will appear immediately.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/59aad48174f06ab7b5c3b9e3e35af22cd5791b030862ccd163bb80ed4da19c4f.jpg\" alt=\"add-event-1a.jpg\" /></p>\n\n<p>Next, you'll add information about the location of the event. Ultimately these are just regular text fields, but the \"search for a location\" box on top can help you automatically fill them out by looking up a location.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/7de8d43dd8f40b5d858651690d538e8050ba674f00018a3c7efa798a05b2bc71.png\" alt=\"add-event-2.png\" /></p>\n\n<p>If you start typing in that box, it will use the Google Maps autocomplete API to find venues matching your search.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/450a79f718726609ba75518efebef75c5754871c83f8b8b6860441b5a9c0ebb2.png\" alt=\"add-event-2a.png\" /></p>\n\n<p>Clicking on one of the options in the list will then fill out the details in the rest of the fields, and you'll see a little map appear as visual confirmation.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/d3bdbad564ed93c103ecf944d18ba97a8f96af22ff74855f91bd83404626f643.png\" alt=\"add-event-2b.png\" /></p>\n\n<p>Of course you're free to not use the venue search at all and just type in the details manually. Or for virtual events with no physical location you can just enter \"Online\" as the venue name.</p>\n\n<p>Next up is adding the date and/or time of the event.</p>\n\n<p>If you do use the autocomplete and select a venue, then an additional bonus is that it finds the matching timezone for that location as well.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/32ea3e490cdc3f40f3db0ab42d8e7b3fb034189e495fc4bd25061ca44d65f15d.png\" alt=\"add-event-3.png\" /></p>\n\n<p>This is where it gets a bit tricky. I've made a couple of design decisions around date handling to simplify both the data entry as well as presentation of dates and times for events. I'll describe those in detail a bit later.</p>\n\n<p>Lastly, you can add a link to the event's website if it has one, add a description, and add one or more tags.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/2eadfba78d6fb68bbde0e4199240d33c0ac88c0fb28192de4350a398a726ac9c.png\" alt=\"add-event-4.png\" /></p>\n\n<p>You'd want to include a link to the event's website if for example it requires that you register for tickets to attend the event. Since IndieWebCamps require ticket registration, we'll be linking out to the individual IndieWebCamp's page to buy tickets. We've been using a pattern of <code>YYYY.indieweb.org/city</code> for a few years now, and it's worked out pretty well. But if you're adding something like a Homebrew Website Club that doesn't have its own website, you just leave this blank and this page effectively becomes the canonical link for that event.</p>\n\n<p>The description field supports markdown and a limited set of HTML tags for formatting. For events with their own website, I'd recommend leaving this description relatively short. But if you want this page to be the canonical event page, feel free to use multiple headers, embed images, and make it look as nice as you want.</p>\n\n<p>Tags are a great way to collect related events so they can be found easier. I'd definitely recommend adding a tag for the city of the event, such as \"<a href=\"https://events.indieweb.org/tag/austin\">austin</a>\", so that people can then visit the tag page to find events in their city. You can also add tags like \"indiewebcamp\" or \"hwc\" which then provide a quick way for people to find all <a href=\"https://events.indieweb.org/tag/hwc\">upcoming Homebrew Website Clubs</a> regardless of location.</p>\n\n<p><strong>Clone event</strong> - in order to support quickly adding recurring events like Homebrew Website Clubs, you can click the \"Clone Event\" button on a previous event, and quickly make a new event by changing only the details you want.</p>\n\n<h2>Date and Time Handling</h2>\n\n<p>Deciding how to handle dates, times, and timezones was one of the most challenging parts of this project. If you've ever dealt with building systems that handle times and timezones you'll know what I mean.</p>\n\n<p>I decided to have essentially four distinct ways an event can present its date/time on this website.</p>\n\n<p><strong>One-day events</strong> - an event that takes place during some portion of one day. This is intended for things like evening events, one-day IndieWebCamps, or other full-day conferences. To create this event, enter only the start date, and enter a start and optionally enter the end time.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/a1f7c106e229c940ef745993e123c842ca5902c910bfda9be3a9602b1303fd2d.png\" alt=\"create-one-day-event.png\" /></p>\n\n<p>Depending on whether you enter a start and end time, the event date will be displayed as one of the below:</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/f1df239289507e11bbf2d4ae978f108b767e09404ac0381cbba4ef1b9059d505.png\" width=\"230\" alt=\"full-day-event.png\" /></p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/7ffe3d548fb729380f93868190a2b4bd0436b300418f837a4c31b8a470688495.png\" width=\"230\" alt=\"one-day-event-start-time.png\" /></p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/68c5117dfeed87e42f45a2f93151898c775bb4d58ecc11b8553de24e3e907363.png\" width=\"230\" alt=\"one-day-event-start-end-time.png\" /></p>\n\n<p>If you don't enter a timezone, then these times are considered \"floating times\" or \"local times\" and the system doesn't know when it actually occurs. The iCal feed that it produces will also output it as a floating time, leaving out all timezone information. Calendar apps should add this as either a floating time in your calendar, or snap it to your local timezone when you add it. That can cause some edge cases such as when you add an event in the future that will be in a timezone different from where you are when you add it.</p>\n\n<p>If you add a timezone when you create the event, then it will display the timezone there as well as include it in the iCal feed, and you'll avoid the floating time issues.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/5252bace2738c825752b22f62062bc53c28b625abc0926073232c9627fdab4f5.png\" width=\"280\" alt=\"one-day-event-with-timezone.png\" /></p>\n\n<p><strong>Multi-day events</strong> - an event that spans more than one day, such as multi-day conferences.</p>\n\n<p>I took the liberty of deciding that in this case, the times of the event are never shown. In practice, I find it to be more confusing than helpful when an event is shown as being \"January 20, 8:00am through January 21, 5:00pm\". Does that mean I am expected to be there overnight? What time do things wrap up the first day? etc. etc. Instead, it's far more helpful for the overall date range of the event to be displayed at the top, and then elsewhere provide the detailed day-by-day schedule. This is how we've handled it with our pages like <a href=\"https://2019.indieweb.org/summit\">IndieWeb Summit</a> which show the date summary at the top and a detailed schedule grid below.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/30c8478f3380430bfc003fa773c3fcd0cbb70fd1aefdaacb038081f7259918e3.png\" alt=\"indieweb-summit-2019-schedule.png\" /></p>\n\n<p>So to create multi-day events, you only need to enter the start and end dates. Even if you enter times, they will be ignored by the system. The timezone is also unnecessary in this case because it's not needed in order for something reading the feed to show the same date range.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/a0096fda341d720d1f500ae1a8b0e148ceca949b12a84e9c9324a4a68d931dcb.png\" alt=\"create-two-day-event.png\" /></p>\n\n<p>That will be displayed without any time or timezone information.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/acfb8ad3fc619071fbb82c37b80b8d439098c0f3d8994e69c8bbf555fb46693d.png\" width=\"230\" alt=\"two-day-event.png\" /></p>\n\n<p>If the date range spans a month boundary, then both month names appear of course.</p>\n\n<p><img src=\"https://aperture-media.p3k.io/aaronparecki.com/637b3e3502fd88448fe95c7b1dc5aa778aa27a31529cd4957113de5e2e81c2e8.png\" width=\"280\" alt=\"two-day-event-month-span.png\" /></p>\n\n<p>In this case, the iCal feed also omits the times and timezone. That means adding it to a calendar app adds it as a floating date. I've had Apple Calendar and Outlook both mess up multi-day events when there's a timezone specified, so that it looks like the event starts at 5pm local time the previous day, which is really confusing. This should prevent that from happening.</p>\n\n<h2>Open Source</h2>\n\n<p>My goal is to eventually open source this project so that others can use it for their own community. I'm actually planning on running a copy of it on <a href=\"https://oauth.net/events/\">oauth.net</a> to collect OAuth community events as well.</p>\n\n<p>That said, I feel like it's not quite ready to open source, so I'm holding off on that for the time being. Here are some of the things I need to solve before I'm ready to publish this.</p>\n\n<ul><li>\n<strong>Create a web installer</strong> - I'd like the installation experience for this to be more like WordPress and not require command line configuration. The installer should walk you through checking system requirements, setting up the database, etc.</li>\n<li>\n<strong>Drop dependency on go imageproxy</strong> - The go imageproxy that this uses for quickly resizing images is great, but it's a barrier to setting this project up. This project should download and resize images it needs and serve them locally.</li>\n<li>\n<strong>Add authentication options</strong> - Right now the only authentication option is looking at the HTTP <code>Remote-User</code> header, which is a great way to tie this in to existing authentication systems. I'll need to provide alternatives for people who don't have an existing authentication system already.</li>\n<li>\n<strong>Theming/Styling/Customization</strong> - The design of this project is intentionally minimal, my goal is to allow some flexibility in styling it to match an existing website. I'm not sure what form this should take (WordPress themes are way more than I want to do), but some amount of customization is necessary.</li>\n</ul><h2>Replacing the use of the IndieWeb wiki for events</h2>\n\n<p>My goal is to not have any 2020 events on the IndieWeb wiki! I think this project is far enough along that it can effectively do everything the wiki can do around events and more.</p>\n\n<p>I've already added all the upcoming 2020 events that were on the wiki into the new website. Going forward, it should be significantly easier adding events on this website rather than the wiki. There will only be a little bit of cleanup to do around some of the automations such as the list of upcoming events on the home page and the newsletter.</p>\n\n<p>I'm sure there are some things I forgot to address while building this, so if you're an organizer of any IndieWeb events, please do let me know what I may have missed.</p>\n\n<p>So let me know what you think! I'm really excited to have finally launched this after spending so long designing and building it. I'm hoping it makes for a much better experience for everyone who hosts and attends IndieWeb events!</p>"
},
"author": {
"type": "card",
"name": "Aaron Parecki",
"url": "https://aaronparecki.com/",
"photo": "https://aperture-media.p3k.io/aaronparecki.com/41061f9de825966faa22e9c42830e1d4a614a321213b4575b9488aa93f89817a.jpg"
},
"post-type": "article",
"_id": "7216667",
"_source": "16"
}
