- IPFire-Artwork - lists.ipfire.org

Re: [IPFire Artwork] Bugzilla
by Maurice Gesswein 03 May '17

03 May '17

I meant Ubuntu 500 if this is the medium weight. Sorry for confusion. Am 02.05.2017 7:25 vorm. schrieb "Sven" <sven.hoehn(a)posteo.de>: For questions and feedback on the bug, where do I fill that, per eMail or on bugzilla? I see a couple of issues at the buttons I would like to fix. I'll simply list them down. ** Touch targets (48px) at 36px buttons are missing. Thats important for e.g. Smartphone to provide a comfortable touch zone for an element/button. Let me know if you want to learn more about that.* ** The border on filled buttons falsified the left/right paddings. Please remove the border if the button don't need it* ** Please recheck the left/right paddings of ALL buttons and compare carefully with the Pattern Lib sheet at Zeplin. Paddings are different if an icon is included.* Maybe it is easier to rewrite the buttons completely and don’t use the bootstrap buttons at all. But I will check. ** It looks like that "Ubuntu-Medium (600)" is not imported:* *@import url("* *https://fonts.googleapis.com/css?family=Ubuntu:300,400,700 <https://fonts.googleapis.com/css?family=Ubuntu:300,400,700>* *");* *Can you replace 700 with 600 for now please? I guess I'll not use bold (700) in the designs.* There is no Ubuntu font from Google with a width of 600. Google offers only 300 (light), 400 (regular), 500 (medium) and 700 (bold). On 1. May 2017, at 23:26, Maurice Gesswein <maurice.gesswein(a)ipfire.org> wrote: Hi. I just created my 1st bug ticket in bugzilla. Is there no edit link for the description?! On Wed, Apr 26, 2017 at 5:23 PM, Sven <sven.hoehn(a)posteo.de> wrote: > no problem. > > > On 26. Apr 2017, at 17:23, Maurice Gesswein <maurice.gesswein(a)ipfire.org> > wrote: > > Not yet, sorry. I'm pretty busy at the moment :( > > Am 26.04.2017 1:47 nachm. schrieb "Sven" <sven.hoehn(a)posteo.de>: > >> Hello. >> Has someone already put a bug into the Redesign category? >> Do I get a notification if someone put something in there? >> >> Greetings, >> Sven >> >> > On 24. Apr 2017, at 12:11, Michael Tremer <michael.tremer(a)ipfire.org> >> wrote: >> > >> > Hi, >> > >> > On Mon, 2017-04-24 at 12:02 +0200, Maurice Gesswein wrote: >> >> Hi, >> >> >> >> I'm going to write some bug reports related to dev.ipfire.org. As far >> as I see >> >> there is no component in Bugzilla for dev.ipfire.org. There is only a >> general >> >> "Web Site" component. Should I use that component for my reports and >> refer >> >> to dev.ipfire.org? >> > >> > Yes, please use that one. >> > >> >> I also remember and see the umbrella bug "Big Website Relaunch". I >> assume that >> >> bugs related to dev.ipfire.org should be somehow linked to that >> umbrella bug. >> >> How does it work? I see nothing helpful on the "new bug" form. Is >> there a >> >> hidden mechanism which links a new bug reports to that umbrella bug >> whenever I >> >> refer to that by writing "#11314" (umbrella bug ID) in the summary? >> > >> > You can just add the bug ID in the "blocks" field. That will >> automatically >> > connect the two bug reports. >> > >> > Sorry if I have not been clear about this :) Ask me if there is >> anything else I >> > forgot to mention. >> > >> > -Michael >> > >> >> >> >> Best, >> >> Maurice >> >> >

3 5

Re: [IPFire Artwork] Bugzilla
by Maurice Gesswein 02 May '17

02 May '17

Hi. I just created my 1st bug ticket in bugzilla. Is there no edit link for the description?! On Wed, Apr 26, 2017 at 5:23 PM, Sven <sven.hoehn(a)posteo.de> wrote: > no problem. > > > On 26. Apr 2017, at 17:23, Maurice Gesswein <maurice.gesswein(a)ipfire.org> > wrote: > > Not yet, sorry. I'm pretty busy at the moment :( > > Am 26.04.2017 1:47 nachm. schrieb "Sven" <sven.hoehn(a)posteo.de>: > >> Hello. >> Has someone already put a bug into the Redesign category? >> Do I get a notification if someone put something in there? >> >> Greetings, >> Sven >> >> > On 24. Apr 2017, at 12:11, Michael Tremer <michael.tremer(a)ipfire.org> >> wrote: >> > >> > Hi, >> > >> > On Mon, 2017-04-24 at 12:02 +0200, Maurice Gesswein wrote: >> >> Hi, >> >> >> >> I'm going to write some bug reports related to dev.ipfire.org. As far >> as I see >> >> there is no component in Bugzilla for dev.ipfire.org. There is only a >> general >> >> "Web Site" component. Should I use that component for my reports and >> refer >> >> to dev.ipfire.org? >> > >> > Yes, please use that one. >> > >> >> I also remember and see the umbrella bug "Big Website Relaunch". I >> assume that >> >> bugs related to dev.ipfire.org should be somehow linked to that >> umbrella bug. >> >> How does it work? I see nothing helpful on the "new bug" form. Is >> there a >> >> hidden mechanism which links a new bug reports to that umbrella bug >> whenever I >> >> refer to that by writing "#11314" (umbrella bug ID) in the summary? >> > >> > You can just add the bug ID in the "blocks" field. That will >> automatically >> > connect the two bug reports. >> > >> > Sorry if I have not been clear about this :) Ask me if there is >> anything else I >> > forgot to mention. >> > >> > -Michael >> > >> >> >> >> Best, >> >> Maurice >> >> >

