#indieweb 2018-07-16

2018-07-16 UTC
Pierre-O1, [jgmac1106], marclaporte, [dougbeal] and [snarfed] joined the channel
#
[snarfed]
sportsshaming--
#
Loqi
sportsshaming has -1 karma
#
tantek__
wow I totally missed that that's what that "stupid regression to the mean" might mean
#
tantek__
sportsshaming--
#
Loqi
sportsshaming has -2 karma
#
tantek__
shaming--
#
Loqi
shaming has -1 karma
#
[snarfed]
in other news, IWC SF hack day!
#
tantek__
a bit short notice, but going to make it work
#
[snarfed]
tantek++
#
Loqi
tantek has 237 karma in this channel (458 overall)
#
GWG
[snarfed]: I envy that
[chrisaldrich], renem, eli_oat1, [miklb], freescholar, Pierre-O, [xavierroy], snarfed and wolftune joined the channel
#
@matpacker
Ugh…so now I’ve broken the connection between my site and my http://WordPress.com account, all because I wanted to delete my old blog that was hosted there. I’ve just run through and removed all the #indieweb plugins, along with a couple of themes… https://matpacker.com/2018/07/11/7776/
(twtr.io/1g5EU61D5Zx)
KartikPrabhu and tantek__ joined the channel
#
dougbeal
snarfed: can bridgy create gists as well?, trying to wrap php in <code> has been full of fail
#
tantek__
dougbeal does anyone post indie gists anywhere? /gist is pretty thin
#
tantek__
perhaps some of the /code examples could help?
#
dougbeal
hurm, I can link the lines and they will expand on github :(
#
dougbeal
I will figure the rest out tomorrow
#
pstuifzand
I post to https://publog.stuifzandapp.com/code, but there is no syndication yet
[snarfed] joined the channel
#
[snarfed]
dougbeal: no, no gists
^O_O^, KartikPrabhu, barpthewire, jihaisse, seekr and [pfefferle] joined the channel
#
@dialogCRM
↩️ In other news I'm just catching up with https://indieweb.org/Webmention that seems like a way to capture social media style commenting? unless I read that too fast :)
(twtr.io/1g5UNnGdcN9)
leg, pindonga, ^O_O^, [jgmac1106], pucy and catsup joined the channel
#
[jgmac1106]
Morning all
catsup, ^O_O^, barpthewire and anotheryou joined the channel
#
@jgmac1106
Jason there are great #IndieWeb WordPress solutions. @BillBennettz is correct though more philosophy than plumbing. Own your data. Control your identity. If you want help figuring out anything just ask. Also on: https://is.gd/aQUpTM
(twtr.io/1g5p48X_CcL)
yar and [pfefferle] joined the channel
#
@jgmac1106
Spending the day at @easternfoundry catching up on work. What a beautiful and friendly coworking space. Thank you @DataIntelTech for letting me crash. Might have to convince @schmarty we need an IndieWebCamp DC and see if they would donate ... https://is.gd/MoJIZY
(twtr.io/1g5shVLPCdQ)
jgmac1106, jgmac1106_, ^O_O^ and marclaporte joined the channel
#
@huffduffer
An Indieweb Podcast: Episode 8 – Interflux | David Shanske https://huffduffer.com/mrkrndvs/492021
(twtr.io/1g5u96RrR_z)
marclaporte, wolftune, snarfed, eli_oat1, hs0ucy and [jgmac1106] joined the channel; jgmac1106 left the channel
#
Loqi
[indienews] New post: "Introducing Baffle" https://snarfed.org/2018-07-16_introducing-baffle
snarfed, [snarfed] and [eddie] joined the channel
#
@jgmac1106
Connecting #IndieWeb with HiveNYC NYU Magnet Center, Brooklyn College Community Partnership. MOUSE. Global Kids. Brooklyn Library Info Commons. A few starts. We have meeting Tuesday, get us a blurb/link to share with members — Hive NYC ... https://is.gd/mpABFg
(twtr.io/1g653Kif6UJ)
#
@jgmac1106
↩️ Hey @HiveLearningNYC here is the post: http://jgregorymcverry.com/connecting-indieweb-with-hivenyc/ I think connecting the Network with #IndieWeb would be awesome. (http://jgregorymcverry.com/4442-2/)
(twtr.io/1g65KVpfMQG)
[kevinmarks] joined the channel
#
Loqi
ok, I added "https://gds.blog.gov.uk/2018/07/16/why-gov-uk-content-should-be-published-in-html-and-not-pdf/" to the "See Also" section of /pdf;dr https://indieweb.org/wiki/index.php?diff=50031&oldid=46868
[jgmac1106] joined the channel
#
[kevinmarks]
do the code extracts in here count as gists? http://www.kevinmarks.com/microformatschema.html
#
Loqi
[Kevin Marks] Microformats 2 and Schema 2015-06-30
#
aaronpk
what is a gist?
#
Loqi
gist is a tool by GitHub for posting code snippets online at https://gist.github.com https://indieweb.org/gist
#
aaronpk
I would say no, those look like embedded code snippets
#
aaronpk
gists have their own URL, and can have their own comment threads
freescholar and wolftune joined the channel
#
[kevinmarks]
I see, so a gist is a standalone code snippet
#
aaronpk
lol who did that
jackjamieson joined the channel
#
[jgmac1106]
i love the hotmail email address
wolftune, KapiX, snarfed, aalmazan, jackjamieson, [grantcodes], dmcweeney and dougbeal|mb1 joined the channel
#
snarfed
current status: reading https://en.wikipedia.org/wiki/OpenMicroBlogging . circa 2008. simpler times..kind of...or not...
#
dmcweeney
dmcweeney
#
dmcweeney
Hello, I am looking for help with html
#
dougbeal
Hello indieweb
#
dmcweeney
I am wondering if anyone knows how I can get the top 50% of a page to be one background color and the bottom 50% of a page to be another background color
#
@jgarber
↩️ We had a few Homebrew Website Clubs here in DC back in 2016 (https://sixtwothree.org/tags/homebrew-website-club), but the effort lost steam after a little while. I'd love to bring that back if there's interest!
(twtr.io/1g6JrQrPJ6w)
#
dmcweeney
Is anyone able to help me out?
[jgarber] joined the channel
#
[jgarber]
dmcweeney: In your question does “page” height refer to viewport (the browser window) height or the total height of the rendered content of the HTML page?
#
[jgarber]
dmcweeney: Oh! You may be able to achieve that effect using a CSS gradient applied to the `html` or `body` element.
#
dmcweeney
Here is a copy of my index.html on thimble
#
dmcweeney
Click on index-2.html
#
dmcweeney
As you can see, right now the background color is pink. So, I am wondering if there was any code I can add to make the first half of the index-2.html page the color pink and the second half to be purple?
freescholar joined the channel
#
[jgarber]
```background: linear-gradient(to left, #ff0000 50%, #0000ff 50%);```
#
[jgarber]
Though you’d probably want “to bottom” for the first value and adjust the colors accordingly.
#
[jgarber]
Confirmed “to bottom” will work.
#
dmcweeney
Okay hold on
snarfed joined the channel
#
[jgarber]
I applied the CSS `background: linear-gradient(to bottom, #ff0000 50%, #0000ff 50%);` to the `html` element on https://sixtwothree.org to test and, sure enough, 50% of the background of the overall page height was red, the other 50% was blue.
#
Loqi
Jason Garber
marclaporte joined the channel
tantek__ and [jgmac1106] joined the channel
#
[jgmac1106]
@dmcweeney Hey happy to see you stumble into the IndieWeb chat, what I would do is simply wrap each "half" into a section and then you can play with vh if you want like this: https://thimbleprojects.org/jgmac1106/520321/
#
[jgmac1106]
@dmcweeney Hey happy to see you stumble into the IndieWeb chat, what I would do is simply wrap each "half" in a section and then you could play with vh all you want like this: https://thimbleprojects.org/jgmac1106/520321/
#
[jgmac1106]
these types of questions, when talking code and we usually use the indieweb-dev channel, [jgarber] technique is really cool may play with that
#
@vform
Webmention is a web standard (W3C) for mentions and conversations across the web "an @ mention that works across websites" https://indieweb.org/Webmention; and a short ~testimonial https://evertpot.com/bye-disqus-hello-webmention/ Pretty cool. Probably... :)
(twtr.io/1g6M88Mh5Wf)
wolftune and boek joined the channel
#
[jgmac1106]
@dmcweeney I use sections a lot and often alternate colors then I use nth child: https://www.w3schools.com/CSSref/sel_nth-child.asp
#
[jgmac1106]
for the community as an interesting note I was long ago dmcweeney's 6th grade teacher in 2006/2007 and he was part of my first blogging class back then
#
[jgmac1106]
The IndieWeb is the long game
#
[jgarber]
> Today, we’re announcing that Pinterest has entered into an agreement to transfer ownership of Instapaper to Instant Paper, Inc., a new company owned and operated by the same people who’ve been working on Instapaper since it was sold to betaworks by Marco Arment in 2013.
renem joined the channel
#
dougbeal
I guess subscriptions are comming to instapaper
#
sknebel
oh, they didn't have subscriptions under pinterest?
#
dougbeal
Nope, and before that I think it was a one-time premium payment?
#
dmcweeney
Wow thank you guys for all the help. This is a pretty cool place!!
[eddie] joined the channel
#
[eddie]
microsub++
#
[eddie]
Man, so many transitions. I'm glad I'm pretty much completely transferred over to using Microsub to replace Instapaper
#
Loqi
microsub has 1 karma in this channel (5 overall)
#
[eddie]
indiepaper++
#
Loqi
indiepaper has 1 karma
#
@jgmac1106
@kgparry thanks for the follow. If you ever wanted to learn more about #IndieWeb please do not hesitate to ask. The #Faith blogging community is strong and I find our values and those of #FaithBloggers align well. Also on: https://is.gd/Z5OGWb
(twtr.io/1g6PWEF0XMb)
#
dmcweeney
@jgmac1106 Mr. McVerry taught us fake news before fake news was even classified as a thing!
#
dougbeal
What is mastodon
#
Loqi
Mastodon is an open source implementation of a federated social network with several running instances that is compatible with GNU social https://indieweb.org/Mastodon
^O_O^ joined the channel
#
dmcweeney
Okay I tried your suggestions and it worked although it keeps rotating between the two colors for some strange reason
#
dougbeal
[eddie]: I need to figure out how baffle and indiepaper will coexist
#
jgmac1106_
I am busy now (teaching online, reading student blogs) but will take a look. [jgarber] has an awesome book that might be right up your alley but you can always ask here
#
jgmac1106_
…well in the dev channel in the future
#
[jgarber]
jgmac1106_ You’re too kind!
#
jgmac1106_
[drewmcweeney] still doing the fake news thing in fact trying to get an IndieWeb grant: http://kerryparry.com/
#
jgmac1106_
oops wrong link
snarfed joined the channel
#
dougbeal
snarfed: do you still federate to Mastadon?
#
snarfed
i never federated to mastodon
#
jgmac1106_
but yeah Drew I actually won Computer Educator of the Year in 2006 for our “fake news” work back then
#
snarfed
oh federate, not syndicate, sorry. yes! very low volume though
#
jgmac1106_
@dougbeal I used the plugin for WP, only works with articles and Slow.......
#
jgmac1106_
if I publish any other post kind it just says, “Also on” but if you do article you get title, featured image, first 500 characters
#
[eddie]
dougbeal: Set up a private site (micro.blog, wordpress or jekyll) that accepts Micropub and generates RSS, JSON Feed or h-feed. Subscribe to that in whatever reader silo you use with baffle
#
[eddie]
indiepaper just takes a page and sends a Micropub request, so you just need a Micropub -> feed service. You can do that custom with wordpress or Jekyll but micro.blog also generates a feed based on IndiePaper saved (http://help.micro.blog/2018/indiepaper/)
raucao, [chrisaldrich], snarfed and yar joined the channel
#
dmcweeney
Okay does anyone know if there is a way to have alternating colors on the html page rather than going into style.css?
#
dmcweeney
When I do it in style.css it does not work for me
#
@fsteeg
“Indiepaper is a new service for saving the text of articles you find on the web and want to read later. It’s in the spirit of Instapaper or Pocket, but built on IndieWeb technologies.” http://help.micro.blog/2018/indiepaper/
(twtr.io/1g6SXSsyWKk)
snarfed, seekr and KartikPrabhu joined the channel
#
gRegorLove
dmcweeney: I tried `<body style="linear-gradient(to bottom, #ff0000 50%, #0000ff 50%);">` and that works. Is style.css linked in the HTML?
#
gRegorLove
oops, bad copy/paste
#
gRegorLove
`<body style="background: linear-gradient(to bottom, #ff0000 50%, #0000ff 50%);">`
#
dmcweeney
Okay let me check
#
dmcweeney
I have no idea if it is linked in the HTML. Here is my beginning project
sketchess joined the channel
#
sketchess
good moring Indieweb
#
gRegorLove
dmcweeney: looks right. In style.css, change the `body` background attribute to: `background: linear-gradient(to bottom, #ff0000 50%, #0000ff 50%);`
#
gRegorLove
Might need a 100% height on `html` as well. I did to get it to look right in the thimble preview pane: `html { height: 100%; }`
#
dmcweeney
Okay what is the body background attribute?
#
gRegorLove
(Then tweak the hex colors as desired, of course)
#
dmcweeney
I see two body things
#
gRegorLove
Line 8 of the style.css. Currently it's `background: white;`
#
dmcweeney
See a 'background-color: purple
#
sketchess
uuuuh, new project.... how exciting
marclaporte1 joined the channel
#
gRegorLove
dmcweeney: interesting, guess we have different "states" of this thimble. But that's the line, "background:"
#
dmcweeney
Line 8 in style.css for me says font-size: 25px;
#
gRegorLove
I can't seem to undo my changes to get back to where you're at. Just look for "background:"
#
dmcweeney
Okay I see it
#
dmcweeney
Okay I made the changes but it is not showing
#
KartikPrabhu
dmcweeney: might need to do a hard refresh "cntrl+f5" the css might be cached by the browser
#
sketchess
:) What are you guys building? Looks complicated?
#
dmcweeney
So I should delete my browser history?
#
KartikPrabhu
no, refresh the page with "cntrl+f5"
#
sketchess
is just getting an error message
#
dmcweeney
Okay it did not work
#
dmcweeney
Just tried it
#
KartikPrabhu
the thimble link still has backgroud-color: white
#
sketchess
second '?' delete
#
gRegorLove
I don't think Thimble is live updating across clients. I made changes and they're just local.
#
sketchess
Good luck.
eli_oat1 joined the channel
#
gRegorLove
dmcweeney, Can you try a simpler update? Change the background line to "background: blue;" (sans the quotes)
#
dmcweeney
Just did that and still I got nothing on my end
#
dmcweeney
Is it because I have this line of code in the html page that might be overriding it?
#
gRegorLove
Click the refresh in the preview pane?
#
dmcweeney
<body style="background-color:#f78cca;">
#
gRegorLove
Aha. Yeah
#
dmcweeney
Yup just clicked refresh
#
gRegorLove
Switch that line back to just <body>
[jgarber] joined the channel
#
dmcweeney
Okay did that and now it turned blue
#
dmcweeney
So now what do I do to get top 50% one color and the bottom 50% another color?
[jgmac1106] joined the channel
#
[jgmac1106]
@dcmcweeney that is the nthchild thing I sent you, github has been down so I couldn't send you how I do it
#
dmcweeney
No wonder why I was having trouble using Github! I was just on Github
#
dmcweeney
I just turned the color to pink so am I somewhat close to getting the page 50% one color and 50% another color?
#
dmcweeney
This is what I have so far
tantek__ joined the channel
#
[jgmac1106]
publish the project and send me that link
#
gRegorLove
dmcweeney: Now you can go back and replace that background line in style.css with the linear-gradient line.
#
[jgmac1106]
[gregorlove] this is cool, gonna play with gradients a ton more
#
dmcweeney
@jgmac1106 send you the link
#
jgmac1106_
[drewmcweeney] you have two <body> tags in there.
#
dmcweeney
Oh is that bad>
#
dmcweeney
?
#
jgmac1106_
it looks like you may have tried to copy one of my course templates as I see an h-entry in there and a bunch of css grid
#
dmcweeney
Which body tag to I keep and which one do I delete?
#
[jgmac1106]
https://en.wikipedia.org/wiki/Holy_grail_(web_design), but it looks like you are trying to do a single page with top level nav
#
dmcweeney
I think so. I was looking to have 50% of the page the color pink and the other 50% of the page the color purple
#
[jgmac1106]
I see what you were trying to do but you needed to use <sections> or <divs> for your colors not more than one body. Think about an essay, Could it have two bodies of text???? Nope, nor can websites
#
dmcweeney
So how do I do it?
#
[jgmac1106]
I will be home in two days we can meet up then, here is one project that used Holy Grail (note my CSS slightly borked)
#
[jgmac1106]
here is the other that is kind of what you are trying to do: https://edu307summer18.glitch.me/
#
Loqi
EDU 307: Children's Literature and Literacy
#
dmcweeney
Yes exactly!!
#
dmcweeney
That is what I am looking for except the colors pink and purple
#
dmcweeney
I am on vacation until Saturday in Virginia Beach with family so I won't be back until Saturday
#
jgmac1106_
that is the holy grail
#
[jgmac1106]
that is a bit more complicated as I am just changing the colors of different grids rather than sections
#
[jgmac1106]
I will add my template into Thimble and you can mess around, the alternative is just start over with your site section:nth-child(odd);height: 50vh; {background: pink; height: 50vh;} section:nth-child(even) { background: purple;}
#
[jgmac1106]
Even easier is just use inline styling (slaps his own wrist) <section style="background-color: pink> and <section style="background-color: purple>, In your head (better yet on paper prototype) think about each area as a section
#
sketchess
:)
anotheryou joined the channel
#
[jgmac1106]
You could of course just remix my glitch project, touch nothing but the colors on the CSS and touch nothing in the tags on the index file, but how much fun is that?
#
[jgmac1106]
lets chat after vacation, get to the beach, surf the ocean not the web
#
gRegorLove
dmcweeney: Using your published page, I replaced `<body>` with `<body style="background: linear-gradient(to bottom, #ff0000 50%, #0000ff 50%);">` and it works.
#
gRegorLove
That applies to the entire height of the page. Like jgmac1106_ said, you might want to alternate different background colors on sections, instead.
#
[jgmac1106]
@drewmcsweeney it is for graduate classes but you could take my Digital Teaching and Learning Too class in the open as a participant, the outcome (final for paying folks) is basically a classwebsite like yours
#
dmcweeney
Which body? 1 or 2?
#
[jgmac1106]
...there is only one body, we will meet up after you are home
#
gRegorLove
dmcweeney: You should only have one <body> :)
#
dmcweeney
Okay thanks!
#
gRegorLove
You can remove both of them and replace with the linear-gradient line above
#
jgmac1106_
also we will be starting an Homebrew Website Club in New Haven in the fall and you can bring all your web based itches to scratch
#
KartikPrabhu
gRegorLove: the confusion seems to be switching between HTML and CSS. Better to keep styles in the CSS only instead of mixing them up in the HTMl and causing confusion
#
jgmac1106_
[KarthikPrabhu] I did slap my hand for suggesting inline, but I wll work with Drew f2f and get him sorted, thanks all, @dmcweeney been a great IndieWeb AllStar as of late
#
KartikPrabhu
inline styles cause more trouble that they are worth especially for beginners
#
sketchess
dmcweeney you remind me of myself. Perhaps one of my own very first resources can you help somehow. You might wann give it a try. html.net
#
sketchess
+a
#
KartikPrabhu
the steps heirarchy there is very strange
#
sketchess
What do you mean Kartik?
#
KartikPrabhu
HTMl -> CSS -> PHP -> JS
#
KartikPrabhu
not sure why PHP is in there as setp 3
#
sketchess
Why do you think of it as a path?
#
KartikPrabhu
because they explicitly list them as steps
#
sketchess
Oh I see, because of the start page.
#
sketchess
That is more of judging a book by it's cover.
#
KartikPrabhu
no more like its table of contents
#
sketchess
It never hold me back from own decision making, choosing what I loved to learn about, of making the first moves.
#
sketchess
I hope you regard yourself lucky Kartik. Maybe it is not the shoes you like to walk in, but they were indeed the perfect fit for me. Don't you think everyone has the right to find their own ways?
#
sketchess
It would be sad, if not.
eli_oat1 joined the channel
#
KartikPrabhu
I never said no one should use that site. I only said their steps are funny
#
KartikPrabhu
I really don't care what resource people want to use
#
sketchess
Ah.
#
KartikPrabhu
also not sure why I am lucky either
#
sketchess
How sad.
#
sketchess
I guess that's the way when things are simply normal and common to us. We do not see them.
#
KartikPrabhu
what! I really don't like your implication that somehow I was born knowing HTML and did not have to struggle and learn it.
#
KartikPrabhu
back to actual work
KartikPrabhu left the channel
#
sketchess
Always delighted to have a chat with you.
#
sketchess
???
KartikPrabhu joined the channel
#
sketchess
I see. My attempt to make you a compliment failed.
#
sketchess
As you wish. I wish you a very lovely night.
#
sketchess
Well..... bye
#
gRegorLove
I think Kartik is just away at the moment :)
snarfed, jgmac1106, jgmac1106_, deathrow1, marclaporte and [eddie] joined the channel
#
[eddie]
:crossed_fingers: Just flipped the switch. Once my website finishes process, the homepage will be replaced with my new still in-development dynamic homepage.
#
[eddie]
Most of the actual index and post pages will still be powered by Jekyll until I get them replace. Hopefully I didn’t just break everything.
#
@matpacker
Wondering if any #IndieWeb folks have played around with posting to WordPress using http://Workflow.is? Ideally, looking for a workflow that allows selection of Microformats, adding links correctly for read articles, adding tags, and being able to… https://matpacker.com/2018/07/17/7838/
(twtr.io/1g6ixDdJAzC)
#
@pancakeuprising
Slowly working on a redesign of my whole website. It's simple for now, but it will support IndieWeb features like articles, notes, replies, photos, videos, etc.
(twtr.io/1g6j6ZsH9gS)
jgmac1106 and 7GHABDPYX joined the channel
#
schmarty
eddie: good luck!
tantek__, marclaporte and tantek joined the channel
#
[eddie]
Thanks 😬 changing website stuff (especially my homepage that hosts my h-card and all my endpoint urls) is always scary
[snarfed], snarfed and tantek___ joined the channel
#
@schmarty
Nostalgia for homepages, IndieAuth gets an explainer, and lots of new events. It's your ~10min update on the #IndieWeb community! This Week in the IndieWeb audio edition for July 7th - 13th, 2018. https://martymcgui.re/2018/07/16/185354/
(twtr.io/1g6pE2x47xs)
tantek joined the channel