zimbatm changed the topic of #nixcon to: 25-27 October 2018 - London - https://nixos2018.org , organisation is on https://trello.com/nixcon
clever has quit [Ping timeout: 252 seconds]
clever has joined #nixcon
Willi_Butz is now known as WilliButz
<adisbladis> flokli: zimbatm: About the spinning clocktower: I looked around a bit at solutions and embedding a website in the stream through OBS seems like the easiest option. Only took a few minutes to get it running :)
<flokli> adisbladis: ok cool :-)
<flokli> still need to upload that svg with splitted hands though ;-)
<adisbladis> Also: It's possible to preconfigure an entire scene. I'm gonna make a home-manager module for OBS tonight so we can preconfigure everything and get the out-of-tree web module easily.
<flokli> <3
<zimbatm> really cool
<zimbatm> so we just need a JavaScript to update the clock hands in the website?
<adisbladis> zimbatm: Basically yes
<zimbatm> it could even be published on nixcon2018.org
<adisbladis> It's very dirty, but you can even embed js into svg
goibhniu has joined #nixcon
<samueldr> adisbladis: last time I checked I couldn't find one that handled Alpha correctly
<samueldr> (an OBS module to embed web stufff)
<adisbladis> samueldr: obs-linuxbrowser doesn't handly it completely correctly but correctly enough that it doesn't matter for us
<adisbladis> samueldr: Seems to have problems with partial opacity, not with full opacity
<samueldr> ah, so uh, fringing will happen around diagonals and circles?
<adisbladis> samueldr: Shot a sample with a gopro through one of those hdmi capture devices: https://f001.backblazeb2.com/file/nixcon/2018-09-25+21-55-36.flv
<adisbladis> The nixcon logo is from the embeded web stuff, it's not just a static image
<samueldr> hart to say for sure, indead of hdmi, use a white "solid", or a black one; what I'm seeing on the lighter part of the F key might as well be encoding artifacts
<samueldr> hard*
<samueldr> though, I didn't start trying to use it, just because it was documented as not behaving with RGBA
<adisbladis> samueldr: There you go on solid white: https://f001.backblazeb2.com/file/nixcon/2018-09-25+22-06-50.mkv
<adisbladis> I set it to mkv with quite good quality, so any encoding artifacts should be gone
<samueldr> to me, looks like there's black fringing around the flakes
<samueldr> (probably around the tower too, but that's not something you'd see black on black)
<samueldr> (and that's my perfectionist self talking, obviously)
<samueldr> from memory, the issue was that CEF itself didn't relay RGBA information properly
<adisbladis> samueldr: Yeah you are right :/
<adisbladis> I guess we can work around it by adding some darkness
<samueldr> or using trickery
<samueldr> if only the clock needs to be dynamic, let's make only the clock be CEF
<samueldr> or obs-linuxbrowser
<samueldr> the tower is already dark, so it'll mask most of the crime
<adisbladis> Haha :) I like it
<samueldr> since you can put a scene in a scene, it won't be much trouble I think
<samueldr> instead of putting the obs-linuxbrowser instance in a scene, put the scene layering the logo + browser in a scene
<adisbladis> Yeah that's not even much extra work
<samueldr> the bit I like in using scenes into other scenes is that it't 100% width and height, making sure everything is placed the same
goibhniu has quit [Ping timeout: 276 seconds]
<flokli> zimbatm: you're a bit more into hackyll than I am, right?
<flokli> I'm searching for a way to embed the svg into the index.html (which is basically a requirement to be able to poke inside it with javascript). However, index.html is no template, and seems I can't use $partial outside of a template
<flokli> tried adding templateBodyCompiler to the "*.html" match in site.hs, but that gives me a type warning, and I'm a bit https://ihavenoideawhatimdoing.dog/
<samueldr> flokli: want a stupid alternative without embedding the svg?
<samueldr> use the DOM, luke^W flokli
<samueldr> make an empty clock tower, and two hands elements
<samueldr> manipulate through CSS transform()
<flokli> samueldr: huh? how do I "make" an empty clock tower?
<flokli> you mean, loading 3 ripped apart svgs?
<samueldr> yeah
<flokli> brr, that's a bit dirty ;-)
<samueldr> not saying it's a good alternative :)
<samueldr> I did say "stupid"
<samueldr> but I never said three SVGs :D
<flokli> tzz
<samueldr> DOM elements could be used for the hands
<flokli> right - it could also simply be a handsfree nixcon logo, and some <div>s with border-radius
<flokli> so it'll still be only one svg
<samueldr> yep
<flokli> but i'm a bit worried with all the responsiveness css classes
<flokli> this will break somewhere in between
<samueldr> hmm, shouldn't be an issue depending on how it's implemented
* samueldr hasn't touched the website
<flokli> slightly off-topic, but dog-related:
<flokli> was there a shiba inu in space? I think it's fake: https://www.youtube.com/watch?v=7UuVHn3WB0E
<samueldr> as long as you can somehow make a square box around the clock, position: absolute inside it will stay put
<flokli> yeah, right. It's more the scaling, preserving aspect ratio that worries me
<samueldr> flokli: vomit comet dog
<samueldr> I'd like a better source :/
<samueldr> especially since the comments say it wasn't
<samueldr> flokli: aspect ratio?
<samueldr> wondering how you'd implement it, but I'd make a vertical div, rotating it though transform:; in JS?
<samueldr> (btw, I'm not saying "oh it's easy, just do X", I may be missing something here)
<samueldr> (I kinda hate doing "armchair development")
<flokli> I basically wanted to embed the whole svg and poke with the rotation attribute, maybe also use some animatetransform foobar as illustrated here: https://codepen.io/mohebifar/pen/KwdeMz
<flokli> so far, the paths are split and the rotation center is set to something reasonable
<samueldr> yeah, I gathered from your initial thoughts
<samueldr> maybe it's the easiest way still
<flokli> I just need some more time to dig into it probably
<zimbatm> flokli: I don't know anything about hakyll, just inherited it from last year and hacked around the html
<flokli> humm
<flokli> so I'll just hack it into index.html
<flokli> after gotten rid of some other browser tabs :-P