{
"type": "entry",
"published": "2019-07-05T12:47:13+0000",
"url": "https://quickthoughts.jgregorymcverry.com/2019/07/05/help-get-sadike25-to-the-civil-servant",
"category": [
"IndieWeb",
"digped",
"edchat",
"edtechchat"
],
"syndication": [
"https://twitter.com/jgmac1106/status/1147124788374179840"
],
"content": {
"text": "Help get @sadike25 to the Civil Servant Research Summit in Stockholm: https://www.gofundme.com/help-sadik-support-wikipedia-in-ghana so he can spread wikipedia and the #IndieWeb across Ghana #digped #edchat #edtechchat",
"html": "Help get @sadike25 to the Civil Servant Research Summit in Stockholm: <a href=\"https://www.gofundme.com/help-sadik-support-wikipedia-in-ghana\">https://www.gofundme.com/help-sadik-support-wikipedia-in-ghana</a> so he can spread wikipedia and the <a href=\"https://quickthoughts.jgregorymcverry.com/tag/IndieWeb\" class=\"p-category\">#IndieWeb</a> across Ghana <a href=\"https://quickthoughts.jgregorymcverry.com/tag/digped\" class=\"p-category\">#digped</a> <a href=\"https://quickthoughts.jgregorymcverry.com/tag/edchat\" class=\"p-category\">#edchat</a> <a href=\"https://quickthoughts.jgregorymcverry.com/tag/edtechchat\" class=\"p-category\">#edtechchat</a>"
},
"author": {
"type": "card",
"name": "Greg McVerry",
"url": "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106",
"photo": "https://aperture-proxy.p3k.io/caeb995d615fbe49086b65db17f0eae5d43ef188/68747470733a2f2f717569636b74686f75676874732e6a677265676f72796d6376657272792e636f6d2f66696c652f32643663396366656437616338653834396634393262356263376536613633302f7468756d622e6a7067"
},
"post-type": "note",
"_id": "4323265",
"_source": "1300"
}
{
"type": "entry",
"published": "2019-07-05T12:33:24+0000",
"url": "https://quickthoughts.jgregorymcverry.com/2019/07/05/lurking-as-learning-at-indieweb-summit",
"syndication": [
"https://twitter.com/jgmac1106/status/1147121312214769664"
],
"name": "Lurking as Learning at #IndieWeb Summit",
"content": {
"text": "IndiewebCamp is an uncofencernce and you sometimes vote with your feet. I began attending theStatic Websites with IndieWeb Dynamism but found it was trending to the numerous Jekyll and netlify sites out there so I took a strollI found myself enraptured by Marty's explanations of the protocols and libraries used in the IndieWeb community. Marty's way of describing these tools to people is such an inspiration.it also gave me an opportunity to spitball some of my simpler explanations I use and make sure they are technically correct.The page that came out of the session is a great resource.",
"html": "<p>IndiewebCamp is an uncofencernce and you sometimes vote with your feet. I began attending the<a title=\"2019/staticdynamic\" href=\"https://indieweb.org/2019/staticdynamic\">Static Websites with IndieWeb Dynamism</a> but found it was trending to the numerous Jekyll and netlify sites out there so I took a stroll</p><p>I found myself enraptured by <a href=\"https://martymcgui.re/\">Marty</a>'s explanations of the protocols and libraries used in the IndieWeb community. Marty's way of describing these tools to people is such an inspiration.</p><p>it also gave me an opportunity to spitball some of my simpler explanations I use and make sure they are technically correct.</p><p>The <a href=\"https://indieweb.org/2019/sots\">pag</a>e that came out of the session is a great resource.</p>"
},
"author": {
"type": "card",
"name": "Greg McVerry",
"url": "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106",
"photo": "https://aperture-proxy.p3k.io/caeb995d615fbe49086b65db17f0eae5d43ef188/68747470733a2f2f717569636b74686f75676874732e6a677265676f72796d6376657272792e636f6d2f66696c652f32643663396366656437616338653834396634393262356263376536613633302f7468756d622e6a7067"
},
"post-type": "article",
"_id": "4323267",
"_source": "1300"
}
{
"type": "entry",
"published": "2019-07-05T12:20:10+0000",
"url": "https://quickthoughts.jgregorymcverry.com/2019/07/05/online-in-a-day-at-indieweb-summit",
"category": [
"IndieWeb"
],
"syndication": [
"https://twitter.com/jgmac1106/status/1147117979848650757"
],
"name": "Online in a Day at #IndieWeb Summit",
"content": {
"text": "On Saturday I had the pleasure of leading a session with Jared from Name.Com on getting online in a day with a new website. I find such joy when I see somone hit refresh and open up their first website in a browser.Their eyes glean with such accomplishments. Fingers start flying across keyboards. People find power writing themselves on to the world.We began the session on paper. I stress the importance of pre-planning and developing a sloppy copy when I run a getting started session.The ProcessParticipants were asked to write down the purpose of their website in 1-2 sentences. This helps people consider their why. Always begin with a why.Next we asked participants to write a five word memoir or describe themselves in 3-5 words. This help with design choices like fonts and colors or theme choice.Finally participants were asked to consider the balance they saught between content and code. Do they want to touch none, some, or all of the code? I find framing the quesiton this way works better than asking about self efficacy. Just becuase someone can code doens't mean they want to dig aroudn in the plumbing of their website, and someone who has never used HTML may want to get started.We reviewed the optionss available using Tantek;s guide: micro-blog, use a cms, build a cms. Given this session was online in a day we dropped the build cms option.Next we distributed three sheets of paper to each participant and said they could only start with three pages: home, about, and contact. You have to really constrain choice to accomplish the goal.The End ResultEveryone who came to Indieweb Summit who wanted to build a site left with one. We did a decent job of matching tools to audience. Two people left with new WordPress sites, one person built a site on Known, another started to learn HTML and built a site using Glitch and GitHub pages, while another edited an HTM5UP template in a text editor.That's pretty freaking cool. If you want a website and don't know where to get started find an #IndieWeb set up near you.What to ChangeI would have supplies ready next time. Rulers, pens, and paper. I didn't know I would end up helping to facilitate the session. Jared talked for about ten minutes framing the question,. \"How can we get people online in a day.\"Luckily Jonathon LeClour also stepped in and helped facilitate. When I have experts like that in the room facilitating is easy as they provide so much of the knowledge for the group.This is a good session and its the second time I used the activities to guide the website design.I did ask people to take home their sheets and layout the pages. I don't think I want to \"assign work\" but should encourage planning\u00a0 and allow for some review time on Sunday.I need to bring models of what these pages would look like or do a write out loud and design a mockup with the group. Probably both.I wonder if this could all be done in a session zero? Like if folks know they are coming to build could we meet once or twice ahead of a camp or summit to plan?",
"html": "<p>On Saturday I had the pleasure of leading a session with Jared from Name.Com on getting online in a day with a new website. I find such joy when I see somone hit refresh and open up their first website in a browser.</p><p>Their eyes glean with such accomplishments. Fingers start flying across keyboards. People find power writing themselves on to the world.</p><p>We began the session on paper. I stress the importance of pre-planning and developing a sloppy copy when I run a getting started session.</p><h2>The Process</h2><p>Participants were asked to write down the purpose of their website in 1-2 sentences. This helps people consider their why. Always begin with a why.</p><p>Next we asked participants to write a five word memoir or describe themselves in 3-5 words. This help with design choices like fonts and colors or theme choice.</p><p>Finally participants were asked to consider the balance they saught between content and code. Do they want to touch none, some, or all of the code? I find framing the quesiton this way works better than asking about self efficacy. Just becuase someone can code doens't mean they want to dig aroudn in the plumbing of their website, and someone who has never used HTML may want to get started.</p><p>We reviewed the optionss available using Tantek;s guide: micro-blog, use a cms, build a cms. Given this session was online in a day we dropped the build cms option.</p><p>Next we distributed three sheets of paper to each participant and said they could only start with three pages: home, about, and contact. You have to really constrain choice to accomplish the goal.</p><h2>The End Result</h2><p>Everyone who came to Indieweb Summit who wanted to build a site left with one. We did a decent job of matching tools to audience. Two people left with new WordPress sites, one person built a site on Known, another started to learn HTML and built a site using Glitch and GitHub pages, while another edited an HTM5UP template in a text editor.</p><p>That's pretty freaking cool. If you want a website and don't know where to get started find an <a href=\"https://quickthoughts.jgregorymcverry.com/tag/IndieWeb\" class=\"p-category\">#IndieWeb</a> set up near you.</p><h2>What to Change</h2><p>I would have supplies ready next time. Rulers, pens, and paper. I didn't know I would end up helping to facilitate the session. Jared talked for about ten minutes framing the question,. \"How can we get people online in a day.\"</p><p>Luckily <a href=\"https://quickthoughts.jgregorymcverry.com/Cleverdevil.io\">Jonathon LeClour </a>also stepped in and helped facilitate. When I have experts like that in the room facilitating is easy as they provide so much of the knowledge for the group.</p><p>This is a good session and its the second time I used the activities to guide the website design.</p><p>I did ask people to take home their sheets and layout the pages. I don't think I want to \"assign work\" but should encourage planning\u00a0 and allow for some review time on Sunday.</p><p>I need to bring models of what these pages would look like or do a write out loud and design a mockup with the group. Probably both.</p><p>I wonder if this could all be done in a session zero? Like if folks know they are coming to build could we meet once or twice ahead of a camp or summit to plan?</p>"
},
"author": {
"type": "card",
"name": "Greg McVerry",
"url": "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106",
"photo": "https://aperture-proxy.p3k.io/caeb995d615fbe49086b65db17f0eae5d43ef188/68747470733a2f2f717569636b74686f75676874732e6a677265676f72796d6376657272792e636f6d2f66696c652f32643663396366656437616338653834396634393262356263376536613633302f7468756d622e6a7067"
},
"post-type": "article",
"_id": "4323268",
"_source": "1300"
}
{
"type": "entry",
"published": "2019-07-05T11:56:06+0000",
"url": "https://quickthoughts.jgregorymcverry.com/2019/07/05/learning-to-make-pretty-cards-at-indieweb-summit",
"category": [
"IndieWeb"
],
"syndication": [
"https://twitter.com/jgmac1106/status/1147111953028001792",
"https://mastodon.social/@jgmac1106/102388713445747982"
],
"name": "Learning to Make Pretty Cards at #IndieWeb Summit",
"content": {
"text": "I enjoy designing web pages with a card metaphor. I can grasp the idea of stacking, expanding, rearranging, and styling a card.Want to make it bigger? Change the grid rows. Color? Just add a dash of CSS.Symmetry? I had difficulties.No more. Enter CSS Subgrid.My #IndieWeb DemoAs the lights got shut down and the wires packed up I finally pushed an update to my my test website that used CSS Grid in the card layout.\u00a0\u00a0In the screenshot above you see my demo not working, I have Firefox Nightly open but subgrid is being read as an invalid property using the inspector in dev tools. . Trust me it worked. Witnesses exist.\u00a0CSS Subgrid does not work\u00a0 in any browser people use. In fact you have to use Firefox Nightly, the bleeding edge of Mozillas browers with nightly updates, to try Sub Grid.Moments before I finally figured out what to change I had climbed up to the podium to deliver a failed demo. Seeing people not succeed canoften help learners as much as the greatest triumphs. After trying to show my changes I realized I was demoing on Chrome and all would be for naught. So I blamed the browser and started to bang away.A brace not a browser did me in. I had an extra \"}\" in my stylesheet making everything run amock.How Did I Do It?I asked for help. Specifically I proposed a session on making pretty cards. Luckily I had the expertise of mJordan step up and join the session. Her designs just inspire me to make better webpages. Together we went through all of Rachel Andrews tutorials, and then I waited for mJords to finish a CodePen.Next I copy and pasted, and switched this and that until I got it right.Where Did I Struggle?I at first tried to section each article into header, body, and footer. Yet no matter how hard I tried to style these sections using card .header my main styles on my website header and footer were coming through. This may have also been caused by the extra bracket but I am not going to waste time finding out.So I dropped the sectioning tags. Just makes more sense to have just one header and footer on a page for me. So I got a bit of a div soup going on, currently hader, futer, and buty.....I was trying everything until mJordan spotted my extra brace.I also had to learn a bit of how Kirby templates and PHP specifically. I needed to create an extra div for the card container and place it correctly in the template.Concerns I Have\u00a0Not many. I am excited to play and style cards in cool ways with subgrid. I do think I might miss the constaint of exact copy. Before subgrid I had to think about each title and summary. They needed to match in length of word and character count. Otherwise asymmetrical cards....ewwwwSo a constraint like that lead to great creativity and fun copy. Still as I start to include h-cards and publication info in a card I have begun to use flexbox and CSS Grid together. Doing this right takes too much time and can keep me from content. I think subgrid is going to make card design pretty.",
"html": "<p>I enjoy designing web pages with a card metaphor. I can grasp the idea of stacking, expanding, rearranging, and styling a card.</p><p>Want to make it bigger? Change the grid rows. Color? Just add a dash of CSS.</p><p>Symmetry? I had difficulties.</p><p>No more. Enter CSS Subgrid.</p><h2>My <a href=\"https://quickthoughts.jgregorymcverry.com/tag/IndieWeb\" class=\"p-category\">#IndieWeb</a> Demo</h2><p>As the lights got shut down and the wires packed up I finally pushed an update to my my test website that used CSS Grid in the card layout.</p><p><img src=\"https://aperture-proxy.p3k.io/daff0f915c70d5fc1951ec8a348d1bea24b74252/68747470733a2f2f717569636b74686f75676874732e6a677265676f72796d6376657272792e636f6d2f66696c652f39616266396236386139616337383963623933353061356436366238373934352f7468756d622e706e67\" alt=\"screen shot of firefox nightly with dev tool open\" width=\"1024\" height=\"851\" /></p><p>\u00a0</p><p>\u00a0In the screenshot above you see my demo not working, I have Firefox Nightly open but subgrid is being read as an invalid property using the inspector in dev tools. . Trust me it worked. Witnesses exist.</p><p>\u00a0</p><p>CSS Subgrid does not work\u00a0 in any browser people use. In fact you have to use Firefox Nightly, the bleeding edge of Mozillas browers with nightly updates, to try Sub Grid.</p><p>Moments before I finally figured out what to change I had climbed up to the podium to deliver a failed demo. Seeing people not succeed canoften help learners as much as the greatest triumphs. After trying to show my changes I realized I was demoing on Chrome and all would be for naught. So I blamed the browser and started to bang away.</p><p>A brace not a browser did me in. I had an extra \"}\" in my stylesheet making everything run amock.</p><h2>How Did I Do It?</h2><p>I asked for help. Specifically I proposed a session on <a href=\"https://indieweb.org/2019/csssubgrid\">making pretty cards</a>. Luckily I had the expertise of <a class=\"h-card p-name\" href=\"https://mjordan.codes/\">mJordan</a> step up and join the session. Her designs just inspire me to make better webpages. Together we went through all of Rachel Andrews tutorials, and then I waited for mJords to finish a CodePen.</p><p>Next I copy and pasted, and switched this and that until I got it right.</p><h2>Where Did I Struggle?</h2><p>I at first tried to section each article into header, body, and footer. Yet no matter how hard I tried to style these sections using card .header my main styles on my website header and footer were coming through. This may have also been caused by the extra bracket but I am not going to waste time finding out.</p><p>So I dropped the sectioning tags. Just makes more sense to have just one header and footer on a page for me. So I got a bit of a div soup going on, currently hader, futer, and buty.....I was trying everything until mJordan spotted my extra brace.</p><p>I also had to learn a bit of how Kirby templates and PHP specifically. I needed to create an extra div for the card container and place it correctly in the template.</p><h2>Concerns I Have</h2><p>\u00a0Not many. I am excited to play and style cards in cool ways with subgrid. I do think I might miss the constaint of exact copy. Before subgrid I had to think about each title and summary. They needed to match in length of word and character count. Otherwise asymmetrical cards....ewwww</p><p>So a constraint like that lead to great creativity and fun copy. Still as I start to include h-cards and publication info in a card I have begun to use flexbox and CSS Grid together. Doing this right takes too much time and can keep me from content. I think subgrid is going to make card design pretty.</p>"
},
"author": {
"type": "card",
"name": "Greg McVerry",
"url": "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106",
"photo": "https://aperture-proxy.p3k.io/caeb995d615fbe49086b65db17f0eae5d43ef188/68747470733a2f2f717569636b74686f75676874732e6a677265676f72796d6376657272792e636f6d2f66696c652f32643663396366656437616338653834396634393262356263376536613633302f7468756d622e6a7067"
},
"post-type": "article",
"_id": "4323269",
"_source": "1300"
}
{
"type": "entry",
"published": "2019-07-05T12:47:16+00:00",
"url": "https://twitter.com/jgmac1106/status/1147124788374179840",
"category": [
"https://twitter.com/Sadike25"
],
"content": {
"text": "Help get @sadike25 to the Civil Servant Research Summit in Stockholm: gofundme.com/help-sadik-sup\u2026 so he can spread wikipedia and the #IndieWeb across Ghana #digped #edchat #edtechchat (quickthoughts.jgregorymcverry.com/s/10ESmK)",
"html": "Help get <a href=\"https://twitter.com/Sadike25\">@sadike25</a> to the Civil Servant Research Summit in Stockholm: <a href=\"https://www.gofundme.com/help-sadik-support-wikipedia-in-ghana\">gofundme.com/help-sadik-sup\u2026</a> so he can spread wikipedia and the <a href=\"https://twitter.com/search?q=%23IndieWeb\">#IndieWeb</a> across Ghana <a href=\"https://twitter.com/search?q=%23digped\">#digped</a> <a href=\"https://twitter.com/search?q=%23edchat\">#edchat</a> <a href=\"https://twitter.com/search?q=%23edtechchat\">#edtechchat</a> (<a href=\"https://quickthoughts.jgregorymcverry.com/s/10ESmK\">quickthoughts.jgregorymcverry.com/s/10ESmK</a>)"
},
"author": {
"type": "card",
"name": "https://jgregorymcverry.com",
"url": "https://twitter.com/jgmac1106",
"photo": "https://aperture-proxy.p3k.io/5163db442c9bc69839ca550f18eb71e1b0ca8162/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f3536353232373731303130343838333230302f67344d4463546e782e6a706567"
},
"post-type": "note",
"refs": {
"https://twitter.com/Sadike25": {
"type": "card",
"name": "Sadik Shahadu",
"url": "https://twitter.com/Sadike25",
"photo": null
}
},
"_id": "4323235",
"_source": "2773"
}
People frequently ask me how I pull off working remotely & staying productive still (usually right after asking me what is it *exactly* that I do…!? 😂) and lo and behold this article by @qdoug is precisely something I could have written myself. 😊
pspdfkit.com/blog/2017/remo…
{
"type": "entry",
"published": "2019-07-05T04:04:58+00:00",
"url": "https://twitter.com/slsoftworks/status/1146993347547947008",
"category": [
"https://twitter.com/qdoug"
],
"content": {
"text": "People frequently ask me how I pull off working remotely & staying productive still (usually right after asking me what is it *exactly* that I do\u2026!? \ud83d\ude02) and lo and behold this article by @qdoug is precisely something I could have written myself. \ud83d\ude0a\npspdfkit.com/blog/2017/remo\u2026",
"html": "People frequently ask me how I pull off working remotely & staying productive still (usually right after asking me what is it *exactly* that I do\u2026!? \ud83d\ude02) and lo and behold this article by <a href=\"https://twitter.com/qdoug\">@qdoug</a> is precisely something I could have written myself. \ud83d\ude0a\n<a href=\"https://pspdfkit.com/blog/2017/remote-work/\">pspdfkit.com/blog/2017/remo\u2026</a>"
},
"author": {
"type": "card",
"name": "flaki",
"url": "https://twitter.com/slsoftworks",
"photo": "https://aperture-proxy.p3k.io/6285144b4ec9009aa695015b76d5cdc404cd8fb6/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f3734393637383638333531343839363338352f37677849526e6f432e6a7067"
},
"post-type": "note",
"refs": {
"https://twitter.com/qdoug": {
"type": "card",
"name": "Douglas Hill",
"url": "https://twitter.com/qdoug",
"photo": null
}
},
"_id": "4319584",
"_source": "2773"
}