<div dir="ltr">Hi all,<div><br></div><div>I'm going to release the first website screens and parts of the pattern lib at Zeplin. Everyone who wants to access the project need a free Zeplin account which I can invite. Sorry for the inconvenience. Additionally I can share PNGs of each screen. But you won't able to read comments which are written within the Zeplin project.</div><div><ol><li>Create a free account at <a href="http://www.zeplin.io">www.zeplin.io</a><br></li><li>Let me know the email address of your account to invite you to the project</li></ol></div><div>--</div><div><br></div><div>@Sven</div><div><br></div><div>Do you have experience with tinting SVG images?<br></div><div><a href="https://css-tricks.com/cascading-svg-fill-color/">https://css-tricks.com/cascading-svg-fill-color/</a><br><br>Would this method work for you? If so we need all icons in only one color (black).<br></div><div><br></div><div>PS: Did you already tried out a Jabber client for MacOS?</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Sat, Mar 25, 2017 at 11:00 AM, Michael Tremer <span dir="ltr"><<a href="mailto:michael.tremer@ipfire.org" target="_blank">michael.tremer@ipfire.org</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hi,<br>
<span class=""><br>
On Fri, 2017-03-24 at 18:01 +0100, Maurice Gesswein wrote:<br>
> At this stage it doesn't make sense to share the uncompleted stuff.<br>
> It would cause a lot of questions which will not appear when I<br>
> provide the complete set of viewports. You already know the final<br>
> designs. I didn't change anything. Please give me the time to provide<br>
> a professional handover to Sven. Otherwise it will become messy,<br>
> believe me ;) I'm sorry that it takes some time. I'll publish the<br>
> designs asap via Zeplin.<br>
<br>
</span>I didn't intend to put any pressure on at all. I just care about<br>
everyone being happy and not getting stuck :)<br>
<span class=""><br>
> I'll prepare the captive portal designs as well.<br>
<br>
</span>Okay!<br>
<span class="im HOEnZb"><br>
> Regarding Slack:<br>
> Valid points against it. I agree. Jabber should do the trick as well.<br>
> Not that comfortable but fine for me.<br>
><br>
> Best,<br>
> Maurice<br>
<br>
</span><span class="HOEnZb"><font color="#888888">-Michael<br>
</font></span><div class="HOEnZb"><div class="h5"><br>
><br>
> Am 24.03.2017 2:29 nachm. schrieb "Daniel Weismüller" <daniel.weismue<br>
> <a href="mailto:ller@ipfire.org">ller@ipfire.org</a>>:<br>
> > Hi <br>
> > Here are some infos about our jabber server.<br>
> > <a href="http://planet.ipfire.org/post/opening-the-ipfire-jabber-server" rel="noreferrer" target="_blank">http://planet.ipfire.org/post/<wbr>opening-the-ipfire-jabber-<wbr>server</a><br>
> > or look here<br>
> > <a href="http://wiki.ipfire.org/en/community/talk.ipfire.org/start" rel="noreferrer" target="_blank">http://wiki.ipfire.org/en/<wbr>community/talk.ipfire.org/<wbr>start</a><br>
> > Weekdays I'm on there and mostly Michael, too.<br>
> > -<br>
> > Daniel<br>
> > Am 24.03.2017 um 13:18 schrieb Sven:<br>
> > > Hello,<br>
> > > there are Open-Source Alternatives to Slack for example: https://<br>
> > > <a href="http://about.mattermost.com" rel="noreferrer" target="_blank">about.mattermost.com</a><br>
> > > I have nothing against this mailing list but when you have a<br>
> > > longer conversation I think that it becomes a little bit hard to<br>
> > > read, and for a conversation over the phone we don’t have enough<br>
> > > to discuss (at the moment) :-D<br>
> > > But IM with Jabber is fine for me.<br>
> > ><br>
> > > Greetings,<br>
> > > Sven<br>
> > ><br>
> > > > Am 24.03.2017 um 12:57 schrieb Michael Tremer <michael.tremer@i<br>
> > > > <a href="http://pfire.org" rel="noreferrer" target="_blank">pfire.org</a>>:<br>
> > > ><br>
> > > > Hi,<br>
> > > ><br>
> > > > On Wed, 2017-03-22 at 18:53 +0100, Maurice Gesswein wrote:<br>
> > > > > I've copied the current Homepage design from Photoshop to<br>
> > > > > Sketch to<br>
> > > > > speed up in the future. Same with the styleguide/pattern<br>
> > > > > library.<br>
> > > >  <br>
> > > > Cool. Can we access that in some way? The Dropbox thing has<br>
> > > > vanished,<br>
> > > > too and I had someone working on the Captive Portal which we<br>
> > > > don't have<br>
> > > > a copy of.<br>
> > > ><br>
> > > > > Next step is to design the key viewports for the homepage.<br>
> > > > > Already<br>
> > > > > started with that. I'm pretty busy in the evenings with<br>
> > > > > private stuff<br>
> > > > > like home improvements and annoying things which needs to be<br>
> > > > > done.<br>
> > > > ><br>
> > > > > Furthermore I had the idea to create a Slack channel for a<br>
> > > > > more<br>
> > > > > comfortable collaboration with Sven. Discuss and share stuff<br>
> > > > > very<br>
> > > > > easily and fast. I have very good experience with that tool<br>
> > > > > during<br>
> > > > > the last ~2 years.<br>
> > > > ><br>
> > > > > What do you think Michael, would you sign up and create a<br>
> > > > > IPFire<br>
> > > > > Slack channel? The free basic version is totally enough.<br>
> > > >  <br>
> > > > I am very much against Slack. There are two main reasons:<br>
> > > ><br>
> > > > a) It is proprietary. We cannot rely on this being free for<br>
> > > > forever and<br>
> > > > I do not want to force anyone to sign up for something in order<br>
> > > > to<br>
> > > > communicate with people.<br>
> > > ><br>
> > > > b) We cannot archive it. The big advantage of a mailing list is<br>
> > > > that we<br>
> > > > have an archive of all messages that everyone can access from<br>
> > > > everywhere.<br>
> > > ><br>
> > > > That's why I would like to keep the main conversation on this<br>
> > > > list if<br>
> > > > possible. For some work it makes more sense to do some instant<br>
> > > > messaging or use a phone.<br>
> > > ><br>
> > > > For that we do have our own Jabber server and a SIP VoIP server<br>
> > > > that<br>
> > > > you can even call from your landline (this might be quite handy<br>
> > > > since<br>
> > > > you two are in different countries):<br>
> > > ><br>
> > > >  <a href="http://wiki.ipfire.org/en/community/talk.ipfire.org/start" rel="noreferrer" target="_blank">http://wiki.ipfire.org/en/<wbr>community/talk.ipfire.org/<wbr>start</a><br>
> > > ><br>
> > > > I hope this makes up for Slack. But if you have any other<br>
> > > > reasons I<br>
> > > > forgot to convince me, feel free to do so :)<br>
> > > ><br>
> > > > Best,<br>
> > > > -Michael<br>
> > > ><br>
> > > > > Best,<br>
> > > > > Maurice<br>
> > > > ><br>
> > > > > Am 22.03.2017 6:24 nachm. schrieb "Michael Tremer" <michael.t<br>
> > > > > remer@ip<br>
> > > > > <a href="http://fire.org" rel="noreferrer" target="_blank">fire.org</a>>:<br>
> > > > > > Hello guys,<br>
> > > > > ><br>
> > > > > > just wanted to check in on you and see how things are going<br>
> > > > > > since<br>
> > > > > > it has gone a<br>
> > > > > > little bit quiet here.<br>
> > > > > ><br>
> > > > > > I am traveling over the next days again, but in case there<br>
> > > > > > is<br>
> > > > > > anything I can<br>
> > > > > > help out with, please send me an email.<br>
> > > > > ><br>
> > > > > > Best,<br>
> > > > > > -Michael<br>
> > > > > ><br>
> > > > > > On Wed, 2017-03-15 at 14:44 +0100, Sven wrote:<br>
> > > > > > > Hey Maurice,<br>
> > > > > > > no problem.<br>
> > > > > > > I will do it with the variables: <a href="https://getbootstrap.com" rel="noreferrer" target="_blank">https://<wbr>getbootstrap.com</a><br>
> > > > > > > /css/#gr<br>
> > > > > >  id-less so we<br>
> > > > > > > have complete control.<br>
> > > > > > ><br>
> > > > > > > Greetings,<br>
> > > > > > > Sven<br>
> > > > > > ><br>
> > > > > > ><br>
> > > > > > > > On 15 Mar 2017, at 14:37, Maurice Gesswein <zerpixelung<br>
> > > > > > > > @gmail.c<br>
> > > > > >  om> wrote:<br>
> > > > > > > > Hey Sven,<br>
> > > > > > > ><br>
> > > > > > > > do you think we can do a tiny customization at<br>
> > > > > > > > Bootstrap 4's<br>
> > > > > >  column grid<br>
> > > > > > > > system? Just 24px gutter width instead of 30px? I found<br>
> > > > > > > > a short<br>
> > > > > >  guide for<br>
> > > > > > > > that. Seems pretty easy.<br>
> > > > > > > ><br>
> > > > > > > > <a href="http://arnique.net/web-design/58/a-quick-guide-to-chang" rel="noreferrer" target="_blank">http://arnique.net/web-design/<wbr>58/a-quick-guide-to-chang</a><br>
> > > > > > > > ing-boot<br>
> > > > > >  straps-gutter<br>
> > > > > > > > -width/<br>
> > > > > > > ><br>
> > > > > > > > From my point of view it looks like you just need to<br>
> > > > > > > > change<br>
> > > > > >  this:<br>
> > > > > > > > > .col-xs-1, .col-sm-1, .col-md-1 ...{more columns} {<br>
> > > > > > > > >   padding-right: 15px;<br>
> > > > > > > > >   padding-left: 15px;<br>
> > > > > > > > > }<br>
> > > > > > > > > .row {<br>
> > > > > > > > >   margin-right: -15px;<br>
> > > > > > > > >   margin-left: -15px;<br>
> > > > > > > > > }  <br>
> > > > > > > >   <br>
> > > > > > > > to this:<br>
> > > > > > > ><br>
> > > > > > > > > .col-xs-1, .col-sm-1, .col-md-1 ...{more columns} {<br>
> > > > > > > > >   padding-right: 12px;<br>
> > > > > > > > >   padding-left: 12px;<br>
> > > > > > > > > }<br>
> > > > > > > > > .row {<br>
> > > > > > > > >   margin-right: -12px;<br>
> > > > > > > > >   margin-left: -12px;<br>
> > > > > > > > > }<br>
> > > > > > > >  <br>
> > > > > > > > That would help me to follow consistent UI metrics.<br>
> > > > > > > ><br>
> > > > > > > > Best, Maurice<br>
> > > > > > > ><br>
> > > > > > > > On Tue, Mar 14, 2017 at 3:52 PM, Michael Tremer<br>
> > > > > > > > <michael.tremer<br>
> > > > > >  @<a href="http://ipfire.org" rel="noreferrer" target="_blank">ipfire.org</a>><br>
> > > > > > > > wrote:<br>
> > > > > > > > > It would be nice to keep the conversation in English<br>
> > > > > > > > > since<br>
> > > > > >  there are<br>
> > > > > > > > > people<br>
> > > > > > > > > reading our mailing lists who don't speak German.<br>
> > > > > > > > ><br>
> > > > > > > > > I know it might be a little bit complicated in the<br>
> > > > > > > > > beginning<br>
> > > > > >  but I am sure<br>
> > > > > > > > > we<br>
> > > > > > > > > will all get used to it :)<br>
> > > > > > > > ><br>
> > > > > > > > > -Michael<br>
> > > > > > > > ><br>
> > > > > > > > > On Tue, 2017-03-14 at 15:10 +0100, Sven wrote:<br>
> > > > > > > > > > Hallo Maurice,<br>
> > > > > > > > > > ich antworte einfach mal in Deutsch. Englisch kann<br>
> > > > > > > > > > ich gut<br>
> > > > > >  lesen und<br>
> > > > > > > > > verstehen<br>
> > > > > > > > > > aber schreibe es nicht so gern.<br>
> > > > > > > > > ><br>
> > > > > > > > > > Im Moment baut die Seite ja auf Bootstrap auf, wird<br>
> > > > > > > > > > das<br>
> > > > > >  nicht<br>
> > > > > > > > > überflüssig wenn<br>
> > > > > > > > > > du sowohl Grid als auch Pattern Library aufbaust?<br>
> > > > > > > > > > In wie weit wir die Pattern Library über alle<br>
> > > > > > > > > > Projekte<br>
> > > > > >  teilen sollten<br>
> > > > > > > > > wir<br>
> > > > > > > > > > sehen wenn die Webseite steht, da die im Moment<br>
> > > > > > > > > > Priorität<br>
> > > > > >  hat.<br>
> > > > > > > > > > Freu mich auf die Zusammenarbeit.<br>
> > > > > > > > > ><br>
> > > > > > > > > > Grüße,<br>
> > > > > > > > > > Sven<br>
> > > > > > > > > ><br>
> > > > > > > > > > > On 14 Mar 2017, at 14:25, Maurice Gesswein <zerpi<br>
> > > > > > > > > > > xelung@g<br>
> > > > > >  <a href="http://mail.com" rel="noreferrer" target="_blank">mail.com</a>><br>
> > > > > > > > > wrote:<br>
> > > > > > > > > > > Don't worry about the delay :)<br>
> > > > > > > > > > ><br>
> > > > > > > > > > > As far as I can remember I didn't created<br>
> > > > > > > > > > > responsive<br>
> > > > > >  versions of the<br>
> > > > > > > > > IPFire<br>
> > > > > > > > > > > Website. It makes sense that these are at least<br>
> > > > > > > > > > > almost<br>
> > > > > >  done before<br>
> > > > > > > > > Sven<br>
> > > > > > > > > > > starts with coding. I don't want that Sven has to<br>
> > > > > > > > > > > guess<br>
> > > > > >  the font<br>
> > > > > > > > > sizes,<br>
> > > > > > > > > > > paddings, margins, line-height and so on. That's<br>
> > > > > > > > > > > not his<br>
> > > > > >  job :) So<br>
> > > > > > > > > please<br>
> > > > > > > > > > > stay tuned for a proper handover. I'm sure that<br>
> > > > > > > > > > > will help<br>
> > > > > >  Sven a lot.<br>
> > > > > > > > > > > @Sven<br>
> > > > > > > > > > > Hey Sven, nice to meet you :)<br>
> > > > > > > > > > ><br>
> > > > > > > > > > > I just want to give some information beforehand.<br>
> > > > > > > > > > > You may<br>
> > > > > >  already know<br>
> > > > > > > > > that<br>
> > > > > > > > > > > but I just want to get sure that we are both on<br>
> > > > > > > > > > > the same<br>
> > > > > >  level.<br>
> > > > > > > > > > > My designs and layouts are based on a 8x8px grid<br>
> > > > > > > > > > > (4x4px<br>
> > > > > >  fallback) and<br>
> > > > > > > > > are<br>
> > > > > > > > > > > Atomic Design driven. Touch Targets are at least<br>
> > > > > > > > > > > 48x48px.<br>
> > > > > >  In some edge<br>
> > > > > > > > > cases<br>
> > > > > > > > > > > there might be less. Means that you will never<br>
> > > > > > > > > > > see a<br>
> > > > > >  "margin: 50px"<br>
> > > > > > > > > because<br>
> > > > > > > > > > > 50 is not dividable by 8 or 4. I would very<br>
> > > > > > > > > > > appreciate if<br>
> > > > > >  you could<br>
> > > > > > > > > consider<br>
> > > > > > > > > > > that within your code. That method provides a<br>
> > > > > > > > > > > great<br>
> > > > > >  support to follow<br>
> > > > > > > > > a<br>
> > > > > > > > > > > consistent line. I'm pretty sure that I'll<br>
> > > > > > > > > > > provide all<br>
> > > > > >  designs via<br>
> > > > > > > > > > > <a href="http://zeplin.io" rel="noreferrer" target="_blank">zeplin.io</a>. From that tool you will get (almost)<br>
> > > > > > > > > > > every<br>
> > > > > >  information you<br>
> > > > > > > > > need.<br>
> > > > > > > > > > > Margins, paddings, colors, font size, etc.<br>
> > > > > > > > > > ><br>
> > > > > > > > > > > Also I'm a big fan of Pattern Libraries. At least<br>
> > > > > > > > > > > when it<br>
> > > > > >  comes to the<br>
> > > > > > > > > > > IPFire WUI there will be a lot of pattern usage<br>
> > > > > > > > > > > to save<br>
> > > > > >  time on your<br>
> > > > > > > > > side.<br>
> > > > > > > > > > > My strong guess is that it would make sense to<br>
> > > > > > > > > > > have<br>
> > > > > >  different Pattern<br>
> > > > > > > > > > > Libraries for the Website/FireInfo and WUI. But<br>
> > > > > > > > > > > that is<br>
> > > > > >  totally up to<br>
> > > > > > > > > you<br>
> > > > > > > > > > > how to deal with that :) I think you already saw<br>
> > > > > > > > > > > the<br>
> > > > > >  first designs for<br>
> > > > > > > > > the<br>
> > > > > > > > > > > WUI?<br>
> > > > > > > > > > ><br>
> > > > > > > > > > > Hope that doesn't sound like an arrogant<br>
> > > > > > > > > > > Designer.<br>
> > > > > >  Believe me that one<br>
> > > > > > > > > of my<br>
> > > > > > > > > > > most important goals is to make the DEVs life as<br>
> > > > > >  comfortable as<br>
> > > > > > > > > possible by<br>
> > > > > > > > > > > providing well prepared handovers. My experience<br>
> > > > > > > > > > > with<br>
> > > > > >  that is that we<br>
> > > > > > > > > will<br>
> > > > > > > > > > > get a great output and a professional looking<br>
> > > > > > > > > > > UI/Website.<br>
> > > > > > > > > > ><br>
> > > > > > > > > > ><br>
> > > > > > > > > > > Please let me know if you have any questions or<br>
> > > > > > > > > > > concerns.<br>
> > > > > > > > > > ><br>
> > > > > > > > > > > Best, M<br>
> > > > > > > > > > ><br>
> > > > > > > > > > > On Tue, Mar 14, 2017 at 1:02 PM, Michael Tremer<br>
> > > > > > > > > > > <michael.<br>
> > > > > >  tremer@ipfire<br>
> > > > > > > > > .org><br>
> > > > > > > > > > > wrote:<br>
> > > > > > > > > > > > Hello Maurice,<br>
> > > > > > > > > > > ><br>
> > > > > > > > > > > > thank you for getting back in touch.<br>
> > > > > > > > > > > ><br>
> > > > > > > > > > > > On Tue, 2017-03-14 at 12:58 +0100, Maurice<br>
> > > > > > > > > > > > Gesswein<br>
> > > > > >  wrote:<br>
> > > > > > > > > > > > > Hi Sven and rest of the gang,<br>
> > > > > > > > > > > > ><br>
> > > > > > > > > > > > > I nearly thought that the project has died.<br>
> > > > > > > > > > > > > I'm glad<br>
> > > > > >  to see that<br>
> > > > > > > > > this is<br>
> > > > > > > > > > > > not<br>
> > > > > > > > > > > > > the case. Since it's very long time ago I<br>
> > > > > > > > > > > > > have to<br>
> > > > > >  check the old<br>
> > > > > > > > > PSD<br>
> > > > > > > > > > > > files<br>
> > > > > > > > > > > > > within the next days and make sure that you<br>
> > > > > > > > > > > > > get a<br>
> > > > > >  good handover.<br>
> > > > > > > > > > > > I can only apologise that everything took so<br>
> > > > > > > > > > > > long. I<br>
> > > > > >  would have<br>
> > > > > > > > > liked to<br>
> > > > > > > > > > > > see<br>
> > > > > > > > > > > > this realised quicker but time just didn't<br>
> > > > > > > > > > > > allow me to<br>
> > > > > >  work on it.<br>
> > > > > > > > > Luckily<br>
> > > > > > > > > > > > Sven<br>
> > > > > > > > > > > > is now on board to help out and together we<br>
> > > > > > > > > > > > will get<br>
> > > > > >  this done now!<br>
> > > > > > > > > > > > > Perhaps I'll handover the designs via<br>
> > > > > > > > > > > > > <a href="http://zeplin.io" rel="noreferrer" target="_blank">zeplin.io</a>. I've<br>
> > > > > >  made very<br>
> > > > > > > > > good<br>
> > > > > > > > > > > > > experience with that tool during last year.<br>
> > > > > > > > > > > > > Please<br>
> > > > > >  give me some<br>
> > > > > > > > > days for<br>
> > > > > > > > > > > > > preparing since I'm very busy right now.<br>
> > > > > > > > > > > >  <br>
> > > > > > > > > > > > So where have we stopped? As far as I can see<br>
> > > > > > > > > > > > the<br>
> > > > > >  designs for the<br>
> > > > > > > > > index<br>
> > > > > > > > > > > > and<br>
> > > > > > > > > > > > features page are done. Is there anything I<br>
> > > > > > > > > > > > forgot?<br>
> > > > > > > > > > > ><br>
> > > > > > > > > > > > I think what Sven mainly needs is the<br>
> > > > > > > > > > > > background images<br>
> > > > > >  that you<br>
> > > > > > > > > used and<br>
> > > > > > > > > > > > so on.<br>
> > > > > > > > > > > > I am quite sure this doesn't need to be PSD in<br>
> > > > > >  particular.<br>
> > > > > > > > > > > > If required we can have a conference call with<br>
> > > > > >  everyone, but I am<br>
> > > > > > > > > not sure<br>
> > > > > > > > > > > > if<br>
> > > > > > > > > > > > there are any big questions that we cannot<br>
> > > > > > > > > > > > discuss on<br>
> > > > > >  the list.<br>
> > > > > > > > > > > > Best,<br>
> > > > > > > > > > > > -Michael<br>
> > > > > > > > > > > ><br>
> > > > > > > > > > > > > Thanks and best regards,<br>
> > > > > > > > > > > > > Maurice<br>
> > > > > > > > > > > > ><br>
> > > > > > > > > > > > > On Tue, Mar 14, 2017 at 12:03 PM, Michael<br>
> > > > > > > > > > > > > Tremer <mic<br>
> > > > > >  hael.tremer@i<br>
> > > > > > > > > pfire.<br>
> > > > > > > > > > > > org><br>
> > > > > > > > > > > > > wrote:<br>
> > > > > > > > > > > > > > Hi,<br>
> > > > > > > > > > > > > ><br>
> > > > > > > > > > > > > > to send emails to the list, you just need<br>
> > > > > > > > > > > > > > to email<br>
> > > > > >  to<br>
> > > > > > > > > > > > > >   <a href="mailto:ipfire-artwork@lists.ipfire.org">ipfire-artwork@lists.ipfire.<wbr>org</a><br>
> > > > > > > > > > > > > ><br>
> > > > > > > > > > > > > ><br>
> > > > > > > > > > > > > > I copied Maurice to your request and we<br>
> > > > > > > > > > > > > > will wait<br>
> > > > > >  until he<br>
> > > > > > > > > replies.<br>
> > > > > > > > > > > > > > Best,<br>
> > > > > > > > > > > > > > -Michael<br>
> > > > > > > > > > > > > ><br>
> > > > > > > > > > > > > > On Mon, 2017-03-13 at 19:51 +0100, Sven<br>
> > > > > > > > > > > > > > wrote:<br>
> > > > > > > > > > > > > > > Hi Maurice,<br>
> > > > > > > > > > > > > > > can you please send me the PSD files from<br>
> > > > > > > > > > > > > > > the new<br>
> > > > > >  layout<br>
> > > > > > > > > (Homepage<br>
> > > > > > > > > > > > and<br>
> > > > > > > > > > > > > > > Featurepage)?<br>
> > > > > > > > > > > > > > ><br>
> > > > > > > > > > > > > > > Thanks,<br>
> > > > > > > > > > > > > > > Sven<br>
> > > > > > > > > > > > >  <br>
> > > > > > > > > > > >  <br>
> > > > > > > > > > >  <br>
> > > > > > > > > >  <br>
> > > > > > > > >  <br>
> > > > > > > >  <br>
> > > > > > >   <br>
> >  <br>
> > </div></div></blockquote></div><br></div>