#dev 2018-12-02

2018-12-02 UTC
snarfed joined the channel
#
GWG
Finally put in a tantek.com workaround
[jgmac1106] and strugee joined the channel
[eddie] and [tantek] joined the channel
#
[tantek]
GWG uh oh, why workaround? you mean until we make parsing changes for ID?
#
GWG
tantek, yes
#
GWG
It will allow Yarns Microsub to subscribe to your site
snarfed, eli_oat, eli_oat1, tantek, [dave] and eduardm joined the channel
#
kisik21
How much data a Micropub server would typically hold as a database? assuming one user and a moderate amount of feeds.
#
kisik21
aaronpk: for example, how much does Aperture use?
#
kisik21
(I know Aperture isn't single-user, but it seems to de-duplicate feeds)
barpthewire and doubleloop joined the channel
#
doubleloop
At IndieWebCamp Berlin 2017 (yes 2017!) I remember I think it was Sebastian Greger and Zegnat discussing a way of embedding YouTube videos so that they didn't pull in any cookies until you actually clicked on them
#
doubleloop
Anyone has links/references to that idea and implementations?
#
petermolnar
I looked into that a while ago, and it used to be doable
#
petermolnar
I need to look up the implementation
#
petermolnar
I wonder if youtube-dl can find you a url for the mp4 itself
#
doubleloop
Thanks petermolnar
#
doubleloop
youtube-nocookie looks good
#
petermolnar
no, youtube-dl doesn't work like that, however, you can download a copy with it, which is an option
#
petermolnar
which reminds me: I need to add youtube to my silo.pasta
#
doubleloop
I'll need to make Wordpress recognise it as something to auto-embed through oembed
#
doubleloop
what is silo.pasta?
#
Loqi
It looks like we don't have a page for "silo.pasta" yet. Would you like to create it? (Or just say "silo.pasta is ____", a sentence describing the term)
#
doubleloop
I've used hooktube in the past, but the Trending videos section of it always makes me a little dubious of it
#
doubleloop
If I recall correctly, Sebastian's solution displayed a static screenshot from the video, and at the point of clicking on that, replaced it with the actual video
#
petermolnar
I believe that's what adafruit is doing as well
kisik21 joined the channel
#
doubleloop
This works OK for now, as a way to automatically use a youtube-nocookie embed when you paste any youtube link into Wordpress: https://wordpress.stackexchange.com/q/155755/143700
#
Zegnat
doubleloop: sgreger has written a big blog post on that pattern, and also implemented it on his site. Looks a lot like how DuckDuckGo does it, if you are familiar with that. Let me find the blog post about it
#
doubleloop
Great, thanks Zegnat. Using youtube-noookie has at least gotten rid of doubleclick trackers from my site, that's a start!
#
Zegnat
Huh. I can’t find the thing I am thinking of on his blog at all :/ He uses his maps implementation as an example, e.g. here: https://sebastiangreger.net/2018/08/user-centred-transparency-design-the-layered-approach/ (look for “Example 2: Embedding third-party content”)
#
Loqi
The EDPB’s official “Guidelines on Transparency” under GDPR are a valuable, yet little-known, resource for designers. In this article series, I examine the 40-pager for contributions on putting individuals in control of their personal data thro...
#
Zegnat
But I am pretty sure he was using a similar thing where you need to click a button before the embed is put into place for video content too. It is really clever.
#
doubleloop
Zegnat++
#
Loqi
Zegnat has 58 karma in this channel over the last year (168 in all channels)
#
doubleloop
Yes I remember the same - but I couldn't find it on his site either.
#
doubleloop
This third-party service embed.ly appears to offer something similar: https://github.com/EFForg/dnt-guide#5-how-to-embed-content-from-third-parties
#
Loqi
[EFForg] dnt-guide: How to Implement DNT
#
Zegnat
petermolnar, I think youtube-dl *is* able to get you a video URL. But because of how YouTube works, I believe the URL will expire.
#
Zegnat
IIRC that was exactly how hooktube worked, they were able to show <video> element embeds of youtube videos. Which was nice, because iOS Safari was then able to run that video picture-in-picture.
#
Zegnat
Sadly they shut down that feature and are using YouTube’s own embeds on hooktube now.
eduardm, iasai, [jgmac1106], jjuran, jgmac1106 and [schmarty] joined the channel
#
kisik21
if I have a media endpoint, will a Micropub client prioritize using it than using file upload?
#
Zegnat
Probably. That’s up to the client.
#
Zegnat
Clients that use JSON post bodies will always use media endpoints, so there is that to consider
#
kisik21
aaronpk: does Quill use the media endpoint instead of uploading as multipart/form-data if the media endpoint is available?
#
aaronpk
yes it should
#
kisik21
!tell swentel Does Indigenous always use the media endpoint for photos if it is available?
#
Loqi
Ok, I'll tell them that when I see them next
#
Zegnat
I wonder if that shouldn’t just be the recommendation, always. If someone exposes a media endpoint, lets not assume their micropub server can handle big uploads at all, so prefer the external endpoint
#
kisik21
Currently
#
kisik21
my file handling is BROKEN. I need a media endpoint to upload files
#
kisik21
so I was asking this question in hope that everyone uses a media endpoint when they see it
#
kisik21
because then Quill and Indigenous for Android can use my endpoint to upload stuff
cjwillcock joined the channel
#
aaronpk
I thought the spec recommended that
#
kisik21
aaronpk: recommended as in "SHOULD"?
snarfed joined the channel
#
aaronpk
I think so
#
aaronpk
don't have it in front of me right now
[jgmac1106] joined the channel
#
GWG
If you have the last place you were seen on your site, how should that be marked up?
#
GWG
It is being misinterpreted at the moment
#
Zegnat
I’d be tempted to just mark it up as a checkin
#
GWG
It's a feature that chrisaldrich asked for I built.
#
GWG
It shows the location of the last checkin or location added to a post
#
snarfed
maybe just skip markup
#
snarfed
unless you have something that needs to consume it
#
GWG
Ask Zegnat that question...
#
GWG
I just enhanced my parsing code to work with the giant h-card
#
GWG
But I may skip markup if I have to, but I would like to brainstorm it first
#
aaronpk
Could also be location of your h-card
#
Zegnat
For several things on my h-card I myself am the consuming use-case. Creating diffs of personal data regardless of html/design changes to the page
#
GWG
aaronpk, I sort of prefer my h-card location to be my city
#
aaronpk
Sure, it's really not that interesting of a question until there's a consuming use case
#
GWG
aaronpk, I have a possible use case
#
GWG
Which is, asking Loqi where x is
#
aaronpk
So given that, a more common pattern I've seen is that people want to link out to some other service to say where they are, instead of making something to update their home page all the time.
#
aaronpk
For example Compass and Icecondor are two services that can track someone's location and provide it at an HTTP endpoint
#
aaronpk
and much longer ago, FireEagle was a service to do that manually
#
GWG
I will just remove the markup until I sort it out
#
GWG
As I said, built the feature per request, so I may have to ask chrisaldrich
#
GWG
I do have a terms of use issue again
#
aaronpk
You know you don't have to build everything someone asks for right? :-)
#
GWG
With location, it says that if I use a venue/place API I can't store the data and have to attribute. But I only want the textual name of places. I still can't store them?
#
GWG
aaronpk, chrisaldrich is a great tester. Besides, it was not a hard feature to build
#
GWG
Mostly cut and paste
#
aaronpk
Many things are not hard to build, but then open up issues of ongoing maintenance
#
GWG
This is the first time I've even thought of it, because I'm working on improving my mf2 markup
#
GWG
So, I will likely not worry too much.
#
GWG
But if there is no easy solution, I will just do little to nothing.
jgmac1106 joined the channel
#
snarfed
donthavetobuildeverything++
#
Loqi
donthavetobuildeverything has 1 karma over the last year
#
snarfed
in general, the total cost of a feature is something like 10-20% initial implementation, 80-90% lifetime maintenance
#
snarfed
(this is not at all intuitive, especially when you're newer to software engineering. can often years to decades of experience to fully appreciate. :P)
[Khurt], eli_oat, snarfed, eduardm and [tantek] joined the channel
#
[tantek]
^^^ this
[grantcodes] joined the channel
#
jgmac1106
all this time when I spend tryign to center divs and elements and I never knew there was an HTMl <center> tag
eli_oat joined the channel
#
petermolnar
but that's oldschool!
#
petermolnar
jgmac1106: <div style="width:80%; margin:0 auto;"> or style="text-align:center" but this latter gets inherited
#
jgmac1106
that’s what I usually do…it also defeats purpose of using grid and flexbox
#
jgmac1106
can’t figure out why my grid areas aren’t displaying center
#
jgmac1106
and in an h-card would you p-note or p-summary for a tagline?
#
petermolnar
I think you're overcomplicating this by setting the body to be a grid
eli_oat joined the channel
#
sknebel
jgmac1106: it is centered in the body, but you have set the body to 20 % screen width?
#
jgmac1106
but it will end up being a page of h-cards, will eventually make a four grid-column
#
sknebel
and nothing tells the body to center itself
#
sknebel
I think margin: 0 auto; works on the body element too, but not 100 % sure
#
jgmac1106
it does but layot still determiend by my grid rules
#
jgmac1106
ahhh needed dispay: flex on each item
#
jgmac1106
nope that’s not it…
#
sknebel
then I don't know what you mean by "can’t figure out why my grid areas aren’t displaying center"
#
Zegnat
I can have a look at CSS problem, whats up?
#
Zegnat
enables CSS
#
Zegnat
There are so many overlapping boxes there that I have no idea what the expected end-result is ...
#
jgmac1106
the boxes shouldn’t overlap
#
jgmac1106
thx [sknebel] for helping
#
jgmac1106
[zegnat] I am trying to embed a grid (the h-card) in a girdd with four columns, withnin that h-card there is also a flexbox of social media icons
eli_oat joined the channel
#
Zegnat
I don’t see a grid on the h-card element though, only on its parent element... I don’t think grids are inherited, so no way the h-card subelements will be on that grid
#
jgmac1106
I will try again tomorrow, need to prep for classes, I am missing some fundemental understanding
#
sknebel
there is only one element in your grid
#
Zegnat
Nesting grids is fine, I do that too
#
Zegnat
But your grid is .mypeeps and it only has one child element, .h-card. That’s why the h-card grid isn’t working
#
sknebel
if you want to use grid for the lower-level things, you need to make their parent the grid, not the parent of their parent
#
jgmac1106
ahh okay
#
jgmac1106
i thought I had mypeeps inside of item which is inside of container
#
jgmac1106
my peeps has these defined grid-areas: 'avatar''name' 'bio' 'deets deets’;…think that is my mistake. I can always get explicit defined columns and rows correct, whenever I try to use gridareas I screw everything up
#
jgmac1106
I know it canbe done I just can’t use gridareas, mess up every time
#
Zegnat
It can be done how you do it now, but you need to define those grid-areas on the h-card, not on yhe mypeeps. When you tell the image tag to be in the “avatar” area, it looks for an avatar area on its direct parent (the h-card) and it doesn’t find it there
#
jgmac1106
[zegnat] if I move to the grid to user-profile instead of mypeeps things go real crazy
leg joined the channel
#
Zegnat
jgmac1106, that is nevertheless where it is supposed to be if you want its child elements to make use of the grid
#
Zegnat
Hmm, using the Firefox grid inspector shows the grid has 2 columns. But I am not sure why
#
jgmac1106
grid-columns: 50%;
#
Zegnat
That might be it
#
Zegnat
So it does exactly what it is supposed to. You declared a width on the column of 50%, and then declared a bunch of areas that need to be stacked. Then all the elements get stacked in the squashed space
leg joined the channel
#
jgmac1106
closer…still borked….sticking to explicit grid/columns…in future…may just start over and do that: https://h-card-layout.glitch.me/
#
Zegnat
I have no idea how the avatar even got rendered behind it
#
Zegnat
Is it putting everything in the same gridcell now?
#
Zegnat
Yep. Turning on grid inspector, you only have 1 grid cell
#
Zegnat
I think grid-template-areas only works to give names to actual existing areas. That means you will first have to set up the rows and columns
#
jgmac1106
okay I fixed that but now why iis my inspector sayign there is no grid in the page: https://h-card-layout.glitch.me/ I marked container as a grid and then tried to explictly place items1-4 to no avail
#
jgmac1106
this was supposed to take me an hour or so….remind me how much I hate learnign css, its logical, it works, something doesn’t work because I cant figure it out
#
sknebel
div class="containter"?
#
Zegnat
Checking again
#
Zegnat
Currently, nothing has display:grid; when I look
#
jgmac1106
annnd aspelling mistake
#
jgmac1106
yep sknebel
#
sknebel
chat names shouldn't link to it? and on it's own page in the examples it's called something different
#
sknebel
(wops, wrong channel)
jjuran joined the channel
#
Zegnat
Container is now a 4 column grid, so that seems right
[asuh] joined the channel
#
jgmac1106
close enough, still can’t get my grid items to justify-items: center; or align-items: center; but gonna just call it done
#
Zegnat
Happy to work with you, but going to need a paper sketch of the expected end result.
#
Zegnat
And also I am going to need to be in bed. Less than 5 hours until morning alarm.
#
KartikPrabhu
jgmac1106: you want the contents of the h-card to be centered? as in the avatar, name and bio?
#
jgmac1106
yes that is all I am trying to do
#
KartikPrabhu
those are not grid items since they are nested so you can't use grid properties for alignment
#
jgmac1106
.well where I started, bunch of detours along the way, I thought defining this on the grod justify-items: center; or align-items: center; would do it
#
KartikPrabhu
it would align the direct children of the grid
snarfed and jgmac1106 joined the channel