#metabrainz

/

      • gcilou
        Leo_Verto, so to connect the team.html to the .less file...
      • 2016-01-21 02117, 2016

      • Leo_Verto
        Okay, let's look at how the style for the donation page works
      • 2016-01-21 02132, 2016

      • Leo_Verto
      • 2016-01-21 02144, 2016

      • Leo_Verto
        the whole page is in a div with the id "donation"
      • 2016-01-21 02150, 2016

      • regagain has quit
      • 2016-01-21 02157, 2016

      • Leo_Verto
      • 2016-01-21 02158, 2016

      • gcilou
        Oh ok
      • 2016-01-21 02121, 2016

      • Leo_Verto
        Usually you'd have a css/less file per page but for a rather small site like meb.org and especially when using a templating engine this works fine
      • 2016-01-21 02126, 2016

      • Freso
        !m Leo_Verto
      • 2016-01-21 02126, 2016

      • BrainzBot
        You're doing good work, Leo_Verto!
      • 2016-01-21 02131, 2016

      • Leo_Verto
        Thanks :D
      • 2016-01-21 02100, 2016

      • Gentlecat
        Freso: what's the opposite of !m?
      • 2016-01-21 02108, 2016

      • Freso
        There's none.
      • 2016-01-21 02110, 2016

      • Leo_Verto
        !w
      • 2016-01-21 02119, 2016

      • Gentlecat
        !w Freso
      • 2016-01-21 02126, 2016

      • Freso
        :(
      • 2016-01-21 02130, 2016

      • Gentlecat
        liar
      • 2016-01-21 02135, 2016

      • Freso
        That's not very motivational.
      • 2016-01-21 02150, 2016

      • Gentlecat
        !m Freso
      • 2016-01-21 02150, 2016

      • BrainzBot
        You're doing good work, Freso!
      • 2016-01-21 02105, 2016

      • Leo_Verto
        If you turn m upside down it's w and thus that's clearly the opposite!
      • 2016-01-21 02120, 2016

      • Gentlecat
        yeah, I guess that's a good reason not to add something like that
      • 2016-01-21 02144, 2016

      • gcilou
        So I'm getting an "Unrecognized input" from main.less error from the test site
      • 2016-01-21 02123, 2016

      • Leo_Verto
        gcilou, can you paste your main.less?
      • 2016-01-21 02159, 2016

      • gcilou
        Yes I can, but in the mean time I fixed it, sorry :)
      • 2016-01-21 02105, 2016

      • Leo_Verto
        Aww :P
      • 2016-01-21 02110, 2016

      • gcilou
        It was a typo
      • 2016-01-21 02134, 2016

      • gcilou
        So right now this is what it looks like (I've only added two people) How do I get the picture to be on the left side and then the text on the right side? https://usercontent.irccloud-cdn.com/file/SuyeQ0B…
      • 2016-01-21 02115, 2016

      • stanislas
        gcilou: My uncle's company site looks cool, you can check it out here for inspiration: http://etykiety.unilogo.com.pl/ (click the people symbol on the left).
      • 2016-01-21 02103, 2016

      • gcilou
        stanislas, yes that is cool!
      • 2016-01-21 02144, 2016

      • Leo_Verto
        stanislas, your uncle has some pretty awesome employees :D
      • 2016-01-21 02134, 2016

      • Leo_Verto
        gcilou, use float: left and place the text divs before the img
      • 2016-01-21 02146, 2016

      • gcilou
        ok
      • 2016-01-21 02106, 2016

      • stanislas
        Leo_Verto: Not all his employees. He is the one on the bottom right, and on the bottom left is his wife.
      • 2016-01-21 02140, 2016

      • ruaok
        On the train into chi-town.
      • 2016-01-21 02157, 2016

      • ruaok
        Who's got things they need from me?
      • 2016-01-21 02128, 2016

      • Leo_Verto
        gcilou needs you to take a selfie :P
      • 2016-01-21 02149, 2016

      • gcilou
        lol yes
      • 2016-01-21 02157, 2016

      • Gentlecat
        ruaok is good at that
      • 2016-01-21 02104, 2016

      • Gentlecat
        he loves selfies
      • 2016-01-21 02150, 2016

      • gcilou
        Leo_Verto, what do I need to assign float: left to, like "div{ float:left }"?
      • 2016-01-21 02100, 2016

      • ruaok
        Are we all doing selfies?
      • 2016-01-21 02116, 2016

      • gcilou
        No, I just need a picture of you sometime :)
      • 2016-01-21 02127, 2016

      • Leo_Verto
        gcilou, you want the img to float left, so give it an id and set that to float
      • 2016-01-21 02137, 2016

      • gcilou
        okay
      • 2016-01-21 02125, 2016

      • ruaok
      • 2016-01-21 02147, 2016

      • ruaok
        A wee bit tired after 11+ hours in the air, but hey.
      • 2016-01-21 02150, 2016

      • gcilou
      • 2016-01-21 02101, 2016

      • gcilou
        ruaok, you want that on the team page?
      • 2016-01-21 02108, 2016

      • Leo_Verto
        ruaok, nahh, that's perfect :D
      • 2016-01-21 02112, 2016

      • Freso
        ruaok: Most of us have used zas pictures.
      • 2016-01-21 02118, 2016

      • Freso
        gcilou: Go for it. ;)
      • 2016-01-21 02126, 2016

      • gcilou
        Ok
      • 2016-01-21 02132, 2016

      • Leo_Verto
        gcilou, mind pasting your source?
      • 2016-01-21 02134, 2016

      • ruaok
        Oh, that would be much smarter.
      • 2016-01-21 02151, 2016

      • ruaok
        Well, I have commit rights, I can fix later.
      • 2016-01-21 02155, 2016

      • Freso
        Yeah.
      • 2016-01-21 02104, 2016

      • Freso
        The picture is not the most important part of this task.
      • 2016-01-21 02111, 2016

      • Freso
        Neither is any of the text really.
      • 2016-01-21 02118, 2016

      • Freso
        Those parts are easily tweakable later. :)
      • 2016-01-21 02122, 2016

      • gcilou
      • 2016-01-21 02149, 2016

      • Freso
        ruaok: Perhaps you could just list what elements you'd like to see on the team page?
      • 2016-01-21 02154, 2016

      • Freso
        ruaok: (Name, photo, title, link to official job description, anything else? A bio blurb?)
      • 2016-01-21 02157, 2016

      • gcilou
        and here's the part of the .less that I'm chaning https://www.irccloud.com/pastebin/Xn1GS5wV/main.l…
      • 2016-01-21 02100, 2016

      • gcilou
        changing
      • 2016-01-21 02105, 2016

      • ruaok
        Let's leave job description out for now. That may have legal issues for us.
      • 2016-01-21 02106, 2016

      • Leo_Verto
        hm, try putting the img before the divs, maybe I misremembered how to do that properly
      • 2016-01-21 02129, 2016

      • ruaok
        Bio blurb would be nice.
      • 2016-01-21 02158, 2016

      • ruaok
        So, name, title, bio, pic. Enough for now.
      • 2016-01-21 02103, 2016

      • Freso
        gcilou: ^
      • 2016-01-21 02137, 2016

      • Freso
        stanislas: Your uncle's company doesn't load with JavaScript disabled.
      • 2016-01-21 02142, 2016

      • Freso
        👎
      • 2016-01-21 02146, 2016

      • gcilou
        OK cool! I need titles and bios now :)
      • 2016-01-21 02151, 2016

      • Freso
        +site
      • 2016-01-21 02111, 2016

      • gcilou
        Leo_Verto: That worked :)
      • 2016-01-21 02115, 2016

      • Leo_Verto
        Ah, great
      • 2016-01-21 02155, 2016

      • Freso
        gcilou: Just enter some filler text for now.
      • 2016-01-21 02108, 2016

      • gcilou
        alright i will
      • 2016-01-21 02133, 2016

      • ruaok
      • 2016-01-21 02149, 2016

      • ruaok
        chrisskye: sure, not now. Arriving at my dest. May need to wait until Tuesday.
      • 2016-01-21 02126, 2016

      • ruaok
        Fell free to enlighten the team and forge a possible solution.
      • 2016-01-21 02128, 2016

      • chrisskye
        ok
      • 2016-01-21 02155, 2016

      • gcilou
      • 2016-01-21 02126, 2016

      • Leo_Verto
        gcilou, nice, you accidentally managed to make the text flow around the image :P
      • 2016-01-21 02146, 2016

      • Leo_Verto
        though I guess it'd look better here if that was not the case, don't you think?
      • 2016-01-21 02154, 2016

      • gcilou
        Yes I know! lol
      • 2016-01-21 02119, 2016

      • Leo_Verto
        If you want to get rid of that, just put the img in a div and style that instead of the img
      • 2016-01-21 02141, 2016

      • gcilou
        ok
      • 2016-01-21 02150, 2016

      • Freso
        More <div>s!
      • 2016-01-21 02155, 2016

      • Leo_Verto
        Weeeeeee!
      • 2016-01-21 02100, 2016

      • Freso
        Got a problem? Add another!
      • 2016-01-21 02101, 2016

      • Freso
        And another!
      • 2016-01-21 02103, 2016

      • Freso
        And another!
      • 2016-01-21 02105, 2016

      • Freso
        And another!
      • 2016-01-21 02107, 2016

      • Freso
        And another!
      • 2016-01-21 02109, 2016

      • Freso
        And another!
      • 2016-01-21 02111, 2016

      • Freso
        </div>
      • 2016-01-21 02135, 2016

      • gcilou
        Leo_Verto: That didn't do anything :(
      • 2016-01-21 02127, 2016

      • Leo_Verto
        hmm, try adding display: block
      • 2016-01-21 02120, 2016

      • gcilou
        To the 'people' class or the 'pic' class?
      • 2016-01-21 02149, 2016

      • Leo_Verto
        pic
      • 2016-01-21 02152, 2016

      • gcilou
      • 2016-01-21 02156, 2016

      • Gentlecat
      • 2016-01-21 02116, 2016

      • kepstin
        https://getbootstrap.com/components/#media might make sense for the picture things if you don't want text to wrap
      • 2016-01-21 02137, 2016

      • Leo_Verto
        oh, forgot that's a thing
      • 2016-01-21 02157, 2016

      • Leo_Verto
        gcilou, looks like bootstrap can pretty much do the job for you
      • 2016-01-21 02106, 2016

      • gcilou
        ok
      • 2016-01-21 02114, 2016

      • Freso
      • 2016-01-21 02137, 2016

      • Leo_Verto
        <3
      • 2016-01-21 02132, 2016

      • gcilou
        Leo_Verto, um so when I use the media-left class instead of pic, my image takes up the whole page, but when I use them together, they look the same as before..
      • 2016-01-21 02141, 2016

      • kepstin
        gcilou: are you using the whole media object?
      • 2016-01-21 02150, 2016

      • Leo_Verto
        well, you still need to set the image size
      • 2016-01-21 02139, 2016

      • gcilou
        The whole "person" is in the "media" class, then the image is in "media-left"
      • 2016-01-21 02148, 2016

      • bitmap
        ruaok: welcome, see you tomorrow at 11
      • 2016-01-21 02109, 2016

      • bitmap
        I got a package for you too
      • 2016-01-21 02117, 2016

      • ruaok
        Thanks!
      • 2016-01-21 02146, 2016

      • ruaok
        Great! Looking forward to that one and the 13 others waiting for me. :-)
      • 2016-01-21 02131, 2016

      • ruaok
        I found an intelligencia by accident.
      • 2016-01-21 02147, 2016

      • ruaok
        Now having very froofy coffee.
      • 2016-01-21 02155, 2016

      • bitmap
        :D
      • 2016-01-21 02104, 2016

      • kepstin
        gcilou: and the text is in media-body? Should be ok then, just make sure there's a width on the image or media-left block.
      • 2016-01-21 02115, 2016

      • bitmap
        where at approximately?
      • 2016-01-21 02116, 2016

      • kepstin
        (i don't know which place is preferred)
      • 2016-01-21 02118, 2016

      • gcilou
        Yes
      • 2016-01-21 02136, 2016

      • gcilou
      • 2016-01-21 02138, 2016

      • ruaok
        Logan sq.
      • 2016-01-21 02111, 2016

      • gcilou
      • 2016-01-21 02140, 2016

      • kepstin
        gcilou: make sure you remove that "float:left" from your code, it could interfere with the bootstrap stuff
      • 2016-01-21 02147, 2016

      • gcilou
      • 2016-01-21 02149, 2016

      • bitmap
        cool. that one's newer I think
      • 2016-01-21 02124, 2016

      • gcilou
      • 2016-01-21 02144, 2016

      • kepstin
        gcilou: and both the heading and boxy should be in a single media-body div.
      • 2016-01-21 02151, 2016

      • kepstin
        heading and body*
      • 2016-01-21 02158, 2016

      • gcilou
        okay
      • 2016-01-21 02117, 2016

      • Leo_Verto
        gcilou, and only the img should be classed and media-object, not the whole div
      • 2016-01-21 02141, 2016

      • kepstin
        don't include the "media-heading" class on the media-body div, put it on the header element instead
      • 2016-01-21 02147, 2016

      • yeeeargh has quit
      • 2016-01-21 02104, 2016

      • kepstin
        gcilou: make sure you copy the html structure as it's shown in the bootstrap docs, moving classes to different places will mess things up :)
      • 2016-01-21 02111, 2016

      • gcilou
        Yeah, the picture is still sitting on top of the text :(
      • 2016-01-21 02123, 2016

      • Leo_Verto
        Can you paste your updated html?
      • 2016-01-21 02103, 2016

      • gcilou
      • 2016-01-21 02100, 2016

      • opatel99 joined the channel
      • 2016-01-21 02133, 2016

      • Leo_Verto
        gcilou, I'm sorry, I've got no idea why that doesn't work
      • 2016-01-21 02154, 2016

      • gcilou
        Hm..Is wrapped text so bad? :)
      • 2016-01-21 02157, 2016

      • Leo_Verto
        you could try removing redundant css that's been replaced with bootstrap stuff
      • 2016-01-21 02155, 2016

      • gcilou
        redundant css? All the stuff I've written just adds touches of green, re sizes the pictures, and adds padding..
      • 2016-01-21 02132, 2016

      • Leo_Verto
        yeah, I just meant the float
      • 2016-01-21 02145, 2016

      • Leo_Verto
        frankly, I really need to get some sleep now
      • 2016-01-21 02145, 2016

      • gcilou
        Yeah I already got rid of that
      • 2016-01-21 02153, 2016

      • gcilou
        Ok it's fine!