2 1

Bugzilla
by Maurice Gesswein 26 Apr '17

26 Apr '17

Hi, I'm going to write some bug reports related to dev.ipfire.org. As far as I see there is no component in Bugzilla for dev.ipfire.org. There is only a general "Web Site" component. Should I use that component for my reports and refer to dev.ipfire.org? I also remember and see the umbrella bug "Big Website Relaunch". I assume that bugs related to dev.ipfire.org should be somehow linked to that umbrella bug. How does it work? I see nothing helpful on the "new bug" form. Is there a hidden mechanism which links a new bug reports to that umbrella bug whenever I refer to that by writing "#11314" (umbrella bug ID) in the summary? Best, Maurice

3 3

FireInfo Stats
by Sven 31 Mar '17

31 Mar '17

Hello everybody, where can I find the snippets for the FireInfo Statistics and to what url links the More Stats button? Greetings, Sven

2 2

Questions for the CSS based on the mockup and technical question related to Server and GIT
by Sven 29 Mar '17

29 Mar '17

Hello, I have some questions: What is the base-font size? 16px (SM) or 20px (M)? It is okay if I use rem for the font-size? (It’s the default in bootstrap). How we handle the headings do we use h1-h6 with given sizes or are the sizes defined via classes 4xl-xs? (Keine Ahnung ob das so zu verstehen ist. Also meine Frage ist ob wir für die Überschriften die Schriftgrößen bei H1-H6 definieren oder wir die Größen über Klassen festlegen also 4xl-xs?) What are the fallback fonts? Ubuntu, “Helvetica Neue”, Arial, sans-serif? The grid is the default Bootstrap Grid (12 columns) with a padding of 24px instead of the default 30px? Do we use the color naming from the Zeplin Project or a semantic color naming like brand-primary, brand-info etc.? If I create a note file for myself, do I also put this file on git? How often do you want me to submit the work, is once a day enough? I’m not familiar with the Python webserver it is better to serve less files (like in HTTP) or more small files (like in HTTP/2)? Can I remove all the HTTP prefixes in the template file and put only //. At the moment both methods are used.

3 3

Re: [IPFire Artwork] PSD from new Homepage
by Maurice Gesswein 28 Mar '17

28 Mar '17

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

2 1

Re: [IPFire Artwork] PSD from new Homepage
by Maurice Gesswein 26 Mar '17

26 Mar '17

