<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">@Michael can you please update the files for the dev website with the new commit?<div class=""><br class=""></div><div class="">I correct a part of the errors written down by Maurice.</div><div class="">Also edit the icons but now I have complete control with CSS but the sizes are not right, have to check the SVG code for that. (<a href="https://fvsch.com/code/svg-icons/how-to/" class="">https://fvsch.com/code/svg-icons/how-to/</a>)</div><div class=""><br class=""></div><div class=""><div class=""><br class=""></div><div class=""><br class=""><div><blockquote type="cite" class=""><div class="">On 6. Apr 2017, at 15:19, Sven <<a href="mailto:sven.hoehn@posteo.de" class="">sven.hoehn@posteo.de</a>> wrote:</div><br class="Apple-interchange-newline"><div class=""><div class=""><br class=""><blockquote type="cite" class="">On 6. Apr 2017, at 14:19, Michael Tremer <<a href="mailto:michael.tremer@ipfire.org" class="">michael.tremer@ipfire.org</a>> wrote:<br class=""><br class="">First of all loads of thanks to you two for working on this. This is really<br class="">coming along looking awesome.<br class=""><br class="">How do we fix the "visual bugs" now?<br class=""></blockquote><br class="">Good question,<br class=""><br class=""><blockquote type="cite" class=""><br class="">I am not really on the same page with what should be finished now and what not.<br class="">Many pages look broken and I assume you just have not been working on these, yet<br class="">:)<br class=""></blockquote><br class="">I didn’t look at any other page except the homepage and to me it’s not clear which page get a complete new layout and which page get only the “style-update”.<br class=""><br class=""><blockquote type="cite" class=""><br class="">And I have some smaller things that don't seem to look right in Firefox. Is this<br class="">the right time to collect these, yet?<br class=""></blockquote><br class="">Yes. But let us open a ticket on the bug tracker for the webpage.<br class="">I think that some of the things that don’t look right to you are the same for Maurice.<br class=""><br class="">@Michael can you create the ticket? I’m not sure in which category it goes. Thanks. <br class=""><br class=""><blockquote type="cite" class=""><br class="">-Michael<br class=""><br class="">On Wed, 2017-04-05 at 23:02 +0200, Maurice Gesswein wrote:<br class=""><blockquote type="cite" class="">First output looks very promising for me. Thanks Sven!<br class=""><br class="">It seems to be that something went weird with the colors at Zeplin. At the<br class="">thumbnails they look good, when you open a screen they doesn't. Good news: Hex<br class="">codes are correct! :) I'll figure out what went wrong and perhaps I found<br class="">another tool like Zeplin which can be archived by Michael ;p Stay tuned, still<br class="">checking the feature set.<br class=""><br class="">Next thing is that Zeplin interprets the properties of e.g. a font correct but<br class="">might be unclear for others. Please use the properties ABOVE the CSS box as<br class="">the primary information about the selected element. Than your mentioned<br class="">opacity issue should be clear. The colors should look like this: rgba(0, 0, 0,<br class="">0.6).<br class=""><br class=""><br class="">I found several things I would like to fix:<br class="">I noticed that I have to build up the Sketch file in a different way that<br class="">icons will be exported correct as 24x24px size. At the moment they are<br class="">cropped. At their proper size of 24x24px it will be a lot easier to align<br class="">those vertically correct. I'll update the Icon screen asap.<br class="">Please recheck all opacity values. A lot of them are not correct. I guess<br class="">that's due to the CSS output of Zeplin and how I set up the Sketch file. Use<br class="">the values which are shown above the CSS box.<br class="">Please also recheck the line-heights of each font-style. Some of them has<br class="">strange values.<br class="">Font weight on buttons should be medium/600.<br class="">Ghost buttons doesn't have dropshadows<br class="">Lots of elements become smaller at <992px width. That should not happens.<br class="">It seems to be that the gaps of the grid were not set to 24px instead of 30px.<br class="">Aren't they? If this would cause too much trouble, we can leave it as it is.<br class="">It doesn't have a bad impact.<br class="">"Fire" of IPFire in the top navigation is not bold/medium<br class="">The buttons has lots of different heights. Please set a fixed height of 36 for<br class="">default buttons and 48px for big buttons<br class="">The touch target area is missing at the default buttons (48px height). That's<br class="">important to provide a good user experience at touch devices. The clickable<br class="">area must be big enough that fat finger hits it the first time ;)<br class="">At viewport <992px the burger icon is not left aligned anymore. But you<br class="">already said that you doesn't spend much time at the navigation so far.<br class="">Some more minor issues... But for now it should be enough to fix :)<br class=""><br class="">Do we want to set up a Trello board for all these and upcoming todos? I'm also<br class="">fine by using Git issues for that.<br class=""><br class="">Best,<br class="">Maurice<br class=""><br class="">On Wed, Apr 5, 2017 at 8:02 PM, Sven <<a href="mailto:sven.hoehn@posteo.de" class="">sven.hoehn@posteo.de</a>> wrote:<br class=""><blockquote type="cite" class="">and now how we proceed?<br class=""><br class="">Are you writing down a list with all the things to change?<br class=""><br class="">Do we talk so that everybody express what he thinks and what to change?<br class=""><br class=""><br class=""><blockquote type="cite" class="">On 5. Apr 2017, at 19:55, Michael Tremer <<a href="mailto:michael.tremer@ipfire.org" class="">michael.tremer@ipfire.org</a>><br class=""></blockquote>wrote:<br class=""><blockquote type="cite" class=""><br class="">Hi,<br class=""><br class="">it is all up on <a href="http://dev.ipfire.org" class="">http://dev.ipfire.org</a><br class=""><br class="">If you want to view fireinfo, just add the "dev" to the domain. For<br class=""></blockquote>example:<br class=""><blockquote type="cite" class=""><br class="">   <a href="http://fireinfo.dev.ipfire.org" class="">http://fireinfo.dev.ipfire.org</a><br class=""><br class="">Do the same for planet, wishlist, etc...<br class=""><br class="">-Michael<br class=""><br class="">On Wed, 2017-04-05 at 18:11 +0100, Michael Tremer wrote:<br class=""><blockquote type="cite" class="">Hi,<br class=""><br class="">On Tue, 2017-04-04 at 22:18 +0200, Sven wrote:<br class=""><blockquote type="cite" class=""><br class="">Hello everybody,<br class="">I’m thinkin’ that the coding of the home page has reached a point where<br class=""></blockquote></blockquote></blockquote>we<br class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">need the site live to discuss.<br class=""></blockquote><br class="">Great!<br class=""><br class=""><blockquote type="cite" class=""><br class="">It’s not pixel perfect, the mobile menu is only the bootstrap version<br class=""></blockquote></blockquote></blockquote>from<br class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">top<br class="">down and not from the left like in the mookups, the SCSS code is still<br class=""></blockquote></blockquote></blockquote>very<br class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">chaotic, the image-scaling dosen’t work like expected and the svg<br class=""></blockquote></blockquote></blockquote>scaling<br class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">dosen’t work at all in Safari, but it’s good enough to have a<br class=""></blockquote></blockquote></blockquote>conversation.<br class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><br class="">@Michael it is possible to include html markup between these brackets {{<br class="">_("IPFire") }} for example {{ _(“IP<strong>Fire</strong>") }}<br class=""></blockquote><br class="">No. The translation function escapes all HTML.<br class=""><br class=""><blockquote type="cite" class=""><br class="">@Maurice I have troubles with the colours, in zeplin for example the<br class="">background is $blue_grey_900 but with a opacity of 0.6 when I put the<br class=""></blockquote></blockquote></blockquote>same<br class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class="">values in my css the colour seems darker.<br class="">But its easier to go all of these details when you see it in your<br class=""></blockquote></blockquote></blockquote>browser.<br class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><blockquote type="cite" class=""><br class="">Greetings,<br class="">Sven<br class=""></blockquote><br class="">-Michael<br class=""></blockquote></blockquote><br class=""><br class=""></blockquote></blockquote></blockquote><br class=""></div></div></blockquote></div><br class=""></div></div></body></html>