#dev 2020-01-01

2020-01-01 UTC
#
KartikPrabhu that ^ looks interesting
gRegorLove, [Michael_Beckwit, testy, [tantek], BeatusHomo, [schmarty], [Rose], mblaney, [LewisCowles], [mapkyca], asymptotically and [KevinMarks] joined the channel
#
GWG I need to find a different project to work on
#
GWG Maybe adding my site as a webshare target
[tantek] joined the channel
#
[tantek] GWG, add it to your list of itches on your User page, and then reflect on the ones there and see which inspires you the most today!
#
GWG [tantek]: I really want to continue with webmentions, but I already have 5pr
#
[tantek] Agreed KarthikPrabhu!
#
GWG 5 PRs waiting. I feel like I'm flooding my one reviewer
#
GWG So I'm looking for something small while I wait
#
[tantek] GWG, who are you waiting for?
#
[tantek] Itches lists are good for collecting small items!
#
GWG Regrettably, we have a lack of qualified WordPress reviewers in the community.
#
[tantek] GWG, here’s something small, read this and tell us your opinions about it (applies to a IndieWeb devs IMO) https://www.eff.org/deeplinks/2019/08/interoperability-and-privacy-squaring-circle
#
[tantek] This is something I’d like us to spearhead if not solve in the next year or so.
#
[tantek] Interoperability standards with a built-in bias *for* individual privacy and agency
#
GWG [tantek]: What are we trying to interoperate?
#
[tantek] Everything
#
GWG There are a lot of components of Facebook, the example the article uses
#
GWG Which do we go to first
#
GWG We have commenting. Social reading...
#
[tantek] Only way to dismantle the tools & barriers that allow centralized power structures to maintain themselves
#
GWG Moderation is still an issue
#
GWG As is trust
#
[tantek] We prioritize by the things that will help the most disadvantaged first, hopefully in ways we can “cook for ourselves” to adopt & iterate quickly and pragmatically
#
[tantek] “Trust” is a philosophical rathole. Wrong framing
#
[tantek] Eg ignore anything * web of trust, because it’s pretty detached from nuanced human interactions across a broad range of cultures, and variations of privilege
#
[tantek] Moderation is better yet even that is solutionism (wrong focus), when we should be staring from the problem statement
dmcweeney joined the channel
#
dmcweeney Hello-I was wondering if anyone can help me out with a issue I am having with my website
#
dmcweeney Go to consulting.drewmcweeney.com and you will see the menu options (ex: formats, clients, videos, training options) white with no black nav bar background. Yet, when you scroll down the page, the nav bar across the top of the screen is black. How do I get the nav bar to stay black the whole time?
#
GWG [tantek]: Not sure of the framing.
#
GWG dmcweeney: I'm on my phone, alas... can't easily dig in
#
KartikPrabhu dmcweeney: there is some javascript there which is changing the colours on scroll by adding a class "navbar-shrick" to the <nav> element
#
KartikPrabhu navbar-shrink*
#
KartikPrabhu if you want it to always remain black, you can change the CSS for #mainNav, and set the background-color there to "#212529"
#
dmcweeney I tried that and it isn't doing anything
#
KartikPrabhu works for me on my FF
#
KartikPrabhu maybe that javascript is interfering with the CSS when it loads (?)
#
dmcweeney Here is what I have
#
dmcweeney #mainNav{background-color:#212529}#mainNav .navbar-toggler{font-size:12px;right:0;padding:13px;text-transform:uppercase;color:#fff;border:0;background-color:#fed136;font-family:Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}
#
[tantek] GWG, start with “what problem are we actually trying to solve with moderation or some other approach?”
#
GWG [tantek]: Admin tax is one
#
[tantek] That’s a good way to start reframing when it seem the focus is on a particular solution instead of more broadly understanding the problem
#
KartikPrabhu dmcweeney: that color you added is getting overridden by a "background-color: transparent" in another CSS block for #mainNav
#
[tantek] Yes! Admintax is definitely a great problem to better understand and especially the various kinds!
#
[tantek] What is admintax?
#
Loqi admin tax is all the time you spend maintaining your personal site, rather than actually using it (like to create posts) https://indieweb.org/admintax
#
KartikPrabhu in CSS a style can be overridden if it appears later
#
GWG [tantek]: You have expressed annoyance when comments don't appear immediately due moderation
#
[tantek] Ah yes that’s definitely one of the problems with moderation as an approach
#
[tantek] Good example of why it’s better to ask what’s the problem and then find a better solution than moderation
#
dmcweeney So I would have to replace transparent with the color #?
#
KartikPrabhu yes
#
KartikPrabhu or just remove the line "background-color: transparent" which I believe is on Line 146
#
KartikPrabhu that line is making the nav bar transparent on screen sizes greater than 992px I think
#
GWG [tantek]: To be honest, I am still not sure the answer is Vouch.
#
GWG At least not totally
#
dmcweeney It's not working for me for some reason
#
KartikPrabhu now it shows up as black on my FF
#
KartikPrabhu you might need to do a hard refresh "Control + F5"
#
GWG Oh, dear...this is nuts
#
GWG There was a discussion on the WordPress slack that having the rest API allowed people to steal any WordPress users content.
#
KartikPrabhu why is that an API thing?
#
dmcweeney Are you able to take a screen shot or something so I can see what it looks like?
#
KartikPrabhu dmcweeney: sure 1 min
#
KartikPrabhu dmcweeney: https://photos.app.goo.gl/smiZDGJxh7KQtNjg6
#
KartikPrabhu this is on just loading with no scroll
#
dmcweeney That's strange-I don't see that. Should I clear web history?
#
KartikPrabhu I think just the caching for that page needs to be cleared
#
KartikPrabhu so a "Control+F5" or "Command+F5" on a mac
#
dmcweeney Now I see it! Okay, so my next question is how can it be the same height and size as if I was scrolling down the page?
#
takev[m] [tantek]: Totally agreed on the trust rathole.
#
KartikPrabhu seems like you want to un-do everything that the bootstrap scrolling thing is doing :P
#
KartikPrabhu dmcweeney: on Lines 141 and 142 make the "padding" to "0"
#
GWG Feh https://medium.com/@metalgenix/how-to-steal-websites-content-using-wordpress-rest-api-6122abbb5ceb
#
KartikPrabhu if the content is published you can directly scrap it from the URL so why is this an API problem? Unless unpublished content is getting through
#
GWG KartikPrabhu: I am agreeing with you, thus the feh
#
KartikPrabhu oh ok
#
takev[m] I have a hard time imaging a performance issue unless there is some sort of DDOS. In which case, the API really isn't the issue.
#
dmcweeney @KartikPrabhu I think that did the trick?
#
dmcweeney It still looks thick?
#
KartikPrabhu dmcweeney: it looks correct in the CSS but not in the minified CSS
#
dmcweeney What do I fix in the minified CSS?
#
KartikPrabhu I think your site is generating that automatically, but I don't know how
#
KartikPrabhu depends on your backend
#
dmcweeney Here is what I have
#
dmcweeney #mainNav{background-color:#212529}#mainNav .navbar-toggler{font-size:12px;right:0;padding:13px;text-transform:uppercase;color:#fff;border:0;background-color:#fed136;font-family:Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}#mainNav .navbar-brand{color:#fed136;font-family:'Kaushan
#
dmcweeney Script',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fec503}#mainNav .navbar-nav .nav-item .nav-link{font-size:90%;font-weight:400;padding:.75em
#
dmcweeney 0;letter-spacing:1px;color:#fff;font-family:Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{color:#fed136}@media (min-width:992px){#mainNav{padding-top:25px;padding-bottom:25px;-webkit-transition:padding-top .3s,padding-bottom
#
dmcweeney .3s;transition:padding-top .3s,padding-bottom .3s;border:none;}#mainNav .navbar-brand{font-size:1.75em;-webkit-transition:all .3s;transition:all .3s}#mainNav .navbar-nav .nav-item .nav-link{padding:1.1em 1em!important}#mainNav.navbar-shrink{padding-top:0;padding-bottom:0;background-color:#212529}#mainNav.navbar-shrink .navbar-brand{font-size:1.25em;padding:12px 0}}
#
KartikPrabhu dmcweeney: no need, I can see your CSS directly in my browser :P
#
dmcweeney Oh okay
#
KartikPrabhu I'm guessing you are editing the "agency.css" and uploading to your server?
#
dmcweeney I changed lines 141 and 142 padding to "0" in agency.css
#
KartikPrabhu yes. But your backend uses "agency.min.css" do you know how that minified version is generated?
#
dmcweeney I just got the agency.min.css file up
#
dmcweeney I don't. Is that bad?
#
KartikPrabhu no. Maybe it expects you to upload the minified version
#
KartikPrabhu dmcweeney: you can use this https://csscompressor.com/
#
KartikPrabhu so everytime you edit "agency.css" you can run it through that and update "agency.min.css"
#
dmcweeney So how do I use CSS compressor? I take the agency.css and copy and paste it to the compressor?
#
KartikPrabhu yes
#
dmcweeney All lines of the agency.css?
#
KartikPrabhu yes
#
KartikPrabhu usually these things are automated but I am sure your site is doing that
#
KartikPrabhu I am *not* sure
#
dmcweeney Okay it worked, but now I can't see the picture at the top of the page and the words
#
KartikPrabhu hmm yeah let me check
#
KartikPrabhu hmm somehow the image URL seems to have been messed up. On Line 170 make the URL into "/img/Woodtick_Recreation_Area_2.jpg". Note the leading "/" which is missing
#
dmcweeney Just did that. Now, do I copy and paste agency.css to compressor and try again?
#
KartikPrabhu yeah
#
KartikPrabhu sorry you have to jump through all these hoops, I usually have a command line to minify the CSS
#
dmcweeney Great. It worked. Okay, two more questions: First, if you go to the formats section, you will see the font underneath the 3 icons and it is different than the description's font under formats
#
KartikPrabhu yes. because your HTML says that one of them is a "heading" and the other is a "paragraph"!
#
KartikPrabhu this bootstrap markup is pretty bad :P
#
dmcweeney How do I fix that?
#
KartikPrabhu well there are a few ways. 1) you can change the CSS for the <h3> element. 2) or you can change the HTML to not have that as a heading
#
KartikPrabhu 1) will change the heading styles everywhere on your site
#
KartikPrabhu at this point you are essentially changing most things that Bootstrap gave you, so I would think over whether you need to do it :)
#
dmcweeney Okay, but I can change the h3 element though?
#
KartikPrabhu wait looks like it is already done now?
#
dmcweeney Yes-Okay, my last question is this: When you go to the top of the page, there is space between the "McWeeney Aquatic Consulting, LTP" and the nav bar. How do I move the "McWeeney Aquatic Consulting, LTP" up more?
#
KartikPrabhu Line 200 you can adjust the padding-top value
#
dmcweeney And then I have to compress everything?
#
KartikPrabhu yeah
#
KartikPrabhu everytime you edit agency.css you will have to generate the compressed agency.min.css
#
KartikPrabhu it seems tedious but using minified CSS is a good idea, to make it load faster
#
dmcweeney Thanks for the help!
#
KartikPrabhu yup, no worries
#
@hartlco Don’t mind me, just testing my IndieAuth flow. (twitter.com/_/status/1212483260204429318)
#
[tantek] GWG, I agree with your thoughts on Vouch. My understanding of the problems has grown since we first started talking about Vouch
#
GWG I think we need something much simpler.
#
GWG Webmention and Micropub work because they are simple to implement
#
[tantek] Vouch was/is trying to balance simple and effective
#
[tantek] No one has come up with anything simpler that would be even remotely similarly effective
#
GWG [tantek]: But the execution seems to give people pause.
#
GWG Adoption shows there is a problem with Vouch
bltavaresDiscord joined the channel
#
[tantek] Not necessarily a problem with vouch. Note that no other alternatives have any “adoption” or even signs of being worked on
#
GWG A challenge then?
#
[tantek] I think the problem is that the problems Vouch is designed to help solve are not top itches for the most of the current set of developers in the IndieWeb community
#
[tantek] Rather than Vouch itself or any specific solution
#
[tantek] It’s definitely a challenge with the “cook food that you want/need to eat” approach
#
GWG Also, there is still a lot of uncertainty about implementation.
[Michael_Beckwit joined the channel
#
GWG [tantek]: I really do not like approving webmentions, but I could solve that with a simple allow list
#
GWG Which I built and need to fix
#
[tantek] What is an allowlist?
#
Loqi It looks like we don't have a page for "allowlist" yet. Would you like to create it? (Or just say "allowlist is ____", a sentence describing the term)
#
[tantek] What is an allow list?
#
Loqi It looks like we don't have a page for "allow list" yet. Would you like to create it? (Or just say "allow list is ____", a sentence describing the term)
#
[tantek] allow list is /allowlist
#
Loqi ok
#
[tantek] GWG, I think there is merit in developing the allowlist solution further
#
[tantek] Want to start by defining what you think an /allowlist is or means?
#
GWG [tantek]: I'm reminded of what you said in a different context at one IWC
#
GWG I just can't remember which IWC it was
#
GWG It was this... https://indieweb.org/2018/Berlin/responses
Jas joined the channel
#
[tantek] I’ve been posting notes on my own site instead it Twitter for 10 years to the day. I think it’s about time I got replies working 😂
#
[tantek] instead of* Twitter
#
[tantek] GWG, I think that is literally my January project
#
[Michael_Beckwit why go wild like that Tantek? jk
#
GWG But, [tantek], my point was the part about accept lists there is useful.
#
[tantek] Good! Start by defining /allowlist then and writing down *why* it’s useful
mblaney joined the channel
#
GWG [tantek]: Needs much, but that is a start.
mblaney joined the channel; mblaney left the channel