Hey Sven, do you think we can do a tiny customization at Bootstrap 4's column grid system? Just 24px gutter width instead of 30px? I found a short guide for that. Seems pretty easy. http://arnique.net/web-design/58/a-quick-guide-to-changing-bootstraps-gutte… >From my point of view it looks like you just need to change this: .col-xs-1, .col-sm-1, .col-md-1 ...{more columns} { > padding-right: 15px; > padding-left: 15px; > } > .row { > margin-right: -15px; > margin-left: -15px; > } to this: .col-xs-1, .col-sm-1, .col-md-1 ...{more columns} { > padding-right: 12px; > padding-left: 12px; > } > .row { > margin-right: -12px; > margin-left: -12px; > } That would help me to follow consistent UI metrics. Best, Maurice On Tue, Mar 14, 2017 at 3:52 PM, Michael Tremer <michael.tremer(a)ipfire.org> wrote: > It would be nice to keep the conversation in English since there are people > reading our mailing lists who don't speak German. > > I know it might be a little bit complicated in the beginning but I am sure > we > will all get used to it :) > > -Michael > > On Tue, 2017-03-14 at 15:10 +0100, Sven wrote: > > Hallo Maurice, > > ich antworte einfach mal in Deutsch. Englisch kann ich gut lesen und > verstehen > > aber schreibe es nicht so gern. > > > > Im Moment baut die Seite ja auf Bootstrap auf, wird das nicht > überflüssig wenn > > du sowohl Grid als auch Pattern Library aufbaust? > > In wie weit wir die Pattern Library über alle Projekte teilen sollten wir > > sehen wenn die Webseite steht, da die im Moment Priorität hat. > > > > Freu mich auf die Zusammenarbeit. > > > > Grüße, > > Sven > > > > > On 14 Mar 2017, at 14:25, Maurice Gesswein <zerpixelung(a)gmail.com> > wrote: > > > > > > Don't worry about the delay :) > > > > > > As far as I can remember I didn't created responsive versions of the > IPFire > > > Website. It makes sense that these are at least almost done before Sven > > > starts with coding. I don't want that Sven has to guess the font sizes, > > > paddings, margins, line-height and so on. That's not his job :) So > please > > > stay tuned for a proper handover. I'm sure that will help Sven a lot. > > > > > > @Sven > > > Hey Sven, nice to meet you :) > > > > > > I just want to give some information beforehand. You may already know > that > > > but I just want to get sure that we are both on the same level. > > > > > > My designs and layouts are based on a 8x8px grid (4x4px fallback) and > are > > > Atomic Design driven. Touch Targets are at least 48x48px. In some edge > cases > > > there might be less. Means that you will never see a "margin: 50px" > because > > > 50 is not dividable by 8 or 4. I would very appreciate if you could > consider > > > that within your code. That method provides a great support to follow a > > > consistent line. I'm pretty sure that I'll provide all designs via > > > zeplin.io. From that tool you will get (almost) every information you > need. > > > Margins, paddings, colors, font size, etc. > > > > > > Also I'm a big fan of Pattern Libraries. At least when it comes to the > > > IPFire WUI there will be a lot of pattern usage to save time on your > side. > > > > > > My strong guess is that it would make sense to have different Pattern > > > Libraries for the Website/FireInfo and WUI. But that is totally up to > you > > > how to deal with that :) I think you already saw the first designs for > the > > > WUI? > > > > > > Hope that doesn't sound like an arrogant Designer. Believe me that one > of my > > > most important goals is to make the DEVs life as comfortable as > possible by > > > providing well prepared handovers. My experience with that is that we > will > > > get a great output and a professional looking UI/Website. > > > > > > > > > Please let me know if you have any questions or concerns. > > > > > > Best, M > > > > > > On Tue, Mar 14, 2017 at 1:02 PM, Michael Tremer < > michael.tremer(a)ipfire.org> > > > wrote: > > > > Hello Maurice, > > > > > > > > thank you for getting back in touch. > > > > > > > > On Tue, 2017-03-14 at 12:58 +0100, Maurice Gesswein wrote: > > > > > Hi Sven and rest of the gang, > > > > > > > > > > I nearly thought that the project has died. I'm glad to see that > this is > > > > not > > > > > the case. Since it's very long time ago I have to check the old PSD > > > > files > > > > > within the next days and make sure that you get a good handover. > > > > > > > > I can only apologise that everything took so long. I would have > liked to > > > > see > > > > this realised quicker but time just didn't allow me to work on it. > Luckily > > > > Sven > > > > is now on board to help out and together we will get this done now! > > > > > > > > > Perhaps I'll handover the designs via zeplin.io. I've made very > good > > > > > experience with that tool during last year. Please give me some > days for > > > > > preparing since I'm very busy right now. > > > > > > > > So where have we stopped? As far as I can see the designs for the > index > > > > and > > > > features page are done. Is there anything I forgot? > > > > > > > > I think what Sven mainly needs is the background images that you > used and > > > > so on. > > > > I am quite sure this doesn't need to be PSD in particular. > > > > > > > > If required we can have a conference call with everyone, but I am > not sure > > > > if > > > > there are any big questions that we cannot discuss on the list. > > > > > > > > Best, > > > > -Michael > > > > > > > > > Thanks and best regards, > > > > > Maurice > > > > > > > > > > On Tue, Mar 14, 2017 at 12:03 PM, Michael Tremer > <michael.tremer@ipfire. > > > > org> > > > > > wrote: > > > > > > Hi, > > > > > > > > > > > > to send emails to the list, you just need to email to > > > > > > > > > > > > ipfire-artwork(a)lists.ipfire.org > > > > > > > > > > > > > > > > > > I copied Maurice to your request and we will wait until he > replies. > > > > > > > > > > > > Best, > > > > > > -Michael > > > > > > > > > > > > On Mon, 2017-03-13 at 19:51 +0100, Sven wrote: > > > > > > > Hi Maurice, > > > > > > > can you please send me the PSD files from the new layout > (Homepage > > > > and > > > > > > > Featurepage)? > > > > > > > > > > > > > > Thanks, > > > > > > > Sven > > > > > > > > > > > > > > >

