#dev 2021-03-18

2021-03-18 UTC
jeremycherfas joined the channel
#
jacky the more I think about it, I'm starting to think that a Vouch could quite literally be a link to a h-feed of one's last few outgoing replies on their site
#
jacky to keep it in the vein of something people already have versus building something brand new
jeremycherfas joined the channel
#
[tantek] interesting
#
[tantek] I'm still wanting to rethink Vouch in terms of a House Party Protocol insteadd
[tw2113_Slack_] and jeremycherfas joined the channel
#
jacky reading https://url.spec.whatwg.org/#application/x-www-form-urlencoded b/c (aggh) and thank goodness this is implemented as a part of most languages lol
#
[KevinMarks] wow that's even saltier than the python csv module
#
jacky lol for a moment I was like "am I doing something wrong?"
GWG_ joined the channel
#
vilhalmer "aberrant monstrosity" is going to be my new slack title at work
#
jacky lmfao
sebbu, jeremycherfas, jeremy, [tantek] and jeremych- joined the channel
#
@ripixelcodes For those wondering what that webmention thing was about, check out this utterly fantastic blog post that ran through everything so well I didn't need to Google anything! My own version coming soon (because of course it is) (twitter.com/_/status/1372377245822685189)
jeremycherfas joined the channel
#
jacky ayee
#
[tantek] whoa cool
samwilson joined the channel
#
@getmailscript @t @aaronpk Do you know if there is an open source (headless) CMS that uses flat files (local html, markdown), and would support webmentions and indieauth easily? We're interested in using one to then self-host content and pin to IPFS. (twitter.com/_/status/1372384492715843587)
KartikPrabhu, alex11, leo60228 and [tantek] joined the channel
#
[tantek] wat
[KevinMarks], [schmarty], KartikPrabhu, Zenyattus, marinin[t] and tomlarkworthy joined the channel
#
tomlarkworthy @KevinMarks yes I can serve HTML from serverless-cells as a workaround. It would be nicer to use the native notebook URL as the authoritative URL but it probably won't work. Its ok though I will be able to wrap the boilerplate in a function so it should be ok
#
tomlarkworthy @snarfed ok I will pass on your regards to Mike Bostock if I get the opportunity. I think he will be into this IndiaAuth instinctively anyway. At least two engineers in Observable are researching it (I spoke with them yesterday). I am but a humble user of Observable but they tend to quite like how I am extending their platform so my infra notebooks get good visibility internally.
#
@gareth ↩️ Something like https://webmention.io/? (twitter.com/_/status/1372496042470604801)
ShadowKyogre joined the channel; ShadowKyogre left the channel
#
@tomlarkworthy I am quite excited that IndieAuth will switch "sign in with Facebook" to "sign in with your homepage". And thus, in one fell swoop, flatten a digital hierarchy. Be an end user, service provider and identify provider all at once. Helpful for collaboration in the creator economy (twitter.com/_/status/1372503926088605700)
[jgmac1106] and ShadowKyogre joined the channel; ShadowKyogre left the channel
#
@ajinkyanarkar22 Great website https://testwebmention.netlify.app (learning webmentions) (twitter.com/_/status/1371767453332733956)
ShadowKyogre, [scojjac], DanC, [jgmac1106], [Ana_Rodrigues], Zenyattus, gbmor and dmcweeney joined the channel; ShadowKyogre left the channel
#
dmcweeney hello ... was wondering if anyone is able to tell me what I am doing wrong with my website - The footer for the 'pricing' page on my website has a white space and I cant figure out how to remove it ... http://mcweeneyaquaticconsulting.com/pricing.html
[Murray] joined the channel
#
[Murray] Hey @dmcweeney: you have your entire page wrapped in a `<div>` element with a class of `.section`. That's your culprit, specifically the `padding` set on it 🙂
#
dmcweeney im not sure if im following ... how do I view this?
NinjaTrappeur joined the channel
#
[Murray] Ah, perhaps my first question should be: how have you built the website?
#
[Murray] and how comfortable are you with HTML/CSS?
#
dmcweeney reclaim hosting
#
dmcweeney I used HTML and CSS to build the website
#
dmcweeney used the file manager
#
[Murray] Cool, so you can either view your HTML in something like a File Manager program or just be right-clicking the page in a browser and selecting Inspect Element (Chrome, Firefox etc. should all be the same)
#
[Murray] If you inspect the white space (so right-click that and choose Inspect Element) it'll show you the problematic piece of HTML
#
dmcweeney let me check hold on
#
dmcweeney i dont see it
#
[Murray] You don't see what?
ShadowKyogre joined the channel
#
[Murray] Inspect Element? The `<div>`? Or my image?
#
dmcweeney i dont see where it says my entire page is wrapped in a `<div>` element with a class of `.section" or maybe I am looking in the wrong spot?
#
[Murray] Do you see my image above?
#
dmcweeney i right clicked on the spot and clicked "inspect element"
#
dmcweeney and no I don't see the image
#
[Murray] Ah, sorry, I'm accessing this chat via Slack, was worried images might not make it through the bridge
#
dmcweeney would it be easier for me to sign into slack?
#
[Murray] Okay, in your page source (i.e. the HTML displayed when you Inspect Element) there's a large block of commented out code, followed by a `<div class="section">` element
#
[Murray] That `<div>` is wrapping most of the page, including your footer
#
[Murray] It starts just below the `<div>` with a `header` class
#
[Murray] At any rate, it's that classname that's causing the issue: `section`
#
[Murray] It applies a style of `padding: 50px 0`
#
[Murray] That's giving you 50 pixels of white space at the bottom of the page
#
dmcweeney so i have to go into CSS to change the padding?
#
[Murray] Yes, but if you change the padding on the `section` class it'll change for *every* place you're using it, which looks like quite a lot. So you might need to override it on that `<div>` with a new class, or remove that class specifically from that `<div>`
#
[Murray] If you're happy to remove it anywhere, you can use `padding: 50px 0 0` as a shorthand to just get rid of padding on the _bottom_ of an element
#
dmcweeney for some reason I am not seeing it in my CSS
#
dmcweeney would it be better if I entered slack?
#
[Murray] I'm afraid probably not 😅
#
[Murray] if you have a CSS stylesheet you should be able to search for `.section`
#
dmcweeney okay I just changed it after I clicked on inspect element and saw it go away which is good
#
dmcweeney but now I have to figure out how to change it in CSS
#
[Murray] :thumbsup: nice
#
dmcweeney so do I get rid of <footer class="footer footer-color-black" data-color="black"> <div class="container">
#
[Murray] No, that shouldn't be relevant. You just need to change the way that CSS rule is being applied. Either remove it from the `<div>` or change its value in your Stylesheet.
#
[Murray] You could also move that `<footer>` element outside of the wrapping `<div>` which is applying the padding. You'd still get the 50 pixels of blank space, but it would then be above the footer
#
dmcweeney i made the changes and they are not working
#
[Murray] BTW, I see you're using the Gaia Bootstrap Template. It looks like that comes with tech support, so you might want to try over on their website 🙂 Happy to help here, but ultimately this isn't a tech stack I've ever come across before; plus, if you're paying for the service you might as well make use of it 😊
#
dmcweeney here is what I am seeing
#
dmcweeney <footer class="footer footer-color-black" data-color="black"> <div class="container"> <div class="copyright"> © 2020-2025 McWeeney Aquatic Consulting, LTP, LLC. Web design by Drew Michael McWeeney.<br> All content, unless otherwise noted, is under a <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-A-SA 4.0 international license.</a> </div> </div>
#
dmcweeney </footer>
#
dmcweeney snipboard.io/gVjLu3.jpg
#
[Murray] So on that image, the `<div>` that your cursor is on is the one with the rogue padding 😉
#
[Murray] I'm not sure if you've done anything else already though, such as moving elements around; if you have that might not be right
#
[Murray] The `<footer>` element itself is not necessarily relevant
#
dmcweeney so I should delete that <div> then?
shoesNsocks left the channel
#
[Murray] As I say, you should be making a CSS change here; you shouldn't need to edit the HTML directly. But ultimately, it's up to you. That might work, it might break something else. I'd suggest getting direct support from the company who made the theme you're using, as they will be better placed to point you in the right direction 🙂
[tantek], nickodd and [chrisaldrich] joined the channel
#
dmcweeney I tried getting support from the company for over a month and no one has replied back to me
#
dmcweeney Here is what I see in CSS
#
dmcweeney https://snipboard.io/fIdy3v.jpg
#
[Murray] Okay, that looks good (and sucks about support)
#
[Murray] Right, just checked your site and the white space seems to have been removed 🎉
#
[Murray] (if you don't see that, try hard refreshing the page; should be Ctrl+F5)
#
[Murray] However, as I mentioned, that CSS rule is being used a _lot_ on your website so that rule change may have broken some other bits and pieces.
#
[Murray] The other options is to create a new rule in CSS and change the class being applied on the `<div>` e.g. add the following to your stylesheet:
#
[Murray] ```.section-override {
#
[Murray] padding-bottom: 0;```
#
[Murray] ```}```
#
[Murray] (dammit, didn't mean to split those up)
#
[Murray] and then change the class on the `<div>` so that `<div class="section">` becomes `<div class="section-override">`
#
[Murray] (there are much better ways to name these things, you might still need to tweak it. I'd recommend taking a look at some tutorial on CSS/HTML to get a better understanding of how these languages work)
#
[Murray] (or, given that the company isn't holding up their end of the support, chargeback the cost under breach of contract and move to something like Wix or Squarespace which doesn't need this level of technical knowledge to edit)
#
dmcweeney i see it - it is fixed!
[schmarty], hoschi, enpo and tomlarkworthy joined the channel; nickodd left the channel
#
tomlarkworthy IndieLogin does not have a scalable onboarding flow for new clients https://github.com/aaronpk/indielogin.com/issues/20
#
Loqi [aaronpk] #20 Add client registration form
#
aaronpk yes, ideally you'd run your own instance of it
#
aaronpk i am trying to avoid running centralized services for this stuff
#
tomlarkworthy Ahh ok, yeah, makes sense, let me see what the hosting requirements are...
hoschi joined the channel
#
tomlarkworthy ... is there any recommended hosting provider? I see some Heroku moves but its not clear its the path of least resistance
#
aaronpk hmm i should package it up for heroku
#
aaronpk sorry i don't have the docs super put together for that one
#
tomlarkworthy its ok, how do you host it? Some kinda of all-in-one linux VPS?
#
@w3bk3rn3l Changed my theme to allow webmentions display (twitter.com/_/status/1372651681331171338)
[jgmac1106] joined the channel
#
aaronpk yeah I usually run this stuff on Linode. a generic php + mysql + nginx install works well for it
#
tomlarkworthy ok cool, thanks for your help
micahrl, wagle, [KevinMarks], [scojjac], leo60228-, sebbu, [tantek], jeremycherfas and gRegorLove joined the channel