4 9

Re: [IPFire Artwork] PSD from new Homepage
by Michael Tremer 14 Mar '17

14 Mar '17

Hi, to send emails to the list, you just need to email to ipfire-artwork(a)lists.ipfire.org I copied Maurice to your request and we will wait until he replies. Best, -Michael On Mon, 2017-03-13 at 19:51 +0100, Sven wrote: > Hi Maurice, > can you please send me the PSD files from the new layout (Homepage and > Featurepage)? > > Thanks, > Sven

2 3

Relaunching the ipfire.org website
by Michael Tremer 12 Mar '17

12 Mar '17

Hello everyone, this list has been inactive for quite a while and I am guilty of not getting much done what I promised before (apologies), but finally we are getting on with a few things. Since Daniel sent out a tweet which asked for help to implement the new website design, Sven got in touch and me and him had a brief call where we talked about how he can contribute to that. Luckily, there were not many questions and we are almost ready to go. I created a copy of our website repository for him, provided him with an account and access to the database. I also gave him links to the designs that Maurice did and he is fairly optimistic that we will be able to implement everything very quickly. Step one would be to get a copy of the website running on his development machine. Step two is updating everything to Bootstrap 4. It is still under development but I have used it for some projects and it is stable enough and this is probably the right time to update. Step three is then modifying the CSS that is there to match Maurice's styleguide (it seems that a few things are still missing there, but I hope that we will be able to figure that out easily). Step four would be to update the front page. Step five is to update the features page. And at that point we see how it goes and if it makes sense to push it out or if we update the download page and the others right away. There are no designs for those available, yet. Depending on Maurice's time and availability we will see what is a good schedule for everything. Then I would also like to update some of the content on the pages. This is not necessarily tied to the design because this is nothing major. I just think that we should update some of the texts and we should also update and add more screenshots of the web user interface. So as you can see this is a lot of work and needs many people who help us out here. Hence I would like to welcome Sven on the team and I hope that everybody else is helping him out where ever necessary. Looking forward to hearing from all of you. Best, -Michael

1 0

Status update
by Maurice Gesswein 11 May '16

11 May '16

Hi folks, I just want to give a short status update. I was very busy the last couple of weeks and was not able to did a lot of stuff. The last weeks I worked on the navigation experience in general for the WUI (Web User Interface). It changed a bit from the design you already saw at Behance/Dribbble. My goal was to make it easy to access, fast to access and technically not that complex and of course optimized for all kinds of devices ;) I'll provide some screens with descriptions soon so that we can discuss any concerns and further ideas. Best, Maurice

3 11

2024

2023

2022

2021

2020

2019

2018

2017

2016

IPFire-Artwork