Hi Maurice,
I know that you are busy with other things, but nevertheless I would like to send you this request.
Alex is currently working on a so called captive portal. That are these things that pop up on your phone or laptop when you connect to a wireless network in a hotel or cafe. That web page that is shown is what we need to design now.
We also have a few other pages that are shown to the users of the network when for example a web page is blocked. That page however is really ugly and probably needs a remake as well. I want to focus on the captive portal for now, but I guess you would like to know that there are more. [1] and [2]. Really bad right? They scare users.
Alex will send you a screenshot of the development version we have now. This is just a quick page to show the concept and what we are roughly after.
There are two options for now. The first one is where the user has to agree to a license and click a "I accept" button. The second one is where the user will have to type in a voucher code and click a button to log in.
Would you like to work on this?
If so, a quick mock-up would be okay for now, because we would like to put this entire project on the wishlist to raise some crowd-funding money. Giving the user that mock-up would certainly help so that they get a good impression what they are supporting here. The actual implementation will happen a bit later when enough funds have been raised.
@Alex, would you please send some screenshots of the two pages we have so far?
Best, -Michael
P.S. @Maurice, I know that I am throwing a bit of random stuff at you. Just let me know when I don't make sense any more :)
[1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAAAAADzM/bBnJN4oCffo/s6... [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidclamav-detection.png
Hi
Here are the actual ugly screenshots from the loginpage. one version with voucher access and the other one with license agreement.
Alex
Am 29.01.2016 um 02:59 schrieb Michael Tremer:
Hi Maurice,
I know that you are busy with other things, but nevertheless I would like to send you this request.
Alex is currently working on a so called captive portal. That are these things that pop up on your phone or laptop when you connect to a wireless network in a hotel or cafe. That web page that is shown is what we need to design now.
We also have a few other pages that are shown to the users of the network when for example a web page is blocked. That page however is really ugly and probably needs a remake as well. I want to focus on the captive portal for now, but I guess you would like to know that there are more. [1] and [2]. Really bad right? They scare users.
Alex will send you a screenshot of the development version we have now. This is just a quick page to show the concept and what we are roughly after.
There are two options for now. The first one is where the user has to agree to a license and click a "I accept" button. The second one is where the user will have to type in a voucher code and click a button to log in.
Would you like to work on this?
If so, a quick mock-up would be okay for now, because we would like to put this entire project on the wishlist to raise some crowd-funding money. Giving the user that mock-up would certainly help so that they get a good impression what they are supporting here. The actual implementation will happen a bit later when enough funds have been raised.
@Alex, would you please send some screenshots of the two pages we have so far?
Best, -Michael
P.S. @Maurice, I know that I am throwing a bit of random stuff at you. Just let me know when I don't make sense any more :)
[1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAAAAADzM/bBnJN4oCffo/s6... [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidclamav-detection.png
Hey,
OK, in general I got it. Thanks for the screens Alex.
I have a few questions and suggestions.
1. To be prepared for further upcoming pages like these, are you able to hand over a list of them (perhaps with screenshots)? Not really needed, but very helpful to deliver a consistent flexible design. 2. Should the hoster be able to include his own logo/brand? That would give the users a lot more trust in that things. If an image upload is not in the current scope, I suggest a prominent headline where the hoster is able to include the company name. Do you agree? 3. Since it's part of IPFire, should those pages be designed like the new upcoming style of IPFire? Means same color theme, button style, IPFire logo, caption like "powered by IPFire", etc? Or should it totally generic so that the users has no clue what system shows those dialogs?
Best, Maurice
On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx alexander.marx@oab.de wrote:
Hi
Here are the actual ugly screenshots from the loginpage. one version with voucher access and the other one with license agreement.
Alex
Am 29.01.2016 um 02:59 schrieb Michael Tremer:
Hi Maurice,
I know that you are busy with other things, but nevertheless I would like to send you this request.
Alex is currently working on a so called captive portal. That are these things that pop up on your phone or laptop when you connect to a wireless network in a hotel or cafe. That web page that is shown is what we need to design now.
We also have a few other pages that are shown to the users of the network when for example a web page is blocked. That page however is really ugly and probably needs a remake as well. I want to focus on the captive portal for now, but I guess you would like to know that there are more. [1] and [2]. Really bad right? They scare users.
Alex will send you a screenshot of the development version we have now. This is just a quick page to show the concept and what we are roughly after.
There are two options for now. The first one is where the user has to agree to a license and click a "I accept" button. The second one is where the user will have to type in a voucher code and click a button to log in.
Would you like to work on this?
If so, a quick mock-up would be okay for now, because we would like to put this entire project on the wishlist to raise some crowd-funding money. Giving the user that mock-up would certainly help so that they get a good impression what they are supporting here. The actual implementation will happen a bit later when enough funds have been raised.
@Alex, would you please send some screenshots of the two pages we have so far?
Best, -Michael
P.S. @Maurice, I know that I am throwing a bit of random stuff at you. Just let me know when I don't make sense any more :)
[1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAAAAADzM/bBnJN4oCffo/s6... [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidclamav-detection.png
Hey,
OK, in general I got it. Thanks for the screens Alex.
I have a few questions and suggestions.
- To be prepared for further upcoming pages like these, are you able to hand over a list of them (perhaps with screenshots)? Not really needed, but very helpful to deliver a consistent flexible design.
As far as i know there are no other "external" pages. The Webinterface of IPFire has an own design and several themes, i think you already saw them.
- Should the hoster be able to include his own logo/brand? That would give the users a lot more trust in that things. If an image upload is not in the current scope, I suggest a prominent headline where the hoster is able to include the company name. Do you agree?
Actually the hoster is able to change the Title (The top-title in the screenies like "Login" or on the other page "My private HotSpot") maybe we can add a Logo but we have to decide which dimensions are allowed. This is difficult as many companies have different dimensions of Logos. Some are 4:3, others are like 27:9 and so on. What do other people think?
- Since it's part of IPFire, should those pages be designed like the new upcoming style of IPFire? Means same color theme, button style, IPFire logo, caption like "powered by IPFire", etc? Or should it totally generic so that the users has no clue what system shows those dialogs?
No. I think if we have something like a "background-color" instead of a picture, we should the hoster let configure it, so the people are able to adpat the colors to their own corporate identity. So if you woul like to work with gradients or similar, i would recommend to make it configurable. Michael, what do you think?
Best, Maurice
On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx@oab.de mailto:alexander.marx@oab.de> wrote:
Hi Here are the actual ugly screenshots from the loginpage. one version with voucher access and the other one with license agreement. Alex Am 29.01.2016 um 02:59 schrieb Michael Tremer: Hi Maurice, I know that you are busy with other things, but nevertheless I would like to send you this request. Alex is currently working on a so called captive portal. That are these things that pop up on your phone or laptop when you connect to a wireless network in a hotel or cafe. That web page that is shown is what we need to design now. We also have a few other pages that are shown to the users of the network when for example a web page is blocked. That page however is really ugly and probably needs a remake as well. I want to focus on the captive portal for now, but I guess you would like to know that there are more. [1] and [2]. Really bad right? They scare users. Alex will send you a screenshot of the development version we have now. This is just a quick page to show the concept and what we are roughly after. There are two options for now. The first one is where the user has to agree to a license and click a "I accept" button. The second one is where the user will have to type in a voucher code and click a button to log in. Would you like to work on this? If so, a quick mock-up would be okay for now, because we would like to put this entire project on the wishlist to raise some crowd-funding money. Giving the user that mock-up would certainly help so that they get a good impression what they are supporting here. The actual implementation will happen a bit later when enough funds have been raised. @Alex, would you please send some screenshots of the two pages we have so far? Best, -Michael P.S. @Maurice, I know that I am throwing a bit of random stuff at you. Just let me know when I don't make sense any more :) [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAAAAADzM/bBnJN4oCffo/s640/31.png [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidclamav-detection.png
Hi,
On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote:
Hey,
OK, in general I got it. Thanks for the screens Alex.
I have a few questions and suggestions.
To be prepared for further upcoming pages like these, are you able to hand over a list of them (perhaps with screenshots)? Not really needed, but very helpful to deliver a consistent flexible design.
Don't worry about them too much.
As far as i know there are no other "external" pages. The Webinterface of IPFire has an own design and several themes, i think you already saw them.
However, there are a few. I included both of them in the first email. On top of that there are the squid error pages. I am not too sure if we can modify those quite nicely.
I will figure that out and get back to you.
Should the hoster be able to include his own logo/brand? That would give the users a lot more trust in that things. If an image upload is not in the current scope, I suggest a prominent headline where the hoster is able to include the company name. Do you agree?
Actually the hoster is able to change the Title (The top-title in the screenies like "Login" or on the other page "My private HotSpot") maybe we can add a Logo but we have to decide which dimensions are allowed. This is difficult as many companies have different dimensions of Logos. Some are 4:3, others are like 27:9 and so on. What do other people think?
I think we don't need that. We usually have the opportunity to upload an entire HTML template, so that if someone wants to replace the page, they can do that. But just a logo is a bit too easy. Who ever wants to brand this as their own should do that with the rest, too.
And of course we should not forget about doing some advertisement for our own product :) However, I get many emails from annoyed students that can't access dirty websites in their school. LOL
Since it's part of IPFire, should those pages be designed like the new upcoming style of IPFire? Means same color theme, button style, IPFire logo, caption like "powered by IPFire", etc? Or should it totally generic so that the users has no clue what system shows those dialogs?
I would like a "powered by IPFire" at least and even advise people who replace the theme by their own to keep that in.
This does not need to be like the new stuff but I think it should feel a bit like IPFire but also be neutral. We do not need to hide that this is an IPFire system though.
No. I think if we have something like a "background-color" instead of a picture, we should the hoster let configure it, so the people are able to adpat the colors to their own corporate identity. So if you woul like to work with gradients or similar, i would recommend to make it configurable.
Nah, not too many options. We wanted to keep this simple.
Michael, what do you think?
See above :)
-Michael
Best, Maurice
On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx@oab .de> wrote:
Hi
Here are the actual ugly screenshots from the loginpage. one version with voucher access and the other one with license agreement.
Alex
Am 29.01.2016 um 02:59 schrieb Michael Tremer:
Hi Maurice,
I know that you are busy with other things, but nevertheless I would like to send you this request.
Alex is currently working on a so called captive portal. That are these things that pop up on your phone or laptop when you connect to a wireless network in a hotel or cafe. That web page that is shown is what we need to design now.
We also have a few other pages that are shown to the users of the network when for example a web page is blocked. That page however is really ugly and probably needs a remake as well. I want to focus on the captive portal for now, but I guess you would like to know that there are more. [1] and [2]. Really bad right? They scare users.
Alex will send you a screenshot of the development version we have now. This is just a quick page to show the concept and what we are roughly after.
There are two options for now. The first one is where the user has to agree to a license and click a "I accept" button. The second one is where the user will have to type in a voucher code and click a button to log in.
Would you like to work on this?
If so, a quick mock-up would be okay for now, because we would like to put this entire project on the wishlist to raise some crowd- funding money. Giving the user that mock-up would certainly help so that they get a good impression what they are supporting here. The actual implementation will happen a bit later when enough funds have been raised.
@Alex, would you please send some screenshots of the two pages we have so far?
Best, -Michael
P.S. @Maurice, I know that I am throwing a bit of random stuff at you. Just let me know when I don't make sense any more :)
[1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAAAAAD zM/bBnJN4oCffo/s640/31.png [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidclamav- detection.png
Can someone send me the terms & condition text from the screenshots as real text?
Thanks in advance.
On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer michael.tremer@ipfire.org wrote:
Hi,
On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote:
Hey,
OK, in general I got it. Thanks for the screens Alex.
I have a few questions and suggestions.
To be prepared for further upcoming pages like these, are you able to hand over a list of them (perhaps with screenshots)? Not really needed, but very helpful to deliver a consistent flexible design.
Don't worry about them too much.
As far as i know there are no other "external" pages. The Webinterface of IPFire has an own design and several themes, i think you already saw them.
However, there are a few. I included both of them in the first email. On top of that there are the squid error pages. I am not too sure if we can modify those quite nicely.
I will figure that out and get back to you.
Should the hoster be able to include his own logo/brand? That would give the users a lot more trust in that things. If an image upload is not in the current scope, I suggest a prominent headline where the hoster is able to include the company name. Do you agree?
Actually the hoster is able to change the Title (The top-title in the screenies like "Login" or on the other page "My private HotSpot") maybe we can add a Logo but we have to decide which dimensions are allowed. This is difficult as many companies have different dimensions of Logos. Some are 4:3, others are like 27:9 and so on. What do other people think?
I think we don't need that. We usually have the opportunity to upload an entire HTML template, so that if someone wants to replace the page, they can do that. But just a logo is a bit too easy. Who ever wants to brand this as their own should do that with the rest, too.
And of course we should not forget about doing some advertisement for our own product :) However, I get many emails from annoyed students that can't access dirty websites in their school. LOL
Since it's part of IPFire, should those pages be designed like the new upcoming style of IPFire? Means same color theme, button style, IPFire logo, caption like "powered by IPFire", etc? Or should it totally generic so that the users has no clue what system shows those dialogs?
I would like a "powered by IPFire" at least and even advise people who replace the theme by their own to keep that in.
This does not need to be like the new stuff but I think it should feel a bit like IPFire but also be neutral. We do not need to hide that this is an IPFire system though.
No. I think if we have something like a "background-color" instead of a picture, we should the hoster let configure it, so the people are able to adpat the colors to their own corporate identity. So if you woul like to work with gradients or similar, i would recommend to make it configurable.
Nah, not too many options. We wanted to keep this simple.
Michael, what do you think?
See above :)
-Michael
Best, Maurice
On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx@oab .de> wrote:
Hi
Here are the actual ugly screenshots from the loginpage. one version with voucher access and the other one with license agreement.
Alex
Am 29.01.2016 um 02:59 schrieb Michael Tremer:
Hi Maurice,
I know that you are busy with other things, but nevertheless I would like to send you this request.
Alex is currently working on a so called captive portal. That are these things that pop up on your phone or laptop when you connect to a wireless network in a hotel or cafe. That web page that is shown is what we need to design now.
We also have a few other pages that are shown to the users of the network when for example a web page is blocked. That page however is really ugly and probably needs a remake as well. I want to focus on the captive portal for now, but I guess you would like to know that there are more. [1] and [2]. Really bad right? They scare users.
Alex will send you a screenshot of the development version we have now. This is just a quick page to show the concept and what we are roughly after.
There are two options for now. The first one is where the user has to agree to a license and click a "I accept" button. The second one is where the user will have to type in a voucher code and click a button to log in.
Would you like to work on this?
If so, a quick mock-up would be okay for now, because we would like to put this entire project on the wishlist to raise some crowd- funding money. Giving the user that mock-up would certainly help so that they get a good impression what they are supporting here. The actual implementation will happen a bit later when enough funds have been raised.
@Alex, would you please send some screenshots of the two pages we have so far?
Best, -Michael
P.S. @Maurice, I know that I am throwing a bit of random stuff at you. Just let me know when I don't make sense any more :)
[1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAAAAAD zM/bBnJN4oCffo/s640/31.png [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidclamav- detection.png
Hi,
On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein wrote:
Can someone send me the terms & condition text from the screenshots as real text?
There is a text area where the user will type in the T&Cs. So there is no predefined text and it might change.
Do you still want some sample or can you just use lorem ipsum?
-Michael
Thanks in advance.
On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <michael.tremer@ipfir e.org> wrote:
Hi,
On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote:
Hey,
OK, in general I got it. Thanks for the screens Alex.
I have a few questions and suggestions.
To be prepared for further upcoming pages like these, are you
able
to hand over a list of them (perhaps with screenshots)? Not
really
needed, but very helpful to deliver a consistent flexible
design.
Don't worry about them too much.
As far as i know there are no other "external" pages. The Webinterface of IPFire has an own design and several themes, i
think
you already saw them.
However, there are a few. I included both of them in the first email. On top of that there are the squid error pages. I am not too sure if we can modify those quite nicely.
I will figure that out and get back to you.
Should the hoster be able to include his own logo/brand? That
would
give the users a lot more trust in that things. If an image
upload
is not in the current scope, I suggest a prominent headline
where
the hoster is able to include the company name. Do you agree?
Actually the hoster is able to change the Title (The top-title in
the
screenies like "Login" or on the other page "My private HotSpot") maybe we can add a Logo but we have to decide which dimensions
are
allowed. This is difficult as many companies have different dimensions of Logos. Some are 4:3, others are like 27:9 and so
on.
What do other people think?
I think we don't need that. We usually have the opportunity to upload an entire HTML template, so that if someone wants to replace the page, they can do that. But just a logo is a bit too easy. Who ever wants to brand this as their own should do that with the rest, too.
And of course we should not forget about doing some advertisement for our own product :) However, I get many emails from annoyed students that can't access dirty websites in their school. LOL
Since it's part of IPFire, should those pages be designed like
the
new upcoming style of IPFire? Means same color theme, button
style,
IPFire logo, caption like "powered by IPFire", etc? Or should
it
totally generic so that the users has no clue what system shows those dialogs?
I would like a "powered by IPFire" at least and even advise people who replace the theme by their own to keep that in.
This does not need to be like the new stuff but I think it should feel a bit like IPFire but also be neutral. We do not need to hide that this is an IPFire system though.
No. I think if we have something like a "background-color"
instead of
a picture, we should the hoster let configure it, so the people
are
able to adpat the colors to their own corporate identity. So if
you
woul like to work with gradients or similar, i would recommend to make it configurable.
Nah, not too many options. We wanted to keep this simple.
Michael, what do you think?
See above :)
-Michael
Best, Maurice
On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx
@oab
.de> wrote:
Hi
Here are the actual ugly screenshots from the loginpage. one version with voucher access and the other one with
license
agreement.
Alex
Am 29.01.2016 um 02:59 schrieb Michael Tremer:
Hi Maurice,
I know that you are busy with other things, but
nevertheless I
would like to send you this request.
Alex is currently working on a so called captive portal.
That
are these things that pop up on your phone or laptop when you connect
to
a wireless network in a hotel or cafe. That web page that is shown is what we need to design now.
We also have a few other pages that are shown to the users
of
the network when for example a web page is blocked. That page however is really ugly and probably needs a remake as well. I want to focus on the captive portal for now, but I guess you would like to know
that
there are more. [1] and [2]. Really bad right? They scare users.
Alex will send you a screenshot of the development version
we
have now. This is just a quick page to show the concept and what we
are
roughly after.
There are two options for now. The first one is where the
user
has to agree to a license and click a "I accept" button. The
second
one is where the user will have to type in a voucher code and
click a
button to log in.
Would you like to work on this?
If so, a quick mock-up would be okay for now, because we
would
like to put this entire project on the wishlist to raise some
crowd-
funding money. Giving the user that mock-up would certainly help so that they get a good impression what they are supporting here. The
actual
implementation will happen a bit later when enough funds
have
been raised.
@Alex, would you please send some screenshots of the two
pages
we have so far?
Best, -Michael
P.S. @Maurice, I know that I am throwing a bit of random
stuff
at you. Just let me know when I don't make sense any more :)
AAAD
zM/bBnJN4oCffo/s640/31.png [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidcla
mav-
detection.png
Good morning, I use lorem ipsum than. Thanks. Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" <michael.tremer@ipfire.org
:
Hi,
On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein wrote:
Can someone send me the terms & condition text from the screenshots as real text?
There is a text area where the user will type in the T&Cs. So there is no predefined text and it might change.
Do you still want some sample or can you just use lorem ipsum?
-Michael
Thanks in advance.
On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <michael.tremer@ipfir e.org> wrote:
Hi,
On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote:
Hey,
OK, in general I got it. Thanks for the screens Alex.
I have a few questions and suggestions.
To be prepared for further upcoming pages like these, are you
able
to hand over a list of them (perhaps with screenshots)? Not
really
needed, but very helpful to deliver a consistent flexible
design.
Don't worry about them too much.
As far as i know there are no other "external" pages. The Webinterface of IPFire has an own design and several themes, i
think
you already saw them.
However, there are a few. I included both of them in the first email. On top of that there are the squid error pages. I am not too sure if we can modify those quite nicely.
I will figure that out and get back to you.
Should the hoster be able to include his own logo/brand? That
would
give the users a lot more trust in that things. If an image
upload
is not in the current scope, I suggest a prominent headline
where
the hoster is able to include the company name. Do you agree?
Actually the hoster is able to change the Title (The top-title in
the
screenies like "Login" or on the other page "My private HotSpot") maybe we can add a Logo but we have to decide which dimensions
are
allowed. This is difficult as many companies have different dimensions of Logos. Some are 4:3, others are like 27:9 and so
on.
What do other people think?
I think we don't need that. We usually have the opportunity to upload an entire HTML template, so that if someone wants to replace the page, they can do that. But just a logo is a bit too easy. Who ever wants to brand this as their own should do that with the rest, too.
And of course we should not forget about doing some advertisement for our own product :) However, I get many emails from annoyed students that can't access dirty websites in their school. LOL
Since it's part of IPFire, should those pages be designed like
the
new upcoming style of IPFire? Means same color theme, button
style,
IPFire logo, caption like "powered by IPFire", etc? Or should
it
totally generic so that the users has no clue what system shows those dialogs?
I would like a "powered by IPFire" at least and even advise people who replace the theme by their own to keep that in.
This does not need to be like the new stuff but I think it should feel a bit like IPFire but also be neutral. We do not need to hide that this is an IPFire system though.
No. I think if we have something like a "background-color"
instead of
a picture, we should the hoster let configure it, so the people
are
able to adpat the colors to their own corporate identity. So if
you
woul like to work with gradients or similar, i would recommend to make it configurable.
Nah, not too many options. We wanted to keep this simple.
Michael, what do you think?
See above :)
-Michael
Best, Maurice
On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx
@oab
.de> wrote:
Hi
Here are the actual ugly screenshots from the loginpage. one version with voucher access and the other one with
license
agreement.
Alex
Am 29.01.2016 um 02:59 schrieb Michael Tremer: > Hi Maurice, > > I know that you are busy with other things, but
nevertheless I
> would > like to send you this request. > > Alex is currently working on a so called captive portal.
That
> are these > things that pop up on your phone or laptop when you connect
to
> a > wireless network in a hotel or cafe. That web page that is > shown is > what we need to design now. > > We also have a few other pages that are shown to the users
of
> the > network when for example a web page is blocked. That page > however is > really ugly and probably needs a remake as well. I want to > focus on the > captive portal for now, but I guess you would like to know
that
> there > are more. [1] and [2]. Really bad right? They scare users. > > Alex will send you a screenshot of the development version
we
> have now. > This is just a quick page to show the concept and what we
are
> roughly > after. > > There are two options for now. The first one is where the
user
> has to > agree to a license and click a "I accept" button. The
second
> one is > where the user will have to type in a voucher code and
click a
> button > to log in. > > Would you like to work on this? > > If so, a quick mock-up would be okay for now, because we
would
> like to > put this entire project on the wishlist to raise some
crowd-
> funding > money. Giving the user that mock-up would certainly help so > that they > get a good impression what they are supporting here. The
actual
> implementation will happen a bit later when enough funds
have
> been > raised. > > @Alex, would you please send some screenshots of the two
pages
> we have > so far? > > Best, > -Michael > > P.S. @Maurice, I know that I am throwing a bit of random
stuff
> at you. > Just let me know when I don't make sense any more :) > > [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAA
AAAD
> zM/bBnJN4oCffo/s640/31.png > [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidcla
mav-
> detection.png >
Here are the screenshots as requested.
- Daniel
Am 31.01.2016 um 08:53 schrieb Maurice Gesswein:
Good morning, I use lorem ipsum than. Thanks.
Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" <michael.tremer@ipfire.org mailto:michael.tremer@ipfire.org>:
Hi, On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein wrote: > Can someone send me the terms & condition text from the screenshots > as real text? There is a text area where the user will type in the T&Cs. So there is no predefined text and it might change. Do you still want some sample or can you just use lorem ipsum? -Michael > > Thanks in advance. > > On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <michael.tremer@ipfir > e.org <http://e.org>> wrote: > > Hi, > > > > On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote: > > > > Hey, > > > > > > > > OK, in general I got it. Thanks for the screens Alex. > > > > > > > > I have a few questions and suggestions. > > > > > > > > To be prepared for further upcoming pages like these, are you > > able > > > > to hand over a list of them (perhaps with screenshots)? Not > > really > > > > needed, but very helpful to deliver a consistent flexible > > design. > > > > Don't worry about them too much. > > > > > As far as i know there are no other "external" pages. The > > > Webinterface of IPFire has an own design and several themes, i > > think > > > you already saw them. > > > > However, there are a few. I included both of them in the first > > email. > > On top of that there are the squid error pages. I am not too sure > > if we > > can modify those quite nicely. > > > > I will figure that out and get back to you. > > > > > > Should the hoster be able to include his own logo/brand? That > > would > > > > give the users a lot more trust in that things. If an image > > upload > > > > is not in the current scope, I suggest a prominent headline > > where > > > > the hoster is able to include the company name. Do you agree? > > > > > Actually the hoster is able to change the Title (The top-title in > > the > > > screenies like "Login" or on the other page "My private HotSpot") > > > maybe we can add a Logo but we have to decide which dimensions > > are > > > allowed. This is difficult as many companies have different > > > dimensions of Logos. Some are 4:3, others are like 27:9 and so > > on. > > > What do other people think? > > > > I think we don't need that. We usually have the opportunity to > > upload > > an entire HTML template, so that if someone wants to replace the > > page, > > they can do that. But just a logo is a bit too easy. Who ever wants > > to > > brand this as their own should do that with the rest, too. > > > > And of course we should not forget about doing some advertisement > > for > > our own product :) However, I get many emails from annoyed students > > that can't access dirty websites in their school. LOL > > > > > > Since it's part of IPFire, should those pages be designed like > > the > > > > new upcoming style of IPFire? Means same color theme, button > > style, > > > > IPFire logo, caption like "powered by IPFire", etc? Or should > > it > > > > totally generic so that the users has no clue what system shows > > > > those dialogs? > > > > I would like a "powered by IPFire" at least and even advise people > > who > > replace the theme by their own to keep that in. > > > > This does not need to be like the new stuff but I think it should > > feel > > a bit like IPFire but also be neutral. We do not need to hide that > > this > > is an IPFire system though. > > > > > No. I think if we have something like a "background-color" > > instead of > > > a picture, we should the hoster let configure it, so the people > > are > > > able to adpat the colors to their own corporate identity. So if > > you > > > woul like to work with gradients or similar, i would recommend to > > > make it configurable. > > > > Nah, not too many options. We wanted to keep this simple. > > > > > Michael, what do you think? > > > > See above :) > > > > -Michael > > > > > > > > > > Best, Maurice > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx > > @oab > > > > .de> wrote: > > > > > Hi > > > > > > > > > > Here are the actual ugly screenshots from the loginpage. > > > > > one version with voucher access and the other one with > > license > > > > > agreement. > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael Tremer: > > > > > > Hi Maurice, > > > > > > > > > > > > I know that you are busy with other things, but > > nevertheless I > > > > > > would > > > > > > like to send you this request. > > > > > > > > > > > > Alex is currently working on a so called captive portal. > > That > > > > > > are these > > > > > > things that pop up on your phone or laptop when you connect > > to > > > > > > a > > > > > > wireless network in a hotel or cafe. That web page that is > > > > > > shown is > > > > > > what we need to design now. > > > > > > > > > > > > We also have a few other pages that are shown to the users > > of > > > > > > the > > > > > > network when for example a web page is blocked. That page > > > > > > however is > > > > > > really ugly and probably needs a remake as well. I want to > > > > > > focus on the > > > > > > captive portal for now, but I guess you would like to know > > that > > > > > > there > > > > > > are more. [1] and [2]. Really bad right? They scare users. > > > > > > > > > > > > Alex will send you a screenshot of the development version > > we > > > > > > have now. > > > > > > This is just a quick page to show the concept and what we > > are > > > > > > roughly > > > > > > after. > > > > > > > > > > > > There are two options for now. The first one is where the > > user > > > > > > has to > > > > > > agree to a license and click a "I accept" button. The > > second > > > > > > one is > > > > > > where the user will have to type in a voucher code and > > click a > > > > > > button > > > > > > to log in. > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > If so, a quick mock-up would be okay for now, because we > > would > > > > > > like to > > > > > > put this entire project on the wishlist to raise some > > crowd- > > > > > > funding > > > > > > money. Giving the user that mock-up would certainly help so > > > > > > that they > > > > > > get a good impression what they are supporting here. The > > actual > > > > > > implementation will happen a bit later when enough funds > > have > > > > > > been > > > > > > raised. > > > > > > > > > > > > @Alex, would you please send some screenshots of the two > > pages > > > > > > we have > > > > > > so far? > > > > > > > > > > > > Best, > > > > > > -Michael > > > > > > > > > > > > P.S. @Maurice, I know that I am throwing a bit of random > > stuff > > > > > > at you. > > > > > > Just let me know when I don't make sense any more :) > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAA > > AAAD > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidcla > > mav- > > > > > > detection.png > > > > > > > > > > > > >
Perfect. Thanks Daniel. Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" < daniel.weismueller@ipfire.org>:
Here are the screenshots as requested.
- Daniel
Am 31.01.2016 um 08:53 schrieb Maurice Gesswein:
Good morning, I use lorem ipsum than. Thanks. Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" < michael.tremer@ipfire.org>:
Hi,
On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein wrote:
Can someone send me the terms & condition text from the screenshots as real text?
There is a text area where the user will type in the T&Cs. So there is no predefined text and it might change.
Do you still want some sample or can you just use lorem ipsum?
-Michael
Thanks in advance.
On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <michael.tremer@ipfir e.org> wrote:
Hi,
On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote:
Hey,
OK, in general I got it. Thanks for the screens Alex.
I have a few questions and suggestions.
To be prepared for further upcoming pages like these, are you
able
to hand over a list of them (perhaps with screenshots)? Not
really
needed, but very helpful to deliver a consistent flexible
design.
Don't worry about them too much.
As far as i know there are no other "external" pages. The Webinterface of IPFire has an own design and several themes, i
think
you already saw them.
However, there are a few. I included both of them in the first email. On top of that there are the squid error pages. I am not too sure if we can modify those quite nicely.
I will figure that out and get back to you.
Should the hoster be able to include his own logo/brand? That
would
give the users a lot more trust in that things. If an image
upload
is not in the current scope, I suggest a prominent headline
where
the hoster is able to include the company name. Do you agree?
Actually the hoster is able to change the Title (The top-title in
the
screenies like "Login" or on the other page "My private HotSpot") maybe we can add a Logo but we have to decide which dimensions
are
allowed. This is difficult as many companies have different dimensions of Logos. Some are 4:3, others are like 27:9 and so
on.
What do other people think?
I think we don't need that. We usually have the opportunity to upload an entire HTML template, so that if someone wants to replace the page, they can do that. But just a logo is a bit too easy. Who ever wants to brand this as their own should do that with the rest, too.
And of course we should not forget about doing some advertisement for our own product :) However, I get many emails from annoyed students that can't access dirty websites in their school. LOL
Since it's part of IPFire, should those pages be designed like
the
new upcoming style of IPFire? Means same color theme, button
style,
IPFire logo, caption like "powered by IPFire", etc? Or should
it
totally generic so that the users has no clue what system shows those dialogs?
I would like a "powered by IPFire" at least and even advise people who replace the theme by their own to keep that in.
This does not need to be like the new stuff but I think it should feel a bit like IPFire but also be neutral. We do not need to hide that this is an IPFire system though.
No. I think if we have something like a "background-color"
instead of
a picture, we should the hoster let configure it, so the people
are
able to adpat the colors to their own corporate identity. So if
you
woul like to work with gradients or similar, i would recommend to make it configurable.
Nah, not too many options. We wanted to keep this simple.
Michael, what do you think?
See above :)
-Michael
Best, Maurice
On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx
@oab
.de> wrote: > Hi > > Here are the actual ugly screenshots from the loginpage. > one version with voucher access and the other one with
license
> agreement. > > Alex > > > > Am 29.01.2016 um 02:59 schrieb Michael Tremer: > > Hi Maurice, > > > > I know that you are busy with other things, but
nevertheless I
> > would > > like to send you this request. > > > > Alex is currently working on a so called captive portal.
That
> > are these > > things that pop up on your phone or laptop when you connect
to
> > a > > wireless network in a hotel or cafe. That web page that is > > shown is > > what we need to design now. > > > > We also have a few other pages that are shown to the users
of
> > the > > network when for example a web page is blocked. That page > > however is > > really ugly and probably needs a remake as well. I want to > > focus on the > > captive portal for now, but I guess you would like to know
that
> > there > > are more. [1] and [2]. Really bad right? They scare users. > > > > Alex will send you a screenshot of the development version
we
> > have now. > > This is just a quick page to show the concept and what we
are
> > roughly > > after. > > > > There are two options for now. The first one is where the
user
> > has to > > agree to a license and click a "I accept" button. The
second
> > one is > > where the user will have to type in a voucher code and
click a
> > button > > to log in. > > > > Would you like to work on this? > > > > If so, a quick mock-up would be okay for now, because we
would
> > like to > > put this entire project on the wishlist to raise some
crowd-
> > funding > > money. Giving the user that mock-up would certainly help so > > that they > > get a good impression what they are supporting here. The
actual
> > implementation will happen a bit later when enough funds
have
> > been > > raised. > > > > @Alex, would you please send some screenshots of the two
pages
> > we have > > so far? > > > > Best, > > -Michael > > > > P.S. @Maurice, I know that I am throwing a bit of random
stuff
> > at you. > > Just let me know when I don't make sense any more :) > > > > [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAA
AAAD
> > zM/bBnJN4oCffo/s640/31.png > > [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidcla
mav-
> > detection.png > > >
me again :)
Another screenshot now from the webif where you may customize blockpage from the url-filter.
- Daniel
Am 01.02.2016 um 14:24 schrieb Maurice Gesswein:
Perfect. Thanks Daniel.
Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" <daniel.weismueller@ipfire.org mailto:daniel.weismueller@ipfire.org>:
Here are the screenshots as requested. - Daniel Am 31.01.2016 um 08:53 schrieb Maurice Gesswein:
Good morning, I use lorem ipsum than. Thanks. Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" <michael.tremer@ipfire.org <mailto:michael.tremer@ipfire.org>>: Hi, On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein wrote: > Can someone send me the terms & condition text from the screenshots > as real text? There is a text area where the user will type in the T&Cs. So there is no predefined text and it might change. Do you still want some sample or can you just use lorem ipsum? -Michael > > Thanks in advance. > > On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <michael.tremer@ipfir > e.org <http://e.org>> wrote: > > Hi, > > > > On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote: > > > > Hey, > > > > > > > > OK, in general I got it. Thanks for the screens Alex. > > > > > > > > I have a few questions and suggestions. > > > > > > > > To be prepared for further upcoming pages like these, are you > > able > > > > to hand over a list of them (perhaps with screenshots)? Not > > really > > > > needed, but very helpful to deliver a consistent flexible > > design. > > > > Don't worry about them too much. > > > > > As far as i know there are no other "external" pages. The > > > Webinterface of IPFire has an own design and several themes, i > > think > > > you already saw them. > > > > However, there are a few. I included both of them in the first > > email. > > On top of that there are the squid error pages. I am not too sure > > if we > > can modify those quite nicely. > > > > I will figure that out and get back to you. > > > > > > Should the hoster be able to include his own logo/brand? That > > would > > > > give the users a lot more trust in that things. If an image > > upload > > > > is not in the current scope, I suggest a prominent headline > > where > > > > the hoster is able to include the company name. Do you agree? > > > > > Actually the hoster is able to change the Title (The top-title in > > the > > > screenies like "Login" or on the other page "My private HotSpot") > > > maybe we can add a Logo but we have to decide which dimensions > > are > > > allowed. This is difficult as many companies have different > > > dimensions of Logos. Some are 4:3, others are like 27:9 and so > > on. > > > What do other people think? > > > > I think we don't need that. We usually have the opportunity to > > upload > > an entire HTML template, so that if someone wants to replace the > > page, > > they can do that. But just a logo is a bit too easy. Who ever wants > > to > > brand this as their own should do that with the rest, too. > > > > And of course we should not forget about doing some advertisement > > for > > our own product :) However, I get many emails from annoyed students > > that can't access dirty websites in their school. LOL > > > > > > Since it's part of IPFire, should those pages be designed like > > the > > > > new upcoming style of IPFire? Means same color theme, button > > style, > > > > IPFire logo, caption like "powered by IPFire", etc? Or should > > it > > > > totally generic so that the users has no clue what system shows > > > > those dialogs? > > > > I would like a "powered by IPFire" at least and even advise people > > who > > replace the theme by their own to keep that in. > > > > This does not need to be like the new stuff but I think it should > > feel > > a bit like IPFire but also be neutral. We do not need to hide that > > this > > is an IPFire system though. > > > > > No. I think if we have something like a "background-color" > > instead of > > > a picture, we should the hoster let configure it, so the people > > are > > > able to adpat the colors to their own corporate identity. So if > > you > > > woul like to work with gradients or similar, i would recommend to > > > make it configurable. > > > > Nah, not too many options. We wanted to keep this simple. > > > > > Michael, what do you think? > > > > See above :) > > > > -Michael > > > > > > > > > > Best, Maurice > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx > > @oab > > > > .de> wrote: > > > > > Hi > > > > > > > > > > Here are the actual ugly screenshots from the loginpage. > > > > > one version with voucher access and the other one with > > license > > > > > agreement. > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael Tremer: > > > > > > Hi Maurice, > > > > > > > > > > > > I know that you are busy with other things, but > > nevertheless I > > > > > > would > > > > > > like to send you this request. > > > > > > > > > > > > Alex is currently working on a so called captive portal. > > That > > > > > > are these > > > > > > things that pop up on your phone or laptop when you connect > > to > > > > > > a > > > > > > wireless network in a hotel or cafe. That web page that is > > > > > > shown is > > > > > > what we need to design now. > > > > > > > > > > > > We also have a few other pages that are shown to the users > > of > > > > > > the > > > > > > network when for example a web page is blocked. That page > > > > > > however is > > > > > > really ugly and probably needs a remake as well. I want to > > > > > > focus on the > > > > > > captive portal for now, but I guess you would like to know > > that > > > > > > there > > > > > > are more. [1] and [2]. Really bad right? They scare users. > > > > > > > > > > > > Alex will send you a screenshot of the development version > > we > > > > > > have now. > > > > > > This is just a quick page to show the concept and what we > > are > > > > > > roughly > > > > > > after. > > > > > > > > > > > > There are two options for now. The first one is where the > > user > > > > > > has to > > > > > > agree to a license and click a "I accept" button. The > > second > > > > > > one is > > > > > > where the user will have to type in a voucher code and > > click a > > > > > > button > > > > > > to log in. > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > If so, a quick mock-up would be okay for now, because we > > would > > > > > > like to > > > > > > put this entire project on the wishlist to raise some > > crowd- > > > > > > funding > > > > > > money. Giving the user that mock-up would certainly help so > > > > > > that they > > > > > > get a good impression what they are supporting here. The > > actual > > > > > > implementation will happen a bit later when enough funds > > have > > > > > > been > > > > > > raised. > > > > > > > > > > > > @Alex, would you please send some screenshots of the two > > pages > > > > > > we have > > > > > > so far? > > > > > > > > > > > > Best, > > > > > > -Michael > > > > > > > > > > > > P.S. @Maurice, I know that I am throwing a bit of random > > stuff > > > > > > at you. > > > > > > Just let me know when I don't make sense any more :) > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAA > > AAAD > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidcla > > mav- > > > > > > detection.png > > > > > > > > > > > > >
Is that the place where the hoster can include his own T&Cs, upload a company logo, add the company name, etc?
On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller < daniel.weismueller@ipfire.org> wrote:
me again :)
Another screenshot now from the webif where you may customize blockpage from the url-filter.
- Daniel
Am 01.02.2016 um 14:24 schrieb Maurice Gesswein:
Perfect. Thanks Daniel. Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" < daniel.weismueller@ipfire.org>:
Here are the screenshots as requested.
- Daniel
Am 31.01.2016 um 08:53 schrieb Maurice Gesswein:
Good morning, I use lorem ipsum than. Thanks. Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" < michael.tremer@ipfire.org>:
Hi,
On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein wrote:
Can someone send me the terms & condition text from the screenshots as real text?
There is a text area where the user will type in the T&Cs. So there is no predefined text and it might change.
Do you still want some sample or can you just use lorem ipsum?
-Michael
Thanks in advance.
On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <michael.tremer@ipfir e.org> wrote:
Hi,
On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote:
> Hey, > > OK, in general I got it. Thanks for the screens Alex. > > I have a few questions and suggestions. > > To be prepared for further upcoming pages like these, are you
able
> to hand over a list of them (perhaps with screenshots)? Not
really
> needed, but very helpful to deliver a consistent flexible
design.
Don't worry about them too much.
As far as i know there are no other "external" pages. The Webinterface of IPFire has an own design and several themes, i
think
you already saw them.
However, there are a few. I included both of them in the first email. On top of that there are the squid error pages. I am not too sure if we can modify those quite nicely.
I will figure that out and get back to you.
> Should the hoster be able to include his own logo/brand? That
would
> give the users a lot more trust in that things. If an image
upload
> is not in the current scope, I suggest a prominent headline
where
> the hoster is able to include the company name. Do you agree?
Actually the hoster is able to change the Title (The top-title in
the
screenies like "Login" or on the other page "My private HotSpot") maybe we can add a Logo but we have to decide which dimensions
are
allowed. This is difficult as many companies have different dimensions of Logos. Some are 4:3, others are like 27:9 and so
on.
What do other people think?
I think we don't need that. We usually have the opportunity to upload an entire HTML template, so that if someone wants to replace the page, they can do that. But just a logo is a bit too easy. Who ever wants to brand this as their own should do that with the rest, too.
And of course we should not forget about doing some advertisement for our own product :) However, I get many emails from annoyed students that can't access dirty websites in their school. LOL
> Since it's part of IPFire, should those pages be designed like
the
> new upcoming style of IPFire? Means same color theme, button
style,
> IPFire logo, caption like "powered by IPFire", etc? Or should
it
> totally generic so that the users has no clue what system shows > those dialogs?
I would like a "powered by IPFire" at least and even advise people who replace the theme by their own to keep that in.
This does not need to be like the new stuff but I think it should feel a bit like IPFire but also be neutral. We do not need to hide that this is an IPFire system though.
No. I think if we have something like a "background-color"
instead of
a picture, we should the hoster let configure it, so the people
are
able to adpat the colors to their own corporate identity. So if
you
woul like to work with gradients or similar, i would recommend to make it configurable.
Nah, not too many options. We wanted to keep this simple.
Michael, what do you think?
See above :)
-Michael
> > Best, Maurice > > On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx
@oab
> .de> wrote: > > Hi > > > > Here are the actual ugly screenshots from the loginpage. > > one version with voucher access and the other one with
license
> > agreement. > > > > Alex > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael Tremer: > > > Hi Maurice, > > > > > > I know that you are busy with other things, but
nevertheless I
> > > would > > > like to send you this request. > > > > > > Alex is currently working on a so called captive portal.
That
> > > are these > > > things that pop up on your phone or laptop when you connect
to
> > > a > > > wireless network in a hotel or cafe. That web page that is > > > shown is > > > what we need to design now. > > > > > > We also have a few other pages that are shown to the users
of
> > > the > > > network when for example a web page is blocked. That page > > > however is > > > really ugly and probably needs a remake as well. I want to > > > focus on the > > > captive portal for now, but I guess you would like to know
that
> > > there > > > are more. [1] and [2]. Really bad right? They scare users. > > > > > > Alex will send you a screenshot of the development version
we
> > > have now. > > > This is just a quick page to show the concept and what we
are
> > > roughly > > > after. > > > > > > There are two options for now. The first one is where the
user
> > > has to > > > agree to a license and click a "I accept" button. The
second
> > > one is > > > where the user will have to type in a voucher code and
click a
> > > button > > > to log in. > > > > > > Would you like to work on this? > > > > > > If so, a quick mock-up would be okay for now, because we
would
> > > like to > > > put this entire project on the wishlist to raise some
crowd-
> > > funding > > > money. Giving the user that mock-up would certainly help so > > > that they > > > get a good impression what they are supporting here. The
actual
> > > implementation will happen a bit later when enough funds
have
> > > been > > > raised. > > > > > > @Alex, would you please send some screenshots of the two
pages
> > > we have > > > so far? > > > > > > Best, > > > -Michael > > > > > > P.S. @Maurice, I know that I am throwing a bit of random
stuff
> > > at you. > > > Just let me know when I don't make sense any more :) > > > > > > [1]
http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAA http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAA
AAAD
> > > zM/bBnJN4oCffo/s640/31.png > > > [2]
http://wiki.ipfire.org/_media/en/addons/clamav/squidcla http://wiki.ipfire.org/_media/en/addons/clamav/squidcla
mav-
> > > detection.png > > > > >
No.
The last screenshot shows the customization part from "good old" configurationsite of the url-filter. For better understanding i've made a (3) screenshot(s) of the whole page.
- Daniel
Am 01.02.2016 um 14:32 schrieb Maurice Gesswein:
Is that the place where the hoster can include his own T&Cs, upload a company logo, add the company name, etc?
On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller <daniel.weismueller@ipfire.org mailto:daniel.weismueller@ipfire.org> wrote:
me again :) Another screenshot now from the webif where you may customize blockpage from the url-filter. - Daniel Am 01.02.2016 um 14:24 schrieb Maurice Gesswein:
Perfect. Thanks Daniel. Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" <daniel.weismueller@ipfire.org <mailto:daniel.weismueller@ipfire.org>>: Here are the screenshots as requested. - Daniel Am 31.01.2016 um 08:53 schrieb Maurice Gesswein:
Good morning, I use lorem ipsum than. Thanks. Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" <michael.tremer@ipfire.org <mailto:michael.tremer@ipfire.org>>: Hi, On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein wrote: > Can someone send me the terms & condition text from the screenshots > as real text? There is a text area where the user will type in the T&Cs. So there is no predefined text and it might change. Do you still want some sample or can you just use lorem ipsum? -Michael > > Thanks in advance. > > On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <michael.tremer@ipfir > e.org <http://e.org>> wrote: > > Hi, > > > > On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote: > > > > Hey, > > > > > > > > OK, in general I got it. Thanks for the screens Alex. > > > > > > > > I have a few questions and suggestions. > > > > > > > > To be prepared for further upcoming pages like these, are you > > able > > > > to hand over a list of them (perhaps with screenshots)? Not > > really > > > > needed, but very helpful to deliver a consistent flexible > > design. > > > > Don't worry about them too much. > > > > > As far as i know there are no other "external" pages. The > > > Webinterface of IPFire has an own design and several themes, i > > think > > > you already saw them. > > > > However, there are a few. I included both of them in the first > > email. > > On top of that there are the squid error pages. I am not too sure > > if we > > can modify those quite nicely. > > > > I will figure that out and get back to you. > > > > > > Should the hoster be able to include his own logo/brand? That > > would > > > > give the users a lot more trust in that things. If an image > > upload > > > > is not in the current scope, I suggest a prominent headline > > where > > > > the hoster is able to include the company name. Do you agree? > > > > > Actually the hoster is able to change the Title (The top-title in > > the > > > screenies like "Login" or on the other page "My private HotSpot") > > > maybe we can add a Logo but we have to decide which dimensions > > are > > > allowed. This is difficult as many companies have different > > > dimensions of Logos. Some are 4:3, others are like 27:9 and so > > on. > > > What do other people think? > > > > I think we don't need that. We usually have the opportunity to > > upload > > an entire HTML template, so that if someone wants to replace the > > page, > > they can do that. But just a logo is a bit too easy. Who ever wants > > to > > brand this as their own should do that with the rest, too. > > > > And of course we should not forget about doing some advertisement > > for > > our own product :) However, I get many emails from annoyed students > > that can't access dirty websites in their school. LOL > > > > > > Since it's part of IPFire, should those pages be designed like > > the > > > > new upcoming style of IPFire? Means same color theme, button > > style, > > > > IPFire logo, caption like "powered by IPFire", etc? Or should > > it > > > > totally generic so that the users has no clue what system shows > > > > those dialogs? > > > > I would like a "powered by IPFire" at least and even advise people > > who > > replace the theme by their own to keep that in. > > > > This does not need to be like the new stuff but I think it should > > feel > > a bit like IPFire but also be neutral. We do not need to hide that > > this > > is an IPFire system though. > > > > > No. I think if we have something like a "background-color" > > instead of > > > a picture, we should the hoster let configure it, so the people > > are > > > able to adpat the colors to their own corporate identity. So if > > you > > > woul like to work with gradients or similar, i would recommend to > > > make it configurable. > > > > Nah, not too many options. We wanted to keep this simple. > > > > > Michael, what do you think? > > > > See above :) > > > > -Michael > > > > > > > > > > Best, Maurice > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx > > @oab > > > > .de> wrote: > > > > > Hi > > > > > > > > > > Here are the actual ugly screenshots from the loginpage. > > > > > one version with voucher access and the other one with > > license > > > > > agreement. > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael Tremer: > > > > > > Hi Maurice, > > > > > > > > > > > > I know that you are busy with other things, but > > nevertheless I > > > > > > would > > > > > > like to send you this request. > > > > > > > > > > > > Alex is currently working on a so called captive portal. > > That > > > > > > are these > > > > > > things that pop up on your phone or laptop when you connect > > to > > > > > > a > > > > > > wireless network in a hotel or cafe. That web page that is > > > > > > shown is > > > > > > what we need to design now. > > > > > > > > > > > > We also have a few other pages that are shown to the users > > of > > > > > > the > > > > > > network when for example a web page is blocked. That page > > > > > > however is > > > > > > really ugly and probably needs a remake as well. I want to > > > > > > focus on the > > > > > > captive portal for now, but I guess you would like to know > > that > > > > > > there > > > > > > are more. [1] and [2]. Really bad right? They scare users. > > > > > > > > > > > > Alex will send you a screenshot of the development version > > we > > > > > > have now. > > > > > > This is just a quick page to show the concept and what we > > are > > > > > > roughly > > > > > > after. > > > > > > > > > > > > There are two options for now. The first one is where the > > user > > > > > > has to > > > > > > agree to a license and click a "I accept" button. The > > second > > > > > > one is > > > > > > where the user will have to type in a voucher code and > > click a > > > > > > button > > > > > > to log in. > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > If so, a quick mock-up would be okay for now, because we > > would > > > > > > like to > > > > > > put this entire project on the wishlist to raise some > > crowd- > > > > > > funding > > > > > > money. Giving the user that mock-up would certainly help so > > > > > > that they > > > > > > get a good impression what they are supporting here. The > > actual > > > > > > implementation will happen a bit later when enough funds > > have > > > > > > been > > > > > > raised. > > > > > > > > > > > > @Alex, would you please send some screenshots of the two > > pages > > > > > > we have > > > > > > so far? > > > > > > > > > > > > Best, > > > > > > -Michael > > > > > > > > > > > > P.S. @Maurice, I know that I am throwing a bit of random > > stuff > > > > > > at you. > > > > > > Just let me know when I don't make sense any more :) > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAA > > AAAD > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidcla > > mav- > > > > > > detection.png > > > > > > > > > > > > >
Hi,
attached you find design/layout suggestions for all mentioned captive portal websites.
Some notes:
- The layout is always the same. You are able to build one template which can used for every site. - The layout is very responsive friendly (smartphone, tablet) as you can see at the access-voucher_360.jpg (standard Android phone size) - I strongly recommend to don't use scrollable content within a scrollable page (see first 2 screenshots from Alex). You become crazy if you want to navigate though that on a touch device. - A specific header image can be used for every case. - There are tiny and simple code snippets which scale the header image for every size correctly. I'll check this out to provide you with more detailed information. - Just checked getbootstrap.com. Seems to be that such a functionality is already included. - A footer where you are able to promote IPFire ;) - Layout based on Bootstap 3 - I used the color-theme for the upcoming new IPFire website and WebUI. - @Michael the bright red is not the new primary IPFire red ;) It's the error-red. I'll show more about that soon. - I suggested new text for the errors. Maybe you like it :)
Let me know if you have any questions or concerns.
Best, Maurice
On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller < daniel.weismueller@ipfire.org> wrote:
No.
The last screenshot shows the customization part from "good old" configurationsite of the url-filter. For better understanding i've made a (3) screenshot(s) of the whole page.
- Daniel
Am 01.02.2016 um 14:32 schrieb Maurice Gesswein:
Is that the place where the hoster can include his own T&Cs, upload a company logo, add the company name, etc?
On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller < daniel.weismueller@ipfire.org> wrote:
me again :)
Another screenshot now from the webif where you may customize blockpage from the url-filter.
- Daniel
Am 01.02.2016 um 14:24 schrieb Maurice Gesswein:
Perfect. Thanks Daniel. Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" < daniel.weismueller@ipfire.orgdaniel.weismueller@ipfire.org>:
Here are the screenshots as requested.
- Daniel
Am 31.01.2016 um 08:53 schrieb Maurice Gesswein:
Good morning, I use lorem ipsum than. Thanks. Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" < michael.tremer@ipfire.orgmichael.tremer@ipfire.org>:
Hi,
On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein wrote:
Can someone send me the terms & condition text from the screenshots as real text?
There is a text area where the user will type in the T&Cs. So there is no predefined text and it might change.
Do you still want some sample or can you just use lorem ipsum?
-Michael
Thanks in advance.
On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <michael.tremer@ipfir e.org> wrote:
Hi,
On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote: > > Hey, > > > > OK, in general I got it. Thanks for the screens Alex. > > > > I have a few questions and suggestions. > > > > To be prepared for further upcoming pages like these, are you able > > to hand over a list of them (perhaps with screenshots)? Not really > > needed, but very helpful to deliver a consistent flexible design.
Don't worry about them too much.
> As far as i know there are no other "external" pages. The > Webinterface of IPFire has an own design and several themes, i think > you already saw them.
However, there are a few. I included both of them in the first email. On top of that there are the squid error pages. I am not too sure if we can modify those quite nicely.
I will figure that out and get back to you.
> > Should the hoster be able to include his own logo/brand? That would > > give the users a lot more trust in that things. If an image upload > > is not in the current scope, I suggest a prominent headline where > > the hoster is able to include the company name. Do you agree?
> Actually the hoster is able to change the Title (The top-title in the > screenies like "Login" or on the other page "My private HotSpot") > maybe we can add a Logo but we have to decide which dimensions are > allowed. This is difficult as many companies have different > dimensions of Logos. Some are 4:3, others are like 27:9 and so on. > What do other people think?
I think we don't need that. We usually have the opportunity to upload an entire HTML template, so that if someone wants to replace the page, they can do that. But just a logo is a bit too easy. Who ever wants to brand this as their own should do that with the rest, too.
And of course we should not forget about doing some advertisement for our own product :) However, I get many emails from annoyed students that can't access dirty websites in their school. LOL
> > Since it's part of IPFire, should those pages be designed like the > > new upcoming style of IPFire? Means same color theme, button style, > > IPFire logo, caption like "powered by IPFire", etc? Or should it > > totally generic so that the users has no clue what system shows > > those dialogs?
I would like a "powered by IPFire" at least and even advise people who replace the theme by their own to keep that in.
This does not need to be like the new stuff but I think it should feel a bit like IPFire but also be neutral. We do not need to hide that this is an IPFire system though.
> No. I think if we have something like a "background-color" instead of > a picture, we should the hoster let configure it, so the people are > able to adpat the colors to their own corporate identity. So if you > woul like to work with gradients or similar, i would recommend to > make it configurable.
Nah, not too many options. We wanted to keep this simple.
> Michael, what do you think?
See above :)
-Michael
> > > > Best, Maurice > > > > On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx @oab > > .de> wrote: > > > Hi > > > > > > Here are the actual ugly screenshots from the loginpage. > > > one version with voucher access and the other one with license > > > agreement. > > > > > > Alex > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael Tremer: > > > > Hi Maurice, > > > > > > > > I know that you are busy with other things, but nevertheless I > > > > would > > > > like to send you this request. > > > > > > > > Alex is currently working on a so called captive portal. That > > > > are these > > > > things that pop up on your phone or laptop when you connect to > > > > a > > > > wireless network in a hotel or cafe. That web page that is > > > > shown is > > > > what we need to design now. > > > > > > > > We also have a few other pages that are shown to the users of > > > > the > > > > network when for example a web page is blocked. That page > > > > however is > > > > really ugly and probably needs a remake as well. I want to > > > > focus on the > > > > captive portal for now, but I guess you would like to know that > > > > there > > > > are more. [1] and [2]. Really bad right? They scare users. > > > > > > > > Alex will send you a screenshot of the development version we > > > > have now. > > > > This is just a quick page to show the concept and what we are > > > > roughly > > > > after. > > > > > > > > There are two options for now. The first one is where the user > > > > has to > > > > agree to a license and click a "I accept" button. The second > > > > one is > > > > where the user will have to type in a voucher code and click a > > > > button > > > > to log in. > > > > > > > > Would you like to work on this? > > > > > > > > If so, a quick mock-up would be okay for now, because we would > > > > like to > > > > put this entire project on the wishlist to raise some crowd- > > > > funding > > > > money. Giving the user that mock-up would certainly help so > > > > that they > > > > get a good impression what they are supporting here. The actual > > > > implementation will happen a bit later when enough funds have > > > > been > > > > raised. > > > > > > > > @Alex, would you please send some screenshots of the two pages > > > > we have > > > > so far? > > > > > > > > Best, > > > > -Michael > > > > > > > > P.S. @Maurice, I know that I am throwing a bit of random stuff > > > > at you. > > > > Just let me know when I don't make sense any more :) > > > > > > > > [1]
http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAA http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAA
AAAD > > > > zM/bBnJN4oCffo/s640/31.png > > > > [2]
http://wiki.ipfire.org/_media/en/addons/clamav/squidcla http://wiki.ipfire.org/_media/en/addons/clamav/squidcla
mav- > > > > detection.png > > > > > > >
That looks great! (just my opinion) Cheers, Alex
Am 01.02.2016 um 23:23 schrieb Maurice Gesswein:
Hi,
attached you find design/layout suggestions for all mentioned captive portal websites.
Some notes:
- The layout is always the same. You are able to build one template which can used for every site.
- The layout is very responsive friendly (smartphone, tablet) as you can see at the access-voucher_360.jpg (standard Android phone size)
- I strongly recommend to don't use scrollable content within a scrollable page (see first 2 screenshots from Alex). You become crazy if you want to navigate though that on a touch device.
- A specific header image can be used for every case. o There are tiny and simple code snippets which scale the header image for every size correctly. I'll check this out to provide you with more detailed information. o Just checked getbootstrap.com http://getbootstrap.com. Seems to be that such a functionality is already included.
- A footer where you are able to promote IPFire ;)
- Layout based on Bootstap 3
- I used the color-theme for the upcoming new IPFire website and WebUI. o @Michael the bright red is not the new primary IPFire red ;) It's the error-red. I'll show more about that soon.
- I suggested new text for the errors. Maybe you like it :)
Let me know if you have any questions or concerns.
Best, Maurice
On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller <daniel.weismueller@ipfire.org mailto:daniel.weismueller@ipfire.org> wrote:
No. The last screenshot shows the customization part from "good old" configurationsite of the url-filter. For better understanding i've made a (3) screenshot(s) of the whole page. - Daniel Am 01.02.2016 um 14:32 schrieb Maurice Gesswein:
Is that the place where the hoster can include his own T&Cs, upload a company logo, add the company name, etc? On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller <daniel.weismueller@ipfire.org <mailto:daniel.weismueller@ipfire.org>> wrote: me again :) Another screenshot now from the webif where you may customize blockpage from the url-filter. - Daniel Am 01.02.2016 um 14:24 schrieb Maurice Gesswein:
Perfect. Thanks Daniel. Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" <daniel.weismueller@ipfire.org <mailto:daniel.weismueller@ipfire.org>>: Here are the screenshots as requested. - Daniel Am 31.01.2016 um 08:53 schrieb Maurice Gesswein:
Good morning, I use lorem ipsum than. Thanks. Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" <michael.tremer@ipfire.org <mailto:michael.tremer@ipfire.org>>: Hi, On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein wrote: > Can someone send me the terms & condition text from the screenshots > as real text? There is a text area where the user will type in the T&Cs. So there is no predefined text and it might change. Do you still want some sample or can you just use lorem ipsum? -Michael > > Thanks in advance. > > On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <michael.tremer@ipfir > e.org <http://e.org>> wrote: > > Hi, > > > > On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx wrote: > > > > Hey, > > > > > > > > OK, in general I got it. Thanks for the screens Alex. > > > > > > > > I have a few questions and suggestions. > > > > > > > > To be prepared for further upcoming pages like these, are you > > able > > > > to hand over a list of them (perhaps with screenshots)? Not > > really > > > > needed, but very helpful to deliver a consistent flexible > > design. > > > > Don't worry about them too much. > > > > > As far as i know there are no other "external" pages. The > > > Webinterface of IPFire has an own design and several themes, i > > think > > > you already saw them. > > > > However, there are a few. I included both of them in the first > > email. > > On top of that there are the squid error pages. I am not too sure > > if we > > can modify those quite nicely. > > > > I will figure that out and get back to you. > > > > > > Should the hoster be able to include his own logo/brand? That > > would > > > > give the users a lot more trust in that things. If an image > > upload > > > > is not in the current scope, I suggest a prominent headline > > where > > > > the hoster is able to include the company name. Do you agree? > > > > > Actually the hoster is able to change the Title (The top-title in > > the > > > screenies like "Login" or on the other page "My private HotSpot") > > > maybe we can add a Logo but we have to decide which dimensions > > are > > > allowed. This is difficult as many companies have different > > > dimensions of Logos. Some are 4:3, others are like 27:9 and so > > on. > > > What do other people think? > > > > I think we don't need that. We usually have the opportunity to > > upload > > an entire HTML template, so that if someone wants to replace the > > page, > > they can do that. But just a logo is a bit too easy. Who ever wants > > to > > brand this as their own should do that with the rest, too. > > > > And of course we should not forget about doing some advertisement > > for > > our own product :) However, I get many emails from annoyed students > > that can't access dirty websites in their school. LOL > > > > > > Since it's part of IPFire, should those pages be designed like > > the > > > > new upcoming style of IPFire? Means same color theme, button > > style, > > > > IPFire logo, caption like "powered by IPFire", etc? Or should > > it > > > > totally generic so that the users has no clue what system shows > > > > those dialogs? > > > > I would like a "powered by IPFire" at least and even advise people > > who > > replace the theme by their own to keep that in. > > > > This does not need to be like the new stuff but I think it should > > feel > > a bit like IPFire but also be neutral. We do not need to hide that > > this > > is an IPFire system though. > > > > > No. I think if we have something like a "background-color" > > instead of > > > a picture, we should the hoster let configure it, so the people > > are > > > able to adpat the colors to their own corporate identity. So if > > you > > > woul like to work with gradients or similar, i would recommend to > > > make it configurable. > > > > Nah, not too many options. We wanted to keep this simple. > > > > > Michael, what do you think? > > > > See above :) > > > > -Michael > > > > > > > > > > Best, Maurice > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx <alexander.marx > > @oab > > > > .de> wrote: > > > > > Hi > > > > > > > > > > Here are the actual ugly screenshots from the loginpage. > > > > > one version with voucher access and the other one with > > license > > > > > agreement. > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael Tremer: > > > > > > Hi Maurice, > > > > > > > > > > > > I know that you are busy with other things, but > > nevertheless I > > > > > > would > > > > > > like to send you this request. > > > > > > > > > > > > Alex is currently working on a so called captive portal. > > That > > > > > > are these > > > > > > things that pop up on your phone or laptop when you connect > > to > > > > > > a > > > > > > wireless network in a hotel or cafe. That web page that is > > > > > > shown is > > > > > > what we need to design now. > > > > > > > > > > > > We also have a few other pages that are shown to the users > > of > > > > > > the > > > > > > network when for example a web page is blocked. That page > > > > > > however is > > > > > > really ugly and probably needs a remake as well. I want to > > > > > > focus on the > > > > > > captive portal for now, but I guess you would like to know > > that > > > > > > there > > > > > > are more. [1] and [2]. Really bad right? They scare users. > > > > > > > > > > > > Alex will send you a screenshot of the development version > > we > > > > > > have now. > > > > > > This is just a quick page to show the concept and what we > > are > > > > > > roughly > > > > > > after. > > > > > > > > > > > > There are two options for now. The first one is where the > > user > > > > > > has to > > > > > > agree to a license and click a "I accept" button. The > > second > > > > > > one is > > > > > > where the user will have to type in a voucher code and > > click a > > > > > > button > > > > > > to log in. > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > If so, a quick mock-up would be okay for now, because we > > would > > > > > > like to > > > > > > put this entire project on the wishlist to raise some > > crowd- > > > > > > funding > > > > > > money. Giving the user that mock-up would certainly help so > > > > > > that they > > > > > > get a good impression what they are supporting here. The > > actual > > > > > > implementation will happen a bit later when enough funds > > have > > > > > > been > > > > > > raised. > > > > > > > > > > > > @Alex, would you please send some screenshots of the two > > pages > > > > > > we have > > > > > > so far? > > > > > > > > > > > > Best, > > > > > > -Michael > > > > > > > > > > > > P.S. @Maurice, I know that I am throwing a bit of random > > stuff > > > > > > at you. > > > > > > Just let me know when I don't make sense any more :) > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/VfU-c33FMDI/AAAAA > > AAAD > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > [2] http://wiki.ipfire.org/_media/en/addons/clamav/squidcla > > mav- > > > > > > detection.png > > > > > > > > > > > > >
Hi,
sorry for not getting back earlier...
On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein wrote:
Hi,
attached you find design/layout suggestions for all mentioned captive portal websites.
It looks great!
Some notes: The layout is always the same. You are able to build one template which can used for every site.
That is handy.
The layout is very responsive friendly (smartphone, tablet) as you can see at the access-voucher_360.jpg (standard Android phone size)
I strongly recommend to don't use scrollable content within a scrollable page (see first 2 screenshots from Alex). You become crazy if you want to navigate though that on a touch device.
LOL
A specific header image can be used for every case.
Okay, we need to build a way to upload that and possibly some specifications that we can give to people to design theirs in the right way.
There are tiny and simple code snippets which scale the header image for every size correctly. I'll check this out to provide you with more detailed information. Just checked getbootstrap.com. Seems to be that such a functionality is already included.
Cool.
A footer where you are able to promote IPFire ;)
Always good.
Layout based on Bootstap 3 I used the color-theme for the upcoming new IPFire website and WebUI. @Michael the bright red is not the new primary IPFire red ;) It's the error-red. I'll show more about that soon. I suggested new text for the errors. Maybe you like it :)
Let me know if you have any questions or concerns.
There is nothing from me I would like to see changed. So I suppose that we can regard this as the final draft.
Would you be up for arranging a telephone conference with Daniel & Alex, because I think that I have many questions regarding how we get from the draft to code :) How about Monday evening?
Best, -Michael
Best, Maurice
On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller <daniel.weismueller @ipfire.org> wrote:
No.
The last screenshot shows the customization part from "good old" configurationsite of the url-filter. For better understanding i've made a (3) screenshot(s) of the whole page.
- Daniel
Am 01.02.2016 um 14:32 schrieb Maurice Gesswein:
Is that the place where the hoster can include his own T&Cs, upload a company logo, add the company name, etc?
On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller <daniel.weismue ller@ipfire.org> wrote:
me again :)
Another screenshot now from the webif where you may customize blockpage from the url-filter.
- Daniel
Am 01.02.2016 um 14:24 schrieb Maurice Gesswein:
Perfect. Thanks Daniel. Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" <daniel .weismueller@ipfire.org>:
Here are the screenshots as requested.
- Daniel
Am 31.01.2016 um 08:53 schrieb Maurice Gesswein: > Good morning, > I use lorem ipsum than. Thanks. > Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" <michae > l.tremer@ipfire.org>: > > Hi, > > > > On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein > > wrote: > > > Can someone send me the terms & condition text from > > the screenshots > > > as real text? > > > > There is a text area where the user will type in the > > T&Cs. So there is > > no predefined text and it might change. > > > > Do you still want some sample or can you just use lorem > > ipsum? > > > > -Michael > > > > > > > > Thanks in advance. > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <mich > > ael.tremer@ipfir > > > e.org> wrote: > > > > Hi, > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx > > wrote: > > > > > > Hey, > > > > > > > > > > > > OK, in general I got it. Thanks for the screens > > Alex. > > > > > > > > > > > > I have a few questions and suggestions. > > > > > > > > > > > > To be prepared for further upcoming pages like > > these, are you > > > > able > > > > > > to hand over a list of them (perhaps with > > screenshots)? Not > > > > really > > > > > > needed, but very helpful to deliver a > > consistent flexible > > > > design. > > > > > > > > Don't worry about them too much. > > > > > > > > > As far as i know there are no other "external" > > pages. The > > > > > Webinterface of IPFire has an own design and > > several themes, i > > > > think > > > > > you already saw them. > > > > > > > > However, there are a few. I included both of them > > in the first > > > > email. > > > > On top of that there are the squid error pages. I > > am not too sure > > > > if we > > > > can modify those quite nicely. > > > > > > > > I will figure that out and get back to you. > > > > > > > > > > Should the hoster be able to include his own > > logo/brand? That > > > > would > > > > > > give the users a lot more trust in that things. > > If an image > > > > upload > > > > > > is not in the current scope, I suggest a > > prominent headline > > > > where > > > > > > the hoster is able to include the company name. > > Do you agree? > > > > > > > > > Actually the hoster is able to change the Title > > (The top-title in > > > > the > > > > > screenies like "Login" or on the other page "My > > private HotSpot") > > > > > maybe we can add a Logo but we have to decide > > which dimensions > > > > are > > > > > allowed. This is difficult as many companies have > > different > > > > > dimensions of Logos. Some are 4:3, others are > > like 27:9 and so > > > > on. > > > > > What do other people think? > > > > > > > > I think we don't need that. We usually have the > > opportunity to > > > > upload > > > > an entire HTML template, so that if someone wants > > to replace the > > > > page, > > > > they can do that. But just a logo is a bit too > > easy. Who ever wants > > > > to > > > > brand this as their own should do that with the > > rest, too. > > > > > > > > And of course we should not forget about doing some > > advertisement > > > > for > > > > our own product :) However, I get many emails from > > annoyed students > > > > that can't access dirty websites in their school. > > LOL > > > > > > > > > > Since it's part of IPFire, should those pages > > be designed like > > > > the > > > > > > new upcoming style of IPFire? Means same color > > theme, button > > > > style, > > > > > > IPFire logo, caption like "powered by IPFire", > > etc? Or should > > > > it > > > > > > totally generic so that the users has no clue > > what system shows > > > > > > those dialogs? > > > > > > > > I would like a "powered by IPFire" at least and > > even advise people > > > > who > > > > replace the theme by their own to keep that in. > > > > > > > > This does not need to be like the new stuff but I > > think it should > > > > feel > > > > a bit like IPFire but also be neutral. We do not > > need to hide that > > > > this > > > > is an IPFire system though. > > > > > > > > > No. I think if we have something like a > > "background-color" > > > > instead of > > > > > a picture, we should the hoster let configure it, > > so the people > > > > are > > > > > able to adpat the colors to their own corporate > > identity. So if > > > > you > > > > > woul like to work with gradients or similar, i > > would recommend to > > > > > make it configurable. > > > > > > > > Nah, not too many options. We wanted to keep this > > simple. > > > > > > > > > Michael, what do you think? > > > > > > > > See above :) > > > > > > > > -Michael > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx > > <alexander.marx > > > > @oab > > > > > > .de> wrote: > > > > > > > Hi > > > > > > > > > > > > > > Here are the actual ugly screenshots from the > > loginpage. > > > > > > > one version with voucher access and the other > > one with > > > > license > > > > > > > agreement. > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael > > Tremer: > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > I know that you are busy with other things, > > but > > > > nevertheless I > > > > > > > > would > > > > > > > > like to send you this request. > > > > > > > > > > > > > > > > Alex is currently working on a so called > > captive portal. > > > > That > > > > > > > > are these > > > > > > > > things that pop up on your phone or laptop > > when you connect > > > > to > > > > > > > > a > > > > > > > > wireless network in a hotel or cafe. That > > web page that is > > > > > > > > shown is > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > We also have a few other pages that are > > shown to the users > > > > of > > > > > > > > the > > > > > > > > network when for example a web page is > > blocked. That page > > > > > > > > however is > > > > > > > > really ugly and probably needs a remake as > > well. I want to > > > > > > > > focus on the > > > > > > > > captive portal for now, but I guess you > > would like to know > > > > that > > > > > > > > there > > > > > > > > are more. [1] and [2]. Really bad right? > > They scare users. > > > > > > > > > > > > > > > > Alex will send you a screenshot of the > > development version > > > > we > > > > > > > > have now. > > > > > > > > This is just a quick page to show the > > concept and what we > > > > are > > > > > > > > roughly > > > > > > > > after. > > > > > > > > > > > > > > > > There are two options for now. The first > > one is where the > > > > user > > > > > > > > has to > > > > > > > > agree to a license and click a "I accept" > > button. The > > > > second > > > > > > > > one is > > > > > > > > where the user will have to type in a > > voucher code and > > > > click a > > > > > > > > button > > > > > > > > to log in. > > > > > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > > > > > If so, a quick mock-up would be okay for > > now, because we > > > > would > > > > > > > > like to > > > > > > > > put this entire project on the wishlist to > > raise some > > > > crowd- > > > > > > > > funding > > > > > > > > money. Giving the user that mock-up would > > certainly help so > > > > > > > > that they > > > > > > > > get a good impression what they are > > supporting here. The > > > > actual > > > > > > > > implementation will happen a bit later when > > enough funds > > > > have > > > > > > > > been > > > > > > > > raised. > > > > > > > > > > > > > > > > @Alex, would you please send some > > screenshots of the two > > > > pages > > > > > > > > we have > > > > > > > > so far? > > > > > > > > > > > > > > > > Best, > > > > > > > > -Michael > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I am throwing a > > bit of random > > > > stuff > > > > > > > > at you. > > > > > > > > Just let me know when I don't make sense > > any more :) > > > > > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/V > > fU-c33FMDI/AAAAA > > > > AAAD > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > [2] http://wiki.ipfire.org/_media/en/addons > > /clamav/squidcla > > > > mav- > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > >
Hi
On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer michael.tremer@ipfire.org wrote:
Hi,
sorry for not getting back earlier...
On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein wrote:
Hi,
attached you find design/layout suggestions for all mentioned captive portal websites.
It looks great!
Happy to hear that :)
Some notes: The layout is always the same. You are able to build one template which can used for every site.
That is handy.
The layout is very responsive friendly (smartphone, tablet) as you can see at the access-voucher_360.jpg (standard Android phone size)
I strongly recommend to don't use scrollable content within a scrollable page (see first 2 screenshots from Alex). You become crazy if you want to navigate though that on a touch device.
LOL
A specific header image can be used for every case.
Okay, we need to build a way to upload that and possibly some specifications that we can give to people to design theirs in the right way.
Specs would be a recommended minimum width and height for the image. Additionally an imagesize (KB) restriction. You don't want to load a 10MB image ;) Resizing is handled by the mentioned code snippets or perhaps Bootstap itself.
There are tiny and simple code snippets which scale the header image for every size correctly. I'll check this out to provide you with more detailed information. Just checked getbootstrap.com. Seems to be that such a functionality is already included.
Cool.
A footer where you are able to promote IPFire ;)
Always good.
Layout based on Bootstap 3 I used the color-theme for the upcoming new IPFire website and WebUI. @Michael the bright red is not the new primary IPFire red ;) It's the error-red. I'll show more about that soon. I suggested new text for the errors. Maybe you like it :)
Let me know if you have any questions or concerns.
There is nothing from me I would like to see changed. So I suppose that we can regard this as the final draft.
Would you be up for arranging a telephone conference with Daniel & Alex, because I think that I have many questions regarding how we get from the draft to code :) How about Monday evening?
We can of course chat. Keep in mind that I'll provide - I call it "Guides" - for you. It's kind of a construction plan or blueprint (font size, colors, margins, paddings, etc). Maybe it's not really needed to chat before you code anything. My guides should clear a lot of your questions. Let me finish such a blueprint and you will let my know your thoughts :)
Best, -Michael
Maurice
Best, Maurice
On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller <daniel.weismueller @ipfire.org> wrote:
No.
The last screenshot shows the customization part from "good old" configurationsite of the url-filter. For better understanding i've made a (3) screenshot(s) of the whole page.
- Daniel
Am 01.02.2016 um 14:32 schrieb Maurice Gesswein:
Is that the place where the hoster can include his own T&Cs, upload a company logo, add the company name, etc?
On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller <daniel.weismue ller@ipfire.org> wrote:
me again :)
Another screenshot now from the webif where you may customize blockpage from the url-filter.
- Daniel
Am 01.02.2016 um 14:24 schrieb Maurice Gesswein:
Perfect. Thanks Daniel. Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" <daniel .weismueller@ipfire.org>: > Here are the screenshots as requested. > > - Daniel > > Am 31.01.2016 um 08:53 schrieb Maurice Gesswein: > > Good morning, > > I use lorem ipsum than. Thanks. > > Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" <michae > > l.tremer@ipfire.org>: > > > Hi, > > > > > > On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein > > > wrote: > > > > Can someone send me the terms & condition text from > > > the screenshots > > > > as real text? > > > > > > There is a text area where the user will type in the > > > T&Cs. So there is > > > no predefined text and it might change. > > > > > > Do you still want some sample or can you just use lorem > > > ipsum? > > > > > > -Michael > > > > > > > > > > > Thanks in advance. > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <mich > > > ael.tremer@ipfir > > > > e.org> wrote: > > > > > Hi, > > > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx > > > wrote: > > > > > > > Hey, > > > > > > > > > > > > > > OK, in general I got it. Thanks for the screens > > > Alex. > > > > > > > > > > > > > > I have a few questions and suggestions. > > > > > > > > > > > > > > To be prepared for further upcoming pages like > > > these, are you > > > > > able > > > > > > > to hand over a list of them (perhaps with > > > screenshots)? Not > > > > > really > > > > > > > needed, but very helpful to deliver a > > > consistent flexible > > > > > design. > > > > > > > > > > Don't worry about them too much. > > > > > > > > > > > As far as i know there are no other "external" > > > pages. The > > > > > > Webinterface of IPFire has an own design and > > > several themes, i > > > > > think > > > > > > you already saw them. > > > > > > > > > > However, there are a few. I included both of them > > > in the first > > > > > email. > > > > > On top of that there are the squid error pages. I > > > am not too sure > > > > > if we > > > > > can modify those quite nicely. > > > > > > > > > > I will figure that out and get back to you. > > > > > > > > > > > > Should the hoster be able to include his own > > > logo/brand? That > > > > > would > > > > > > > give the users a lot more trust in that things. > > > If an image > > > > > upload > > > > > > > is not in the current scope, I suggest a > > > prominent headline > > > > > where > > > > > > > the hoster is able to include the company name. > > > Do you agree? > > > > > > > > > > > Actually the hoster is able to change the Title > > > (The top-title in > > > > > the > > > > > > screenies like "Login" or on the other page "My > > > private HotSpot") > > > > > > maybe we can add a Logo but we have to decide > > > which dimensions > > > > > are > > > > > > allowed. This is difficult as many companies have > > > different > > > > > > dimensions of Logos. Some are 4:3, others are > > > like 27:9 and so > > > > > on. > > > > > > What do other people think? > > > > > > > > > > I think we don't need that. We usually have the > > > opportunity to > > > > > upload > > > > > an entire HTML template, so that if someone wants > > > to replace the > > > > > page, > > > > > they can do that. But just a logo is a bit too > > > easy. Who ever wants > > > > > to > > > > > brand this as their own should do that with the > > > rest, too. > > > > > > > > > > And of course we should not forget about doing some > > > advertisement > > > > > for > > > > > our own product :) However, I get many emails from > > > annoyed students > > > > > that can't access dirty websites in their school. > > > LOL > > > > > > > > > > > > Since it's part of IPFire, should those pages > > > be designed like > > > > > the > > > > > > > new upcoming style of IPFire? Means same color > > > theme, button > > > > > style, > > > > > > > IPFire logo, caption like "powered by IPFire", > > > etc? Or should > > > > > it > > > > > > > totally generic so that the users has no clue > > > what system shows > > > > > > > those dialogs? > > > > > > > > > > I would like a "powered by IPFire" at least and > > > even advise people > > > > > who > > > > > replace the theme by their own to keep that in. > > > > > > > > > > This does not need to be like the new stuff but I > > > think it should > > > > > feel > > > > > a bit like IPFire but also be neutral. We do not > > > need to hide that > > > > > this > > > > > is an IPFire system though. > > > > > > > > > > > No. I think if we have something like a > > > "background-color" > > > > > instead of > > > > > > a picture, we should the hoster let configure it, > > > so the people > > > > > are > > > > > > able to adpat the colors to their own corporate > > > identity. So if > > > > > you > > > > > > woul like to work with gradients or similar, i > > > would recommend to > > > > > > make it configurable. > > > > > > > > > > Nah, not too many options. We wanted to keep this > > > simple. > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > See above :) > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx > > > <alexander.marx > > > > > @oab > > > > > > > .de> wrote: > > > > > > > > Hi > > > > > > > > > > > > > > > > Here are the actual ugly screenshots from the > > > loginpage. > > > > > > > > one version with voucher access and the other > > > one with > > > > > license > > > > > > > > agreement. > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael > > > Tremer: > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > I know that you are busy with other things, > > > but > > > > > nevertheless I > > > > > > > > > would > > > > > > > > > like to send you this request. > > > > > > > > > > > > > > > > > > Alex is currently working on a so called > > > captive portal. > > > > > That > > > > > > > > > are these > > > > > > > > > things that pop up on your phone or laptop > > > when you connect > > > > > to > > > > > > > > > a > > > > > > > > > wireless network in a hotel or cafe. That > > > web page that is > > > > > > > > > shown is > > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > > > We also have a few other pages that are > > > shown to the users > > > > > of > > > > > > > > > the > > > > > > > > > network when for example a web page is > > > blocked. That page > > > > > > > > > however is > > > > > > > > > really ugly and probably needs a remake as > > > well. I want to > > > > > > > > > focus on the > > > > > > > > > captive portal for now, but I guess you > > > would like to know > > > > > that > > > > > > > > > there > > > > > > > > > are more. [1] and [2]. Really bad right? > > > They scare users. > > > > > > > > > > > > > > > > > > Alex will send you a screenshot of the > > > development version > > > > > we > > > > > > > > > have now. > > > > > > > > > This is just a quick page to show the > > > concept and what we > > > > > are > > > > > > > > > roughly > > > > > > > > > after. > > > > > > > > > > > > > > > > > > There are two options for now. The first > > > one is where the > > > > > user > > > > > > > > > has to > > > > > > > > > agree to a license and click a "I accept" > > > button. The > > > > > second > > > > > > > > > one is > > > > > > > > > where the user will have to type in a > > > voucher code and > > > > > click a > > > > > > > > > button > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > > > > > > > If so, a quick mock-up would be okay for > > > now, because we > > > > > would > > > > > > > > > like to > > > > > > > > > put this entire project on the wishlist to > > > raise some > > > > > crowd- > > > > > > > > > funding > > > > > > > > > money. Giving the user that mock-up would > > > certainly help so > > > > > > > > > that they > > > > > > > > > get a good impression what they are > > > supporting here. The > > > > > actual > > > > > > > > > implementation will happen a bit later when > > > enough funds > > > > > have > > > > > > > > > been > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > @Alex, would you please send some > > > screenshots of the two > > > > > pages > > > > > > > > > we have > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I am throwing a > > > bit of random > > > > > stuff > > > > > > > > > at you. > > > > > > > > > Just let me know when I don't make sense > > > any more :) > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/V > > > fU-c33FMDI/AAAAA > > > > > AAAD > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > [2] http://wiki.ipfire.org/_media/en/addons > > > /clamav/squidcla > > > > > mav- > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > >
Hi Michael and Maurice,
Am 03.02.2016 um 15:36 schrieb Maurice Gesswein:
Hi
On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer <michael.tremer@ipfire.org mailto:michael.tremer@ipfire.org> wrote:
Hi, sorry for not getting back earlier... On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein wrote: > Hi, > > attached you find design/layout suggestions for all mentioned captive > portal websites. It looks great!
Happy to hear that :)
> Some notes: > The layout is always the same. You are able to build one template > which can used for every site. That is handy. > The layout is very responsive friendly (smartphone, tablet) as you > can see at the access-voucher_360.jpg (standard Android phone size) > I strongly recommend to don't use scrollable content within a > scrollable page (see first 2 screenshots from Alex). You become crazy > if you want to navigate though that on a touch device. LOL > A specific header image can be used for every case. Okay, we need to build a way to upload that and possibly some specifications that we can give to people to design theirs in the right way.
Specs would be a recommended minimum width and height for the image. Additionally an imagesize (KB) restriction. You don't want to load a 10MB image ;) Resizing is handled by the mentioned code snippets or perhaps Bootstap itself.
> There are tiny and simple code snippets which scale the header image > for every size correctly. I'll check this out to provide you with > more detailed information. > Just checked getbootstrap.com <http://getbootstrap.com>. Seems to be that such a functionality > is already included. Cool. > A footer where you are able to promote IPFire ;) Always good. > Layout based on Bootstap 3 > I used the color-theme for the upcoming new IPFire website and WebUI. > @Michael the bright red is not the new primary IPFire red ;) It's the > error-red. I'll show more about that soon. > I suggested new text for the errors. Maybe you like it :) > > Let me know if you have any questions or concerns. There is nothing from me I would like to see changed. So I suppose that we can regard this as the final draft. Would you be up for arranging a telephone conference with Daniel & Alex, because I think that I have many questions regarding how we get from the draft to code :) How about Monday evening?
We can of course chat. Keep in mind that I'll provide - I call it "Guides" - for you. It's kind of a construction plan or blueprint (font size, colors, margins, paddings, etc). Maybe it's not really needed to chat before you code anything. My guides should clear a lot of your questions. Let me finish such a blueprint and you will let my know your thoughts :)
Does that mean we have a "date" on Monday, 8th at 20:00 german local time? telephone conference ?
Alex
Best, -Michael
Maurice
> Best, > Maurice > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller <daniel.weismueller > @ipfire.org <http://ipfire.org>> wrote: > > No. > > > > The last screenshot shows the customization part from "good old" > > configurationsite of the url-filter. > > For better understanding i've made a (3) screenshot(s) of the > > whole page. > > > > - Daniel > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice Gesswein: > > > Is that the place where the hoster can include his own T&Cs, > > > upload a company logo, add the company name, etc? > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller <daniel.weismue > > > ller@ipfire.org <mailto:ller@ipfire.org>> wrote: > > > > me again :) > > > > > > > > Another screenshot now from the webif where you may customize > > > > blockpage from the url-filter. > > > > > > > > - Daniel > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice Gesswein: > > > > > Perfect. Thanks Daniel. > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" <daniel > > > > > .weismueller@ipfire.org <mailto:weismueller@ipfire.org>>: > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > - Daniel > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice Gesswein: > > > > > > > Good morning, > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" <michae > > > > > > > l.tremer@ipfire.org <mailto:l.tremer@ipfire.org>>: > > > > > > > > Hi, > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein > > > > > > > > wrote: > > > > > > > > > Can someone send me the terms & condition text from > > > > > > > > the screenshots > > > > > > > > > as real text? > > > > > > > > > > > > > > > > There is a text area where the user will type in the > > > > > > > > T&Cs. So there is > > > > > > > > no predefined text and it might change. > > > > > > > > > > > > > > > > Do you still want some sample or can you just use lorem > > > > > > > > ipsum? > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <mich > > > > > > > > ael.tremer@ipfir > > > > > > > > > e.org <http://e.org>> wrote: > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx > > > > > > > > wrote: > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it. Thanks for the screens > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and suggestions. > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further upcoming pages like > > > > > > > > these, are you > > > > > > > > > > able > > > > > > > > > > > > to hand over a list of them (perhaps with > > > > > > > > screenshots)? Not > > > > > > > > > > really > > > > > > > > > > > > needed, but very helpful to deliver a > > > > > > > > consistent flexible > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > Don't worry about them too much. > > > > > > > > > > > > > > > > > > > > > As far as i know there are no other "external" > > > > > > > > pages. The > > > > > > > > > > > Webinterface of IPFire has an own design and > > > > > > > > several themes, i > > > > > > > > > > think > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > However, there are a few. I included both of them > > > > > > > > in the first > > > > > > > > > > email. > > > > > > > > > > On top of that there are the squid error pages. I > > > > > > > > am not too sure > > > > > > > > > > if we > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > I will figure that out and get back to you. > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able to include his own > > > > > > > > logo/brand? That > > > > > > > > > > would > > > > > > > > > > > > give the users a lot more trust in that things. > > > > > > > > If an image > > > > > > > > > > upload > > > > > > > > > > > > is not in the current scope, I suggest a > > > > > > > > prominent headline > > > > > > > > > > where > > > > > > > > > > > > the hoster is able to include the company name. > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able to change the Title > > > > > > > > (The top-title in > > > > > > > > > > the > > > > > > > > > > > screenies like "Login" or on the other page "My > > > > > > > > private HotSpot") > > > > > > > > > > > maybe we can add a Logo but we have to decide > > > > > > > > which dimensions > > > > > > > > > > are > > > > > > > > > > > allowed. This is difficult as many companies have > > > > > > > > different > > > > > > > > > > > dimensions of Logos. Some are 4:3, others are > > > > > > > > like 27:9 and so > > > > > > > > > > on. > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > I think we don't need that. We usually have the > > > > > > > > opportunity to > > > > > > > > > > upload > > > > > > > > > > an entire HTML template, so that if someone wants > > > > > > > > to replace the > > > > > > > > > > page, > > > > > > > > > > they can do that. But just a logo is a bit too > > > > > > > > easy. Who ever wants > > > > > > > > > > to > > > > > > > > > > brand this as their own should do that with the > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > And of course we should not forget about doing some > > > > > > > > advertisement > > > > > > > > > > for > > > > > > > > > > our own product :) However, I get many emails from > > > > > > > > annoyed students > > > > > > > > > > that can't access dirty websites in their school. > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire, should those pages > > > > > > > > be designed like > > > > > > > > > > the > > > > > > > > > > > > new upcoming style of IPFire? Means same color > > > > > > > > theme, button > > > > > > > > > > style, > > > > > > > > > > > > IPFire logo, caption like "powered by IPFire", > > > > > > > > etc? Or should > > > > > > > > > > it > > > > > > > > > > > > totally generic so that the users has no clue > > > > > > > > what system shows > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > I would like a "powered by IPFire" at least and > > > > > > > > even advise people > > > > > > > > > > who > > > > > > > > > > replace the theme by their own to keep that in. > > > > > > > > > > > > > > > > > > > > This does not need to be like the new stuff but I > > > > > > > > think it should > > > > > > > > > > feel > > > > > > > > > > a bit like IPFire but also be neutral. We do not > > > > > > > > need to hide that > > > > > > > > > > this > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > No. I think if we have something like a > > > > > > > > "background-color" > > > > > > > > > > instead of > > > > > > > > > > > a picture, we should the hoster let configure it, > > > > > > > > so the people > > > > > > > > > > are > > > > > > > > > > > able to adpat the colors to their own corporate > > > > > > > > identity. So if > > > > > > > > > > you > > > > > > > > > > > woul like to work with gradients or similar, i > > > > > > > > would recommend to > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We wanted to keep this > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx > > > > > > > > <alexander.marx > > > > > > > > > > @oab > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly screenshots from the > > > > > > > > loginpage. > > > > > > > > > > > > > one version with voucher access and the other > > > > > > > > one with > > > > > > > > > > license > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael > > > > > > > > Tremer: > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are busy with other things, > > > > > > > > but > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > would > > > > > > > > > > > > > > like to send you this request. > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently working on a so called > > > > > > > > captive portal. > > > > > > > > > > That > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > things that pop up on your phone or laptop > > > > > > > > when you connect > > > > > > > > > > to > > > > > > > > > > > > > > a > > > > > > > > > > > > > > wireless network in a hotel or cafe. That > > > > > > > > web page that is > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few other pages that are > > > > > > > > shown to the users > > > > > > > > > > of > > > > > > > > > > > > > > the > > > > > > > > > > > > > > network when for example a web page is > > > > > > > > blocked. That page > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > really ugly and probably needs a remake as > > > > > > > > well. I want to > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > captive portal for now, but I guess you > > > > > > > > would like to know > > > > > > > > > > that > > > > > > > > > > > > > > there > > > > > > > > > > > > > > are more. [1] and [2]. Really bad right? > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a screenshot of the > > > > > > > > development version > > > > > > > > > > we > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > This is just a quick page to show the > > > > > > > > concept and what we > > > > > > > > > > are > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options for now. The first > > > > > > > > one is where the > > > > > > > > > > user > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > agree to a license and click a "I accept" > > > > > > > > button. The > > > > > > > > > > second > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > where the user will have to type in a > > > > > > > > voucher code and > > > > > > > > > > click a > > > > > > > > > > > > > > button > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up would be okay for > > > > > > > > now, because we > > > > > > > > > > would > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > put this entire project on the wishlist to > > > > > > > > raise some > > > > > > > > > > crowd- > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > money. Giving the user that mock-up would > > > > > > > > certainly help so > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > get a good impression what they are > > > > > > > > supporting here. The > > > > > > > > > > actual > > > > > > > > > > > > > > implementation will happen a bit later when > > > > > > > > enough funds > > > > > > > > > > have > > > > > > > > > > > > > > been > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please send some > > > > > > > > screenshots of the two > > > > > > > > > > pages > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I am throwing a > > > > > > > > bit of random > > > > > > > > > > stuff > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > Just let me know when I don't make sense > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/V > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > AAAD > > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > > [2] http://wiki.ipfire.org/_media/en/addons > > > > > > > > /clamav/squidcla > > > > > > > > > > mav- > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hi,
yes 8 pm CET is fine for me. Can also do later if you prefer.
-Michael
On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote:
Hi Michael and Maurice,
Am 03.02.2016 um 15:36 schrieb Maurice Gesswein:
Hi
On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer <michael.tremer@ipfi re.org> wrote:
Hi,
sorry for not getting back earlier...
On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein wrote:
Hi,
attached you find design/layout suggestions for all mentioned
captive
portal websites.
It looks great!
Happy to hear that :)
Some notes: The layout is always the same. You are able to build one
template
which can used for every site.
That is handy.
The layout is very responsive friendly (smartphone, tablet) as
you
can see at the access-voucher_360.jpg (standard Android phone
size)
I strongly recommend to don't use scrollable content within a scrollable page (see first 2 screenshots from Alex). You become
crazy
if you want to navigate though that on a touch device.
LOL
A specific header image can be used for every case.
Okay, we need to build a way to upload that and possibly some specifications that we can give to people to design theirs in the right way.
Specs would be a recommended minimum width and height for the image. Additionally an imagesize (KB) restriction. You don't want to load a 10MB image ;) Resizing is handled by the mentioned code snippets or perhaps Bootstap itself.
There are tiny and simple code snippets which scale the header
image
for every size correctly. I'll check this out to provide you
with
more detailed information. Just checked getbootstrap.com. Seems to be that such a
functionality
is already included.
Cool.
A footer where you are able to promote IPFire ;)
Always good.
Layout based on Bootstap 3 I used the color-theme for the upcoming new IPFire website and
WebUI.
@Michael the bright red is not the new primary IPFire red ;)
It's the
error-red. I'll show more about that soon. I suggested new text for the errors. Maybe you like it :)
Let me know if you have any questions or concerns.
There is nothing from me I would like to see changed. So I suppose that we can regard this as the final draft.
Would you be up for arranging a telephone conference with Daniel & Alex, because I think that I have many questions regarding how we get from the draft to code :) How about Monday evening?
We can of course chat. Keep in mind that I'll provide - I call it "Guides" - for you. It's kind of a construction plan or blueprint (font size, colors, margins, paddings, etc). Maybe it's not really needed to chat before you code anything. My guides should clear a lot of your questions. Let me finish such a blueprint and you will let my know your thoughts :)
Does that mean we have a "date" on Monday, 8th at 20:00 german local time? telephone conference ?
Alex
Best, -Michael
Maurice
Best, Maurice
On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller
<daniel.weismueller
@ipfire.org> wrote:
No.
The last screenshot shows the customization part from "good
old"
configurationsite of the url-filter. For better understanding i've made a (3) screenshot(s) of
the
whole page.
- Daniel
Am 01.02.2016 um 14:32 schrieb Maurice Gesswein:
Is that the place where the hoster can include his own
T&Cs,
upload a company logo, add the company name, etc?
On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller
<daniel.weismue
ller@ipfire.org> wrote: > me again :) > > Another screenshot now from the webif where you may
customize
> blockpage from the url-filter. > > - Daniel > > > Am 01.02.2016 um 14:24 schrieb Maurice Gesswein: > > Perfect. Thanks Daniel. > > Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller"
<daniel
> > .weismueller@ipfire.org>: > > > Here are the screenshots as requested. > > > > > > - Daniel > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice Gesswein: > > > > Good morning, > > > > I use lorem ipsum than. Thanks. > > > > Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer"
<michae
> > > > l.tremer@ipfire.org>: > > > > > Hi, > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, Maurice
Gesswein
> > > > > wrote: > > > > > > Can someone send me the terms & condition text
from
> > > > > the screenshots > > > > > > as real text? > > > > > > > > > > There is a text area where the user will type in
the
> > > > > T&Cs. So there is > > > > > no predefined text and it might change. > > > > > > > > > > Do you still want some sample or can you just use
lorem
> > > > > ipsum? > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer
<mich
> > > > > ael.tremer@ipfir > > > > > > e.org> wrote: > > > > > > > Hi, > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100, Alexander
Marx
> > > > > wrote: > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > OK, in general I got it. Thanks for the
screens
> > > > > Alex. > > > > > > > > > > > > > > > > > > I have a few questions and suggestions. > > > > > > > > > > > > > > > > > > To be prepared for further upcoming pages
like
> > > > > these, are you > > > > > > > able > > > > > > > > > to hand over a list of them (perhaps with > > > > > screenshots)? Not > > > > > > > really > > > > > > > > > needed, but very helpful to deliver a > > > > > consistent flexible > > > > > > > design. > > > > > > > > > > > > > > Don't worry about them too much. > > > > > > > > > > > > > > > As far as i know there are no other
"external"
> > > > > pages. The > > > > > > > > Webinterface of IPFire has an own design
and
> > > > > several themes, i > > > > > > > think > > > > > > > > you already saw them. > > > > > > > > > > > > > > However, there are a few. I included both of
them
> > > > > in the first > > > > > > > email. > > > > > > > On top of that there are the squid error
pages. I
> > > > > am not too sure > > > > > > > if we > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > I will figure that out and get back to you. > > > > > > > > > > > > > > > > Should the hoster be able to include his
own
> > > > > logo/brand? That > > > > > > > would > > > > > > > > > give the users a lot more trust in that
things.
> > > > > If an image > > > > > > > upload > > > > > > > > > is not in the current scope, I suggest a > > > > > prominent headline > > > > > > > where > > > > > > > > > the hoster is able to include the company
name.
> > > > > Do you agree? > > > > > > > > > > > > > > > Actually the hoster is able to change the
Title
> > > > > (The top-title in > > > > > > > the > > > > > > > > screenies like "Login" or on the other page
"My
> > > > > private HotSpot") > > > > > > > > maybe we can add a Logo but we have to
decide
> > > > > which dimensions > > > > > > > are > > > > > > > > allowed. This is difficult as many
companies have
> > > > > different > > > > > > > > dimensions of Logos. Some are 4:3, others
are
> > > > > like 27:9 and so > > > > > > > on. > > > > > > > > What do other people think? > > > > > > > > > > > > > > I think we don't need that. We usually have
the
> > > > > opportunity to > > > > > > > upload > > > > > > > an entire HTML template, so that if someone
wants
> > > > > to replace the > > > > > > > page, > > > > > > > they can do that. But just a logo is a bit
too
> > > > > easy. Who ever wants > > > > > > > to > > > > > > > brand this as their own should do that with
the
> > > > > rest, too. > > > > > > > > > > > > > > And of course we should not forget about
doing some
> > > > > advertisement > > > > > > > for > > > > > > > our own product :) However, I get many emails
from
> > > > > annoyed students > > > > > > > that can't access dirty websites in their
school.
> > > > > LOL > > > > > > > > > > > > > > > > Since it's part of IPFire, should those
pages
> > > > > be designed like > > > > > > > the > > > > > > > > > new upcoming style of IPFire? Means same
color
> > > > > theme, button > > > > > > > style, > > > > > > > > > IPFire logo, caption like "powered by
IPFire",
> > > > > etc? Or should > > > > > > > it > > > > > > > > > totally generic so that the users has no
clue
> > > > > what system shows > > > > > > > > > those dialogs? > > > > > > > > > > > > > > I would like a "powered by IPFire" at least
and
> > > > > even advise people > > > > > > > who > > > > > > > replace the theme by their own to keep that
in.
> > > > > > > > > > > > > > This does not need to be like the new stuff
but I
> > > > > think it should > > > > > > > feel > > > > > > > a bit like IPFire but also be neutral. We do
not
> > > > > need to hide that > > > > > > > this > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > No. I think if we have something like a > > > > > "background-color" > > > > > > > instead of > > > > > > > > a picture, we should the hoster let
configure it,
> > > > > so the people > > > > > > > are > > > > > > > > able to adpat the colors to their own
corporate
> > > > > identity. So if > > > > > > > you > > > > > > > > woul like to work with gradients or
similar, i
> > > > > would recommend to > > > > > > > > make it configurable. > > > > > > > > > > > > > > Nah, not too many options. We wanted to keep
this
> > > > > simple. > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM,
Alexander Marx
> > > > > <alexander.marx > > > > > > > @oab > > > > > > > > > .de> wrote: > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > Here are the actual ugly screenshots
from the
> > > > > loginpage. > > > > > > > > > > one version with voucher access and the
other
> > > > > one with > > > > > > > license > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael > > > > > Tremer: > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > I know that you are busy with other
things,
> > > > > but > > > > > > > nevertheless I > > > > > > > > > > > would > > > > > > > > > > > like to send you this request. > > > > > > > > > > > > > > > > > > > > > > Alex is currently working on a so
called
> > > > > captive portal. > > > > > > > That > > > > > > > > > > > are these > > > > > > > > > > > things that pop up on your phone or
laptop
> > > > > when you connect > > > > > > > to > > > > > > > > > > > a > > > > > > > > > > > wireless network in a hotel or cafe.
That
> > > > > web page that is > > > > > > > > > > > shown is > > > > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > > > > > > > We also have a few other pages that
are
> > > > > shown to the users > > > > > > > of > > > > > > > > > > > the > > > > > > > > > > > network when for example a web page
is
> > > > > blocked. That page > > > > > > > > > > > however is > > > > > > > > > > > really ugly and probably needs a
remake as
> > > > > well. I want to > > > > > > > > > > > focus on the > > > > > > > > > > > captive portal for now, but I guess
you
> > > > > would like to know > > > > > > > that > > > > > > > > > > > there > > > > > > > > > > > are more. [1] and [2]. Really bad
right?
> > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > Alex will send you a screenshot of
the
> > > > > development version > > > > > > > we > > > > > > > > > > > have now. > > > > > > > > > > > This is just a quick page to show the > > > > > concept and what we > > > > > > > are > > > > > > > > > > > roughly > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > There are two options for now. The
first
> > > > > one is where the > > > > > > > user > > > > > > > > > > > has to > > > > > > > > > > > agree to a license and click a "I
accept"
> > > > > button. The > > > > > > > second > > > > > > > > > > > one is > > > > > > > > > > > where the user will have to type in a > > > > > voucher code and > > > > > > > click a > > > > > > > > > > > button > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up would be okay
for
> > > > > now, because we > > > > > > > would > > > > > > > > > > > like to > > > > > > > > > > > put this entire project on the
wishlist to
> > > > > raise some > > > > > > > crowd- > > > > > > > > > > > funding > > > > > > > > > > > money. Giving the user that mock-up
would
> > > > > certainly help so > > > > > > > > > > > that they > > > > > > > > > > > get a good impression what they are > > > > > supporting here. The > > > > > > > actual > > > > > > > > > > > implementation will happen a bit
later when
> > > > > enough funds > > > > > > > have > > > > > > > > > > > been > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please send some > > > > > screenshots of the two > > > > > > > pages > > > > > > > > > > > we have > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I am
throwing a
> > > > > bit of random > > > > > > > stuff > > > > > > > > > > > at you. > > > > > > > > > > > Just let me know when I don't make
sense
> > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw4wUe
UsgQ/V
> > > > > fU-c33FMDI/AAAAA > > > > > > > AAAD > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > [2] http://wiki.ipfire.org/_media/en/
addons
> > > > > /clamav/squidcla > > > > > > > mav- > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hi,
I attached a quick first impression what I meant with "Guides". Info for the dots (C1, F1, etc), primary text color, default fontsize, button style, etc will be all predefined in a separate sheet. As well as a sheet for tablet and mobile view.
As mentioned the 12 column grid is based on Bootstrap.
Perhaps that clears a lot of your very first questions. If you would like to have a call at that stage, I'm fine with Monday but please at 9pm.
Best, Maurice
On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer michael.tremer@ipfire.org wrote:
Hi,
yes 8 pm CET is fine for me. Can also do later if you prefer.
-Michael
On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote:
Hi Michael and Maurice,
Am 03.02.2016 um 15:36 schrieb Maurice Gesswein:
Hi
On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer <michael.tremer@ipfi re.org> wrote:
Hi,
sorry for not getting back earlier...
On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein wrote:
Hi,
attached you find design/layout suggestions for all mentioned
captive
portal websites.
It looks great!
Happy to hear that :)
Some notes: The layout is always the same. You are able to build one
template
which can used for every site.
That is handy.
The layout is very responsive friendly (smartphone, tablet) as
you
can see at the access-voucher_360.jpg (standard Android phone
size)
I strongly recommend to don't use scrollable content within a scrollable page (see first 2 screenshots from Alex). You become
crazy
if you want to navigate though that on a touch device.
LOL
A specific header image can be used for every case.
Okay, we need to build a way to upload that and possibly some specifications that we can give to people to design theirs in the right way.
Specs would be a recommended minimum width and height for the image. Additionally an imagesize (KB) restriction. You don't want to load a 10MB image ;) Resizing is handled by the mentioned code snippets or perhaps Bootstap itself.
There are tiny and simple code snippets which scale the header
image
for every size correctly. I'll check this out to provide you
with
more detailed information. Just checked getbootstrap.com. Seems to be that such a
functionality
is already included.
Cool.
A footer where you are able to promote IPFire ;)
Always good.
Layout based on Bootstap 3 I used the color-theme for the upcoming new IPFire website and
WebUI.
@Michael the bright red is not the new primary IPFire red ;)
It's the
error-red. I'll show more about that soon. I suggested new text for the errors. Maybe you like it :)
Let me know if you have any questions or concerns.
There is nothing from me I would like to see changed. So I suppose that we can regard this as the final draft.
Would you be up for arranging a telephone conference with Daniel & Alex, because I think that I have many questions regarding how we get from the draft to code :) How about Monday evening?
We can of course chat. Keep in mind that I'll provide - I call it "Guides" - for you. It's kind of a construction plan or blueprint (font size, colors, margins, paddings, etc). Maybe it's not really needed to chat before you code anything. My guides should clear a lot of your questions. Let me finish such a blueprint and you will let my know your thoughts :)
Does that mean we have a "date" on Monday, 8th at 20:00 german local time? telephone conference ?
Alex
Best, -Michael
Maurice
Best, Maurice
On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller
<daniel.weismueller
@ipfire.org> wrote:
No.
The last screenshot shows the customization part from "good
old"
configurationsite of the url-filter. For better understanding i've made a (3) screenshot(s) of
the
whole page.
- Daniel
Am 01.02.2016 um 14:32 schrieb Maurice Gesswein: > Is that the place where the hoster can include his own
T&Cs,
> upload a company logo, add the company name, etc? > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller
<daniel.weismue
> ller@ipfire.org> wrote: > > me again :) > > > > Another screenshot now from the webif where you may
customize
> > blockpage from the url-filter. > > > > - Daniel > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice Gesswein: > > > Perfect. Thanks Daniel. > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller"
<daniel
> > > .weismueller@ipfire.org>: > > > > Here are the screenshots as requested. > > > > > > > > - Daniel > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice Gesswein: > > > > > Good morning, > > > > > I use lorem ipsum than. Thanks. > > > > > Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer"
<michae
> > > > > l.tremer@ipfire.org>: > > > > > > Hi, > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, Maurice
Gesswein
> > > > > > wrote: > > > > > > > Can someone send me the terms & condition text
from
> > > > > > the screenshots > > > > > > > as real text? > > > > > > > > > > > > There is a text area where the user will type in
the
> > > > > > T&Cs. So there is > > > > > > no predefined text and it might change. > > > > > > > > > > > > Do you still want some sample or can you just use
lorem
> > > > > > ipsum? > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer
<mich
> > > > > > ael.tremer@ipfir > > > > > > > e.org> wrote: > > > > > > > > Hi, > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100, Alexander
Marx
> > > > > > wrote: > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > OK, in general I got it. Thanks for the
screens
> > > > > > Alex. > > > > > > > > > > > > > > > > > > > > I have a few questions and suggestions. > > > > > > > > > > > > > > > > > > > > To be prepared for further upcoming pages
like
> > > > > > these, are you > > > > > > > > able > > > > > > > > > > to hand over a list of them (perhaps with > > > > > > screenshots)? Not > > > > > > > > really > > > > > > > > > > needed, but very helpful to deliver a > > > > > > consistent flexible > > > > > > > > design. > > > > > > > > > > > > > > > > Don't worry about them too much. > > > > > > > > > > > > > > > > > As far as i know there are no other
"external"
> > > > > > pages. The > > > > > > > > > Webinterface of IPFire has an own design
and
> > > > > > several themes, i > > > > > > > > think > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > However, there are a few. I included both of
them
> > > > > > in the first > > > > > > > > email. > > > > > > > > On top of that there are the squid error
pages. I
> > > > > > am not too sure > > > > > > > > if we > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > I will figure that out and get back to you. > > > > > > > > > > > > > > > > > > Should the hoster be able to include his
own
> > > > > > logo/brand? That > > > > > > > > would > > > > > > > > > > give the users a lot more trust in that
things.
> > > > > > If an image > > > > > > > > upload > > > > > > > > > > is not in the current scope, I suggest a > > > > > > prominent headline > > > > > > > > where > > > > > > > > > > the hoster is able to include the company
name.
> > > > > > Do you agree? > > > > > > > > > > > > > > > > > Actually the hoster is able to change the
Title
> > > > > > (The top-title in > > > > > > > > the > > > > > > > > > screenies like "Login" or on the other page
"My
> > > > > > private HotSpot") > > > > > > > > > maybe we can add a Logo but we have to
decide
> > > > > > which dimensions > > > > > > > > are > > > > > > > > > allowed. This is difficult as many
companies have
> > > > > > different > > > > > > > > > dimensions of Logos. Some are 4:3, others
are
> > > > > > like 27:9 and so > > > > > > > > on. > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > I think we don't need that. We usually have
the
> > > > > > opportunity to > > > > > > > > upload > > > > > > > > an entire HTML template, so that if someone
wants
> > > > > > to replace the > > > > > > > > page, > > > > > > > > they can do that. But just a logo is a bit
too
> > > > > > easy. Who ever wants > > > > > > > > to > > > > > > > > brand this as their own should do that with
the
> > > > > > rest, too. > > > > > > > > > > > > > > > > And of course we should not forget about
doing some
> > > > > > advertisement > > > > > > > > for > > > > > > > > our own product :) However, I get many emails
from
> > > > > > annoyed students > > > > > > > > that can't access dirty websites in their
school.
> > > > > > LOL > > > > > > > > > > > > > > > > > > Since it's part of IPFire, should those
pages
> > > > > > be designed like > > > > > > > > the > > > > > > > > > > new upcoming style of IPFire? Means same
color
> > > > > > theme, button > > > > > > > > style, > > > > > > > > > > IPFire logo, caption like "powered by
IPFire",
> > > > > > etc? Or should > > > > > > > > it > > > > > > > > > > totally generic so that the users has no
clue
> > > > > > what system shows > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > I would like a "powered by IPFire" at least
and
> > > > > > even advise people > > > > > > > > who > > > > > > > > replace the theme by their own to keep that
in.
> > > > > > > > > > > > > > > > This does not need to be like the new stuff
but I
> > > > > > think it should > > > > > > > > feel > > > > > > > > a bit like IPFire but also be neutral. We do
not
> > > > > > need to hide that > > > > > > > > this > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > No. I think if we have something like a > > > > > > "background-color" > > > > > > > > instead of > > > > > > > > > a picture, we should the hoster let
configure it,
> > > > > > so the people > > > > > > > > are > > > > > > > > > able to adpat the colors to their own
corporate
> > > > > > identity. So if > > > > > > > > you > > > > > > > > > woul like to work with gradients or
similar, i
> > > > > > would recommend to > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > Nah, not too many options. We wanted to keep
this
> > > > > > simple. > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM,
Alexander Marx
> > > > > > <alexander.marx > > > > > > > > @oab > > > > > > > > > > .de> wrote: > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly screenshots
from the
> > > > > > loginpage. > > > > > > > > > > > one version with voucher access and the
other
> > > > > > one with > > > > > > > > license > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael > > > > > > Tremer: > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > I know that you are busy with other
things,
> > > > > > but > > > > > > > > nevertheless I > > > > > > > > > > > > would > > > > > > > > > > > > like to send you this request. > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently working on a so
called
> > > > > > captive portal. > > > > > > > > That > > > > > > > > > > > > are these > > > > > > > > > > > > things that pop up on your phone or
laptop
> > > > > > when you connect > > > > > > > > to > > > > > > > > > > > > a > > > > > > > > > > > > wireless network in a hotel or cafe.
That
> > > > > > web page that is > > > > > > > > > > > > shown is > > > > > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > > > > > > > > > We also have a few other pages that
are
> > > > > > shown to the users > > > > > > > > of > > > > > > > > > > > > the > > > > > > > > > > > > network when for example a web page
is
> > > > > > blocked. That page > > > > > > > > > > > > however is > > > > > > > > > > > > really ugly and probably needs a
remake as
> > > > > > well. I want to > > > > > > > > > > > > focus on the > > > > > > > > > > > > captive portal for now, but I guess
you
> > > > > > would like to know > > > > > > > > that > > > > > > > > > > > > there > > > > > > > > > > > > are more. [1] and [2]. Really bad
right?
> > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a screenshot of
the
> > > > > > development version > > > > > > > > we > > > > > > > > > > > > have now. > > > > > > > > > > > > This is just a quick page to show the > > > > > > concept and what we > > > > > > > > are > > > > > > > > > > > > roughly > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > There are two options for now. The
first
> > > > > > one is where the > > > > > > > > user > > > > > > > > > > > > has to > > > > > > > > > > > > agree to a license and click a "I
accept"
> > > > > > button. The > > > > > > > > second > > > > > > > > > > > > one is > > > > > > > > > > > > where the user will have to type in a > > > > > > voucher code and > > > > > > > > click a > > > > > > > > > > > > button > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up would be okay
for
> > > > > > now, because we > > > > > > > > would > > > > > > > > > > > > like to > > > > > > > > > > > > put this entire project on the
wishlist to
> > > > > > raise some > > > > > > > > crowd- > > > > > > > > > > > > funding > > > > > > > > > > > > money. Giving the user that mock-up
would
> > > > > > certainly help so > > > > > > > > > > > > that they > > > > > > > > > > > > get a good impression what they are > > > > > > supporting here. The > > > > > > > > actual > > > > > > > > > > > > implementation will happen a bit
later when
> > > > > > enough funds > > > > > > > > have > > > > > > > > > > > > been > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please send some > > > > > > screenshots of the two > > > > > > > > pages > > > > > > > > > > > > we have > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I am
throwing a
> > > > > > bit of random > > > > > > > > stuff > > > > > > > > > > > > at you. > > > > > > > > > > > > Just let me know when I don't make
sense
> > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw4wUe
UsgQ/V
> > > > > > fU-c33FMDI/AAAAA > > > > > > > > AAAD > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > [2] http://wiki.ipfire.org/_media/en/
addons
> > > > > > /clamav/squidcla > > > > > > > > mav- > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hi,
On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote:
Hi,
I attached a quick first impression what I meant with "Guides". Info for the dots (C1, F1, etc), primary text color, default fontsize, button style, etc will be all predefined in a separate sheet. As well as a sheet for tablet and mobile view.
This looks good. It is a good way to start working on implementing that one soon. However it raises new questions LOL
As mentioned the 12 column grid is based on Bootstrap.
I don't find 12 columns...
Perhaps that clears a lot of your very first questions. If you would like to have a call at that stage, I'm fine with Monday but please at 9pm.
-Michael
Best, Maurice
On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tremer@ipfir e.org> wrote:
Hi,
yes 8 pm CET is fine for me. Can also do later if you prefer.
-Michael
On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote:
Hi Michael and Maurice,
Am 03.02.2016 um 15:36 schrieb Maurice Gesswein:
Hi
On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer <michael.tremer@
ipfi
re.org> wrote:
Hi,
sorry for not getting back earlier...
On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein wrote:
Hi,
attached you find design/layout suggestions for all
mentioned
captive
portal websites.
It looks great!
Happy to hear that :)
Some notes: The layout is always the same. You are able to build one
template
which can used for every site.
That is handy.
The layout is very responsive friendly (smartphone, tablet)
as
you
can see at the access-voucher_360.jpg (standard Android
phone
size)
I strongly recommend to don't use scrollable content within
a
scrollable page (see first 2 screenshots from Alex). You
become
crazy
if you want to navigate though that on a touch device.
LOL
A specific header image can be used for every case.
Okay, we need to build a way to upload that and possibly some specifications that we can give to people to design theirs in
the
right way.
Specs would be a recommended minimum width and height for the image. Additionally an imagesize (KB) restriction. You don't
want
to load a 10MB image ;) Resizing is handled by the mentioned
code
snippets or perhaps Bootstap itself.
There are tiny and simple code snippets which scale the
header
image
for every size correctly. I'll check this out to provide
you
with
more detailed information. Just checked getbootstrap.com. Seems to be that such a
functionality
is already included.
Cool.
A footer where you are able to promote IPFire ;)
Always good.
Layout based on Bootstap 3 I used the color-theme for the upcoming new IPFire website
and
WebUI.
@Michael the bright red is not the new primary IPFire red
;)
It's the
error-red. I'll show more about that soon. I suggested new text for the errors. Maybe you like it :)
Let me know if you have any questions or concerns.
There is nothing from me I would like to see changed. So I suppose that we can regard this as the final draft.
Would you be up for arranging a telephone conference with
Daniel
& Alex, because I think that I have many questions regarding
how we
get from the draft to code :) How about Monday evening?
We can of course chat. Keep in mind that I'll provide - I call
it
"Guides" - for you. It's kind of a construction plan or
blueprint
(font size, colors, margins, paddings, etc). Maybe it's not
really
needed to chat before you code anything. My guides should clear
a
lot of your questions. Let me finish such a blueprint and you
will
let my know your thoughts :)
Does that mean we have a "date" on Monday, 8th at 20:00 german
local
time? telephone conference ?
Alex
Best, -Michael
Maurice
Best, Maurice
On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller
<daniel.weismueller
@ipfire.org> wrote: > No. > > The last screenshot shows the customization part from
"good
old"
> configurationsite of the url-filter. > For better understanding i've made a (3) screenshot(s)
of
the
> whole page. > > - Daniel > > > Am 01.02.2016 um 14:32 schrieb Maurice Gesswein: > > Is that the place where the hoster can include his own
T&Cs,
> > upload a company logo, add the company name, etc? > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller
<daniel.weismue
> > ller@ipfire.org> wrote: > > > me again :) > > > > > > Another screenshot now from the webif where you may
customize
> > > blockpage from the url-filter. > > > > > > - Daniel > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice Gesswein: > > > > Perfect. Thanks Daniel. > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel
Weismüller"
<daniel
> > > > .weismueller@ipfire.org>: > > > > > Here are the screenshots as requested. > > > > > > > > > > - Daniel > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice Gesswein: > > > > > > Good morning, > > > > > > I use lorem ipsum than. Thanks. > > > > > > Am 31.01.2016 4:31 vorm. schrieb "Michael
Tremer"
<michae
> > > > > > l.tremer@ipfire.org>: > > > > > > > Hi, > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, Maurice
Gesswein
> > > > > > > wrote: > > > > > > > > Can someone send me the terms & condition
text
from
> > > > > > > the screenshots > > > > > > > > as real text? > > > > > > > > > > > > > > There is a text area where the user will type
in
the
> > > > > > > T&Cs. So there is > > > > > > > no predefined text and it might change. > > > > > > > > > > > > > > Do you still want some sample or can you just
use
lorem
> > > > > > > ipsum? > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, Michael
Tremer
<mich
> > > > > > > ael.tremer@ipfir > > > > > > > > e.org> wrote: > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100,
Alexander
Marx
> > > > > > > wrote: > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it. Thanks for
the
screens
> > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > I have a few questions and
suggestions.
> > > > > > > > > > > > > > > > > > > > > > To be prepared for further upcoming
pages
like
> > > > > > > these, are you > > > > > > > > > able > > > > > > > > > > > to hand over a list of them (perhaps
with
> > > > > > > screenshots)? Not > > > > > > > > > really > > > > > > > > > > > needed, but very helpful to deliver a > > > > > > > consistent flexible > > > > > > > > > design. > > > > > > > > > > > > > > > > > > Don't worry about them too much. > > > > > > > > > > > > > > > > > > > As far as i know there are no other
"external"
> > > > > > > pages. The > > > > > > > > > > Webinterface of IPFire has an own
design
and
> > > > > > > several themes, i > > > > > > > > > think > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > However, there are a few. I included both
of
them
> > > > > > > in the first > > > > > > > > > email. > > > > > > > > > On top of that there are the squid error
pages. I
> > > > > > > am not too sure > > > > > > > > > if we > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > I will figure that out and get back to
you.
> > > > > > > > > > > > > > > > > > > > Should the hoster be able to include
his
own
> > > > > > > logo/brand? That > > > > > > > > > would > > > > > > > > > > > give the users a lot more trust in
that
things.
> > > > > > > If an image > > > > > > > > > upload > > > > > > > > > > > is not in the current scope, I
suggest a
> > > > > > > prominent headline > > > > > > > > > where > > > > > > > > > > > the hoster is able to include the
company
name.
> > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > Actually the hoster is able to change
the
Title
> > > > > > > (The top-title in > > > > > > > > > the > > > > > > > > > > screenies like "Login" or on the other
page
"My
> > > > > > > private HotSpot") > > > > > > > > > > maybe we can add a Logo but we have to
decide
> > > > > > > which dimensions > > > > > > > > > are > > > > > > > > > > allowed. This is difficult as many
companies have
> > > > > > > different > > > > > > > > > > dimensions of Logos. Some are 4:3,
others
are
> > > > > > > like 27:9 and so > > > > > > > > > on. > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > I think we don't need that. We usually
have
the
> > > > > > > opportunity to > > > > > > > > > upload > > > > > > > > > an entire HTML template, so that if
someone
wants
> > > > > > > to replace the > > > > > > > > > page, > > > > > > > > > they can do that. But just a logo is a
bit
too
> > > > > > > easy. Who ever wants > > > > > > > > > to > > > > > > > > > brand this as their own should do that
with
the
> > > > > > > rest, too. > > > > > > > > > > > > > > > > > > And of course we should not forget about
doing some
> > > > > > > advertisement > > > > > > > > > for > > > > > > > > > our own product :) However, I get many
emails
from
> > > > > > > annoyed students > > > > > > > > > that can't access dirty websites in their
school.
> > > > > > > LOL > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire, should
those
pages
> > > > > > > be designed like > > > > > > > > > the > > > > > > > > > > > new upcoming style of IPFire? Means
same
color
> > > > > > > theme, button > > > > > > > > > style, > > > > > > > > > > > IPFire logo, caption like "powered by
IPFire",
> > > > > > > etc? Or should > > > > > > > > > it > > > > > > > > > > > totally generic so that the users has
no
clue
> > > > > > > what system shows > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > I would like a "powered by IPFire" at
least
and
> > > > > > > even advise people > > > > > > > > > who > > > > > > > > > replace the theme by their own to keep
that
in.
> > > > > > > > > > > > > > > > > > This does not need to be like the new
stuff
but I
> > > > > > > think it should > > > > > > > > > feel > > > > > > > > > a bit like IPFire but also be neutral. We
do
not
> > > > > > > need to hide that > > > > > > > > > this > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > No. I think if we have something like a > > > > > > > "background-color" > > > > > > > > > instead of > > > > > > > > > > a picture, we should the hoster let
configure it,
> > > > > > > so the people > > > > > > > > > are > > > > > > > > > > able to adpat the colors to their own
corporate
> > > > > > > identity. So if > > > > > > > > > you > > > > > > > > > > woul like to work with gradients or
similar, i
> > > > > > > would recommend to > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > Nah, not too many options. We wanted to
keep
this
> > > > > > > simple. > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM,
Alexander Marx
> > > > > > > <alexander.marx > > > > > > > > > @oab > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly
screenshots
from the
> > > > > > > loginpage. > > > > > > > > > > > > one version with voucher access and
the
other
> > > > > > > one with > > > > > > > > > license > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb
Michael
> > > > > > > Tremer: > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are busy with
other
things,
> > > > > > > but > > > > > > > > > nevertheless I > > > > > > > > > > > > > would > > > > > > > > > > > > > like to send you this request. > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently working on a so
called
> > > > > > > captive portal. > > > > > > > > > That > > > > > > > > > > > > > are these > > > > > > > > > > > > > things that pop up on your phone
or
laptop
> > > > > > > when you connect > > > > > > > > > to > > > > > > > > > > > > > a > > > > > > > > > > > > > wireless network in a hotel or
cafe.
That
> > > > > > > web page that is > > > > > > > > > > > > > shown is > > > > > > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few other pages
that
are
> > > > > > > shown to the users > > > > > > > > > of > > > > > > > > > > > > > the > > > > > > > > > > > > > network when for example a web
page
is
> > > > > > > blocked. That page > > > > > > > > > > > > > however is > > > > > > > > > > > > > really ugly and probably needs a
remake as
> > > > > > > well. I want to > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > captive portal for now, but I
guess
you
> > > > > > > would like to know > > > > > > > > > that > > > > > > > > > > > > > there > > > > > > > > > > > > > are more. [1] and [2]. Really bad
right?
> > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a screenshot
of
the
> > > > > > > development version > > > > > > > > > we > > > > > > > > > > > > > have now. > > > > > > > > > > > > > This is just a quick page to show
the
> > > > > > > concept and what we > > > > > > > > > are > > > > > > > > > > > > > roughly > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options for now.
The
first
> > > > > > > one is where the > > > > > > > > > user > > > > > > > > > > > > > has to > > > > > > > > > > > > > agree to a license and click a "I
accept"
> > > > > > > button. The > > > > > > > > > second > > > > > > > > > > > > > one is > > > > > > > > > > > > > where the user will have to type
in a
> > > > > > > voucher code and > > > > > > > > > click a > > > > > > > > > > > > > button > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up would be
okay
for
> > > > > > > now, because we > > > > > > > > > would > > > > > > > > > > > > > like to > > > > > > > > > > > > > put this entire project on the
wishlist to
> > > > > > > raise some > > > > > > > > > crowd- > > > > > > > > > > > > > funding > > > > > > > > > > > > > money. Giving the user that mock-
up
would
> > > > > > > certainly help so > > > > > > > > > > > > > that they > > > > > > > > > > > > > get a good impression what they
are
> > > > > > > supporting here. The > > > > > > > > > actual > > > > > > > > > > > > > implementation will happen a bit
later when
> > > > > > > enough funds > > > > > > > > > have > > > > > > > > > > > > > been > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please send some > > > > > > > screenshots of the two > > > > > > > > > pages > > > > > > > > > > > > > we have > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I am
throwing a
> > > > > > > bit of random > > > > > > > > > stuff > > > > > > > > > > > > > at you. > > > > > > > > > > > > > Just let me know when I don't
make
sense
> > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw
4wUe
UsgQ/V
> > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > AAAD > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > [2] http://wiki.ipfire.org/_media
/en/
addons
> > > > > > > /clamav/squidcla > > > > > > > > > mav- > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hi,
Just want to check if our tel conf is still the plan for today evening at 9pm CET? If so, same phone and room number?
On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer michael.tremer@ipfire.org wrote:
Hi,
On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote:
Hi,
I attached a quick first impression what I meant with "Guides". Info for the dots (C1, F1, etc), primary text color, default fontsize, button style, etc will be all predefined in a separate sheet. As well as a sheet for tablet and mobile view.
This looks good. It is a good way to start working on implementing that one soon. However it raises new questions LOL
As mentioned the 12 column grid is based on Bootstrap.
I don't find 12 columns...
Perhaps that clears a lot of your very first questions. If you would like to have a call at that stage, I'm fine with Monday but please at 9pm.
-Michael
Best, Maurice
On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tremer@ipfir e.org> wrote:
Hi,
yes 8 pm CET is fine for me. Can also do later if you prefer.
-Michael
On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote:
Hi Michael and Maurice,
Am 03.02.2016 um 15:36 schrieb Maurice Gesswein:
Hi
On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer <michael.tremer@
ipfi
re.org> wrote:
Hi,
sorry for not getting back earlier...
On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein wrote: > Hi, > > attached you find design/layout suggestions for all
mentioned
captive > portal websites.
It looks great!
Happy to hear that :)
> Some notes: > The layout is always the same. You are able to build one template > which can used for every site.
That is handy.
> The layout is very responsive friendly (smartphone, tablet)
as
you > can see at the access-voucher_360.jpg (standard Android
phone
size)
> I strongly recommend to don't use scrollable content within
a
> scrollable page (see first 2 screenshots from Alex). You
become
crazy > if you want to navigate though that on a touch device.
LOL
> A specific header image can be used for every case.
Okay, we need to build a way to upload that and possibly some specifications that we can give to people to design theirs in
the
right way.
Specs would be a recommended minimum width and height for the image. Additionally an imagesize (KB) restriction. You don't
want
to load a 10MB image ;) Resizing is handled by the mentioned
code
snippets or perhaps Bootstap itself.
> There are tiny and simple code snippets which scale the
header
image > for every size correctly. I'll check this out to provide
you
with > more detailed information. > Just checked getbootstrap.com. Seems to be that such a functionality > is already included.
Cool.
> A footer where you are able to promote IPFire ;)
Always good.
> Layout based on Bootstap 3 > I used the color-theme for the upcoming new IPFire website
and
WebUI. > @Michael the bright red is not the new primary IPFire red
;)
It's the > error-red. I'll show more about that soon. > I suggested new text for the errors. Maybe you like it :) > > Let me know if you have any questions or concerns.
There is nothing from me I would like to see changed. So I suppose that we can regard this as the final draft.
Would you be up for arranging a telephone conference with
Daniel
& Alex, because I think that I have many questions regarding
how we
get from the draft to code :) How about Monday evening?
We can of course chat. Keep in mind that I'll provide - I call
it
"Guides" - for you. It's kind of a construction plan or
blueprint
(font size, colors, margins, paddings, etc). Maybe it's not
really
needed to chat before you code anything. My guides should clear
a
lot of your questions. Let me finish such a blueprint and you
will
let my know your thoughts :)
Does that mean we have a "date" on Monday, 8th at 20:00 german
local
time? telephone conference ?
Alex
Best, -Michael
Maurice
> Best, > Maurice > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller <daniel.weismueller > @ipfire.org> wrote: > > No. > > > > The last screenshot shows the customization part from
"good
old" > > configurationsite of the url-filter. > > For better understanding i've made a (3) screenshot(s)
of
the > > whole page. > > > > - Daniel > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice Gesswein: > > > Is that the place where the hoster can include his own T&Cs, > > > upload a company logo, add the company name, etc? > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller <daniel.weismue > > > ller@ipfire.org> wrote: > > > > me again :) > > > > > > > > Another screenshot now from the webif where you may customize > > > > blockpage from the url-filter. > > > > > > > > - Daniel > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice Gesswein: > > > > > Perfect. Thanks Daniel. > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel
Weismüller"
<daniel > > > > > .weismueller@ipfire.org>: > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > - Daniel > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice Gesswein: > > > > > > > Good morning, > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > Am 31.01.2016 4:31 vorm. schrieb "Michael
Tremer"
<michae > > > > > > > l.tremer@ipfire.org>: > > > > > > > > Hi, > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein > > > > > > > > wrote: > > > > > > > > > Can someone send me the terms & condition
text
from > > > > > > > > the screenshots > > > > > > > > > as real text? > > > > > > > > > > > > > > > > There is a text area where the user will type
in
the > > > > > > > > T&Cs. So there is > > > > > > > > no predefined text and it might change. > > > > > > > > > > > > > > > > Do you still want some sample or can you just
use
lorem > > > > > > > > ipsum? > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, Michael
Tremer
<mich > > > > > > > > ael.tremer@ipfir > > > > > > > > > e.org> wrote: > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100,
Alexander
Marx > > > > > > > > wrote: > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it. Thanks for
the
screens > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and
suggestions.
> > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further upcoming
pages
like > > > > > > > > these, are you > > > > > > > > > > able > > > > > > > > > > > > to hand over a list of them (perhaps
with
> > > > > > > > screenshots)? Not > > > > > > > > > > really > > > > > > > > > > > > needed, but very helpful to deliver a > > > > > > > > consistent flexible > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > Don't worry about them too much. > > > > > > > > > > > > > > > > > > > > > As far as i know there are no other "external" > > > > > > > > pages. The > > > > > > > > > > > Webinterface of IPFire has an own
design
and > > > > > > > > several themes, i > > > > > > > > > > think > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > However, there are a few. I included both
of
them > > > > > > > > in the first > > > > > > > > > > email. > > > > > > > > > > On top of that there are the squid error pages. I > > > > > > > > am not too sure > > > > > > > > > > if we > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > I will figure that out and get back to
you.
> > > > > > > > > > > > > > > > > > > > > > Should the hoster be able to include
his
own > > > > > > > > logo/brand? That > > > > > > > > > > would > > > > > > > > > > > > give the users a lot more trust in
that
things. > > > > > > > > If an image > > > > > > > > > > upload > > > > > > > > > > > > is not in the current scope, I
suggest a
> > > > > > > > prominent headline > > > > > > > > > > where > > > > > > > > > > > > the hoster is able to include the
company
name. > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able to change
the
Title > > > > > > > > (The top-title in > > > > > > > > > > the > > > > > > > > > > > screenies like "Login" or on the other
page
"My > > > > > > > > private HotSpot") > > > > > > > > > > > maybe we can add a Logo but we have to decide > > > > > > > > which dimensions > > > > > > > > > > are > > > > > > > > > > > allowed. This is difficult as many companies have > > > > > > > > different > > > > > > > > > > > dimensions of Logos. Some are 4:3,
others
are > > > > > > > > like 27:9 and so > > > > > > > > > > on. > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > I think we don't need that. We usually
have
the > > > > > > > > opportunity to > > > > > > > > > > upload > > > > > > > > > > an entire HTML template, so that if
someone
wants > > > > > > > > to replace the > > > > > > > > > > page, > > > > > > > > > > they can do that. But just a logo is a
bit
too > > > > > > > > easy. Who ever wants > > > > > > > > > > to > > > > > > > > > > brand this as their own should do that
with
the > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > And of course we should not forget about doing some > > > > > > > > advertisement > > > > > > > > > > for > > > > > > > > > > our own product :) However, I get many
emails
from > > > > > > > > annoyed students > > > > > > > > > > that can't access dirty websites in their school. > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire, should
those
pages > > > > > > > > be designed like > > > > > > > > > > the > > > > > > > > > > > > new upcoming style of IPFire? Means
same
color > > > > > > > > theme, button > > > > > > > > > > style, > > > > > > > > > > > > IPFire logo, caption like "powered by IPFire", > > > > > > > > etc? Or should > > > > > > > > > > it > > > > > > > > > > > > totally generic so that the users has
no
clue > > > > > > > > what system shows > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > I would like a "powered by IPFire" at
least
and > > > > > > > > even advise people > > > > > > > > > > who > > > > > > > > > > replace the theme by their own to keep
that
in. > > > > > > > > > > > > > > > > > > > > This does not need to be like the new
stuff
but I > > > > > > > > think it should > > > > > > > > > > feel > > > > > > > > > > a bit like IPFire but also be neutral. We
do
not > > > > > > > > need to hide that > > > > > > > > > > this > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > No. I think if we have something like a > > > > > > > > "background-color" > > > > > > > > > > instead of > > > > > > > > > > > a picture, we should the hoster let configure it, > > > > > > > > so the people > > > > > > > > > > are > > > > > > > > > > > able to adpat the colors to their own corporate > > > > > > > > identity. So if > > > > > > > > > > you > > > > > > > > > > > woul like to work with gradients or similar, i > > > > > > > > would recommend to > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We wanted to
keep
this > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx > > > > > > > > <alexander.marx > > > > > > > > > > @oab > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly
screenshots
from the > > > > > > > > loginpage. > > > > > > > > > > > > > one version with voucher access and
the
other > > > > > > > > one with > > > > > > > > > > license > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb
Michael
> > > > > > > > Tremer: > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are busy with
other
things, > > > > > > > > but > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > would > > > > > > > > > > > > > > like to send you this request. > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently working on a so called > > > > > > > > captive portal. > > > > > > > > > > That > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > things that pop up on your phone
or
laptop > > > > > > > > when you connect > > > > > > > > > > to > > > > > > > > > > > > > > a > > > > > > > > > > > > > > wireless network in a hotel or
cafe.
That > > > > > > > > web page that is > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few other pages
that
are > > > > > > > > shown to the users > > > > > > > > > > of > > > > > > > > > > > > > > the > > > > > > > > > > > > > > network when for example a web
page
is > > > > > > > > blocked. That page > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > really ugly and probably needs a remake as > > > > > > > > well. I want to > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > captive portal for now, but I
guess
you > > > > > > > > would like to know > > > > > > > > > > that > > > > > > > > > > > > > > there > > > > > > > > > > > > > > are more. [1] and [2]. Really bad right? > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a screenshot
of
the > > > > > > > > development version > > > > > > > > > > we > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > This is just a quick page to show
the
> > > > > > > > concept and what we > > > > > > > > > > are > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options for now.
The
first > > > > > > > > one is where the > > > > > > > > > > user > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > agree to a license and click a "I accept" > > > > > > > > button. The > > > > > > > > > > second > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > where the user will have to type
in a
> > > > > > > > voucher code and > > > > > > > > > > click a > > > > > > > > > > > > > > button > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work on this? > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up would be
okay
for > > > > > > > > now, because we > > > > > > > > > > would > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > put this entire project on the wishlist to > > > > > > > > raise some > > > > > > > > > > crowd- > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > money. Giving the user that mock-
up
would > > > > > > > > certainly help so > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > get a good impression what they
are
> > > > > > > > supporting here. The > > > > > > > > > > actual > > > > > > > > > > > > > > implementation will happen a bit later when > > > > > > > > enough funds > > > > > > > > > > have > > > > > > > > > > > > > > been > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please send some > > > > > > > > screenshots of the two > > > > > > > > > > pages > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I am throwing a > > > > > > > > bit of random > > > > > > > > > > stuff > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > Just let me know when I don't
make
sense > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspot.com/-9sw
4wUe
UsgQ/V > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > AAAD > > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > > [2] http://wiki.ipfire.org/_media
/en/
addons > > > > > > > > /clamav/squidcla > > > > > > > > > > mav- > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hi,
On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein wrote:
Hi,
Just want to check if our tel conf is still the plan for today evening at 9pm CET? If so, same phone and room number?
Yes it is. Same number, same conference room.
It might not take very long, but I have a few questions and wanted to discuss feedback in general :)
Alex is working on the image upload functionality. So from our end we are almost there to start working on implementing the design.
Best, -Michael
On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer <michael.tremer@ipfir e.org> wrote:
Hi,
On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote:
Hi,
I attached a quick first impression what I meant with "Guides".
Info
for the dots (C1, F1, etc), primary text color, default fontsize, button style, etc will be all predefined in a separate sheet. As
well
as a sheet for tablet and mobile view.
This looks good. It is a good way to start working on implementing that one soon. However it raises new questions LOL
As mentioned the 12 column grid is based on Bootstrap.
I don't find 12 columns...
Perhaps that clears a lot of your very first questions. If you
would
like to have a call at that stage, I'm fine with Monday but
please at
9pm.
-Michael
Best, Maurice
On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tremer@i
pfir
e.org> wrote:
Hi,
yes 8 pm CET is fine for me. Can also do later if you prefer.
-Michael
On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote:
Hi Michael and Maurice,
Am 03.02.2016 um 15:36 schrieb Maurice Gesswein:
Hi
On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer
<michael.tremer@
ipfi
re.org> wrote: > Hi, > > sorry for not getting back earlier... > > On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein
wrote:
> > Hi, > > > > attached you find design/layout suggestions for all
mentioned
> captive > > portal websites. > > It looks great! > Happy to hear that :) > > Some notes: > > The layout is always the same. You are able to build
one
> template > > which can used for every site. > > That is handy. > > > The layout is very responsive friendly (smartphone,
tablet)
as
> you > > can see at the access-voucher_360.jpg (standard Android
phone
> size) > > > I strongly recommend to don't use scrollable content
within
a
> > scrollable page (see first 2 screenshots from Alex).
You
become
> crazy > > if you want to navigate though that on a touch device. > > LOL > > > A specific header image can be used for every case. > > Okay, we need to build a way to upload that and possibly
some
> specifications that we can give to people to design
theirs in
the
> right > way. > Specs would be a recommended minimum width and height for
the
image. Additionally an imagesize (KB) restriction. You
don't
want
to load a 10MB image ;) Resizing is handled by the
mentioned
code
snippets or perhaps Bootstap itself. > > There are tiny and simple code snippets which scale the
header
> image > > for every size correctly. I'll check this out to
provide
you
> with > > more detailed information. > > Just checked getbootstrap.com. Seems to be that such a > functionality > > is already included. > > Cool. > > > A footer where you are able to promote IPFire ;) > > Always good. > > > Layout based on Bootstap 3 > > I used the color-theme for the upcoming new IPFire
website
and
> WebUI. > > @Michael the bright red is not the new primary IPFire
red
;)
> It's the > > error-red. I'll show more about that soon. > > I suggested new text for the errors. Maybe you like it
:)
> > > > Let me know if you have any questions or concerns. > > There is nothing from me I would like to see changed. So
I
> suppose that > we can regard this as the final draft. > > Would you be up for arranging a telephone conference with
Daniel
> & > Alex, because I think that I have many questions
regarding
how we
> get > from the draft to code :) How about Monday evening? > We can of course chat. Keep in mind that I'll provide - I
call
it
"Guides" - for you. It's kind of a construction plan or
blueprint
(font size, colors, margins, paddings, etc). Maybe it's not
really
needed to chat before you code anything. My guides should
clear
a
lot of your questions. Let me finish such a blueprint and
you
will
let my know your thoughts :)
Does that mean we have a "date" on Monday, 8th at 20:00
german
local
time? telephone conference ?
Alex
> Best, > -Michael > Maurice > > > Best, > > Maurice > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller > <daniel.weismueller > > @ipfire.org> wrote: > > > No. > > > > > > The last screenshot shows the customization part from
"good
> old" > > > configurationsite of the url-filter. > > > For better understanding i've made a (3)
screenshot(s)
of
> the > > > whole page. > > > > > > - Daniel > > > > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice Gesswein: > > > > Is that the place where the hoster can include his
own
> T&Cs, > > > > upload a company logo, add the company name, etc? > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller > <daniel.weismue > > > > ller@ipfire.org> wrote: > > > > > me again :) > > > > > > > > > > Another screenshot now from the webif where you
may
> customize > > > > > blockpage from the url-filter. > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice Gesswein: > > > > > > Perfect. Thanks Daniel. > > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel
Weismüller"
> <daniel > > > > > > .weismueller@ipfire.org>: > > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice
Gesswein:
> > > > > > > > Good morning, > > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > > Am 31.01.2016 4:31 vorm. schrieb "Michael
Tremer"
> <michae > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100,
Maurice
> Gesswein > > > > > > > > > wrote: > > > > > > > > > > Can someone send me the terms &
condition
text
> from > > > > > > > > > the screenshots > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > There is a text area where the user will
type
in
> the > > > > > > > > > T&Cs. So there is > > > > > > > > > no predefined text and it might change. > > > > > > > > > > > > > > > > > > Do you still want some sample or can you
just
use
> lorem > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM,
Michael
Tremer
> <mich > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > e.org> wrote: > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100,
Alexander
> Marx > > > > > > > > > wrote: > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it. Thanks
for
the
> screens > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and
suggestions.
> > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further
upcoming
pages
> like > > > > > > > > > these, are you > > > > > > > > > > > able > > > > > > > > > > > > > to hand over a list of them
(perhaps
with
> > > > > > > > > screenshots)? Not > > > > > > > > > > > really > > > > > > > > > > > > > needed, but very helpful to
deliver a
> > > > > > > > > consistent flexible > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > Don't worry about them too much. > > > > > > > > > > > > > > > > > > > > > > > As far as i know there are no other > "external" > > > > > > > > > pages. The > > > > > > > > > > > > Webinterface of IPFire has an own
design
> and > > > > > > > > > several themes, i > > > > > > > > > > > think > > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > > > However, there are a few. I included
both
of
> them > > > > > > > > > in the first > > > > > > > > > > > email. > > > > > > > > > > > On top of that there are the squid
error
> pages. I > > > > > > > > > am not too sure > > > > > > > > > > > if we > > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > > > I will figure that out and get back
to
you.
> > > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able to
include
his
> own > > > > > > > > > logo/brand? That > > > > > > > > > > > would > > > > > > > > > > > > > give the users a lot more trust
in
that
> things. > > > > > > > > > If an image > > > > > > > > > > > upload > > > > > > > > > > > > > is not in the current scope, I
suggest a
> > > > > > > > > prominent headline > > > > > > > > > > > where > > > > > > > > > > > > > the hoster is able to include the
company
> name. > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able to
change
the
> Title > > > > > > > > > (The top-title in > > > > > > > > > > > the > > > > > > > > > > > > screenies like "Login" or on the
other
page
> "My > > > > > > > > > private HotSpot") > > > > > > > > > > > > maybe we can add a Logo but we have
to
> decide > > > > > > > > > which dimensions > > > > > > > > > > > are > > > > > > > > > > > > allowed. This is difficult as many > companies have > > > > > > > > > different > > > > > > > > > > > > dimensions of Logos. Some are 4:3,
others
> are > > > > > > > > > like 27:9 and so > > > > > > > > > > > on. > > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > > > I think we don't need that. We
usually
have
> the > > > > > > > > > opportunity to > > > > > > > > > > > upload > > > > > > > > > > > an entire HTML template, so that if
someone
> wants > > > > > > > > > to replace the > > > > > > > > > > > page, > > > > > > > > > > > they can do that. But just a logo is
a
bit
> too > > > > > > > > > easy. Who ever wants > > > > > > > > > > > to > > > > > > > > > > > brand this as their own should do
that
with
> the > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > And of course we should not forget
about
> doing some > > > > > > > > > advertisement > > > > > > > > > > > for > > > > > > > > > > > our own product :) However, I get
many
emails
> from > > > > > > > > > annoyed students > > > > > > > > > > > that can't access dirty websites in
their
> school. > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire, should
those
> pages > > > > > > > > > be designed like > > > > > > > > > > > the > > > > > > > > > > > > > new upcoming style of IPFire?
Means
same
> color > > > > > > > > > theme, button > > > > > > > > > > > style, > > > > > > > > > > > > > IPFire logo, caption like
"powered by
> IPFire", > > > > > > > > > etc? Or should > > > > > > > > > > > it > > > > > > > > > > > > > totally generic so that the users
has
no
> clue > > > > > > > > > what system shows > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > I would like a "powered by IPFire" at
least
> and > > > > > > > > > even advise people > > > > > > > > > > > who > > > > > > > > > > > replace the theme by their own to
keep
that
> in. > > > > > > > > > > > > > > > > > > > > > > This does not need to be like the new
stuff
> but I > > > > > > > > > think it should > > > > > > > > > > > feel > > > > > > > > > > > a bit like IPFire but also be
neutral. We
do
> not > > > > > > > > > need to hide that > > > > > > > > > > > this > > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > > > No. I think if we have something
like a
> > > > > > > > > "background-color" > > > > > > > > > > > instead of > > > > > > > > > > > > a picture, we should the hoster let > configure it, > > > > > > > > > so the people > > > > > > > > > > > are > > > > > > > > > > > > able to adpat the colors to their
own
> corporate > > > > > > > > > identity. So if > > > > > > > > > > > you > > > > > > > > > > > > woul like to work with gradients or > similar, i > > > > > > > > > would recommend to > > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We wanted
to
keep
> this > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, > Alexander Marx > > > > > > > > > <alexander.marx > > > > > > > > > > > @oab > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly
screenshots
> from the > > > > > > > > > loginpage. > > > > > > > > > > > > > > one version with voucher access
and
the
> other > > > > > > > > > one with > > > > > > > > > > > license > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb
Michael
> > > > > > > > > Tremer: > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are busy with
other
> things, > > > > > > > > > but > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > like to send you this
request.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently working on
a so
> called > > > > > > > > > captive portal. > > > > > > > > > > > That > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > things that pop up on your
phone
or
> laptop > > > > > > > > > when you connect > > > > > > > > > > > to > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > wireless network in a hotel
or
cafe.
> That > > > > > > > > > web page that is > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few other
pages
that
> are > > > > > > > > > shown to the users > > > > > > > > > > > of > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > network when for example a
web
page
> is > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > really ugly and probably
needs a
> remake as > > > > > > > > > well. I want to > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > captive portal for now, but I
guess
> you > > > > > > > > > would like to know > > > > > > > > > > > that > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > are more. [1] and [2]. Really
bad
> right? > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a
screenshot
of
> the > > > > > > > > > development version > > > > > > > > > > > we > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > This is just a quick page to
show
the
> > > > > > > > > concept and what we > > > > > > > > > > > are > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options for
now.
The
> first > > > > > > > > > one is where the > > > > > > > > > > > user > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > agree to a license and click
a "I
> accept" > > > > > > > > > button. The > > > > > > > > > > > second > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > where the user will have to
type
in a
> > > > > > > > > voucher code and > > > > > > > > > > > click a > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work on
this?
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up would
be
okay
> for > > > > > > > > > now, because we > > > > > > > > > > > would > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > put this entire project on
the
> wishlist to > > > > > > > > > raise some > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > money. Giving the user that
mock-
up
> would > > > > > > > > > certainly help so > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > get a good impression what
they
are
> > > > > > > > > supporting here. The > > > > > > > > > > > actual > > > > > > > > > > > > > > > implementation will happen a
bit
> later when > > > > > > > > > enough funds > > > > > > > > > > > have > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please send
some
> > > > > > > > > screenshots of the two > > > > > > > > > > > pages > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I
am
> throwing a > > > > > > > > > bit of random > > > > > > > > > > > stuff > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > Just let me know when I don't
make
> sense > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspot.com/
-9sw
4wUe
> UsgQ/V > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > > > [2] http://wiki.ipfire.org/_m
edia
/en/
> addons > > > > > > > > > /clamav/squidcla > > > > > > > > > > > mav- > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
I'll do my best to answer your questions :)
Unfortunately I was not able to spend more time at IPFire so far. Will continue working on it this week.
On Mon, Feb 8, 2016 at 4:27 PM, Michael Tremer michael.tremer@ipfire.org wrote:
Hi,
On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein wrote:
Hi,
Just want to check if our tel conf is still the plan for today evening at 9pm CET? If so, same phone and room number?
Yes it is. Same number, same conference room.
It might not take very long, but I have a few questions and wanted to discuss feedback in general :)
Alex is working on the image upload functionality. So from our end we are almost there to start working on implementing the design.
Best, -Michael
On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer <michael.tremer@ipfir e.org> wrote:
Hi,
On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote:
Hi,
I attached a quick first impression what I meant with "Guides".
Info
for the dots (C1, F1, etc), primary text color, default fontsize, button style, etc will be all predefined in a separate sheet. As
well
as a sheet for tablet and mobile view.
This looks good. It is a good way to start working on implementing that one soon. However it raises new questions LOL
As mentioned the 12 column grid is based on Bootstrap.
I don't find 12 columns...
Perhaps that clears a lot of your very first questions. If you
would
like to have a call at that stage, I'm fine with Monday but
please at
9pm.
-Michael
Best, Maurice
On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tremer@i
pfir
e.org> wrote:
Hi,
yes 8 pm CET is fine for me. Can also do later if you prefer.
-Michael
On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote:
Hi Michael and Maurice,
Am 03.02.2016 um 15:36 schrieb Maurice Gesswein: > Hi > > On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer
<michael.tremer@
ipfi
> re.org> wrote: > > Hi, > > > > sorry for not getting back earlier... > > > > On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein
wrote:
> > > Hi, > > > > > > attached you find design/layout suggestions for all
mentioned
> > captive > > > portal websites. > > > > It looks great! > > > Happy to hear that :) > > > > Some notes: > > > The layout is always the same. You are able to build
one
> > template > > > which can used for every site. > > > > That is handy. > > > > > The layout is very responsive friendly (smartphone,
tablet)
as
> > you > > > can see at the access-voucher_360.jpg (standard Android
phone
> > size) > > > > > I strongly recommend to don't use scrollable content
within
a
> > > scrollable page (see first 2 screenshots from Alex).
You
become
> > crazy > > > if you want to navigate though that on a touch device. > > > > LOL > > > > > A specific header image can be used for every case. > > > > Okay, we need to build a way to upload that and possibly
some
> > specifications that we can give to people to design
theirs in
the
> > right > > way. > > > Specs would be a recommended minimum width and height for
the
> image. Additionally an imagesize (KB) restriction. You
don't
want
> to load a 10MB image ;) Resizing is handled by the
mentioned
code
> snippets or perhaps Bootstap itself. > > > > There are tiny and simple code snippets which scale the
header
> > image > > > for every size correctly. I'll check this out to
provide
you
> > with > > > more detailed information. > > > Just checked getbootstrap.com. Seems to be that such a > > functionality > > > is already included. > > > > Cool. > > > > > A footer where you are able to promote IPFire ;) > > > > Always good. > > > > > Layout based on Bootstap 3 > > > I used the color-theme for the upcoming new IPFire
website
and
> > WebUI. > > > @Michael the bright red is not the new primary IPFire
red
;)
> > It's the > > > error-red. I'll show more about that soon. > > > I suggested new text for the errors. Maybe you like it
:)
> > > > > > Let me know if you have any questions or concerns. > > > > There is nothing from me I would like to see changed. So
I
> > suppose that > > we can regard this as the final draft. > > > > Would you be up for arranging a telephone conference with
Daniel
> > & > > Alex, because I think that I have many questions
regarding
how we
> > get > > from the draft to code :) How about Monday evening? > > > We can of course chat. Keep in mind that I'll provide - I
call
it
> "Guides" - for you. It's kind of a construction plan or
blueprint
> (font size, colors, margins, paddings, etc). Maybe it's not
really
> needed to chat before you code anything. My guides should
clear
a
> lot of your questions. Let me finish such a blueprint and
you
will
> let my know your thoughts :) > Does that mean we have a "date" on Monday, 8th at 20:00
german
local
time? telephone conference ?
Alex > > Best, > > -Michael > > > Maurice > > > > > > Best, > > > Maurice > > > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller > > <daniel.weismueller > > > @ipfire.org> wrote: > > > > No. > > > > > > > > The last screenshot shows the customization part from
"good
> > old" > > > > configurationsite of the url-filter. > > > > For better understanding i've made a (3)
screenshot(s)
of
> > the > > > > whole page. > > > > > > > > - Daniel > > > > > > > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice Gesswein: > > > > > Is that the place where the hoster can include his
own
> > T&Cs, > > > > > upload a company logo, add the company name, etc? > > > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller > > <daniel.weismue > > > > > ller@ipfire.org> wrote: > > > > > > me again :) > > > > > > > > > > > > Another screenshot now from the webif where you
may
> > customize > > > > > > blockpage from the url-filter. > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice Gesswein: > > > > > > > Perfect. Thanks Daniel. > > > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel
Weismüller"
> > <daniel > > > > > > > .weismueller@ipfire.org>: > > > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice
Gesswein:
> > > > > > > > > Good morning, > > > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > > > Am 31.01.2016 4:31 vorm. schrieb "Michael
Tremer"
> > <michae > > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100,
Maurice
> > Gesswein > > > > > > > > > > wrote: > > > > > > > > > > > Can someone send me the terms &
condition
text
> > from > > > > > > > > > > the screenshots > > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > > > There is a text area where the user will
type
in
> > the > > > > > > > > > > T&Cs. So there is > > > > > > > > > > no predefined text and it might change. > > > > > > > > > > > > > > > > > > > > Do you still want some sample or can you
just
use
> > lorem > > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM,
Michael
Tremer
> > <mich > > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > > e.org> wrote: > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100,
Alexander
> > Marx > > > > > > > > > > wrote: > > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it. Thanks
for
the
> > screens > > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and
suggestions.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further
upcoming
pages
> > like > > > > > > > > > > these, are you > > > > > > > > > > > > able > > > > > > > > > > > > > > to hand over a list of them
(perhaps
with
> > > > > > > > > > screenshots)? Not > > > > > > > > > > > > really > > > > > > > > > > > > > > needed, but very helpful to
deliver a
> > > > > > > > > > consistent flexible > > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > > > Don't worry about them too much. > > > > > > > > > > > > > > > > > > > > > > > > > As far as i know there are no other > > "external" > > > > > > > > > > pages. The > > > > > > > > > > > > > Webinterface of IPFire has an own
design
> > and > > > > > > > > > > several themes, i > > > > > > > > > > > > think > > > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > > > > > However, there are a few. I included
both
of
> > them > > > > > > > > > > in the first > > > > > > > > > > > > email. > > > > > > > > > > > > On top of that there are the squid
error
> > pages. I > > > > > > > > > > am not too sure > > > > > > > > > > > > if we > > > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > > > > > I will figure that out and get back
to
you.
> > > > > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able to
include
his
> > own > > > > > > > > > > logo/brand? That > > > > > > > > > > > > would > > > > > > > > > > > > > > give the users a lot more trust
in
that
> > things. > > > > > > > > > > If an image > > > > > > > > > > > > upload > > > > > > > > > > > > > > is not in the current scope, I
suggest a
> > > > > > > > > > prominent headline > > > > > > > > > > > > where > > > > > > > > > > > > > > the hoster is able to include the
company
> > name. > > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able to
change
the
> > Title > > > > > > > > > > (The top-title in > > > > > > > > > > > > the > > > > > > > > > > > > > screenies like "Login" or on the
other
page
> > "My > > > > > > > > > > private HotSpot") > > > > > > > > > > > > > maybe we can add a Logo but we have
to
> > decide > > > > > > > > > > which dimensions > > > > > > > > > > > > are > > > > > > > > > > > > > allowed. This is difficult as many > > companies have > > > > > > > > > > different > > > > > > > > > > > > > dimensions of Logos. Some are 4:3,
others
> > are > > > > > > > > > > like 27:9 and so > > > > > > > > > > > > on. > > > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > > > > > I think we don't need that. We
usually
have
> > the > > > > > > > > > > opportunity to > > > > > > > > > > > > upload > > > > > > > > > > > > an entire HTML template, so that if
someone
> > wants > > > > > > > > > > to replace the > > > > > > > > > > > > page, > > > > > > > > > > > > they can do that. But just a logo is
a
bit
> > too > > > > > > > > > > easy. Who ever wants > > > > > > > > > > > > to > > > > > > > > > > > > brand this as their own should do
that
with
> > the > > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > > > And of course we should not forget
about
> > doing some > > > > > > > > > > advertisement > > > > > > > > > > > > for > > > > > > > > > > > > our own product :) However, I get
many
emails
> > from > > > > > > > > > > annoyed students > > > > > > > > > > > > that can't access dirty websites in
their
> > school. > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire, should
those
> > pages > > > > > > > > > > be designed like > > > > > > > > > > > > the > > > > > > > > > > > > > > new upcoming style of IPFire?
Means
same
> > color > > > > > > > > > > theme, button > > > > > > > > > > > > style, > > > > > > > > > > > > > > IPFire logo, caption like
"powered by
> > IPFire", > > > > > > > > > > etc? Or should > > > > > > > > > > > > it > > > > > > > > > > > > > > totally generic so that the users
has
no
> > clue > > > > > > > > > > what system shows > > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > > > I would like a "powered by IPFire" at
least
> > and > > > > > > > > > > even advise people > > > > > > > > > > > > who > > > > > > > > > > > > replace the theme by their own to
keep
that
> > in. > > > > > > > > > > > > > > > > > > > > > > > > This does not need to be like the new
stuff
> > but I > > > > > > > > > > think it should > > > > > > > > > > > > feel > > > > > > > > > > > > a bit like IPFire but also be
neutral. We
do
> > not > > > > > > > > > > need to hide that > > > > > > > > > > > > this > > > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > > > > > No. I think if we have something
like a
> > > > > > > > > > "background-color" > > > > > > > > > > > > instead of > > > > > > > > > > > > > a picture, we should the hoster let > > configure it, > > > > > > > > > > so the people > > > > > > > > > > > > are > > > > > > > > > > > > > able to adpat the colors to their
own
> > corporate > > > > > > > > > > identity. So if > > > > > > > > > > > > you > > > > > > > > > > > > > woul like to work with gradients or > > similar, i > > > > > > > > > > would recommend to > > > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We wanted
to
keep
> > this > > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, > > Alexander Marx > > > > > > > > > > <alexander.marx > > > > > > > > > > > > @oab > > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly
screenshots
> > from the > > > > > > > > > > loginpage. > > > > > > > > > > > > > > > one version with voucher access
and
the
> > other > > > > > > > > > > one with > > > > > > > > > > > > license > > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb
Michael
> > > > > > > > > > Tremer: > > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are busy with
other
> > things, > > > > > > > > > > but > > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > like to send you this
request.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently working on
a so
> > called > > > > > > > > > > captive portal. > > > > > > > > > > > > That > > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > > things that pop up on your
phone
or
> > laptop > > > > > > > > > > when you connect > > > > > > > > > > > > to > > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > > wireless network in a hotel
or
cafe.
> > That > > > > > > > > > > web page that is > > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few other
pages
that
> > are > > > > > > > > > > shown to the users > > > > > > > > > > > > of > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > network when for example a
web
page
> > is > > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > > really ugly and probably
needs a
> > remake as > > > > > > > > > > well. I want to > > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > > captive portal for now, but I
guess
> > you > > > > > > > > > > would like to know > > > > > > > > > > > > that > > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > > are more. [1] and [2]. Really
bad
> > right? > > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a
screenshot
of
> > the > > > > > > > > > > development version > > > > > > > > > > > > we > > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > > This is just a quick page to
show
the
> > > > > > > > > > concept and what we > > > > > > > > > > > > are > > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options for
now.
The
> > first > > > > > > > > > > one is where the > > > > > > > > > > > > user > > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > > agree to a license and click
a "I
> > accept" > > > > > > > > > > button. The > > > > > > > > > > > > second > > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > > where the user will have to
type
in a
> > > > > > > > > > voucher code and > > > > > > > > > > > > click a > > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work on
this?
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up would
be
okay
> > for > > > > > > > > > > now, because we > > > > > > > > > > > > would > > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > > put this entire project on
the
> > wishlist to > > > > > > > > > > raise some > > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > > money. Giving the user that
mock-
up
> > would > > > > > > > > > > certainly help so > > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > > get a good impression what
they
are
> > > > > > > > > > supporting here. The > > > > > > > > > > > > actual > > > > > > > > > > > > > > > > implementation will happen a
bit
> > later when > > > > > > > > > > enough funds > > > > > > > > > > > > have > > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please send
some
> > > > > > > > > > screenshots of the two > > > > > > > > > > > > pages > > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I
am
> > throwing a > > > > > > > > > > bit of random > > > > > > > > > > > > stuff > > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > > Just let me know when I don't
make
> > sense > > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspot.com/
-9sw
4wUe
> > UsgQ/V > > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > > > > [2] http://wiki.ipfire.org/_m
edia
/en/
> > addons > > > > > > > > > > /clamav/squidcla > > > > > > > > > > > > mav- > > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hi,
just want to give a short status update.
- I did some researching about customizing Bootstrap and found some promising websites/tools. Here are 2 of them: http://getbootstrap.com/customize/ https://pikock.github.io/bootstrap-magic/app/index.html - I figured out that it seems pretty easy to use a custom grid system for Bootstrap. I would like to use a more suitable grid which is based on a 8px grid. More about that later. - I spend more time at the StyleGuide so that we are able to use the same colors, fontsizes and UI elements for the Homepage, FireInfo, Web Interface and Captive Portal.
Best, Maurice
On Mon, Feb 8, 2016 at 4:31 PM, Maurice Gesswein zerpixelung@gmail.com wrote:
I'll do my best to answer your questions :)
Unfortunately I was not able to spend more time at IPFire so far. Will continue working on it this week.
On Mon, Feb 8, 2016 at 4:27 PM, Michael Tremer michael.tremer@ipfire.org wrote:
Hi,
On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein wrote:
Hi,
Just want to check if our tel conf is still the plan for today evening at 9pm CET? If so, same phone and room number?
Yes it is. Same number, same conference room.
It might not take very long, but I have a few questions and wanted to discuss feedback in general :)
Alex is working on the image upload functionality. So from our end we are almost there to start working on implementing the design.
Best, -Michael
On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer <michael.tremer@ipfir e.org> wrote:
Hi,
On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote:
Hi,
I attached a quick first impression what I meant with "Guides".
Info
for the dots (C1, F1, etc), primary text color, default fontsize, button style, etc will be all predefined in a separate sheet. As
well
as a sheet for tablet and mobile view.
This looks good. It is a good way to start working on implementing that one soon. However it raises new questions LOL
As mentioned the 12 column grid is based on Bootstrap.
I don't find 12 columns...
Perhaps that clears a lot of your very first questions. If you
would
like to have a call at that stage, I'm fine with Monday but
please at
9pm.
-Michael
Best, Maurice
On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tremer@i
pfir
e.org> wrote:
Hi,
yes 8 pm CET is fine for me. Can also do later if you prefer.
-Michael
On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote: > Hi Michael and Maurice, > > Am 03.02.2016 um 15:36 schrieb Maurice Gesswein: > > Hi > > > > On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer
<michael.tremer@
ipfi > > re.org> wrote: > > > Hi, > > > > > > sorry for not getting back earlier... > > > > > > On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein
wrote:
> > > > Hi, > > > > > > > > attached you find design/layout suggestions for all mentioned > > > captive > > > > portal websites. > > > > > > It looks great! > > > > > Happy to hear that :) > > > > > > Some notes: > > > > The layout is always the same. You are able to build
one
> > > template > > > > which can used for every site. > > > > > > That is handy. > > > > > > > The layout is very responsive friendly (smartphone,
tablet)
as > > > you > > > > can see at the access-voucher_360.jpg (standard Android phone > > > size) > > > > > > > I strongly recommend to don't use scrollable content
within
a > > > > scrollable page (see first 2 screenshots from Alex).
You
become > > > crazy > > > > if you want to navigate though that on a touch device. > > > > > > LOL > > > > > > > A specific header image can be used for every case. > > > > > > Okay, we need to build a way to upload that and possibly
some
> > > specifications that we can give to people to design
theirs in
the > > > right > > > way. > > > > > Specs would be a recommended minimum width and height for
the
> > image. Additionally an imagesize (KB) restriction. You
don't
want > > to load a 10MB image ;) Resizing is handled by the
mentioned
code > > snippets or perhaps Bootstap itself. > > > > > > There are tiny and simple code snippets which scale the header > > > image > > > > for every size correctly. I'll check this out to
provide
you > > > with > > > > more detailed information. > > > > Just checked getbootstrap.com. Seems to be that such a > > > functionality > > > > is already included. > > > > > > Cool. > > > > > > > A footer where you are able to promote IPFire ;) > > > > > > Always good. > > > > > > > Layout based on Bootstap 3 > > > > I used the color-theme for the upcoming new IPFire
website
and > > > WebUI. > > > > @Michael the bright red is not the new primary IPFire
red
;) > > > It's the > > > > error-red. I'll show more about that soon. > > > > I suggested new text for the errors. Maybe you like it
:)
> > > > > > > > Let me know if you have any questions or concerns. > > > > > > There is nothing from me I would like to see changed. So
I
> > > suppose that > > > we can regard this as the final draft. > > > > > > Would you be up for arranging a telephone conference with Daniel > > > & > > > Alex, because I think that I have many questions
regarding
how we > > > get > > > from the draft to code :) How about Monday evening? > > > > > We can of course chat. Keep in mind that I'll provide - I
call
it > > "Guides" - for you. It's kind of a construction plan or blueprint > > (font size, colors, margins, paddings, etc). Maybe it's not really > > needed to chat before you code anything. My guides should
clear
a > > lot of your questions. Let me finish such a blueprint and
you
will > > let my know your thoughts :) > > > Does that mean we have a "date" on Monday, 8th at 20:00
german
local > time? > telephone conference ? > > Alex > > > Best, > > > -Michael > > > > > Maurice > > > > > > > > > Best, > > > > Maurice > > > > > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller > > > <daniel.weismueller > > > > @ipfire.org> wrote: > > > > > No. > > > > > > > > > > The last screenshot shows the customization part from "good > > > old" > > > > > configurationsite of the url-filter. > > > > > For better understanding i've made a (3)
screenshot(s)
of > > > the > > > > > whole page. > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice Gesswein: > > > > > > Is that the place where the hoster can include his
own
> > > T&Cs, > > > > > > upload a company logo, add the company name, etc? > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller > > > <daniel.weismue > > > > > > ller@ipfire.org> wrote: > > > > > > > me again :) > > > > > > > > > > > > > > Another screenshot now from the webif where you
may
> > > customize > > > > > > > blockpage from the url-filter. > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice Gesswein: > > > > > > > > Perfect. Thanks Daniel. > > > > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" > > > <daniel > > > > > > > > .weismueller@ipfire.org>: > > > > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice
Gesswein:
> > > > > > > > > > Good morning, > > > > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > > > > Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" > > > <michae > > > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100,
Maurice
> > > Gesswein > > > > > > > > > > > wrote: > > > > > > > > > > > > Can someone send me the terms &
condition
text > > > from > > > > > > > > > > > the screenshots > > > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > > > > > There is a text area where the user will
type
in > > > the > > > > > > > > > > > T&Cs. So there is > > > > > > > > > > > no predefined text and it might change. > > > > > > > > > > > > > > > > > > > > > > Do you still want some sample or can you
just
use > > > lorem > > > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM,
Michael
Tremer > > > <mich > > > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > > > e.org> wrote: > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100, Alexander > > > Marx > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it. Thanks
for
the > > > screens > > > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and suggestions. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further
upcoming
pages > > > like > > > > > > > > > > > these, are you > > > > > > > > > > > > > able > > > > > > > > > > > > > > > to hand over a list of them
(perhaps
with > > > > > > > > > > > screenshots)? Not > > > > > > > > > > > > > really > > > > > > > > > > > > > > > needed, but very helpful to
deliver a
> > > > > > > > > > > consistent flexible > > > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > > > > > Don't worry about them too much. > > > > > > > > > > > > > > > > > > > > > > > > > > > As far as i know there are no other > > > "external" > > > > > > > > > > > pages. The > > > > > > > > > > > > > > Webinterface of IPFire has an own design > > > and > > > > > > > > > > > several themes, i > > > > > > > > > > > > > think > > > > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > > > > > > > However, there are a few. I included
both
of > > > them > > > > > > > > > > > in the first > > > > > > > > > > > > > email. > > > > > > > > > > > > > On top of that there are the squid
error
> > > pages. I > > > > > > > > > > > am not too sure > > > > > > > > > > > > > if we > > > > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > > > > > > > I will figure that out and get back
to
you. > > > > > > > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able to
include
his > > > own > > > > > > > > > > > logo/brand? That > > > > > > > > > > > > > would > > > > > > > > > > > > > > > give the users a lot more trust
in
that > > > things. > > > > > > > > > > > If an image > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > is not in the current scope, I suggest a > > > > > > > > > > > prominent headline > > > > > > > > > > > > > where > > > > > > > > > > > > > > > the hoster is able to include the company > > > name. > > > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able to
change
the > > > Title > > > > > > > > > > > (The top-title in > > > > > > > > > > > > > the > > > > > > > > > > > > > > screenies like "Login" or on the
other
page > > > "My > > > > > > > > > > > private HotSpot") > > > > > > > > > > > > > > maybe we can add a Logo but we have
to
> > > decide > > > > > > > > > > > which dimensions > > > > > > > > > > > > > are > > > > > > > > > > > > > > allowed. This is difficult as many > > > companies have > > > > > > > > > > > different > > > > > > > > > > > > > > dimensions of Logos. Some are 4:3, others > > > are > > > > > > > > > > > like 27:9 and so > > > > > > > > > > > > > on. > > > > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > > > > > > > I think we don't need that. We
usually
have > > > the > > > > > > > > > > > opportunity to > > > > > > > > > > > > > upload > > > > > > > > > > > > > an entire HTML template, so that if someone > > > wants > > > > > > > > > > > to replace the > > > > > > > > > > > > > page, > > > > > > > > > > > > > they can do that. But just a logo is
a
bit > > > too > > > > > > > > > > > easy. Who ever wants > > > > > > > > > > > > > to > > > > > > > > > > > > > brand this as their own should do
that
with > > > the > > > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > > > > > And of course we should not forget
about
> > > doing some > > > > > > > > > > > advertisement > > > > > > > > > > > > > for > > > > > > > > > > > > > our own product :) However, I get
many
emails > > > from > > > > > > > > > > > annoyed students > > > > > > > > > > > > > that can't access dirty websites in
their
> > > school. > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire, should those > > > pages > > > > > > > > > > > be designed like > > > > > > > > > > > > > the > > > > > > > > > > > > > > > new upcoming style of IPFire?
Means
same > > > color > > > > > > > > > > > theme, button > > > > > > > > > > > > > style, > > > > > > > > > > > > > > > IPFire logo, caption like
"powered by
> > > IPFire", > > > > > > > > > > > etc? Or should > > > > > > > > > > > > > it > > > > > > > > > > > > > > > totally generic so that the users
has
no > > > clue > > > > > > > > > > > what system shows > > > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > > > > > I would like a "powered by IPFire" at least > > > and > > > > > > > > > > > even advise people > > > > > > > > > > > > > who > > > > > > > > > > > > > replace the theme by their own to
keep
that > > > in. > > > > > > > > > > > > > > > > > > > > > > > > > > This does not need to be like the new stuff > > > but I > > > > > > > > > > > think it should > > > > > > > > > > > > > feel > > > > > > > > > > > > > a bit like IPFire but also be
neutral. We
do > > > not > > > > > > > > > > > need to hide that > > > > > > > > > > > > > this > > > > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > > > > > > > No. I think if we have something
like a
> > > > > > > > > > > "background-color" > > > > > > > > > > > > > instead of > > > > > > > > > > > > > > a picture, we should the hoster let > > > configure it, > > > > > > > > > > > so the people > > > > > > > > > > > > > are > > > > > > > > > > > > > > able to adpat the colors to their
own
> > > corporate > > > > > > > > > > > identity. So if > > > > > > > > > > > > > you > > > > > > > > > > > > > > woul like to work with gradients or > > > similar, i > > > > > > > > > > > would recommend to > > > > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We wanted
to
keep > > > this > > > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, > > > Alexander Marx > > > > > > > > > > > <alexander.marx > > > > > > > > > > > > > @oab > > > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly screenshots > > > from the > > > > > > > > > > > loginpage. > > > > > > > > > > > > > > > > one version with voucher access
and
the > > > other > > > > > > > > > > > one with > > > > > > > > > > > > > license > > > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb Michael > > > > > > > > > > > Tremer: > > > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are busy with other > > > things, > > > > > > > > > > > but > > > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > like to send you this
request.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently working on
a so
> > > called > > > > > > > > > > > captive portal. > > > > > > > > > > > > > That > > > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > > > things that pop up on your
phone
or > > > laptop > > > > > > > > > > > when you connect > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > > > wireless network in a hotel
or
cafe. > > > That > > > > > > > > > > > web page that is > > > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few other
pages
that > > > are > > > > > > > > > > > shown to the users > > > > > > > > > > > > > of > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > network when for example a
web
page > > > is > > > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > > > really ugly and probably
needs a
> > > remake as > > > > > > > > > > > well. I want to > > > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > > > captive portal for now, but I guess > > > you > > > > > > > > > > > would like to know > > > > > > > > > > > > > that > > > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > > > are more. [1] and [2]. Really
bad
> > > right? > > > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a
screenshot
of > > > the > > > > > > > > > > > development version > > > > > > > > > > > > > we > > > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > > > This is just a quick page to
show
the > > > > > > > > > > > concept and what we > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options for
now.
The > > > first > > > > > > > > > > > one is where the > > > > > > > > > > > > > user > > > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > > > agree to a license and click
a "I
> > > accept" > > > > > > > > > > > button. The > > > > > > > > > > > > > second > > > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > > > where the user will have to
type
in a > > > > > > > > > > > voucher code and > > > > > > > > > > > > > click a > > > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work on
this?
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up would
be
okay > > > for > > > > > > > > > > > now, because we > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > > > put this entire project on
the
> > > wishlist to > > > > > > > > > > > raise some > > > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > > > money. Giving the user that
mock-
up > > > would > > > > > > > > > > > certainly help so > > > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > > > get a good impression what
they
are > > > > > > > > > > > supporting here. The > > > > > > > > > > > > > actual > > > > > > > > > > > > > > > > > implementation will happen a
bit
> > > later when > > > > > > > > > > > enough funds > > > > > > > > > > > > > have > > > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please send
some
> > > > > > > > > > > screenshots of the two > > > > > > > > > > > > > pages > > > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I
am
> > > throwing a > > > > > > > > > > > bit of random > > > > > > > > > > > > > stuff > > > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > > > Just let me know when I don't make > > > sense > > > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspot.com/
-9sw
4wUe > > > UsgQ/V > > > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > > > > > [2] http://wiki.ipfire.org/_m
edia
/en/ > > > addons > > > > > > > > > > > /clamav/squidcla > > > > > > > > > > > > > mav- > > > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hi,
On Tue, 2016-02-16 at 11:07 +0100, Maurice Gesswein wrote:
Hi,
just want to give a short status update.
thanks for the update.
I did some researching about customizing Bootstrap and found some promising websites/tools. Here are 2 of them: http://getbootstrap.com/customize/ https://pikock.github.io/bootstrap-magic/app/index.html I figured out that it seems pretty easy to use a custom grid system for Bootstrap. I would like to use a more suitable grid which is based on a 8px grid. More about that later.
What would be the benefit of that? What disadvantages does the default grid have?
I spend more time at the StyleGuide so that we are able to use the same colors, fontsizes and UI elements for the Homepage, FireInfo, Web Interface and Captive Portal. Best, Maurice
-Michael
On Mon, Feb 8, 2016 at 4:31 PM, Maurice Gesswein <zerpixelung@gmail.c om> wrote:
I'll do my best to answer your questions :)
Unfortunately I was not able to spend more time at IPFire so far. Will continue working on it this week.
On Mon, Feb 8, 2016 at 4:27 PM, Michael Tremer <michael.tremer@ipfi re.org> wrote:
Hi,
On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein wrote:
Hi,
Just want to check if our tel conf is still the plan for today evening at 9pm CET? If so, same phone and room number?
Yes it is. Same number, same conference room.
It might not take very long, but I have a few questions and wanted to discuss feedback in general :)
Alex is working on the image upload functionality. So from our end we are almost there to start working on implementing the design.
Best, -Michael
On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer <michael.tremer
@ipfir
e.org> wrote:
Hi,
On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote:
Hi,
I attached a quick first impression what I meant with
"Guides".
Info
for the dots (C1, F1, etc), primary text color, default
fontsize,
button style, etc will be all predefined in a separate
sheet. As
well
as a sheet for tablet and mobile view.
This looks good. It is a good way to start working on
implementing
that one soon. However it raises new questions LOL
As mentioned the 12 column grid is based on Bootstrap.
I don't find 12 columns...
Perhaps that clears a lot of your very first questions. If
you
would
like to have a call at that stage, I'm fine with Monday but
please at
9pm.
-Michael
Best, Maurice
On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tr
emer@i
pfir
e.org> wrote: > Hi, > > yes 8 pm CET is fine for me. Can also do later if you
prefer.
> > -Michael > > On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote: > > Hi Michael and Maurice, > > > > Am 03.02.2016 um 15:36 schrieb Maurice Gesswein: > > > Hi > > > > > > On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer
<michael.tremer@
> ipfi > > > re.org> wrote: > > > > Hi, > > > > > > > > sorry for not getting back earlier... > > > > > > > > On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein
wrote:
> > > > > Hi, > > > > > > > > > > attached you find design/layout suggestions for
all
> mentioned > > > > captive > > > > > portal websites. > > > > > > > > It looks great! > > > > > > > Happy to hear that :) > > > > > > > > Some notes: > > > > > The layout is always the same. You are able to
build
one
> > > > template > > > > > which can used for every site. > > > > > > > > That is handy. > > > > > > > > > The layout is very responsive friendly
(smartphone,
tablet)
> as > > > > you > > > > > can see at the access-voucher_360.jpg (standard
Android
> phone > > > > size) > > > > > > > > > I strongly recommend to don't use scrollable
content
within
> a > > > > > scrollable page (see first 2 screenshots from
Alex).
You
> become > > > > crazy > > > > > if you want to navigate though that on a touch
device.
> > > > > > > > LOL > > > > > > > > > A specific header image can be used for every
case.
> > > > > > > > Okay, we need to build a way to upload that and
possibly
some
> > > > specifications that we can give to people to design
theirs in
> the > > > > right > > > > way. > > > > > > > Specs would be a recommended minimum width and height
for
the
> > > image. Additionally an imagesize (KB) restriction.
You
don't
> want > > > to load a 10MB image ;) Resizing is handled by the
mentioned
> code > > > snippets or perhaps Bootstap itself. > > > > > > > > There are tiny and simple code snippets which
scale the
> header > > > > image > > > > > for every size correctly. I'll check this out to
provide
> you > > > > with > > > > > more detailed information. > > > > > Just checked getbootstrap.com. Seems to be that
such a
> > > > functionality > > > > > is already included. > > > > > > > > Cool. > > > > > > > > > A footer where you are able to promote IPFire ;) > > > > > > > > Always good. > > > > > > > > > Layout based on Bootstap 3 > > > > > I used the color-theme for the upcoming new
IPFire
website
> and > > > > WebUI. > > > > > @Michael the bright red is not the new primary
IPFire
red
> ;) > > > > It's the > > > > > error-red. I'll show more about that soon. > > > > > I suggested new text for the errors. Maybe you
like it
:)
> > > > > > > > > > Let me know if you have any questions or
concerns.
> > > > > > > > There is nothing from me I would like to see
changed. So
I
> > > > suppose that > > > > we can regard this as the final draft. > > > > > > > > Would you be up for arranging a telephone
conference with
> Daniel > > > > & > > > > Alex, because I think that I have many questions
regarding
> how we > > > > get > > > > from the draft to code :) How about Monday evening? > > > > > > > We can of course chat. Keep in mind that I'll provide
- I
call
> it > > > "Guides" - for you. It's kind of a construction plan
or
> blueprint > > > (font size, colors, margins, paddings, etc). Maybe
it's not
> really > > > needed to chat before you code anything. My guides
should
clear
> a > > > lot of your questions. Let me finish such a blueprint
and
you
> will > > > let my know your thoughts :) > > > > > Does that mean we have a "date" on Monday, 8th at 20:00
german
> local > > time? > > telephone conference ? > > > > Alex > > > > Best, > > > > -Michael > > > > > > > Maurice > > > > > > > > > > > > Best, > > > > > Maurice > > > > > > > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller > > > > <daniel.weismueller > > > > > @ipfire.org> wrote: > > > > > > No. > > > > > > > > > > > > The last screenshot shows the customization
part from
> "good > > > > old" > > > > > > configurationsite of the url-filter. > > > > > > For better understanding i've made a (3)
screenshot(s)
> of > > > > the > > > > > > whole page. > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice
Gesswein:
> > > > > > > Is that the place where the hoster can
include his
own
> > > > T&Cs, > > > > > > > upload a company logo, add the company name,
etc?
> > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel
Weismüller
> > > > <daniel.weismue > > > > > > > ller@ipfire.org> wrote: > > > > > > > > me again :) > > > > > > > > > > > > > > > > Another screenshot now from the webif where
you
may
> > > > customize > > > > > > > > blockpage from the url-filter. > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice
Gesswein:
> > > > > > > > > Perfect. Thanks Daniel. > > > > > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel > Weismüller" > > > > <daniel > > > > > > > > > .weismueller@ipfire.org>: > > > > > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice
Gesswein:
> > > > > > > > > > > Good morning, > > > > > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > > > > > Am 31.01.2016 4:31 vorm. schrieb
"Michael
> Tremer" > > > > <michae > > > > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100,
Maurice
> > > > Gesswein > > > > > > > > > > > > wrote: > > > > > > > > > > > > > Can someone send me the terms &
condition
> text > > > > from > > > > > > > > > > > > the screenshots > > > > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > > > > > > > There is a text area where the user
will
type
> in > > > > the > > > > > > > > > > > > T&Cs. So there is > > > > > > > > > > > > no predefined text and it might
change.
> > > > > > > > > > > > > > > > > > > > > > > > Do you still want some sample or
can you
just
> use > > > > lorem > > > > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM,
Michael
> Tremer > > > > <mich > > > > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > > > > e.org> wrote: > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37
+0100,
> Alexander > > > > Marx > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it.
Thanks
for
> the > > > > screens > > > > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and > suggestions. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further
upcoming
> pages > > > > like > > > > > > > > > > > > these, are you > > > > > > > > > > > > > > able > > > > > > > > > > > > > > > > to hand over a list of them
(perhaps
> with > > > > > > > > > > > > screenshots)? Not > > > > > > > > > > > > > > really > > > > > > > > > > > > > > > > needed, but very helpful to
deliver a
> > > > > > > > > > > > consistent flexible > > > > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > > > > > > > Don't worry about them too
much.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > As far as i know there are no
other
> > > > "external" > > > > > > > > > > > > pages. The > > > > > > > > > > > > > > > Webinterface of IPFire has an
own
> design > > > > and > > > > > > > > > > > > several themes, i > > > > > > > > > > > > > > think > > > > > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > > > > > > > > > However, there are a few. I
included
both
> of > > > > them > > > > > > > > > > > > in the first > > > > > > > > > > > > > > email. > > > > > > > > > > > > > > On top of that there are the
squid
error
> > > > pages. I > > > > > > > > > > > > am not too sure > > > > > > > > > > > > > > if we > > > > > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > > > > > > > > > I will figure that out and get
back
to
> you. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able
to
include
> his > > > > own > > > > > > > > > > > > logo/brand? That > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > give the users a lot more
trust
in
> that > > > > things. > > > > > > > > > > > > If an image > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > is not in the current
scope, I
> suggest a > > > > > > > > > > > > prominent headline > > > > > > > > > > > > > > where > > > > > > > > > > > > > > > > the hoster is able to
include the
> company > > > > name. > > > > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able
to
change
> the > > > > Title > > > > > > > > > > > > (The top-title in > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > screenies like "Login" or on
the
other
> page > > > > "My > > > > > > > > > > > > private HotSpot") > > > > > > > > > > > > > > > maybe we can add a Logo but
we have
to
> > > > decide > > > > > > > > > > > > which dimensions > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > allowed. This is difficult as
many
> > > > companies have > > > > > > > > > > > > different > > > > > > > > > > > > > > > dimensions of Logos. Some are
4:3,
> others > > > > are > > > > > > > > > > > > like 27:9 and so > > > > > > > > > > > > > > on. > > > > > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > I think we don't need that. We
usually
> have > > > > the > > > > > > > > > > > > opportunity to > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > an entire HTML template, so
that if
> someone > > > > wants > > > > > > > > > > > > to replace the > > > > > > > > > > > > > > page, > > > > > > > > > > > > > > they can do that. But just a
logo is
a
> bit > > > > too > > > > > > > > > > > > easy. Who ever wants > > > > > > > > > > > > > > to > > > > > > > > > > > > > > brand this as their own should
do
that
> with > > > > the > > > > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > > > > > > > And of course we should not
forget
about
> > > > doing some > > > > > > > > > > > > advertisement > > > > > > > > > > > > > > for > > > > > > > > > > > > > > our own product :) However, I
get
many
> emails > > > > from > > > > > > > > > > > > annoyed students > > > > > > > > > > > > > > that can't access dirty
websites in
their
> > > > school. > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire,
should
> those > > > > pages > > > > > > > > > > > > be designed like > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > new upcoming style of
IPFire?
Means
> same > > > > color > > > > > > > > > > > > theme, button > > > > > > > > > > > > > > style, > > > > > > > > > > > > > > > > IPFire logo, caption like
"powered by
> > > > IPFire", > > > > > > > > > > > > etc? Or should > > > > > > > > > > > > > > it > > > > > > > > > > > > > > > > totally generic so that the
users
has
> no > > > > clue > > > > > > > > > > > > what system shows > > > > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > > > > > > > I would like a "powered by
IPFire" at
> least > > > > and > > > > > > > > > > > > even advise people > > > > > > > > > > > > > > who > > > > > > > > > > > > > > replace the theme by their own
to
keep
> that > > > > in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > This does not need to be like
the new
> stuff > > > > but I > > > > > > > > > > > > think it should > > > > > > > > > > > > > > feel > > > > > > > > > > > > > > a bit like IPFire but also be
neutral. We
> do > > > > not > > > > > > > > > > > > need to hide that > > > > > > > > > > > > > > this > > > > > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > No. I think if we have
something
like a
> > > > > > > > > > > > "background-color" > > > > > > > > > > > > > > instead of > > > > > > > > > > > > > > > a picture, we should the
hoster let
> > > > configure it, > > > > > > > > > > > > so the people > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > able to adpat the colors to
their
own
> > > > corporate > > > > > > > > > > > > identity. So if > > > > > > > > > > > > > > you > > > > > > > > > > > > > > > woul like to work with
gradients or
> > > > similar, i > > > > > > > > > > > > would recommend to > > > > > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We
wanted
to
> keep > > > > this > > > > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at
1:51 PM,
> > > > Alexander Marx > > > > > > > > > > > > <alexander.marx > > > > > > > > > > > > > > @oab > > > > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly > screenshots > > > > from the > > > > > > > > > > > > loginpage. > > > > > > > > > > > > > > > > > one version with voucher
access
and
> the > > > > other > > > > > > > > > > > > one with > > > > > > > > > > > > > > license > > > > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59
schrieb
> Michael > > > > > > > > > > > > Tremer: > > > > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are
busy with
> other > > > > things, > > > > > > > > > > > > but > > > > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > like to send you this
request.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently
working on
a so
> > > > called > > > > > > > > > > > > captive portal. > > > > > > > > > > > > > > That > > > > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > > > > things that pop up on
your
phone
> or > > > > laptop > > > > > > > > > > > > when you connect > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > > > > wireless network in a
hotel
or
> cafe. > > > > That > > > > > > > > > > > > web page that is > > > > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > > > > what we need to design
now.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few
other
pages
> that > > > > are > > > > > > > > > > > > shown to the users > > > > > > > > > > > > > > of > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > network when for
example a
web
> page > > > > is > > > > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > > > > really ugly and
probably
needs a
> > > > remake as > > > > > > > > > > > > well. I want to > > > > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > > > > captive portal for now,
but I
> guess > > > > you > > > > > > > > > > > > would like to know > > > > > > > > > > > > > > that > > > > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > > > > are more. [1] and [2].
Really
bad
> > > > right? > > > > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a
screenshot
> of > > > > the > > > > > > > > > > > > development version > > > > > > > > > > > > > > we > > > > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > > > > This is just a quick
page to
show
> the > > > > > > > > > > > > concept and what we > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options
for
now.
> The > > > > first > > > > > > > > > > > > one is where the > > > > > > > > > > > > > > user > > > > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > > > > agree to a license and
click
a "I
> > > > accept" > > > > > > > > > > > > button. The > > > > > > > > > > > > > > second > > > > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > > > > where the user will
have to
type
> in a > > > > > > > > > > > > voucher code and > > > > > > > > > > > > > > click a > > > > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work
on
this?
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up
would
be
> okay > > > > for > > > > > > > > > > > > now, because we > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > > > > put this entire project
on
the
> > > > wishlist to > > > > > > > > > > > > raise some > > > > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > > > > money. Giving the user
that
mock-
> up > > > > would > > > > > > > > > > > > certainly help so > > > > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > > > > get a good impression
what
they
> are > > > > > > > > > > > > supporting here. The > > > > > > > > > > > > > > actual > > > > > > > > > > > > > > > > > > implementation will
happen a
bit
> > > > later when > > > > > > > > > > > > enough funds > > > > > > > > > > > > > > have > > > > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please
send
some
> > > > > > > > > > > > screenshots of the two > > > > > > > > > > > > > > pages > > > > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know
that I
am
> > > > throwing a > > > > > > > > > > > > bit of random > > > > > > > > > > > > > > stuff > > > > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > > > > Just let me know when I
don't
> make > > > > sense > > > > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspo
t.com/
-9sw
> 4wUe > > > > UsgQ/V > > > > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > > > >
zM/bBnJN4oCffo/s640/31.png
> > > > > > > > > > > > > > > > > > [2] http://wiki.ipfire.
org/_m
edia
> /en/ > > > > addons > > > > > > > > > > > > /clamav/squidcla > > > > > > > > > > > > > > mav- > > > > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
On Tue, Feb 16, 2016 at 7:43 PM, Michael Tremer michael.tremer@ipfire.org wrote:
Hi,
On Tue, 2016-02-16 at 11:07 +0100, Maurice Gesswein wrote:
Hi,
just want to give a short status update.
thanks for the update.
I did some researching about customizing Bootstrap and found some promising websites/tools. Here are 2 of them: http://getbootstrap.com/customize/ https://pikock.github.io/bootstrap-magic/app/index.html I figured out that it seems pretty easy to use a custom grid system for Bootstrap. I would like to use a more suitable grid which is based on a 8px grid. More about that later.
What would be the benefit of that? What disadvantages does the default grid have?
Only cosmetic reasons. I'll review a custom grid before if it works flawlessly. Perhaps it is not worth. We can skip that for the Captive Portal and adapt it later if it works well.
I spend more time at the StyleGuide so that we are able to use the same colors, fontsizes and UI elements for the Homepage, FireInfo, Web Interface and Captive Portal. Best, Maurice
-Michael
On Mon, Feb 8, 2016 at 4:31 PM, Maurice Gesswein <zerpixelung@gmail.c om> wrote:
I'll do my best to answer your questions :)
Unfortunately I was not able to spend more time at IPFire so far. Will continue working on it this week.
On Mon, Feb 8, 2016 at 4:27 PM, Michael Tremer <michael.tremer@ipfi re.org> wrote:
Hi,
On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein wrote:
Hi,
Just want to check if our tel conf is still the plan for today evening at 9pm CET? If so, same phone and room number?
Yes it is. Same number, same conference room.
It might not take very long, but I have a few questions and wanted to discuss feedback in general :)
Alex is working on the image upload functionality. So from our end we are almost there to start working on implementing the design.
Best, -Michael
On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer <michael.tremer
@ipfir
e.org> wrote:
Hi,
On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote: > Hi, > > I attached a quick first impression what I meant with
"Guides".
Info > for the dots (C1, F1, etc), primary text color, default
fontsize,
> button style, etc will be all predefined in a separate
sheet. As
well > as a sheet for tablet and mobile view.
This looks good. It is a good way to start working on
implementing
that one soon. However it raises new questions LOL
> As mentioned the 12 column grid is based on Bootstrap.
I don't find 12 columns...
> Perhaps that clears a lot of your very first questions. If
you
would > like to have a call at that stage, I'm fine with Monday but please at > 9pm.
-Michael
> > Best, > Maurice > > On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tr
emer@i
pfir > e.org> wrote: > > Hi, > > > > yes 8 pm CET is fine for me. Can also do later if you
prefer.
> > > > -Michael > > > > On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote: > > > Hi Michael and Maurice, > > > > > > Am 03.02.2016 um 15:36 schrieb Maurice Gesswein: > > > > Hi > > > > > > > > On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer <michael.tremer@ > > ipfi > > > > re.org> wrote: > > > > > Hi, > > > > > > > > > > sorry for not getting back earlier... > > > > > > > > > > On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein wrote: > > > > > > Hi, > > > > > > > > > > > > attached you find design/layout suggestions for
all
> > mentioned > > > > > captive > > > > > > portal websites. > > > > > > > > > > It looks great! > > > > > > > > > Happy to hear that :) > > > > > > > > > > Some notes: > > > > > > The layout is always the same. You are able to
build
one > > > > > template > > > > > > which can used for every site. > > > > > > > > > > That is handy. > > > > > > > > > > > The layout is very responsive friendly
(smartphone,
tablet) > > as > > > > > you > > > > > > can see at the access-voucher_360.jpg (standard
Android
> > phone > > > > > size) > > > > > > > > > > > I strongly recommend to don't use scrollable
content
within > > a > > > > > > scrollable page (see first 2 screenshots from
Alex).
You > > become > > > > > crazy > > > > > > if you want to navigate though that on a touch
device.
> > > > > > > > > > LOL > > > > > > > > > > > A specific header image can be used for every
case.
> > > > > > > > > > Okay, we need to build a way to upload that and
possibly
some > > > > > specifications that we can give to people to design theirs in > > the > > > > > right > > > > > way. > > > > > > > > > Specs would be a recommended minimum width and height
for
the > > > > image. Additionally an imagesize (KB) restriction.
You
don't > > want > > > > to load a 10MB image ;) Resizing is handled by the mentioned > > code > > > > snippets or perhaps Bootstap itself. > > > > > > > > > > There are tiny and simple code snippets which
scale the
> > header > > > > > image > > > > > > for every size correctly. I'll check this out to provide > > you > > > > > with > > > > > > more detailed information. > > > > > > Just checked getbootstrap.com. Seems to be that
such a
> > > > > functionality > > > > > > is already included. > > > > > > > > > > Cool. > > > > > > > > > > > A footer where you are able to promote IPFire ;) > > > > > > > > > > Always good. > > > > > > > > > > > Layout based on Bootstap 3 > > > > > > I used the color-theme for the upcoming new
IPFire
website > > and > > > > > WebUI. > > > > > > @Michael the bright red is not the new primary
IPFire
red > > ;) > > > > > It's the > > > > > > error-red. I'll show more about that soon. > > > > > > I suggested new text for the errors. Maybe you
like it
:) > > > > > > > > > > > > Let me know if you have any questions or
concerns.
> > > > > > > > > > There is nothing from me I would like to see
changed. So
I > > > > > suppose that > > > > > we can regard this as the final draft. > > > > > > > > > > Would you be up for arranging a telephone
conference with
> > Daniel > > > > > & > > > > > Alex, because I think that I have many questions regarding > > how we > > > > > get > > > > > from the draft to code :) How about Monday evening? > > > > > > > > > We can of course chat. Keep in mind that I'll provide
- I
call > > it > > > > "Guides" - for you. It's kind of a construction plan
or
> > blueprint > > > > (font size, colors, margins, paddings, etc). Maybe
it's not
> > really > > > > needed to chat before you code anything. My guides
should
clear > > a > > > > lot of your questions. Let me finish such a blueprint
and
you > > will > > > > let my know your thoughts :) > > > > > > > Does that mean we have a "date" on Monday, 8th at 20:00 german > > local > > > time? > > > telephone conference ? > > > > > > Alex > > > > > Best, > > > > > -Michael > > > > > > > > > Maurice > > > > > > > > > > > > > > > Best, > > > > > > Maurice > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller > > > > > <daniel.weismueller > > > > > > @ipfire.org> wrote: > > > > > > > No. > > > > > > > > > > > > > > The last screenshot shows the customization
part from
> > "good > > > > > old" > > > > > > > configurationsite of the url-filter. > > > > > > > For better understanding i've made a (3) screenshot(s) > > of > > > > > the > > > > > > > whole page. > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice
Gesswein:
> > > > > > > > Is that the place where the hoster can
include his
own > > > > > T&Cs, > > > > > > > > upload a company logo, add the company name,
etc?
> > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel
Weismüller
> > > > > <daniel.weismue > > > > > > > > ller@ipfire.org> wrote: > > > > > > > > > me again :) > > > > > > > > > > > > > > > > > > Another screenshot now from the webif where
you
may > > > > > customize > > > > > > > > > blockpage from the url-filter. > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice
Gesswein:
> > > > > > > > > > Perfect. Thanks Daniel. > > > > > > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel > > Weismüller" > > > > > <daniel > > > > > > > > > > .weismueller@ipfire.org>: > > > > > > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice Gesswein: > > > > > > > > > > > > Good morning, > > > > > > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > > > > > > Am 31.01.2016 4:31 vorm. schrieb
"Michael
> > Tremer" > > > > > <michae > > > > > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, Maurice > > > > > Gesswein > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > Can someone send me the terms & condition > > text > > > > > from > > > > > > > > > > > > > the screenshots > > > > > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > > > > > > > > > There is a text area where the user
will
type > > in > > > > > the > > > > > > > > > > > > > T&Cs. So there is > > > > > > > > > > > > > no predefined text and it might
change.
> > > > > > > > > > > > > > > > > > > > > > > > > > Do you still want some sample or
can you
just > > use > > > > > lorem > > > > > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, Michael > > Tremer > > > > > <mich > > > > > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > > > > > e.org> wrote: > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37
+0100,
> > Alexander > > > > > Marx > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it.
Thanks
for > > the > > > > > screens > > > > > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and > > suggestions. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further upcoming > > pages > > > > > like > > > > > > > > > > > > > these, are you > > > > > > > > > > > > > > > able > > > > > > > > > > > > > > > > > to hand over a list of them (perhaps > > with > > > > > > > > > > > > > screenshots)? Not > > > > > > > > > > > > > > > really > > > > > > > > > > > > > > > > > needed, but very helpful to deliver a > > > > > > > > > > > > > consistent flexible > > > > > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Don't worry about them too
much.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > As far as i know there are no
other
> > > > > "external" > > > > > > > > > > > > > pages. The > > > > > > > > > > > > > > > > Webinterface of IPFire has an
own
> > design > > > > > and > > > > > > > > > > > > > several themes, i > > > > > > > > > > > > > > > think > > > > > > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > However, there are a few. I
included
both > > of > > > > > them > > > > > > > > > > > > > in the first > > > > > > > > > > > > > > > email. > > > > > > > > > > > > > > > On top of that there are the
squid
error > > > > > pages. I > > > > > > > > > > > > > am not too sure > > > > > > > > > > > > > > > if we > > > > > > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I will figure that out and get
back
to > > you. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able
to
include > > his > > > > > own > > > > > > > > > > > > > logo/brand? That > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > give the users a lot more
trust
in > > that > > > > > things. > > > > > > > > > > > > > If an image > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > is not in the current
scope, I
> > suggest a > > > > > > > > > > > > > prominent headline > > > > > > > > > > > > > > > where > > > > > > > > > > > > > > > > > the hoster is able to
include the
> > company > > > > > name. > > > > > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able
to
change > > the > > > > > Title > > > > > > > > > > > > > (The top-title in > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > screenies like "Login" or on
the
other > > page > > > > > "My > > > > > > > > > > > > > private HotSpot") > > > > > > > > > > > > > > > > maybe we can add a Logo but
we have
to > > > > > decide > > > > > > > > > > > > > which dimensions > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > allowed. This is difficult as
many
> > > > > companies have > > > > > > > > > > > > > different > > > > > > > > > > > > > > > > dimensions of Logos. Some are
4:3,
> > others > > > > > are > > > > > > > > > > > > > like 27:9 and so > > > > > > > > > > > > > > > on. > > > > > > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I think we don't need that. We usually > > have > > > > > the > > > > > > > > > > > > > opportunity to > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > an entire HTML template, so
that if
> > someone > > > > > wants > > > > > > > > > > > > > to replace the > > > > > > > > > > > > > > > page, > > > > > > > > > > > > > > > they can do that. But just a
logo is
a > > bit > > > > > too > > > > > > > > > > > > > easy. Who ever wants > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > brand this as their own should
do
that > > with > > > > > the > > > > > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > And of course we should not
forget
about > > > > > doing some > > > > > > > > > > > > > advertisement > > > > > > > > > > > > > > > for > > > > > > > > > > > > > > > our own product :) However, I
get
many > > emails > > > > > from > > > > > > > > > > > > > annoyed students > > > > > > > > > > > > > > > that can't access dirty
websites in
their > > > > > school. > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire,
should
> > those > > > > > pages > > > > > > > > > > > > > be designed like > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > new upcoming style of
IPFire?
Means > > same > > > > > color > > > > > > > > > > > > > theme, button > > > > > > > > > > > > > > > style, > > > > > > > > > > > > > > > > > IPFire logo, caption like "powered by > > > > > IPFire", > > > > > > > > > > > > > etc? Or should > > > > > > > > > > > > > > > it > > > > > > > > > > > > > > > > > totally generic so that the
users
has > > no > > > > > clue > > > > > > > > > > > > > what system shows > > > > > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I would like a "powered by
IPFire" at
> > least > > > > > and > > > > > > > > > > > > > even advise people > > > > > > > > > > > > > > > who > > > > > > > > > > > > > > > replace the theme by their own
to
keep > > that > > > > > in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > This does not need to be like
the new
> > stuff > > > > > but I > > > > > > > > > > > > > think it should > > > > > > > > > > > > > > > feel > > > > > > > > > > > > > > > a bit like IPFire but also be neutral. We > > do > > > > > not > > > > > > > > > > > > > need to hide that > > > > > > > > > > > > > > > this > > > > > > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > No. I think if we have
something
like a > > > > > > > > > > > > > "background-color" > > > > > > > > > > > > > > > instead of > > > > > > > > > > > > > > > > a picture, we should the
hoster let
> > > > > configure it, > > > > > > > > > > > > > so the people > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > able to adpat the colors to
their
own > > > > > corporate > > > > > > > > > > > > > identity. So if > > > > > > > > > > > > > > > you > > > > > > > > > > > > > > > > woul like to work with
gradients or
> > > > > similar, i > > > > > > > > > > > > > would recommend to > > > > > > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We
wanted
to > > keep > > > > > this > > > > > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at
1:51 PM,
> > > > > Alexander Marx > > > > > > > > > > > > > <alexander.marx > > > > > > > > > > > > > > > @oab > > > > > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly > > screenshots > > > > > from the > > > > > > > > > > > > > loginpage. > > > > > > > > > > > > > > > > > > one version with voucher
access
and > > the > > > > > other > > > > > > > > > > > > > one with > > > > > > > > > > > > > > > license > > > > > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59
schrieb
> > Michael > > > > > > > > > > > > > Tremer: > > > > > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are
busy with
> > other > > > > > things, > > > > > > > > > > > > > but > > > > > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > like to send you this request. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently
working on
a so > > > > > called > > > > > > > > > > > > > captive portal. > > > > > > > > > > > > > > > That > > > > > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > > > > > things that pop up on
your
phone > > or > > > > > laptop > > > > > > > > > > > > > when you connect > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > > > > > wireless network in a
hotel
or > > cafe. > > > > > That > > > > > > > > > > > > > web page that is > > > > > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > > > > > what we need to design
now.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few
other
pages > > that > > > > > are > > > > > > > > > > > > > shown to the users > > > > > > > > > > > > > > > of > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > network when for
example a
web > > page > > > > > is > > > > > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > > > > > really ugly and
probably
needs a > > > > > remake as > > > > > > > > > > > > > well. I want to > > > > > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > > > > > captive portal for now,
but I
> > guess > > > > > you > > > > > > > > > > > > > would like to know > > > > > > > > > > > > > > > that > > > > > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > > > > > are more. [1] and [2].
Really
bad > > > > > right? > > > > > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a screenshot > > of > > > > > the > > > > > > > > > > > > > development version > > > > > > > > > > > > > > > we > > > > > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > > > > > This is just a quick
page to
show > > the > > > > > > > > > > > > > concept and what we > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options
for
now. > > The > > > > > first > > > > > > > > > > > > > one is where the > > > > > > > > > > > > > > > user > > > > > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > > > > > agree to a license and
click
a "I > > > > > accept" > > > > > > > > > > > > > button. The > > > > > > > > > > > > > > > second > > > > > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > > > > > where the user will
have to
type > > in a > > > > > > > > > > > > > voucher code and > > > > > > > > > > > > > > > click a > > > > > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work
on
this? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up
would
be > > okay > > > > > for > > > > > > > > > > > > > now, because we > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > > > > > put this entire project
on
the > > > > > wishlist to > > > > > > > > > > > > > raise some > > > > > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > > > > > money. Giving the user
that
mock- > > up > > > > > would > > > > > > > > > > > > > certainly help so > > > > > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > > > > > get a good impression
what
they > > are > > > > > > > > > > > > > supporting here. The > > > > > > > > > > > > > > > actual > > > > > > > > > > > > > > > > > > > implementation will
happen a
bit > > > > > later when > > > > > > > > > > > > > enough funds > > > > > > > > > > > > > > > have > > > > > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please
send
some > > > > > > > > > > > > > screenshots of the two > > > > > > > > > > > > > > > pages > > > > > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know
that I
am > > > > > throwing a > > > > > > > > > > > > > bit of random > > > > > > > > > > > > > > > stuff > > > > > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > > > > > Just let me know when I
don't
> > make > > > > > sense > > > > > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspo
t.com/
-9sw > > 4wUe > > > > > UsgQ/V > > > > > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > > > > >
zM/bBnJN4oCffo/s640/31.png
> > > > > > > > > > > > > > > > > > > [2] http://wiki.ipfire.
org/_m
edia > > /en/ > > > > > addons > > > > > > > > > > > > > /clamav/squidcla > > > > > > > > > > > > > > > mav- > > > > > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hello,
Below you find a link to a shared Dropbox folder. In that folder you will find all relevant designs, guides, images etc. for the new IPFire.
Dropbox shared folder https://www.dropbox.com/sh/xg34tkw9wy7vbux/AAA9ekfJkejyQclMNfLGYXAIa?dl=0
*What's currently in?*
- Captive Portal designs for desktop - One Guide for the "Access Page" (image + txt) - The first 4 StyleGuide sheets (*these are work in progress!*) - Buttons - Colors - Fonts - Forms
I know that there are some information missing. I'll provide them asap. I think with that information you are able to start with coding.
Furthermore I think I found a good solution to support you with the code. I'm going to do the styles for buttons, input fields, etc. So I'll try to provide the CSS markup for that elements. And I would like to try to make some fine tuning when you are almost finished.
Let me know if you have questions.
Best, Maurice
PS: If you have Dropbox accounts let me know. I'll add you than to that folder. If you don't have an account, you should consider to create one for free https://db.tt/C7nn1kU. It would make it a lot easier for you to find things.
On Wed, Feb 17, 2016 at 11:35 PM, Maurice Gesswein zerpixelung@gmail.com wrote:
On Tue, Feb 16, 2016 at 7:43 PM, Michael Tremer <michael.tremer@ipfire.org
wrote:
Hi,
On Tue, 2016-02-16 at 11:07 +0100, Maurice Gesswein wrote:
Hi,
just want to give a short status update.
thanks for the update.
I did some researching about customizing Bootstrap and found some promising websites/tools. Here are 2 of them: http://getbootstrap.com/customize/ https://pikock.github.io/bootstrap-magic/app/index.html I figured out that it seems pretty easy to use a custom grid system for Bootstrap. I would like to use a more suitable grid which is based on a 8px grid. More about that later.
What would be the benefit of that? What disadvantages does the default grid have?
Only cosmetic reasons. I'll review a custom grid before if it works flawlessly. Perhaps it is not worth. We can skip that for the Captive Portal and adapt it later if it works well.
I spend more time at the StyleGuide so that we are able to use the same colors, fontsizes and UI elements for the Homepage, FireInfo, Web Interface and Captive Portal. Best, Maurice
-Michael
On Mon, Feb 8, 2016 at 4:31 PM, Maurice Gesswein <zerpixelung@gmail.c om> wrote:
I'll do my best to answer your questions :)
Unfortunately I was not able to spend more time at IPFire so far. Will continue working on it this week.
On Mon, Feb 8, 2016 at 4:27 PM, Michael Tremer <michael.tremer@ipfi re.org> wrote:
Hi,
On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein wrote:
Hi,
Just want to check if our tel conf is still the plan for today evening at 9pm CET? If so, same phone and room number?
Yes it is. Same number, same conference room.
It might not take very long, but I have a few questions and wanted to discuss feedback in general :)
Alex is working on the image upload functionality. So from our end we are almost there to start working on implementing the design.
Best, -Michael
On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer <michael.tremer
@ipfir
e.org> wrote: > Hi, > > On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote: > > Hi, > > > > I attached a quick first impression what I meant with
"Guides".
> Info > > for the dots (C1, F1, etc), primary text color, default
fontsize,
> > button style, etc will be all predefined in a separate
sheet. As
> well > > as a sheet for tablet and mobile view. > > This looks good. It is a good way to start working on
implementing
> that > one soon. However it raises new questions LOL > > > As mentioned the 12 column grid is based on Bootstrap. > > I don't find 12 columns... > > > Perhaps that clears a lot of your very first questions. If
you
> would > > like to have a call at that stage, I'm fine with Monday but > please at > > 9pm. > > -Michael > > > > > Best, > > Maurice > > > > On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tr
emer@i
> pfir > > e.org> wrote: > > > Hi, > > > > > > yes 8 pm CET is fine for me. Can also do later if you
prefer.
> > > > > > -Michael > > > > > > On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote: > > > > Hi Michael and Maurice, > > > > > > > > Am 03.02.2016 um 15:36 schrieb Maurice Gesswein: > > > > > Hi > > > > > > > > > > On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer > <michael.tremer@ > > > ipfi > > > > > re.org> wrote: > > > > > > Hi, > > > > > > > > > > > > sorry for not getting back earlier... > > > > > > > > > > > > On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein > wrote: > > > > > > > Hi, > > > > > > > > > > > > > > attached you find design/layout suggestions for
all
> > > mentioned > > > > > > captive > > > > > > > portal websites. > > > > > > > > > > > > It looks great! > > > > > > > > > > > Happy to hear that :) > > > > > > > > > > > > Some notes: > > > > > > > The layout is always the same. You are able to
build
> one > > > > > > template > > > > > > > which can used for every site. > > > > > > > > > > > > That is handy. > > > > > > > > > > > > > The layout is very responsive friendly
(smartphone,
> tablet) > > > as > > > > > > you > > > > > > > can see at the access-voucher_360.jpg (standard
Android
> > > phone > > > > > > size) > > > > > > > > > > > > > I strongly recommend to don't use scrollable
content
> within > > > a > > > > > > > scrollable page (see first 2 screenshots from
Alex).
> You > > > become > > > > > > crazy > > > > > > > if you want to navigate though that on a touch
device.
> > > > > > > > > > > > LOL > > > > > > > > > > > > > A specific header image can be used for every
case.
> > > > > > > > > > > > Okay, we need to build a way to upload that and
possibly
> some > > > > > > specifications that we can give to people to design > theirs in > > > the > > > > > > right > > > > > > way. > > > > > > > > > > > Specs would be a recommended minimum width and height
for
> the > > > > > image. Additionally an imagesize (KB) restriction.
You
> don't > > > want > > > > > to load a 10MB image ;) Resizing is handled by the > mentioned > > > code > > > > > snippets or perhaps Bootstap itself. > > > > > > > > > > > > There are tiny and simple code snippets which
scale the
> > > header > > > > > > image > > > > > > > for every size correctly. I'll check this out to > provide > > > you > > > > > > with > > > > > > > more detailed information. > > > > > > > Just checked getbootstrap.com. Seems to be that
such a
> > > > > > functionality > > > > > > > is already included. > > > > > > > > > > > > Cool. > > > > > > > > > > > > > A footer where you are able to promote IPFire ;) > > > > > > > > > > > > Always good. > > > > > > > > > > > > > Layout based on Bootstap 3 > > > > > > > I used the color-theme for the upcoming new
IPFire
> website > > > and > > > > > > WebUI. > > > > > > > @Michael the bright red is not the new primary
IPFire
> red > > > ;) > > > > > > It's the > > > > > > > error-red. I'll show more about that soon. > > > > > > > I suggested new text for the errors. Maybe you
like it
> :) > > > > > > > > > > > > > > Let me know if you have any questions or
concerns.
> > > > > > > > > > > > There is nothing from me I would like to see
changed. So
> I > > > > > > suppose that > > > > > > we can regard this as the final draft. > > > > > > > > > > > > Would you be up for arranging a telephone
conference with
> > > Daniel > > > > > > & > > > > > > Alex, because I think that I have many questions > regarding > > > how we > > > > > > get > > > > > > from the draft to code :) How about Monday evening? > > > > > > > > > > > We can of course chat. Keep in mind that I'll provide
- I
> call > > > it > > > > > "Guides" - for you. It's kind of a construction plan
or
> > > blueprint > > > > > (font size, colors, margins, paddings, etc). Maybe
it's not
> > > really > > > > > needed to chat before you code anything. My guides
should
> clear > > > a > > > > > lot of your questions. Let me finish such a blueprint
and
> you > > > will > > > > > let my know your thoughts :) > > > > > > > > > Does that mean we have a "date" on Monday, 8th at 20:00 > german > > > local > > > > time? > > > > telephone conference ? > > > > > > > > Alex > > > > > > Best, > > > > > > -Michael > > > > > > > > > > > Maurice > > > > > > > > > > > > > > > > > > Best, > > > > > > > Maurice > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller > > > > > > <daniel.weismueller > > > > > > > @ipfire.org> wrote: > > > > > > > > No. > > > > > > > > > > > > > > > > The last screenshot shows the customization
part from
> > > "good > > > > > > old" > > > > > > > > configurationsite of the url-filter. > > > > > > > > For better understanding i've made a (3) > screenshot(s) > > > of > > > > > > the > > > > > > > > whole page. > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice
Gesswein:
> > > > > > > > > Is that the place where the hoster can
include his
> own > > > > > > T&Cs, > > > > > > > > > upload a company logo, add the company name,
etc?
> > > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel
Weismüller
> > > > > > <daniel.weismue > > > > > > > > > ller@ipfire.org> wrote: > > > > > > > > > > me again :) > > > > > > > > > > > > > > > > > > > > Another screenshot now from the webif where
you
> may > > > > > > customize > > > > > > > > > > blockpage from the url-filter. > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice
Gesswein:
> > > > > > > > > > > Perfect. Thanks Daniel. > > > > > > > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel > > > Weismüller" > > > > > > <daniel > > > > > > > > > > > .weismueller@ipfire.org>: > > > > > > > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice > Gesswein: > > > > > > > > > > > > > Good morning, > > > > > > > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > > > > > > > Am 31.01.2016 4:31 vorm. schrieb
"Michael
> > > Tremer" > > > > > > <michae > > > > > > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, > Maurice > > > > > > Gesswein > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > Can someone send me the terms & > condition > > > text > > > > > > from > > > > > > > > > > > > > > the screenshots > > > > > > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > > > > > > > > > > > There is a text area where the user
will
> type > > > in > > > > > > the > > > > > > > > > > > > > > T&Cs. So there is > > > > > > > > > > > > > > no predefined text and it might
change.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > Do you still want some sample or
can you
> just > > > use > > > > > > lorem > > > > > > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, > Michael > > > Tremer > > > > > > <mich > > > > > > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > > > > > > e.org> wrote: > > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37
+0100,
> > > Alexander > > > > > > Marx > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it.
Thanks
> for > > > the > > > > > > screens > > > > > > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and > > > suggestions. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further > upcoming > > > pages > > > > > > like > > > > > > > > > > > > > > these, are you > > > > > > > > > > > > > > > > able > > > > > > > > > > > > > > > > > > to hand over a list of them > (perhaps > > > with > > > > > > > > > > > > > > screenshots)? Not > > > > > > > > > > > > > > > > really > > > > > > > > > > > > > > > > > > needed, but very helpful to > deliver a > > > > > > > > > > > > > > consistent flexible > > > > > > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Don't worry about them too
much.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > As far as i know there are no
other
> > > > > > "external" > > > > > > > > > > > > > > pages. The > > > > > > > > > > > > > > > > > Webinterface of IPFire has an
own
> > > design > > > > > > and > > > > > > > > > > > > > > several themes, i > > > > > > > > > > > > > > > > think > > > > > > > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > However, there are a few. I
included
> both > > > of > > > > > > them > > > > > > > > > > > > > > in the first > > > > > > > > > > > > > > > > email. > > > > > > > > > > > > > > > > On top of that there are the
squid
> error > > > > > > pages. I > > > > > > > > > > > > > > am not too sure > > > > > > > > > > > > > > > > if we > > > > > > > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I will figure that out and get
back
> to > > > you. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able
to
> include > > > his > > > > > > own > > > > > > > > > > > > > > logo/brand? That > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > give the users a lot more
trust
> in > > > that > > > > > > things. > > > > > > > > > > > > > > If an image > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > > is not in the current
scope, I
> > > suggest a > > > > > > > > > > > > > > prominent headline > > > > > > > > > > > > > > > > where > > > > > > > > > > > > > > > > > > the hoster is able to
include the
> > > company > > > > > > name. > > > > > > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able
to
> change > > > the > > > > > > Title > > > > > > > > > > > > > > (The top-title in > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > screenies like "Login" or on
the
> other > > > page > > > > > > "My > > > > > > > > > > > > > > private HotSpot") > > > > > > > > > > > > > > > > > maybe we can add a Logo but
we have
> to > > > > > > decide > > > > > > > > > > > > > > which dimensions > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > allowed. This is difficult as
many
> > > > > > companies have > > > > > > > > > > > > > > different > > > > > > > > > > > > > > > > > dimensions of Logos. Some are
4:3,
> > > others > > > > > > are > > > > > > > > > > > > > > like 27:9 and so > > > > > > > > > > > > > > > > on. > > > > > > > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I think we don't need that. We > usually > > > have > > > > > > the > > > > > > > > > > > > > > opportunity to > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > an entire HTML template, so
that if
> > > someone > > > > > > wants > > > > > > > > > > > > > > to replace the > > > > > > > > > > > > > > > > page, > > > > > > > > > > > > > > > > they can do that. But just a
logo is
> a > > > bit > > > > > > too > > > > > > > > > > > > > > easy. Who ever wants > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > brand this as their own should
do
> that > > > with > > > > > > the > > > > > > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > And of course we should not
forget
> about > > > > > > doing some > > > > > > > > > > > > > > advertisement > > > > > > > > > > > > > > > > for > > > > > > > > > > > > > > > > our own product :) However, I
get
> many > > > emails > > > > > > from > > > > > > > > > > > > > > annoyed students > > > > > > > > > > > > > > > > that can't access dirty
websites in
> their > > > > > > school. > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire,
should
> > > those > > > > > > pages > > > > > > > > > > > > > > be designed like > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > new upcoming style of
IPFire?
> Means > > > same > > > > > > color > > > > > > > > > > > > > > theme, button > > > > > > > > > > > > > > > > style, > > > > > > > > > > > > > > > > > > IPFire logo, caption like > "powered by > > > > > > IPFire", > > > > > > > > > > > > > > etc? Or should > > > > > > > > > > > > > > > > it > > > > > > > > > > > > > > > > > > totally generic so that the
users
> has > > > no > > > > > > clue > > > > > > > > > > > > > > what system shows > > > > > > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I would like a "powered by
IPFire" at
> > > least > > > > > > and > > > > > > > > > > > > > > even advise people > > > > > > > > > > > > > > > > who > > > > > > > > > > > > > > > > replace the theme by their own
to
> keep > > > that > > > > > > in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > This does not need to be like
the new
> > > stuff > > > > > > but I > > > > > > > > > > > > > > think it should > > > > > > > > > > > > > > > > feel > > > > > > > > > > > > > > > > a bit like IPFire but also be > neutral. We > > > do > > > > > > not > > > > > > > > > > > > > > need to hide that > > > > > > > > > > > > > > > > this > > > > > > > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > No. I think if we have
something
> like a > > > > > > > > > > > > > > "background-color" > > > > > > > > > > > > > > > > instead of > > > > > > > > > > > > > > > > > a picture, we should the
hoster let
> > > > > > configure it, > > > > > > > > > > > > > > so the people > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > able to adpat the colors to
their
> own > > > > > > corporate > > > > > > > > > > > > > > identity. So if > > > > > > > > > > > > > > > > you > > > > > > > > > > > > > > > > > woul like to work with
gradients or
> > > > > > similar, i > > > > > > > > > > > > > > would recommend to > > > > > > > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We
wanted
> to > > > keep > > > > > > this > > > > > > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at
1:51 PM,
> > > > > > Alexander Marx > > > > > > > > > > > > > > <alexander.marx > > > > > > > > > > > > > > > > @oab > > > > > > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly > > > screenshots > > > > > > from the > > > > > > > > > > > > > > loginpage. > > > > > > > > > > > > > > > > > > > one version with voucher
access
> and > > > the > > > > > > other > > > > > > > > > > > > > > one with > > > > > > > > > > > > > > > > license > > > > > > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59
schrieb
> > > Michael > > > > > > > > > > > > > > Tremer: > > > > > > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are
busy with
> > > other > > > > > > things, > > > > > > > > > > > > > > but > > > > > > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > like to send you this > request. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently
working on
> a so > > > > > > called > > > > > > > > > > > > > > captive portal. > > > > > > > > > > > > > > > > That > > > > > > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > > > > > > things that pop up on
your
> phone > > > or > > > > > > laptop > > > > > > > > > > > > > > when you connect > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > > > > > > wireless network in a
hotel
> or > > > cafe. > > > > > > That > > > > > > > > > > > > > > web page that is > > > > > > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > > > > > > what we need to design
now.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few
other
> pages > > > that > > > > > > are > > > > > > > > > > > > > > shown to the users > > > > > > > > > > > > > > > > of > > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > network when for
example a
> web > > > page > > > > > > is > > > > > > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > > > > > > really ugly and
probably
> needs a > > > > > > remake as > > > > > > > > > > > > > > well. I want to > > > > > > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > > > > > > captive portal for now,
but I
> > > guess > > > > > > you > > > > > > > > > > > > > > would like to know > > > > > > > > > > > > > > > > that > > > > > > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > > > > > > are more. [1] and [2].
Really
> bad > > > > > > right? > > > > > > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a > screenshot > > > of > > > > > > the > > > > > > > > > > > > > > development version > > > > > > > > > > > > > > > > we > > > > > > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > > > > > > This is just a quick
page to
> show > > > the > > > > > > > > > > > > > > concept and what we > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options
for
> now. > > > The > > > > > > first > > > > > > > > > > > > > > one is where the > > > > > > > > > > > > > > > > user > > > > > > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > > > > > > agree to a license and
click
> a "I > > > > > > accept" > > > > > > > > > > > > > > button. The > > > > > > > > > > > > > > > > second > > > > > > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > > > > > > where the user will
have to
> type > > > in a > > > > > > > > > > > > > > voucher code and > > > > > > > > > > > > > > > > click a > > > > > > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work
on
> this? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up
would
> be > > > okay > > > > > > for > > > > > > > > > > > > > > now, because we > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > > > > > > put this entire project
on
> the > > > > > > wishlist to > > > > > > > > > > > > > > raise some > > > > > > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > > > > > > money. Giving the user
that
> mock- > > > up > > > > > > would > > > > > > > > > > > > > > certainly help so > > > > > > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > > > > > > get a good impression
what
> they > > > are > > > > > > > > > > > > > > supporting here. The > > > > > > > > > > > > > > > > actual > > > > > > > > > > > > > > > > > > > > implementation will
happen a
> bit > > > > > > later when > > > > > > > > > > > > > > enough funds > > > > > > > > > > > > > > > > have > > > > > > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please
send
> some > > > > > > > > > > > > > > screenshots of the two > > > > > > > > > > > > > > > > pages > > > > > > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know
that I
> am > > > > > > throwing a > > > > > > > > > > > > > > bit of random > > > > > > > > > > > > > > > > stuff > > > > > > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > > > > > > Just let me know when I
don't
> > > make > > > > > > sense > > > > > > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspo
t.com/
> -9sw > > > 4wUe > > > > > > UsgQ/V > > > > > > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > > > > > >
zM/bBnJN4oCffo/s640/31.png
> > > > > > > > > > > > > > > > > > > > [2] http://wiki.ipfire.
org/_m
> edia > > > /en/ > > > > > > addons > > > > > > > > > > > > > > /clamav/squidcla > > > > > > > > > > > > > > > > mav- > > > > > > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hi,
Guides for Error, Virus & Denied (which are actually all the same designs) are now available. A guide for the "Access" page for phones as well.
Best, Maurice
On Thu, Feb 18, 2016 at 12:14 AM, Maurice Gesswein zerpixelung@gmail.com wrote:
Hello,
Below you find a link to a shared Dropbox folder. In that folder you will find all relevant designs, guides, images etc. for the new IPFire.
Dropbox shared folder https://www.dropbox.com/sh/xg34tkw9wy7vbux/AAA9ekfJkejyQclMNfLGYXAIa?dl=0
*What's currently in?*
- Captive Portal designs for desktop
- One Guide for the "Access Page" (image + txt)
- The first 4 StyleGuide sheets (*these are work in progress!*)
- Buttons
- Colors
- Fonts
- Forms
I know that there are some information missing. I'll provide them asap. I think with that information you are able to start with coding.
Furthermore I think I found a good solution to support you with the code. I'm going to do the styles for buttons, input fields, etc. So I'll try to provide the CSS markup for that elements. And I would like to try to make some fine tuning when you are almost finished.
Let me know if you have questions.
Best, Maurice
PS: If you have Dropbox accounts let me know. I'll add you than to that folder. If you don't have an account, you should consider to create one for free https://db.tt/C7nn1kU. It would make it a lot easier for you to find things.
On Wed, Feb 17, 2016 at 11:35 PM, Maurice Gesswein zerpixelung@gmail.com wrote:
On Tue, Feb 16, 2016 at 7:43 PM, Michael Tremer < michael.tremer@ipfire.org> wrote:
Hi,
On Tue, 2016-02-16 at 11:07 +0100, Maurice Gesswein wrote:
Hi,
just want to give a short status update.
thanks for the update.
I did some researching about customizing Bootstrap and found some promising websites/tools. Here are 2 of them: http://getbootstrap.com/customize/ https://pikock.github.io/bootstrap-magic/app/index.html I figured out that it seems pretty easy to use a custom grid system for Bootstrap. I would like to use a more suitable grid which is based on a 8px grid. More about that later.
What would be the benefit of that? What disadvantages does the default grid have?
Only cosmetic reasons. I'll review a custom grid before if it works flawlessly. Perhaps it is not worth. We can skip that for the Captive Portal and adapt it later if it works well.
I spend more time at the StyleGuide so that we are able to use the same colors, fontsizes and UI elements for the Homepage, FireInfo, Web Interface and Captive Portal. Best, Maurice
-Michael
On Mon, Feb 8, 2016 at 4:31 PM, Maurice Gesswein <zerpixelung@gmail.c om> wrote:
I'll do my best to answer your questions :)
Unfortunately I was not able to spend more time at IPFire so far. Will continue working on it this week.
On Mon, Feb 8, 2016 at 4:27 PM, Michael Tremer <michael.tremer@ipfi re.org> wrote:
Hi,
On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein wrote: > Hi, > > Just want to check if our tel conf is still the plan for today > evening at 9pm CET? If so, same phone and room number?
Yes it is. Same number, same conference room.
It might not take very long, but I have a few questions and wanted to discuss feedback in general :)
Alex is working on the image upload functionality. So from our end we are almost there to start working on implementing the design.
Best, -Michael
> > On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer <michael.tremer @ipfir > e.org> wrote: > > Hi, > > > > On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote: > > > Hi, > > > > > > I attached a quick first impression what I meant with "Guides". > > Info > > > for the dots (C1, F1, etc), primary text color, default fontsize, > > > button style, etc will be all predefined in a separate sheet. As > > well > > > as a sheet for tablet and mobile view. > > > > This looks good. It is a good way to start working on implementing > > that > > one soon. However it raises new questions LOL > > > > > As mentioned the 12 column grid is based on Bootstrap. > > > > I don't find 12 columns... > > > > > Perhaps that clears a lot of your very first questions. If you > > would > > > like to have a call at that stage, I'm fine with Monday but > > please at > > > 9pm. > > > > -Michael > > > > > > > > Best, > > > Maurice > > > > > > On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tr emer@i > > pfir > > > e.org> wrote: > > > > Hi, > > > > > > > > yes 8 pm CET is fine for me. Can also do later if you prefer. > > > > > > > > -Michael > > > > > > > > On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote: > > > > > Hi Michael and Maurice, > > > > > > > > > > Am 03.02.2016 um 15:36 schrieb Maurice Gesswein: > > > > > > Hi > > > > > > > > > > > > On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer > > <michael.tremer@ > > > > ipfi > > > > > > re.org> wrote: > > > > > > > Hi, > > > > > > > > > > > > > > sorry for not getting back earlier... > > > > > > > > > > > > > > On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein > > wrote: > > > > > > > > Hi, > > > > > > > > > > > > > > > > attached you find design/layout suggestions for all > > > > mentioned > > > > > > > captive > > > > > > > > portal websites. > > > > > > > > > > > > > > It looks great! > > > > > > > > > > > > > Happy to hear that :) > > > > > > > > > > > > > > Some notes: > > > > > > > > The layout is always the same. You are able to build > > one > > > > > > > template > > > > > > > > which can used for every site. > > > > > > > > > > > > > > That is handy. > > > > > > > > > > > > > > > The layout is very responsive friendly (smartphone, > > tablet) > > > > as > > > > > > > you > > > > > > > > can see at the access-voucher_360.jpg (standard Android > > > > phone > > > > > > > size) > > > > > > > > > > > > > > > I strongly recommend to don't use scrollable content > > within > > > > a > > > > > > > > scrollable page (see first 2 screenshots from Alex). > > You > > > > become > > > > > > > crazy > > > > > > > > if you want to navigate though that on a touch device. > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > A specific header image can be used for every case. > > > > > > > > > > > > > > Okay, we need to build a way to upload that and possibly > > some > > > > > > > specifications that we can give to people to design > > theirs in > > > > the > > > > > > > right > > > > > > > way. > > > > > > > > > > > > > Specs would be a recommended minimum width and height for > > the > > > > > > image. Additionally an imagesize (KB) restriction. You > > don't > > > > want > > > > > > to load a 10MB image ;) Resizing is handled by the > > mentioned > > > > code > > > > > > snippets or perhaps Bootstap itself. > > > > > > > > > > > > > > There are tiny and simple code snippets which scale the > > > > header > > > > > > > image > > > > > > > > for every size correctly. I'll check this out to > > provide > > > > you > > > > > > > with > > > > > > > > more detailed information. > > > > > > > > Just checked getbootstrap.com. Seems to be that such a > > > > > > > functionality > > > > > > > > is already included. > > > > > > > > > > > > > > Cool. > > > > > > > > > > > > > > > A footer where you are able to promote IPFire ;) > > > > > > > > > > > > > > Always good. > > > > > > > > > > > > > > > Layout based on Bootstap 3 > > > > > > > > I used the color-theme for the upcoming new IPFire > > website > > > > and > > > > > > > WebUI. > > > > > > > > @Michael the bright red is not the new primary IPFire > > red > > > > ;) > > > > > > > It's the > > > > > > > > error-red. I'll show more about that soon. > > > > > > > > I suggested new text for the errors. Maybe you like it > > :) > > > > > > > > > > > > > > > > Let me know if you have any questions or concerns. > > > > > > > > > > > > > > There is nothing from me I would like to see changed. So > > I > > > > > > > suppose that > > > > > > > we can regard this as the final draft. > > > > > > > > > > > > > > Would you be up for arranging a telephone conference with > > > > Daniel > > > > > > > & > > > > > > > Alex, because I think that I have many questions > > regarding > > > > how we > > > > > > > get > > > > > > > from the draft to code :) How about Monday evening? > > > > > > > > > > > > > We can of course chat. Keep in mind that I'll provide
- I
> > call > > > > it > > > > > > "Guides" - for you. It's kind of a construction plan or > > > > blueprint > > > > > > (font size, colors, margins, paddings, etc). Maybe it's not > > > > really > > > > > > needed to chat before you code anything. My guides should > > clear > > > > a > > > > > > lot of your questions. Let me finish such a blueprint and > > you > > > > will > > > > > > let my know your thoughts :) > > > > > > > > > > > Does that mean we have a "date" on Monday, 8th at 20:00 > > german > > > > local > > > > > time? > > > > > telephone conference ? > > > > > > > > > > Alex > > > > > > > Best, > > > > > > > -Michael > > > > > > > > > > > > > Maurice > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > Maurice > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller > > > > > > > <daniel.weismueller > > > > > > > > @ipfire.org> wrote: > > > > > > > > > No. > > > > > > > > > > > > > > > > > > The last screenshot shows the customization part from > > > > "good > > > > > > > old" > > > > > > > > > configurationsite of the url-filter. > > > > > > > > > For better understanding i've made a (3) > > screenshot(s) > > > > of > > > > > > > the > > > > > > > > > whole page. > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice Gesswein: > > > > > > > > > > Is that the place where the hoster can include his > > own > > > > > > > T&Cs, > > > > > > > > > > upload a company logo, add the company name, etc? > > > > > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller > > > > > > > <daniel.weismue > > > > > > > > > > ller@ipfire.org> wrote: > > > > > > > > > > > me again :) > > > > > > > > > > > > > > > > > > > > > > Another screenshot now from the webif where you > > may > > > > > > > customize > > > > > > > > > > > blockpage from the url-filter. > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice Gesswein: > > > > > > > > > > > > Perfect. Thanks Daniel. > > > > > > > > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel > > > > Weismüller" > > > > > > > <daniel > > > > > > > > > > > > .weismueller@ipfire.org>: > > > > > > > > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice > > Gesswein: > > > > > > > > > > > > > > Good morning, > > > > > > > > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > > > > > > > > Am 31.01.2016 4:31 vorm. schrieb "Michael > > > > Tremer" > > > > > > > <michae > > > > > > > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, > > Maurice > > > > > > > Gesswein > > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > Can someone send me the terms & > > condition > > > > text > > > > > > > from > > > > > > > > > > > > > > > the screenshots > > > > > > > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There is a text area where the user will > > type > > > > in > > > > > > > the > > > > > > > > > > > > > > > T&Cs. So there is > > > > > > > > > > > > > > > no predefined text and it might change. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Do you still want some sample or can you > > just > > > > use > > > > > > > lorem > > > > > > > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, > > Michael > > > > Tremer > > > > > > > <mich > > > > > > > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > > > > > > > e.org> wrote: > > > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 +0100, > > > > Alexander > > > > > > > Marx > > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it. Thanks > > for > > > > the > > > > > > > screens > > > > > > > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and > > > > suggestions. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further > > upcoming > > > > pages > > > > > > > like > > > > > > > > > > > > > > > these, are you > > > > > > > > > > > > > > > > > able > > > > > > > > > > > > > > > > > > > to hand over a list of them > > (perhaps > > > > with > > > > > > > > > > > > > > > screenshots)? Not > > > > > > > > > > > > > > > > > really > > > > > > > > > > > > > > > > > > > needed, but very helpful to > > deliver a > > > > > > > > > > > > > > > consistent flexible > > > > > > > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Don't worry about them too much. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > As far as i know there are no other > > > > > > > "external" > > > > > > > > > > > > > > > pages. The > > > > > > > > > > > > > > > > > > Webinterface of IPFire has an own > > > > design > > > > > > > and > > > > > > > > > > > > > > > several themes, i > > > > > > > > > > > > > > > > > think > > > > > > > > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > However, there are a few. I included > > both > > > > of > > > > > > > them > > > > > > > > > > > > > > > in the first > > > > > > > > > > > > > > > > > email. > > > > > > > > > > > > > > > > > On top of that there are the squid > > error > > > > > > > pages. I > > > > > > > > > > > > > > > am not too sure > > > > > > > > > > > > > > > > > if we > > > > > > > > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I will figure that out and get back > > to > > > > you. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able to > > include > > > > his > > > > > > > own > > > > > > > > > > > > > > > logo/brand? That > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > give the users a lot more trust > > in > > > > that > > > > > > > things. > > > > > > > > > > > > > > > If an image > > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > > > is not in the current scope, I > > > > suggest a > > > > > > > > > > > > > > > prominent headline > > > > > > > > > > > > > > > > > where > > > > > > > > > > > > > > > > > > > the hoster is able to include the > > > > company > > > > > > > name. > > > > > > > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able to > > change > > > > the > > > > > > > Title > > > > > > > > > > > > > > > (The top-title in > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > screenies like "Login" or on the > > other > > > > page > > > > > > > "My > > > > > > > > > > > > > > > private HotSpot") > > > > > > > > > > > > > > > > > > maybe we can add a Logo but we have > > to > > > > > > > decide > > > > > > > > > > > > > > > which dimensions > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > allowed. This is difficult as many > > > > > > > companies have > > > > > > > > > > > > > > > different > > > > > > > > > > > > > > > > > > dimensions of Logos. Some are 4:3, > > > > others > > > > > > > are > > > > > > > > > > > > > > > like 27:9 and so > > > > > > > > > > > > > > > > > on. > > > > > > > > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I think we don't need that. We > > usually > > > > have > > > > > > > the > > > > > > > > > > > > > > > opportunity to > > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > an entire HTML template, so that if > > > > someone > > > > > > > wants > > > > > > > > > > > > > > > to replace the > > > > > > > > > > > > > > > > > page, > > > > > > > > > > > > > > > > > they can do that. But just a logo is > > a > > > > bit > > > > > > > too > > > > > > > > > > > > > > > easy. Who ever wants > > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > brand this as their own should do > > that > > > > with > > > > > > > the > > > > > > > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > And of course we should not forget > > about > > > > > > > doing some > > > > > > > > > > > > > > > advertisement > > > > > > > > > > > > > > > > > for > > > > > > > > > > > > > > > > > our own product :) However, I get > > many > > > > emails > > > > > > > from > > > > > > > > > > > > > > > annoyed students > > > > > > > > > > > > > > > > > that can't access dirty websites in > > their > > > > > > > school. > > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire, should > > > > those > > > > > > > pages > > > > > > > > > > > > > > > be designed like > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > new upcoming style of IPFire? > > Means > > > > same > > > > > > > color > > > > > > > > > > > > > > > theme, button > > > > > > > > > > > > > > > > > style, > > > > > > > > > > > > > > > > > > > IPFire logo, caption like > > "powered by > > > > > > > IPFire", > > > > > > > > > > > > > > > etc? Or should > > > > > > > > > > > > > > > > > it > > > > > > > > > > > > > > > > > > > totally generic so that the users > > has > > > > no > > > > > > > clue > > > > > > > > > > > > > > > what system shows > > > > > > > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I would like a "powered by IPFire" at > > > > least > > > > > > > and > > > > > > > > > > > > > > > even advise people > > > > > > > > > > > > > > > > > who > > > > > > > > > > > > > > > > > replace the theme by their own to > > keep > > > > that > > > > > > > in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > This does not need to be like the new > > > > stuff > > > > > > > but I > > > > > > > > > > > > > > > think it should > > > > > > > > > > > > > > > > > feel > > > > > > > > > > > > > > > > > a bit like IPFire but also be > > neutral. We > > > > do > > > > > > > not > > > > > > > > > > > > > > > need to hide that > > > > > > > > > > > > > > > > > this > > > > > > > > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > No. I think if we have something > > like a > > > > > > > > > > > > > > > "background-color" > > > > > > > > > > > > > > > > > instead of > > > > > > > > > > > > > > > > > > a picture, we should the hoster let > > > > > > > configure it, > > > > > > > > > > > > > > > so the people > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > able to adpat the colors to their > > own > > > > > > > corporate > > > > > > > > > > > > > > > identity. So if > > > > > > > > > > > > > > > > > you > > > > > > > > > > > > > > > > > > woul like to work with gradients or > > > > > > > similar, i > > > > > > > > > > > > > > > would recommend to > > > > > > > > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We wanted > > to > > > > keep > > > > > > > this > > > > > > > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at 1:51 PM, > > > > > > > Alexander Marx > > > > > > > > > > > > > > > <alexander.marx > > > > > > > > > > > > > > > > > @oab > > > > > > > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly > > > > screenshots > > > > > > > from the > > > > > > > > > > > > > > > loginpage. > > > > > > > > > > > > > > > > > > > > one version with voucher access > > and > > > > the > > > > > > > other > > > > > > > > > > > > > > > one with > > > > > > > > > > > > > > > > > license > > > > > > > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 schrieb > > > > Michael > > > > > > > > > > > > > > > Tremer: > > > > > > > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are busy with > > > > other > > > > > > > things, > > > > > > > > > > > > > > > but > > > > > > > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > like to send you this > > request. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently working on > > a so > > > > > > > called > > > > > > > > > > > > > > > captive portal. > > > > > > > > > > > > > > > > > That > > > > > > > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > > > > > > > things that pop up on your > > phone > > > > or > > > > > > > laptop > > > > > > > > > > > > > > > when you connect > > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > > > > > > > wireless network in a hotel > > or > > > > cafe. > > > > > > > That > > > > > > > > > > > > > > > web page that is > > > > > > > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > > > > > > > what we need to design now. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few other > > pages > > > > that > > > > > > > are > > > > > > > > > > > > > > > shown to the users > > > > > > > > > > > > > > > > > of > > > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > > network when for example a > > web > > > > page > > > > > > > is > > > > > > > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > > > > > > > really ugly and probably > > needs a > > > > > > > remake as > > > > > > > > > > > > > > > well. I want to > > > > > > > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > > > > > > > captive portal for now, but I > > > > guess > > > > > > > you > > > > > > > > > > > > > > > would like to know > > > > > > > > > > > > > > > > > that > > > > > > > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > > > > > > > are more. [1] and [2]. Really > > bad > > > > > > > right? > > > > > > > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a > > screenshot > > > > of > > > > > > > the > > > > > > > > > > > > > > > development version > > > > > > > > > > > > > > > > > we > > > > > > > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > > > > > > > This is just a quick page to > > show > > > > the > > > > > > > > > > > > > > > concept and what we > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options for > > now. > > > > The > > > > > > > first > > > > > > > > > > > > > > > one is where the > > > > > > > > > > > > > > > > > user > > > > > > > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > > > > > > > agree to a license and click > > a "I > > > > > > > accept" > > > > > > > > > > > > > > > button. The > > > > > > > > > > > > > > > > > second > > > > > > > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > > > > > > > where the user will have to > > type > > > > in a > > > > > > > > > > > > > > > voucher code and > > > > > > > > > > > > > > > > > click a > > > > > > > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work on > > this? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up would > > be > > > > okay > > > > > > > for > > > > > > > > > > > > > > > now, because we > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > > > > > > > put this entire project on > > the > > > > > > > wishlist to > > > > > > > > > > > > > > > raise some > > > > > > > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > > > > > > > money. Giving the user that > > mock- > > > > up > > > > > > > would > > > > > > > > > > > > > > > certainly help so > > > > > > > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > > > > > > > get a good impression what > > they > > > > are > > > > > > > > > > > > > > > supporting here. The > > > > > > > > > > > > > > > > > actual > > > > > > > > > > > > > > > > > > > > > implementation will happen a > > bit > > > > > > > later when > > > > > > > > > > > > > > > enough funds > > > > > > > > > > > > > > > > > have > > > > > > > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please send > > some > > > > > > > > > > > > > > > screenshots of the two > > > > > > > > > > > > > > > > > pages > > > > > > > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know that I > > am > > > > > > > throwing a > > > > > > > > > > > > > > > bit of random > > > > > > > > > > > > > > > > > stuff > > > > > > > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > > > > > > > Just let me know when I don't > > > > make > > > > > > > sense > > > > > > > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspo t.com/ > > -9sw > > > > 4wUe > > > > > > > UsgQ/V > > > > > > > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > > > > > > > > > [2] http://wiki.ipfire. org/_m > > edia > > > > /en/ > > > > > > > addons > > > > > > > > > > > > > > > /clamav/squidcla > > > > > > > > > > > > > > > > > mav- > > > > > > > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hi,
Just want to check if you are able to work with the Guides? Do you have any questions?
I uploaded a couple of more Guides and I used the "Access Page" (access_[width].jpg) as an example to show the different viewports. You find further information here: http://getbootstrap.com/css/#grid
I named them like this: filename_360/320 = Smartphone filename_768 = Tablet Portrait mode filename_1024 = Tablet Landscape mode filename_1280 = Desktop/Laptop
I used the Bootstrap 3 Grid System for all of these pages. Or are we going to use Bootstrap 4? Bootstrap 3 has no viewport/media query for 7" Tablets. Bootstrap 4 does (http://v4-alpha.getbootstrap.com/layout/grid/#grid-options )
If you have something online I would love to have a look and could try to do some fine-tuning if needed.
Best, Maurice
On Sat, Feb 20, 2016 at 11:19 PM, Maurice Gesswein zerpixelung@gmail.com wrote:
Hi,
Guides for Error, Virus & Denied (which are actually all the same designs) are now available. A guide for the "Access" page for phones as well.
Best, Maurice
On Thu, Feb 18, 2016 at 12:14 AM, Maurice Gesswein zerpixelung@gmail.com wrote:
Hello,
Below you find a link to a shared Dropbox folder. In that folder you will find all relevant designs, guides, images etc. for the new IPFire.
Dropbox shared folder https://www.dropbox.com/sh/xg34tkw9wy7vbux/AAA9ekfJkejyQclMNfLGYXAIa?dl=0
*What's currently in?*
- Captive Portal designs for desktop
- One Guide for the "Access Page" (image + txt)
- The first 4 StyleGuide sheets (*these are work in progress!*)
- Buttons
- Colors
- Fonts
- Forms
I know that there are some information missing. I'll provide them asap. I think with that information you are able to start with coding.
Furthermore I think I found a good solution to support you with the code. I'm going to do the styles for buttons, input fields, etc. So I'll try to provide the CSS markup for that elements. And I would like to try to make some fine tuning when you are almost finished.
Let me know if you have questions.
Best, Maurice
PS: If you have Dropbox accounts let me know. I'll add you than to that folder. If you don't have an account, you should consider to create one for free https://db.tt/C7nn1kU. It would make it a lot easier for you to find things.
On Wed, Feb 17, 2016 at 11:35 PM, Maurice Gesswein <zerpixelung@gmail.com
wrote:
On Tue, Feb 16, 2016 at 7:43 PM, Michael Tremer < michael.tremer@ipfire.org> wrote:
Hi,
On Tue, 2016-02-16 at 11:07 +0100, Maurice Gesswein wrote:
Hi,
just want to give a short status update.
thanks for the update.
I did some researching about customizing Bootstrap and found some promising websites/tools. Here are 2 of them: http://getbootstrap.com/customize/ https://pikock.github.io/bootstrap-magic/app/index.html I figured out that it seems pretty easy to use a custom grid system for Bootstrap. I would like to use a more suitable grid which is based on a 8px grid. More about that later.
What would be the benefit of that? What disadvantages does the default grid have?
Only cosmetic reasons. I'll review a custom grid before if it works flawlessly. Perhaps it is not worth. We can skip that for the Captive Portal and adapt it later if it works well.
I spend more time at the StyleGuide so that we are able to use the same colors, fontsizes and UI elements for the Homepage, FireInfo, Web Interface and Captive Portal. Best, Maurice
-Michael
On Mon, Feb 8, 2016 at 4:31 PM, Maurice Gesswein <zerpixelung@gmail.c om> wrote:
I'll do my best to answer your questions :)
Unfortunately I was not able to spend more time at IPFire so far. Will continue working on it this week.
On Mon, Feb 8, 2016 at 4:27 PM, Michael Tremer <michael.tremer@ipfi re.org> wrote: > Hi, > > On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein wrote: > > Hi, > > > > Just want to check if our tel conf is still the plan for today > > evening at 9pm CET? If so, same phone and room number? > > Yes it is. Same number, same conference room. > > It might not take very long, but I have a few questions and > wanted to > discuss feedback in general :) > > Alex is working on the image upload functionality. So from our > end we > are almost there to start working on implementing the design. > > Best, > -Michael > > > > > On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer <michael.tremer > @ipfir > > e.org> wrote: > > > Hi, > > > > > > On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote: > > > > Hi, > > > > > > > > I attached a quick first impression what I meant with > "Guides". > > > Info > > > > for the dots (C1, F1, etc), primary text color, default > fontsize, > > > > button style, etc will be all predefined in a separate > sheet. As > > > well > > > > as a sheet for tablet and mobile view. > > > > > > This looks good. It is a good way to start working on > implementing > > > that > > > one soon. However it raises new questions LOL > > > > > > > As mentioned the 12 column grid is based on Bootstrap. > > > > > > I don't find 12 columns... > > > > > > > Perhaps that clears a lot of your very first questions. If > you > > > would > > > > like to have a call at that stage, I'm fine with Monday but > > > please at > > > > 9pm. > > > > > > -Michael > > > > > > > > > > > Best, > > > > Maurice > > > > > > > > On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tr > emer@i > > > pfir > > > > e.org> wrote: > > > > > Hi, > > > > > > > > > > yes 8 pm CET is fine for me. Can also do later if you > prefer. > > > > > > > > > > -Michael > > > > > > > > > > On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote: > > > > > > Hi Michael and Maurice, > > > > > > > > > > > > Am 03.02.2016 um 15:36 schrieb Maurice Gesswein: > > > > > > > Hi > > > > > > > > > > > > > > On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer > > > <michael.tremer@ > > > > > ipfi > > > > > > > re.org> wrote: > > > > > > > > Hi, > > > > > > > > > > > > > > > > sorry for not getting back earlier... > > > > > > > > > > > > > > > > On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein > > > wrote: > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > attached you find design/layout suggestions for > all > > > > > mentioned > > > > > > > > captive > > > > > > > > > portal websites. > > > > > > > > > > > > > > > > It looks great! > > > > > > > > > > > > > > > Happy to hear that :) > > > > > > > > > > > > > > > > Some notes: > > > > > > > > > The layout is always the same. You are able to > build > > > one > > > > > > > > template > > > > > > > > > which can used for every site. > > > > > > > > > > > > > > > > That is handy. > > > > > > > > > > > > > > > > > The layout is very responsive friendly > (smartphone, > > > tablet) > > > > > as > > > > > > > > you > > > > > > > > > can see at the access-voucher_360.jpg (standard > Android > > > > > phone > > > > > > > > size) > > > > > > > > > > > > > > > > > I strongly recommend to don't use scrollable > content > > > within > > > > > a > > > > > > > > > scrollable page (see first 2 screenshots from > Alex). > > > You > > > > > become > > > > > > > > crazy > > > > > > > > > if you want to navigate though that on a touch > device. > > > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > A specific header image can be used for every > case. > > > > > > > > > > > > > > > > Okay, we need to build a way to upload that and > possibly > > > some > > > > > > > > specifications that we can give to people to design > > > theirs in > > > > > the > > > > > > > > right > > > > > > > > way. > > > > > > > > > > > > > > > Specs would be a recommended minimum width and height > for > > > the > > > > > > > image. Additionally an imagesize (KB) restriction. > You > > > don't > > > > > want > > > > > > > to load a 10MB image ;) Resizing is handled by the > > > mentioned > > > > > code > > > > > > > snippets or perhaps Bootstap itself. > > > > > > > > > > > > > > > > There are tiny and simple code snippets which > scale the > > > > > header > > > > > > > > image > > > > > > > > > for every size correctly. I'll check this out to > > > provide > > > > > you > > > > > > > > with > > > > > > > > > more detailed information. > > > > > > > > > Just checked getbootstrap.com. Seems to be that > such a > > > > > > > > functionality > > > > > > > > > is already included. > > > > > > > > > > > > > > > > Cool. > > > > > > > > > > > > > > > > > A footer where you are able to promote IPFire ;) > > > > > > > > > > > > > > > > Always good. > > > > > > > > > > > > > > > > > Layout based on Bootstap 3 > > > > > > > > > I used the color-theme for the upcoming new > IPFire > > > website > > > > > and > > > > > > > > WebUI. > > > > > > > > > @Michael the bright red is not the new primary > IPFire > > > red > > > > > ;) > > > > > > > > It's the > > > > > > > > > error-red. I'll show more about that soon. > > > > > > > > > I suggested new text for the errors. Maybe you > like it > > > :) > > > > > > > > > > > > > > > > > > Let me know if you have any questions or > concerns. > > > > > > > > > > > > > > > > There is nothing from me I would like to see > changed. So > > > I > > > > > > > > suppose that > > > > > > > > we can regard this as the final draft. > > > > > > > > > > > > > > > > Would you be up for arranging a telephone > conference with > > > > > Daniel > > > > > > > > & > > > > > > > > Alex, because I think that I have many questions > > > regarding > > > > > how we > > > > > > > > get > > > > > > > > from the draft to code :) How about Monday evening? > > > > > > > > > > > > > > > We can of course chat. Keep in mind that I'll provide > - I > > > call > > > > > it > > > > > > > "Guides" - for you. It's kind of a construction plan > or > > > > > blueprint > > > > > > > (font size, colors, margins, paddings, etc). Maybe > it's not > > > > > really > > > > > > > needed to chat before you code anything. My guides > should > > > clear > > > > > a > > > > > > > lot of your questions. Let me finish such a blueprint > and > > > you > > > > > will > > > > > > > let my know your thoughts :) > > > > > > > > > > > > > Does that mean we have a "date" on Monday, 8th at 20:00 > > > german > > > > > local > > > > > > time? > > > > > > telephone conference ? > > > > > > > > > > > > Alex > > > > > > > > Best, > > > > > > > > -Michael > > > > > > > > > > > > > > > Maurice > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > Maurice > > > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller > > > > > > > > <daniel.weismueller > > > > > > > > > @ipfire.org> wrote: > > > > > > > > > > No. > > > > > > > > > > > > > > > > > > > > The last screenshot shows the customization > part from > > > > > "good > > > > > > > > old" > > > > > > > > > > configurationsite of the url-filter. > > > > > > > > > > For better understanding i've made a (3) > > > screenshot(s) > > > > > of > > > > > > > > the > > > > > > > > > > whole page. > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice > Gesswein: > > > > > > > > > > > Is that the place where the hoster can > include his > > > own > > > > > > > > T&Cs, > > > > > > > > > > > upload a company logo, add the company name, > etc? > > > > > > > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel > Weismüller > > > > > > > > <daniel.weismue > > > > > > > > > > > ller@ipfire.org> wrote: > > > > > > > > > > > > me again :) > > > > > > > > > > > > > > > > > > > > > > > > Another screenshot now from the webif where > you > > > may > > > > > > > > customize > > > > > > > > > > > > blockpage from the url-filter. > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice > Gesswein: > > > > > > > > > > > > > Perfect. Thanks Daniel. > > > > > > > > > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel > > > > > Weismüller" > > > > > > > > <daniel > > > > > > > > > > > > > .weismueller@ipfire.org>: > > > > > > > > > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice > > > Gesswein: > > > > > > > > > > > > > > > Good morning, > > > > > > > > > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > > > > > > > > > Am 31.01.2016 4:31 vorm. schrieb > "Michael > > > > > Tremer" > > > > > > > > <michae > > > > > > > > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, > > > Maurice > > > > > > > > Gesswein > > > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > Can someone send me the terms & > > > condition > > > > > text > > > > > > > > from > > > > > > > > > > > > > > > > the screenshots > > > > > > > > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There is a text area where the user > will > > > type > > > > > in > > > > > > > > the > > > > > > > > > > > > > > > > T&Cs. So there is > > > > > > > > > > > > > > > > no predefined text and it might > change. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Do you still want some sample or > can you > > > just > > > > > use > > > > > > > > lorem > > > > > > > > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, > > > Michael > > > > > Tremer > > > > > > > > <mich > > > > > > > > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > > > > > > > > e.org> wrote: > > > > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 > +0100, > > > > > Alexander > > > > > > > > Marx > > > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it. > Thanks > > > for > > > > > the > > > > > > > > screens > > > > > > > > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and > > > > > suggestions. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further > > > upcoming > > > > > pages > > > > > > > > like > > > > > > > > > > > > > > > > these, are you > > > > > > > > > > > > > > > > > > able > > > > > > > > > > > > > > > > > > > > to hand over a list of them > > > (perhaps > > > > > with > > > > > > > > > > > > > > > > screenshots)? Not > > > > > > > > > > > > > > > > > > really > > > > > > > > > > > > > > > > > > > > needed, but very helpful to > > > deliver a > > > > > > > > > > > > > > > > consistent flexible > > > > > > > > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Don't worry about them too > much. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > As far as i know there are no > other > > > > > > > > "external" > > > > > > > > > > > > > > > > pages. The > > > > > > > > > > > > > > > > > > > Webinterface of IPFire has an > own > > > > > design > > > > > > > > and > > > > > > > > > > > > > > > > several themes, i > > > > > > > > > > > > > > > > > > think > > > > > > > > > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > However, there are a few. I > included > > > both > > > > > of > > > > > > > > them > > > > > > > > > > > > > > > > in the first > > > > > > > > > > > > > > > > > > email. > > > > > > > > > > > > > > > > > > On top of that there are the > squid > > > error > > > > > > > > pages. I > > > > > > > > > > > > > > > > am not too sure > > > > > > > > > > > > > > > > > > if we > > > > > > > > > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I will figure that out and get > back > > > to > > > > > you. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able > to > > > include > > > > > his > > > > > > > > own > > > > > > > > > > > > > > > > logo/brand? That > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > give the users a lot more > trust > > > in > > > > > that > > > > > > > > things. > > > > > > > > > > > > > > > > If an image > > > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > > > > is not in the current > scope, I > > > > > suggest a > > > > > > > > > > > > > > > > prominent headline > > > > > > > > > > > > > > > > > > where > > > > > > > > > > > > > > > > > > > > the hoster is able to > include the > > > > > company > > > > > > > > name. > > > > > > > > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able > to > > > change > > > > > the > > > > > > > > Title > > > > > > > > > > > > > > > > (The top-title in > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > screenies like "Login" or on > the > > > other > > > > > page > > > > > > > > "My > > > > > > > > > > > > > > > > private HotSpot") > > > > > > > > > > > > > > > > > > > maybe we can add a Logo but > we have > > > to > > > > > > > > decide > > > > > > > > > > > > > > > > which dimensions > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > allowed. This is difficult as > many > > > > > > > > companies have > > > > > > > > > > > > > > > > different > > > > > > > > > > > > > > > > > > > dimensions of Logos. Some are > 4:3, > > > > > others > > > > > > > > are > > > > > > > > > > > > > > > > like 27:9 and so > > > > > > > > > > > > > > > > > > on. > > > > > > > > > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I think we don't need that. We > > > usually > > > > > have > > > > > > > > the > > > > > > > > > > > > > > > > opportunity to > > > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > > an entire HTML template, so > that if > > > > > someone > > > > > > > > wants > > > > > > > > > > > > > > > > to replace the > > > > > > > > > > > > > > > > > > page, > > > > > > > > > > > > > > > > > > they can do that. But just a > logo is > > > a > > > > > bit > > > > > > > > too > > > > > > > > > > > > > > > > easy. Who ever wants > > > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > brand this as their own should > do > > > that > > > > > with > > > > > > > > the > > > > > > > > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > And of course we should not > forget > > > about > > > > > > > > doing some > > > > > > > > > > > > > > > > advertisement > > > > > > > > > > > > > > > > > > for > > > > > > > > > > > > > > > > > > our own product :) However, I > get > > > many > > > > > emails > > > > > > > > from > > > > > > > > > > > > > > > > annoyed students > > > > > > > > > > > > > > > > > > that can't access dirty > websites in > > > their > > > > > > > > school. > > > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire, > should > > > > > those > > > > > > > > pages > > > > > > > > > > > > > > > > be designed like > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > new upcoming style of > IPFire? > > > Means > > > > > same > > > > > > > > color > > > > > > > > > > > > > > > > theme, button > > > > > > > > > > > > > > > > > > style, > > > > > > > > > > > > > > > > > > > > IPFire logo, caption like > > > "powered by > > > > > > > > IPFire", > > > > > > > > > > > > > > > > etc? Or should > > > > > > > > > > > > > > > > > > it > > > > > > > > > > > > > > > > > > > > totally generic so that the > users > > > has > > > > > no > > > > > > > > clue > > > > > > > > > > > > > > > > what system shows > > > > > > > > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I would like a "powered by > IPFire" at > > > > > least > > > > > > > > and > > > > > > > > > > > > > > > > even advise people > > > > > > > > > > > > > > > > > > who > > > > > > > > > > > > > > > > > > replace the theme by their own > to > > > keep > > > > > that > > > > > > > > in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > This does not need to be like > the new > > > > > stuff > > > > > > > > but I > > > > > > > > > > > > > > > > think it should > > > > > > > > > > > > > > > > > > feel > > > > > > > > > > > > > > > > > > a bit like IPFire but also be > > > neutral. We > > > > > do > > > > > > > > not > > > > > > > > > > > > > > > > need to hide that > > > > > > > > > > > > > > > > > > this > > > > > > > > > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > No. I think if we have > something > > > like a > > > > > > > > > > > > > > > > "background-color" > > > > > > > > > > > > > > > > > > instead of > > > > > > > > > > > > > > > > > > > a picture, we should the > hoster let > > > > > > > > configure it, > > > > > > > > > > > > > > > > so the people > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > able to adpat the colors to > their > > > own > > > > > > > > corporate > > > > > > > > > > > > > > > > identity. So if > > > > > > > > > > > > > > > > > > you > > > > > > > > > > > > > > > > > > > woul like to work with > gradients or > > > > > > > > similar, i > > > > > > > > > > > > > > > > would recommend to > > > > > > > > > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We > wanted > > > to > > > > > keep > > > > > > > > this > > > > > > > > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at > 1:51 PM, > > > > > > > > Alexander Marx > > > > > > > > > > > > > > > > <alexander.marx > > > > > > > > > > > > > > > > > > @oab > > > > > > > > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly > > > > > screenshots > > > > > > > > from the > > > > > > > > > > > > > > > > loginpage. > > > > > > > > > > > > > > > > > > > > > one version with voucher > access > > > and > > > > > the > > > > > > > > other > > > > > > > > > > > > > > > > one with > > > > > > > > > > > > > > > > > > license > > > > > > > > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 > schrieb > > > > > Michael > > > > > > > > > > > > > > > > Tremer: > > > > > > > > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are > busy with > > > > > other > > > > > > > > things, > > > > > > > > > > > > > > > > but > > > > > > > > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > > like to send you this > > > request. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently > working on > > > a so > > > > > > > > called > > > > > > > > > > > > > > > > captive portal. > > > > > > > > > > > > > > > > > > That > > > > > > > > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > > > > > > > > things that pop up on > your > > > phone > > > > > or > > > > > > > > laptop > > > > > > > > > > > > > > > > when you connect > > > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > > > > > > > > wireless network in a > hotel > > > or > > > > > cafe. > > > > > > > > That > > > > > > > > > > > > > > > > web page that is > > > > > > > > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > > > > > > > > what we need to design > now. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few > other > > > pages > > > > > that > > > > > > > > are > > > > > > > > > > > > > > > > shown to the users > > > > > > > > > > > > > > > > > > of > > > > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > > > network when for > example a > > > web > > > > > page > > > > > > > > is > > > > > > > > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > > > > > > > > really ugly and > probably > > > needs a > > > > > > > > remake as > > > > > > > > > > > > > > > > well. I want to > > > > > > > > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > > > > > > > > captive portal for now, > but I > > > > > guess > > > > > > > > you > > > > > > > > > > > > > > > > would like to know > > > > > > > > > > > > > > > > > > that > > > > > > > > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > > > > > > > > are more. [1] and [2]. > Really > > > bad > > > > > > > > right? > > > > > > > > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a > > > screenshot > > > > > of > > > > > > > > the > > > > > > > > > > > > > > > > development version > > > > > > > > > > > > > > > > > > we > > > > > > > > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > > > > > > > > This is just a quick > page to > > > show > > > > > the > > > > > > > > > > > > > > > > concept and what we > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options > for > > > now. > > > > > The > > > > > > > > first > > > > > > > > > > > > > > > > one is where the > > > > > > > > > > > > > > > > > > user > > > > > > > > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > > > > > > > > agree to a license and > click > > > a "I > > > > > > > > accept" > > > > > > > > > > > > > > > > button. The > > > > > > > > > > > > > > > > > > second > > > > > > > > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > > > > > > > > where the user will > have to > > > type > > > > > in a > > > > > > > > > > > > > > > > voucher code and > > > > > > > > > > > > > > > > > > click a > > > > > > > > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work > on > > > this? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up > would > > > be > > > > > okay > > > > > > > > for > > > > > > > > > > > > > > > > now, because we > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > > > > > > > > put this entire project > on > > > the > > > > > > > > wishlist to > > > > > > > > > > > > > > > > raise some > > > > > > > > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > > > > > > > > money. Giving the user > that > > > mock- > > > > > up > > > > > > > > would > > > > > > > > > > > > > > > > certainly help so > > > > > > > > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > > > > > > > > get a good impression > what > > > they > > > > > are > > > > > > > > > > > > > > > > supporting here. The > > > > > > > > > > > > > > > > > > actual > > > > > > > > > > > > > > > > > > > > > > implementation will > happen a > > > bit > > > > > > > > later when > > > > > > > > > > > > > > > > enough funds > > > > > > > > > > > > > > > > > > have > > > > > > > > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please > send > > > some > > > > > > > > > > > > > > > > screenshots of the two > > > > > > > > > > > > > > > > > > pages > > > > > > > > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know > that I > > > am > > > > > > > > throwing a > > > > > > > > > > > > > > > > bit of random > > > > > > > > > > > > > > > > > > stuff > > > > > > > > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > > > > > > > > Just let me know when I > don't > > > > > make > > > > > > > > sense > > > > > > > > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.bp.blogspo > t.com/ > > > -9sw > > > > > 4wUe > > > > > > > > UsgQ/V > > > > > > > > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > > > > > > > > > > [2] http://wiki.ipfire. > org/_m > > > edia > > > > > /en/ > > > > > > > > addons > > > > > > > > > > > > > > > > /clamav/squidcla > > > > > > > > > > > > > > > > > > mav- > > > > > > > > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
For a better understanding regarding the Grid:
*Bootstrap 3 Grid:* http://getbootstrap.com/css/#grid
Extra small devices (<768px) = Phones (e.g. usual Android device and iPhones) and 7" Tablet (e.g. Nexus 7) Small devices (≥768px) = 10" Tablets in portrait mode (e.g. Nexus 10 & iPad) Medium devices (≥992px) = 10" Tablets in Landscape mode (e.g. Nexus 10 & iPad) Large devices (≥1200px) = Desktops and Laptops
*Bootstrap 4 Grid:* http://v4-alpha.getbootstrap.com/layout/grid/#grid-options
Extra small <544px = Phones Small ≥544px = 7" Tablets Medium ≥768px = 10" Tablets portrait mode Large ≥992px = 10" Tablets landscape mode Extra large ≥1200px = Desktops & Laptops
If you are interested in device resolutions this is a good list: http://mydevice.io/devices/ CSS width & height are the columns you have to look at.
On Wed, Feb 24, 2016 at 11:18 PM, Maurice Gesswein zerpixelung@gmail.com wrote:
Hi,
Just want to check if you are able to work with the Guides? Do you have any questions?
I uploaded a couple of more Guides and I used the "Access Page" (access_[width].jpg) as an example to show the different viewports. You find further information here: http://getbootstrap.com/css/#grid
I named them like this: filename_360/320 = Smartphone filename_768 = Tablet Portrait mode filename_1024 = Tablet Landscape mode filename_1280 = Desktop/Laptop
I used the Bootstrap 3 Grid System for all of these pages. Or are we going to use Bootstrap 4? Bootstrap 3 has no viewport/media query for 7" Tablets. Bootstrap 4 does ( http://v4-alpha.getbootstrap.com/layout/grid/#grid-options)
If you have something online I would love to have a look and could try to do some fine-tuning if needed.
Best, Maurice
On Sat, Feb 20, 2016 at 11:19 PM, Maurice Gesswein zerpixelung@gmail.com wrote:
Hi,
Guides for Error, Virus & Denied (which are actually all the same designs) are now available. A guide for the "Access" page for phones as well.
Best, Maurice
On Thu, Feb 18, 2016 at 12:14 AM, Maurice Gesswein <zerpixelung@gmail.com
wrote:
Hello,
Below you find a link to a shared Dropbox folder. In that folder you will find all relevant designs, guides, images etc. for the new IPFire.
Dropbox shared folder https://www.dropbox.com/sh/xg34tkw9wy7vbux/AAA9ekfJkejyQclMNfLGYXAIa?dl=0
*What's currently in?*
- Captive Portal designs for desktop
- One Guide for the "Access Page" (image + txt)
- The first 4 StyleGuide sheets (*these are work in progress!*)
- Buttons
- Colors
- Fonts
- Forms
I know that there are some information missing. I'll provide them asap. I think with that information you are able to start with coding.
Furthermore I think I found a good solution to support you with the code. I'm going to do the styles for buttons, input fields, etc. So I'll try to provide the CSS markup for that elements. And I would like to try to make some fine tuning when you are almost finished.
Let me know if you have questions.
Best, Maurice
PS: If you have Dropbox accounts let me know. I'll add you than to that folder. If you don't have an account, you should consider to create one for free https://db.tt/C7nn1kU. It would make it a lot easier for you to find things.
On Wed, Feb 17, 2016 at 11:35 PM, Maurice Gesswein < zerpixelung@gmail.com> wrote:
On Tue, Feb 16, 2016 at 7:43 PM, Michael Tremer < michael.tremer@ipfire.org> wrote:
Hi,
On Tue, 2016-02-16 at 11:07 +0100, Maurice Gesswein wrote:
Hi,
just want to give a short status update.
thanks for the update.
I did some researching about customizing Bootstrap and found some promising websites/tools. Here are 2 of them: http://getbootstrap.com/customize/ https://pikock.github.io/bootstrap-magic/app/index.html I figured out that it seems pretty easy to use a custom grid system for Bootstrap. I would like to use a more suitable grid which is based on a 8px grid. More about that later.
What would be the benefit of that? What disadvantages does the default grid have?
Only cosmetic reasons. I'll review a custom grid before if it works flawlessly. Perhaps it is not worth. We can skip that for the Captive Portal and adapt it later if it works well.
I spend more time at the StyleGuide so that we are able to use the same colors, fontsizes and UI elements for the Homepage, FireInfo, Web Interface and Captive Portal. Best, Maurice
-Michael
On Mon, Feb 8, 2016 at 4:31 PM, Maurice Gesswein <zerpixelung@gmail.c om> wrote: > I'll do my best to answer your questions :) > > Unfortunately I was not able to spend more time at IPFire so far. > Will continue working on it this week. > > On Mon, Feb 8, 2016 at 4:27 PM, Michael Tremer <michael.tremer@ipfi > re.org> wrote: > > Hi, > > > > On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein wrote: > > > Hi, > > > > > > Just want to check if our tel conf is still the plan for today > > > evening at 9pm CET? If so, same phone and room number? > > > > Yes it is. Same number, same conference room. > > > > It might not take very long, but I have a few questions and > > wanted to > > discuss feedback in general :) > > > > Alex is working on the image upload functionality. So from our > > end we > > are almost there to start working on implementing the design. > > > > Best, > > -Michael > > > > > > > > On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer <michael.tremer > > @ipfir > > > e.org> wrote: > > > > Hi, > > > > > > > > On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote: > > > > > Hi, > > > > > > > > > > I attached a quick first impression what I meant with > > "Guides". > > > > Info > > > > > for the dots (C1, F1, etc), primary text color, default > > fontsize, > > > > > button style, etc will be all predefined in a separate > > sheet. As > > > > well > > > > > as a sheet for tablet and mobile view. > > > > > > > > This looks good. It is a good way to start working on > > implementing > > > > that > > > > one soon. However it raises new questions LOL > > > > > > > > > As mentioned the 12 column grid is based on Bootstrap. > > > > > > > > I don't find 12 columns... > > > > > > > > > Perhaps that clears a lot of your very first questions. If > > you > > > > would > > > > > like to have a call at that stage, I'm fine with Monday but > > > > please at > > > > > 9pm. > > > > > > > > -Michael > > > > > > > > > > > > > > Best, > > > > > Maurice > > > > > > > > > > On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <
michael.tr
> > emer@i > > > > pfir > > > > > e.org> wrote: > > > > > > Hi, > > > > > > > > > > > > yes 8 pm CET is fine for me. Can also do later if you > > prefer. > > > > > > > > > > > > -Michael > > > > > > > > > > > > On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote: > > > > > > > Hi Michael and Maurice, > > > > > > > > > > > > > > Am 03.02.2016 um 15:36 schrieb Maurice Gesswein: > > > > > > > > Hi > > > > > > > > > > > > > > > > On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer > > > > <michael.tremer@ > > > > > > ipfi > > > > > > > > re.org> wrote: > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > sorry for not getting back earlier... > > > > > > > > > > > > > > > > > > On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein > > > > wrote: > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > attached you find design/layout suggestions for > > all > > > > > > mentioned > > > > > > > > > captive > > > > > > > > > > portal websites. > > > > > > > > > > > > > > > > > > It looks great! > > > > > > > > > > > > > > > > > Happy to hear that :) > > > > > > > > > > > > > > > > > > Some notes: > > > > > > > > > > The layout is always the same. You are able to > > build > > > > one > > > > > > > > > template > > > > > > > > > > which can used for every site. > > > > > > > > > > > > > > > > > > That is handy. > > > > > > > > > > > > > > > > > > > The layout is very responsive friendly > > (smartphone, > > > > tablet) > > > > > > as > > > > > > > > > you > > > > > > > > > > can see at the access-voucher_360.jpg (standard > > Android > > > > > > phone > > > > > > > > > size) > > > > > > > > > > > > > > > > > > > I strongly recommend to don't use scrollable > > content > > > > within > > > > > > a > > > > > > > > > > scrollable page (see first 2 screenshots from > > Alex). > > > > You > > > > > > become > > > > > > > > > crazy > > > > > > > > > > if you want to navigate though that on a touch > > device. > > > > > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > A specific header image can be used for every > > case. > > > > > > > > > > > > > > > > > > Okay, we need to build a way to upload that and > > possibly > > > > some > > > > > > > > > specifications that we can give to people to design > > > > theirs in > > > > > > the > > > > > > > > > right > > > > > > > > > way. > > > > > > > > > > > > > > > > > Specs would be a recommended minimum width and height > > for > > > > the > > > > > > > > image. Additionally an imagesize (KB) restriction. > > You > > > > don't > > > > > > want > > > > > > > > to load a 10MB image ;) Resizing is handled by the > > > > mentioned > > > > > > code > > > > > > > > snippets or perhaps Bootstap itself. > > > > > > > > > > > > > > > > > > There are tiny and simple code snippets which > > scale the > > > > > > header > > > > > > > > > image > > > > > > > > > > for every size correctly. I'll check this out to > > > > provide > > > > > > you > > > > > > > > > with > > > > > > > > > > more detailed information. > > > > > > > > > > Just checked getbootstrap.com. Seems to be that > > such a > > > > > > > > > functionality > > > > > > > > > > is already included. > > > > > > > > > > > > > > > > > > Cool. > > > > > > > > > > > > > > > > > > > A footer where you are able to promote IPFire ;) > > > > > > > > > > > > > > > > > > Always good. > > > > > > > > > > > > > > > > > > > Layout based on Bootstap 3 > > > > > > > > > > I used the color-theme for the upcoming new > > IPFire > > > > website > > > > > > and > > > > > > > > > WebUI. > > > > > > > > > > @Michael the bright red is not the new primary > > IPFire > > > > red > > > > > > ;) > > > > > > > > > It's the > > > > > > > > > > error-red. I'll show more about that soon. > > > > > > > > > > I suggested new text for the errors. Maybe you > > like it > > > > :) > > > > > > > > > > > > > > > > > > > > Let me know if you have any questions or > > concerns. > > > > > > > > > > > > > > > > > > There is nothing from me I would like to see > > changed. So > > > > I > > > > > > > > > suppose that > > > > > > > > > we can regard this as the final draft. > > > > > > > > > > > > > > > > > > Would you be up for arranging a telephone > > conference with > > > > > > Daniel > > > > > > > > > & > > > > > > > > > Alex, because I think that I have many questions > > > > regarding > > > > > > how we > > > > > > > > > get > > > > > > > > > from the draft to code :) How about Monday evening? > > > > > > > > > > > > > > > > > We can of course chat. Keep in mind that I'll provide > > - I > > > > call > > > > > > it > > > > > > > > "Guides" - for you. It's kind of a construction plan > > or > > > > > > blueprint > > > > > > > > (font size, colors, margins, paddings, etc). Maybe > > it's not > > > > > > really > > > > > > > > needed to chat before you code anything. My guides > > should > > > > clear > > > > > > a > > > > > > > > lot of your questions. Let me finish such a blueprint > > and > > > > you > > > > > > will > > > > > > > > let my know your thoughts :) > > > > > > > > > > > > > > > Does that mean we have a "date" on Monday, 8th at 20:00 > > > > german > > > > > > local > > > > > > > time? > > > > > > > telephone conference ? > > > > > > > > > > > > > > Alex > > > > > > > > > Best, > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > Maurice > > > > > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller > > > > > > > > > <daniel.weismueller > > > > > > > > > > @ipfire.org> wrote: > > > > > > > > > > > No. > > > > > > > > > > > > > > > > > > > > > > The last screenshot shows the customization > > part from > > > > > > "good > > > > > > > > > old" > > > > > > > > > > > configurationsite of the url-filter. > > > > > > > > > > > For better understanding i've made a (3) > > > > screenshot(s) > > > > > > of > > > > > > > > > the > > > > > > > > > > > whole page. > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice > > Gesswein: > > > > > > > > > > > > Is that the place where the hoster can > > include his > > > > own > > > > > > > > > T&Cs, > > > > > > > > > > > > upload a company logo, add the company name, > > etc? > > > > > > > > > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel > > Weismüller > > > > > > > > > <daniel.weismue > > > > > > > > > > > > ller@ipfire.org> wrote: > > > > > > > > > > > > > me again :) > > > > > > > > > > > > > > > > > > > > > > > > > > Another screenshot now from the webif where > > you > > > > may > > > > > > > > > customize > > > > > > > > > > > > > blockpage from the url-filter. > > > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice > > Gesswein: > > > > > > > > > > > > > > Perfect. Thanks Daniel. > > > > > > > > > > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel > > > > > > Weismüller" > > > > > > > > > <daniel > > > > > > > > > > > > > > .weismueller@ipfire.org>: > > > > > > > > > > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice > > > > Gesswein: > > > > > > > > > > > > > > > > Good morning, > > > > > > > > > > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > > > > > > > > > > Am 31.01.2016 4:31 vorm. schrieb > > "Michael > > > > > > Tremer" > > > > > > > > > <michae > > > > > > > > > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, > > > > Maurice > > > > > > > > > Gesswein > > > > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > > Can someone send me the terms & > > > > condition > > > > > > text > > > > > > > > > from > > > > > > > > > > > > > > > > > the screenshots > > > > > > > > > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There is a text area where the user > > will > > > > type > > > > > > in > > > > > > > > > the > > > > > > > > > > > > > > > > > T&Cs. So there is > > > > > > > > > > > > > > > > > no predefined text and it might > > change. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Do you still want some sample or > > can you > > > > just > > > > > > use > > > > > > > > > lorem > > > > > > > > > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, > > > > Michael > > > > > > Tremer > > > > > > > > > <mich > > > > > > > > > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > > > > > > > > > e.org> wrote: > > > > > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 > > +0100, > > > > > > Alexander > > > > > > > > > Marx > > > > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it. > > Thanks > > > > for > > > > > > the > > > > > > > > > screens > > > > > > > > > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and > > > > > > suggestions. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further > > > > upcoming > > > > > > pages > > > > > > > > > like > > > > > > > > > > > > > > > > > these, are you > > > > > > > > > > > > > > > > > > > able > > > > > > > > > > > > > > > > > > > > > to hand over a list of them > > > > (perhaps > > > > > > with > > > > > > > > > > > > > > > > > screenshots)? Not > > > > > > > > > > > > > > > > > > > really > > > > > > > > > > > > > > > > > > > > > needed, but very helpful to > > > > deliver a > > > > > > > > > > > > > > > > > consistent flexible > > > > > > > > > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Don't worry about them too > > much. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > As far as i know there are no > > other > > > > > > > > > "external" > > > > > > > > > > > > > > > > > pages. The > > > > > > > > > > > > > > > > > > > > Webinterface of IPFire has an > > own > > > > > > design > > > > > > > > > and > > > > > > > > > > > > > > > > > several themes, i > > > > > > > > > > > > > > > > > > > think > > > > > > > > > > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > However, there are a few. I > > included > > > > both > > > > > > of > > > > > > > > > them > > > > > > > > > > > > > > > > > in the first > > > > > > > > > > > > > > > > > > > email. > > > > > > > > > > > > > > > > > > > On top of that there are the > > squid > > > > error > > > > > > > > > pages. I > > > > > > > > > > > > > > > > > am not too sure > > > > > > > > > > > > > > > > > > > if we > > > > > > > > > > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I will figure that out and get > > back > > > > to > > > > > > you. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able > > to > > > > include > > > > > > his > > > > > > > > > own > > > > > > > > > > > > > > > > > logo/brand? That > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > give the users a lot more > > trust > > > > in > > > > > > that > > > > > > > > > things. > > > > > > > > > > > > > > > > > If an image > > > > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > > > > > is not in the current > > scope, I > > > > > > suggest a > > > > > > > > > > > > > > > > > prominent headline > > > > > > > > > > > > > > > > > > > where > > > > > > > > > > > > > > > > > > > > > the hoster is able to > > include the > > > > > > company > > > > > > > > > name. > > > > > > > > > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able > > to > > > > change > > > > > > the > > > > > > > > > Title > > > > > > > > > > > > > > > > > (The top-title in > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > screenies like "Login" or on > > the > > > > other > > > > > > page > > > > > > > > > "My > > > > > > > > > > > > > > > > > private HotSpot") > > > > > > > > > > > > > > > > > > > > maybe we can add a Logo but > > we have > > > > to > > > > > > > > > decide > > > > > > > > > > > > > > > > > which dimensions > > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > allowed. This is difficult as > > many > > > > > > > > > companies have > > > > > > > > > > > > > > > > > different > > > > > > > > > > > > > > > > > > > > dimensions of Logos. Some are > > 4:3, > > > > > > others > > > > > > > > > are > > > > > > > > > > > > > > > > > like 27:9 and so > > > > > > > > > > > > > > > > > > > on. > > > > > > > > > > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I think we don't need that. We > > > > usually > > > > > > have > > > > > > > > > the > > > > > > > > > > > > > > > > > opportunity to > > > > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > > > an entire HTML template, so > > that if > > > > > > someone > > > > > > > > > wants > > > > > > > > > > > > > > > > > to replace the > > > > > > > > > > > > > > > > > > > page, > > > > > > > > > > > > > > > > > > > they can do that. But just a > > logo is > > > > a > > > > > > bit > > > > > > > > > too > > > > > > > > > > > > > > > > > easy. Who ever wants > > > > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > > brand this as their own should > > do > > > > that > > > > > > with > > > > > > > > > the > > > > > > > > > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > And of course we should not > > forget > > > > about > > > > > > > > > doing some > > > > > > > > > > > > > > > > > advertisement > > > > > > > > > > > > > > > > > > > for > > > > > > > > > > > > > > > > > > > our own product :) However, I > > get > > > > many > > > > > > emails > > > > > > > > > from > > > > > > > > > > > > > > > > > annoyed students > > > > > > > > > > > > > > > > > > > that can't access dirty > > websites in > > > > their > > > > > > > > > school. > > > > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire, > > should > > > > > > those > > > > > > > > > pages > > > > > > > > > > > > > > > > > be designed like > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > > new upcoming style of > > IPFire? > > > > Means > > > > > > same > > > > > > > > > color > > > > > > > > > > > > > > > > > theme, button > > > > > > > > > > > > > > > > > > > style, > > > > > > > > > > > > > > > > > > > > > IPFire logo, caption like > > > > "powered by > > > > > > > > > IPFire", > > > > > > > > > > > > > > > > > etc? Or should > > > > > > > > > > > > > > > > > > > it > > > > > > > > > > > > > > > > > > > > > totally generic so that the > > users > > > > has > > > > > > no > > > > > > > > > clue > > > > > > > > > > > > > > > > > what system shows > > > > > > > > > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I would like a "powered by > > IPFire" at > > > > > > least > > > > > > > > > and > > > > > > > > > > > > > > > > > even advise people > > > > > > > > > > > > > > > > > > > who > > > > > > > > > > > > > > > > > > > replace the theme by their own > > to > > > > keep > > > > > > that > > > > > > > > > in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > This does not need to be like > > the new > > > > > > stuff > > > > > > > > > but I > > > > > > > > > > > > > > > > > think it should > > > > > > > > > > > > > > > > > > > feel > > > > > > > > > > > > > > > > > > > a bit like IPFire but also be > > > > neutral. We > > > > > > do > > > > > > > > > not > > > > > > > > > > > > > > > > > need to hide that > > > > > > > > > > > > > > > > > > > this > > > > > > > > > > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > No. I think if we have > > something > > > > like a > > > > > > > > > > > > > > > > > "background-color" > > > > > > > > > > > > > > > > > > > instead of > > > > > > > > > > > > > > > > > > > > a picture, we should the > > hoster let > > > > > > > > > configure it, > > > > > > > > > > > > > > > > > so the people > > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > able to adpat the colors to > > their > > > > own > > > > > > > > > corporate > > > > > > > > > > > > > > > > > identity. So if > > > > > > > > > > > > > > > > > > > you > > > > > > > > > > > > > > > > > > > > woul like to work with > > gradients or > > > > > > > > > similar, i > > > > > > > > > > > > > > > > > would recommend to > > > > > > > > > > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We > > wanted > > > > to > > > > > > keep > > > > > > > > > this > > > > > > > > > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at > > 1:51 PM, > > > > > > > > > Alexander Marx > > > > > > > > > > > > > > > > > <alexander.marx > > > > > > > > > > > > > > > > > > > @oab > > > > > > > > > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly > > > > > > screenshots > > > > > > > > > from the > > > > > > > > > > > > > > > > > loginpage. > > > > > > > > > > > > > > > > > > > > > > one version with voucher > > access > > > > and > > > > > > the > > > > > > > > > other > > > > > > > > > > > > > > > > > one with > > > > > > > > > > > > > > > > > > > license > > > > > > > > > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 > > schrieb > > > > > > Michael > > > > > > > > > > > > > > > > > Tremer: > > > > > > > > > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are > > busy with > > > > > > other > > > > > > > > > things, > > > > > > > > > > > > > > > > > but > > > > > > > > > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > > > like to send you this > > > > request. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently > > working on > > > > a so > > > > > > > > > called > > > > > > > > > > > > > > > > > captive portal. > > > > > > > > > > > > > > > > > > > That > > > > > > > > > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > > > > > > > > > things that pop up on > > your > > > > phone > > > > > > or > > > > > > > > > laptop > > > > > > > > > > > > > > > > > when you connect > > > > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > > > > > > > > > wireless network in a > > hotel > > > > or > > > > > > cafe. > > > > > > > > > That > > > > > > > > > > > > > > > > > web page that is > > > > > > > > > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > > > > > > > > > what we need to design > > now. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few > > other > > > > pages > > > > > > that > > > > > > > > > are > > > > > > > > > > > > > > > > > shown to the users > > > > > > > > > > > > > > > > > > > of > > > > > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > > > > network when for > > example a > > > > web > > > > > > page > > > > > > > > > is > > > > > > > > > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > > > > > > > > > really ugly and > > probably > > > > needs a > > > > > > > > > remake as > > > > > > > > > > > > > > > > > well. I want to > > > > > > > > > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > > > > > > > > > captive portal for now, > > but I > > > > > > guess > > > > > > > > > you > > > > > > > > > > > > > > > > > would like to know > > > > > > > > > > > > > > > > > > > that > > > > > > > > > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > > > > > > > > > are more. [1] and [2]. > > Really > > > > bad > > > > > > > > > right? > > > > > > > > > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a > > > > screenshot > > > > > > of > > > > > > > > > the > > > > > > > > > > > > > > > > > development version > > > > > > > > > > > > > > > > > > > we > > > > > > > > > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > > > > > > > > > This is just a quick > > page to > > > > show > > > > > > the > > > > > > > > > > > > > > > > > concept and what we > > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options > > for > > > > now. > > > > > > The > > > > > > > > > first > > > > > > > > > > > > > > > > > one is where the > > > > > > > > > > > > > > > > > > > user > > > > > > > > > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > > > > > > > > > agree to a license and > > click > > > > a "I > > > > > > > > > accept" > > > > > > > > > > > > > > > > > button. The > > > > > > > > > > > > > > > > > > > second > > > > > > > > > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > > > > > > > > > where the user will > > have to > > > > type > > > > > > in a > > > > > > > > > > > > > > > > > voucher code and > > > > > > > > > > > > > > > > > > > click a > > > > > > > > > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work > > on > > > > this? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up > > would > > > > be > > > > > > okay > > > > > > > > > for > > > > > > > > > > > > > > > > > now, because we > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > > > > > > > > > put this entire project > > on > > > > the > > > > > > > > > wishlist to > > > > > > > > > > > > > > > > > raise some > > > > > > > > > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > > > > > > > > > money. Giving the user > > that > > > > mock- > > > > > > up > > > > > > > > > would > > > > > > > > > > > > > > > > > certainly help so > > > > > > > > > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > > > > > > > > > get a good impression > > what > > > > they > > > > > > are > > > > > > > > > > > > > > > > > supporting here. The > > > > > > > > > > > > > > > > > > > actual > > > > > > > > > > > > > > > > > > > > > > > implementation will > > happen a > > > > bit > > > > > > > > > later when > > > > > > > > > > > > > > > > > enough funds > > > > > > > > > > > > > > > > > > > have > > > > > > > > > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please > > send > > > > some > > > > > > > > > > > > > > > > > screenshots of the two > > > > > > > > > > > > > > > > > > > pages > > > > > > > > > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know > > that I > > > > am > > > > > > > > > throwing a > > > > > > > > > > > > > > > > > bit of random > > > > > > > > > > > > > > > > > > > stuff > > > > > > > > > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > > > > > > > > > Just let me know when I > > don't > > > > > > make > > > > > > > > > sense > > > > > > > > > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1]
> > t.com/ > > > > -9sw > > > > > > 4wUe > > > > > > > > > UsgQ/V > > > > > > > > > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > > > > > > > > > > > [2] http://wiki.ipfire
.
> > org/_m > > > > edia > > > > > > /en/ > > > > > > > > > addons > > > > > > > > > > > > > > > > > /clamav/squidcla > > > > > > > > > > > > > > > > > > > mav- > > > > > > > > > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
Hi Maurice,
thank you for your great work.
I am still traveling and therefore had not much time to look into this in too much detail or even start implementing the design into HTML, etc.
However, I guess that this is sufficient for the moment. Questions might arise as I go along. I do not have any clues on how to build the buttons and some other elements, but I will figure that out.
On Bootstrap 3 vs. 4. We can go with 4. We should do the most recent version if we can.
Best, -Michael
On Wed, 2016-02-24 at 23:18 +0100, Maurice Gesswein wrote:
Hi,
Just want to check if you are able to work with the Guides? Do you have any questions?
I uploaded a couple of more Guides and I used the "Access Page" (access_[width].jpg) as an example to show the different viewports. You find further information here: http://getbootstrap.com/css/#grid
I named them like this: filename_360/320 = Smartphone filename_768 = Tablet Portrait mode filename_1024 = Tablet Landscape mode filename_1280 = Desktop/Laptop
I used the Bootstrap 3 Grid System for all of these pages. Or are we going to use Bootstrap 4? Bootstrap 3 has no viewport/media query for 7" Tablets. Bootstrap 4 does (http://v4-alpha.getbootstrap.com/layout /grid/#grid-options)
If you have something online I would love to have a look and could try to do some fine-tuning if needed.
Best, Maurice
On Sat, Feb 20, 2016 at 11:19 PM, Maurice Gesswein <zerpixelung@gmail .com> wrote:
Hi,
Guides for Error, Virus & Denied (which are actually all the same designs) are now available. A guide for the "Access" page for phones as well.
Best, Maurice
On Thu, Feb 18, 2016 at 12:14 AM, Maurice Gesswein <zerpixelung@gma il.com> wrote:
Hello,
Below you find a link to a shared Dropbox folder. In that folder you will find all relevant designs, guides, images etc. for the new IPFire.
Dropbox shared folder
What's currently in? Captive Portal designs for desktop One Guide for the "Access Page" (image + txt) The first 4 StyleGuide sheets (these are work in progress!) Buttons Colors Fonts Forms
I know that there are some information missing. I'll provide them asap. I think with that information you are able to start with coding.
Furthermore I think I found a good solution to support you with the code. I'm going to do the styles for buttons, input fields, etc. So I'll try to provide the CSS markup for that elements. And I would like to try to make some fine tuning when you are almost finished.
Let me know if you have questions.
Best, Maurice
PS: If you have Dropbox accounts let me know. I'll add you than to that folder. If you don't have an account, you should consider to create one for free. It would make it a lot easier for you to find things.
On Wed, Feb 17, 2016 at 11:35 PM, Maurice Gesswein <zerpixelung@g mail.com> wrote:
On Tue, Feb 16, 2016 at 7:43 PM, Michael Tremer <michael.tremer @ipfire.org> wrote:
Hi,
On Tue, 2016-02-16 at 11:07 +0100, Maurice Gesswein wrote:
Hi,
just want to give a short status update.
thanks for the update.
I did some researching about customizing Bootstrap and
found some
promising websites/tools. Here are 2 of them: http://getbootstrap.com/customize/ https://pikock.github.io/bootstrap-magic/app/index.html I figured out that it seems pretty easy to use a custom
grid system
for Bootstrap. I would like to use a more suitable grid
which is
based on a 8px grid. More about that later.
What would be the benefit of that? What disadvantages does the default grid have?
Only cosmetic reasons. I'll review a custom grid before if it works flawlessly. Perhaps it is not worth. We can skip that for the Captive Portal and adapt it later if it works well.
I spend more time at the StyleGuide so that we are able to
use the
same colors, fontsizes and UI elements for the Homepage,
FireInfo,
Web Interface and Captive Portal. Best, Maurice
-Michael
On Mon, Feb 8, 2016 at 4:31 PM, Maurice Gesswein <zerpixelu
ng@gmail.c
om> wrote: > I'll do my best to answer your questions :) > > Unfortunately I was not able to spend more time at IPFire
so far.
> Will continue working on it this week. > > On Mon, Feb 8, 2016 at 4:27 PM, Michael Tremer <michael.t
remer@ipfi
> re.org> wrote: > > Hi, > > > > On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein
wrote:
> > > Hi, > > > > > > Just want to check if our tel conf is still the plan
for today
> > > evening at 9pm CET? If so, same phone and room
number?
> > > > Yes it is. Same number, same conference room. > > > > It might not take very long, but I have a few questions
and
> > wanted to > > discuss feedback in general :) > > > > Alex is working on the image upload functionality. So
from our
> > end we > > are almost there to start working on implementing the
design.
> > > > Best, > > -Michael > > > > > > > > On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer
<michael.tremer
> > @ipfir > > > e.org> wrote: > > > > Hi, > > > > > > > > On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein
wrote:
> > > > > Hi, > > > > > > > > > > I attached a quick first impression what I meant
with
> > "Guides". > > > > Info > > > > > for the dots (C1, F1, etc), primary text color,
default
> > fontsize, > > > > > button style, etc will be all predefined in a
separate
> > sheet. As > > > > well > > > > > as a sheet for tablet and mobile view. > > > > > > > > This looks good. It is a good way to start working
on
> > implementing > > > > that > > > > one soon. However it raises new questions LOL > > > > > > > > > As mentioned the 12 column grid is based on
Bootstrap.
> > > > > > > > I don't find 12 columns... > > > > > > > > > Perhaps that clears a lot of your very first
questions. If
> > you > > > > would > > > > > like to have a call at that stage, I'm fine with
Monday but
> > > > please at > > > > > 9pm. > > > > > > > > -Michael > > > > > > > > > > > > > > Best, > > > > > Maurice > > > > > > > > > > On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer
<michael.tr
> > emer@i > > > > pfir > > > > > e.org> wrote: > > > > > > Hi, > > > > > > > > > > > > yes 8 pm CET is fine for me. Can also do later
if you
> > prefer. > > > > > > > > > > > > -Michael > > > > > > > > > > > > On Thu, 2016-02-04 at 20:34 +0100, Alexander
Marx wrote:
> > > > > > > Hi Michael and Maurice, > > > > > > > > > > > > > > Am 03.02.2016 um 15:36 schrieb Maurice
Gesswein:
> > > > > > > > Hi > > > > > > > > > > > > > > > > On Wed, Feb 3, 2016 at 2:53 PM, Michael
Tremer
> > > > <michael.tremer@ > > > > > > ipfi > > > > > > > > re.org> wrote: > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > sorry for not getting back earlier... > > > > > > > > > > > > > > > > > > On Mon, 2016-02-01 at 23:23 +0100,
Maurice Gesswein
> > > > wrote: > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > attached you find design/layout
suggestions for
> > all > > > > > > mentioned > > > > > > > > > captive > > > > > > > > > > portal websites. > > > > > > > > > > > > > > > > > > It looks great! > > > > > > > > > > > > > > > > > Happy to hear that :) > > > > > > > > > > > > > > > > > > Some notes: > > > > > > > > > > The layout is always the same. You are
able to
> > build > > > > one > > > > > > > > > template > > > > > > > > > > which can used for every site. > > > > > > > > > > > > > > > > > > That is handy. > > > > > > > > > > > > > > > > > > > The layout is very responsive friendly > > (smartphone, > > > > tablet) > > > > > > as > > > > > > > > > you > > > > > > > > > > can see at the access-voucher_360.jpg
(standard
> > Android > > > > > > phone > > > > > > > > > size) > > > > > > > > > > > > > > > > > > > I strongly recommend to don't use
scrollable
> > content > > > > within > > > > > > a > > > > > > > > > > scrollable page (see first 2
screenshots from
> > Alex). > > > > You > > > > > > become > > > > > > > > > crazy > > > > > > > > > > if you want to navigate though that on
a touch
> > device. > > > > > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > A specific header image can be used for
every
> > case. > > > > > > > > > > > > > > > > > > Okay, we need to build a way to upload
that and
> > possibly > > > > some > > > > > > > > > specifications that we can give to people
to design
> > > > theirs in > > > > > > the > > > > > > > > > right > > > > > > > > > way. > > > > > > > > > > > > > > > > > Specs would be a recommended minimum width
and height
> > for > > > > the > > > > > > > > image. Additionally an imagesize (KB)
restriction.
> > You > > > > don't > > > > > > want > > > > > > > > to load a 10MB image ;) Resizing is handled
by the
> > > > mentioned > > > > > > code > > > > > > > > snippets or perhaps Bootstap itself. > > > > > > > > > > > > > > > > > > There are tiny and simple code snippets
which
> > scale the > > > > > > header > > > > > > > > > image > > > > > > > > > > for every size correctly. I'll check
this out to
> > > > provide > > > > > > you > > > > > > > > > with > > > > > > > > > > more detailed information. > > > > > > > > > > Just checked getbootstrap.com. Seems to
be that
> > such a > > > > > > > > > functionality > > > > > > > > > > is already included. > > > > > > > > > > > > > > > > > > Cool. > > > > > > > > > > > > > > > > > > > A footer where you are able to promote
IPFire ;)
> > > > > > > > > > > > > > > > > > Always good. > > > > > > > > > > > > > > > > > > > Layout based on Bootstap 3 > > > > > > > > > > I used the color-theme for the upcoming
new
> > IPFire > > > > website > > > > > > and > > > > > > > > > WebUI. > > > > > > > > > > @Michael the bright red is not the new
primary
> > IPFire > > > > red > > > > > > ;) > > > > > > > > > It's the > > > > > > > > > > error-red. I'll show more about that
soon.
> > > > > > > > > > I suggested new text for the errors.
Maybe you
> > like it > > > > :) > > > > > > > > > > > > > > > > > > > > Let me know if you have any questions
or
> > concerns. > > > > > > > > > > > > > > > > > > There is nothing from me I would like to
see
> > changed. So > > > > I > > > > > > > > > suppose that > > > > > > > > > we can regard this as the final draft. > > > > > > > > > > > > > > > > > > Would you be up for arranging a telephone > > conference with > > > > > > Daniel > > > > > > > > > & > > > > > > > > > Alex, because I think that I have many
questions
> > > > regarding > > > > > > how we > > > > > > > > > get > > > > > > > > > from the draft to code :) How about
Monday evening?
> > > > > > > > > > > > > > > > > We can of course chat. Keep in mind that
I'll provide
> > - I > > > > call > > > > > > it > > > > > > > > "Guides" - for you. It's kind of a
construction plan
> > or > > > > > > blueprint > > > > > > > > (font size, colors, margins, paddings,
etc). Maybe
> > it's not > > > > > > really > > > > > > > > needed to chat before you code anything. My
guides
> > should > > > > clear > > > > > > a > > > > > > > > lot of your questions. Let me finish such a
blueprint
> > and > > > > you > > > > > > will > > > > > > > > let my know your thoughts :) > > > > > > > > > > > > > > > Does that mean we have a "date" on Monday,
8th at 20:00
> > > > german > > > > > > local > > > > > > > time? > > > > > > > telephone conference ? > > > > > > > > > > > > > > Alex > > > > > > > > > Best, > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > Maurice > > > > > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel
Weismüller
> > > > > > > > > <daniel.weismueller > > > > > > > > > > @ipfire.org> wrote: > > > > > > > > > > > No. > > > > > > > > > > > > > > > > > > > > > > The last screenshot shows the
customization
> > part from > > > > > > "good > > > > > > > > > old" > > > > > > > > > > > configurationsite of the url-filter. > > > > > > > > > > > For better understanding i've made a
(3)
> > > > screenshot(s) > > > > > > of > > > > > > > > > the > > > > > > > > > > > whole page. > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:32 schrieb
Maurice
> > Gesswein: > > > > > > > > > > > > Is that the place where the hoster
can
> > include his > > > > own > > > > > > > > > T&Cs, > > > > > > > > > > > > upload a company logo, add the
company name,
> > etc? > > > > > > > > > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM,
Daniel
> > Weismüller > > > > > > > > > <daniel.weismue > > > > > > > > > > > > ller@ipfire.org> wrote: > > > > > > > > > > > > > me again :) > > > > > > > > > > > > > > > > > > > > > > > > > > Another screenshot now from the
webif where
> > you > > > > may > > > > > > > > > customize > > > > > > > > > > > > > blockpage from the url-filter. > > > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb
Maurice
> > Gesswein: > > > > > > > > > > > > > > Perfect. Thanks Daniel. > > > > > > > > > > > > > > Am 01.02.2016 2:22 nachm.
schrieb "Daniel
> > > > > > Weismüller" > > > > > > > > > <daniel > > > > > > > > > > > > > > .weismueller@ipfire.org>: > > > > > > > > > > > > > > > Here are the screenshots as
requested.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 31.01.2016 um 08:53
schrieb Maurice
> > > > Gesswein: > > > > > > > > > > > > > > > > Good morning, > > > > > > > > > > > > > > > > I use lorem ipsum than.
Thanks.
> > > > > > > > > > > > > > > > Am 31.01.2016 4:31 vorm.
schrieb
> > "Michael > > > > > > Tremer" > > > > > > > > > <michae > > > > > > > > > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at
22:06 +0100,
> > > > Maurice > > > > > > > > > Gesswein > > > > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > > Can someone send me the
terms &
> > > > condition > > > > > > text > > > > > > > > > from > > > > > > > > > > > > > > > > > the screenshots > > > > > > > > > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There is a text area
where the user
> > will > > > > type > > > > > > in > > > > > > > > > the > > > > > > > > > > > > > > > > > T&Cs. So there is > > > > > > > > > > > > > > > > > no predefined text and it
might
> > change. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Do you still want some
sample or
> > can you > > > > just > > > > > > use > > > > > > > > > lorem > > > > > > > > > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at
4:01 AM,
> > > > Michael > > > > > > Tremer > > > > > > > > > <mich > > > > > > > > > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > > > > > > > > > e.org> wrote: > > > > > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at
20:37
> > +0100, > > > > > > Alexander > > > > > > > > > Marx > > > > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I
got it.
> > Thanks > > > > for > > > > > > the > > > > > > > > > screens > > > > > > > > > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few
questions and
> > > > > > suggestions. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared
for further
> > > > upcoming > > > > > > pages > > > > > > > > > like > > > > > > > > > > > > > > > > > these, are you > > > > > > > > > > > > > > > > > > > able > > > > > > > > > > > > > > > > > > > > > to hand over a
list of them
> > > > (perhaps > > > > > > with > > > > > > > > > > > > > > > > > screenshots)? Not > > > > > > > > > > > > > > > > > > > really > > > > > > > > > > > > > > > > > > > > > needed, but very
helpful to
> > > > deliver a > > > > > > > > > > > > > > > > > consistent flexible > > > > > > > > > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Don't worry about
them too
> > much. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > As far as i know
there are no
> > other > > > > > > > > > "external" > > > > > > > > > > > > > > > > > pages. The > > > > > > > > > > > > > > > > > > > > Webinterface of
IPFire has an
> > own > > > > > > design > > > > > > > > > and > > > > > > > > > > > > > > > > > several themes, i > > > > > > > > > > > > > > > > > > > think > > > > > > > > > > > > > > > > > > > > you already saw
them.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > However, there are a
few. I
> > included > > > > both > > > > > > of > > > > > > > > > them > > > > > > > > > > > > > > > > > in the first > > > > > > > > > > > > > > > > > > > email. > > > > > > > > > > > > > > > > > > > On top of that there
are the
> > squid > > > > error > > > > > > > > > pages. I > > > > > > > > > > > > > > > > > am not too sure > > > > > > > > > > > > > > > > > > > if we > > > > > > > > > > > > > > > > > > > can modify those
quite nicely.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I will figure that
out and get
> > back > > > > to > > > > > > you. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Should the hoster
be able
> > to > > > > include > > > > > > his > > > > > > > > > own > > > > > > > > > > > > > > > > > logo/brand? That > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > give the users a
lot more
> > trust > > > > in > > > > > > that > > > > > > > > > things. > > > > > > > > > > > > > > > > > If an image > > > > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > > > > > is not in the
current
> > scope, I > > > > > > suggest a > > > > > > > > > > > > > > > > > prominent headline > > > > > > > > > > > > > > > > > > > where > > > > > > > > > > > > > > > > > > > > > the hoster is
able to
> > include the > > > > > > company > > > > > > > > > name. > > > > > > > > > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster
is able
> > to > > > > change > > > > > > the > > > > > > > > > Title > > > > > > > > > > > > > > > > > (The top-title in > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > screenies like
"Login" or on
> > the > > > > other > > > > > > page > > > > > > > > > "My > > > > > > > > > > > > > > > > > private HotSpot") > > > > > > > > > > > > > > > > > > > > maybe we can add a
Logo but
> > we have > > > > to > > > > > > > > > decide > > > > > > > > > > > > > > > > > which dimensions > > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > allowed. This is
difficult as
> > many > > > > > > > > > companies have > > > > > > > > > > > > > > > > > different > > > > > > > > > > > > > > > > > > > > dimensions of
Logos. Some are
> > 4:3, > > > > > > others > > > > > > > > > are > > > > > > > > > > > > > > > > > like 27:9 and so > > > > > > > > > > > > > > > > > > > on. > > > > > > > > > > > > > > > > > > > > What do other
people think?
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I think we don't need
that. We
> > > > usually > > > > > > have > > > > > > > > > the > > > > > > > > > > > > > > > > > opportunity to > > > > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > > > an entire HTML
template, so
> > that if > > > > > > someone > > > > > > > > > wants > > > > > > > > > > > > > > > > > to replace the > > > > > > > > > > > > > > > > > > > page, > > > > > > > > > > > > > > > > > > > they can do that. But
just a
> > logo is > > > > a > > > > > > bit > > > > > > > > > too > > > > > > > > > > > > > > > > > easy. Who ever wants > > > > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > > brand this as their
own should
> > do > > > > that > > > > > > with > > > > > > > > > the > > > > > > > > > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > And of course we
should not
> > forget > > > > about > > > > > > > > > doing some > > > > > > > > > > > > > > > > > advertisement > > > > > > > > > > > > > > > > > > > for > > > > > > > > > > > > > > > > > > > our own product :)
However, I
> > get > > > > many > > > > > > emails > > > > > > > > > from > > > > > > > > > > > > > > > > > annoyed students > > > > > > > > > > > > > > > > > > > that can't access
dirty
> > websites in > > > > their > > > > > > > > > school. > > > > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Since it's part
of IPFire,
> > should > > > > > > those > > > > > > > > > pages > > > > > > > > > > > > > > > > > be designed like > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > > new upcoming
style of
> > IPFire? > > > > Means > > > > > > same > > > > > > > > > color > > > > > > > > > > > > > > > > > theme, button > > > > > > > > > > > > > > > > > > > style, > > > > > > > > > > > > > > > > > > > > > IPFire logo,
caption like
> > > > "powered by > > > > > > > > > IPFire", > > > > > > > > > > > > > > > > > etc? Or should > > > > > > > > > > > > > > > > > > > it > > > > > > > > > > > > > > > > > > > > > totally generic
so that the
> > users > > > > has > > > > > > no > > > > > > > > > clue > > > > > > > > > > > > > > > > > what system shows > > > > > > > > > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I would like a
"powered by
> > IPFire" at > > > > > > least > > > > > > > > > and > > > > > > > > > > > > > > > > > even advise people > > > > > > > > > > > > > > > > > > > who > > > > > > > > > > > > > > > > > > > replace the theme by
their own
> > to > > > > keep > > > > > > that > > > > > > > > > in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > This does not need to
be like
> > the new > > > > > > stuff > > > > > > > > > but I > > > > > > > > > > > > > > > > > think it should > > > > > > > > > > > > > > > > > > > feel > > > > > > > > > > > > > > > > > > > a bit like IPFire but
also be
> > > > neutral. We > > > > > > do > > > > > > > > > not > > > > > > > > > > > > > > > > > need to hide that > > > > > > > > > > > > > > > > > > > this > > > > > > > > > > > > > > > > > > > is an IPFire system
though.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > No. I think if we
have
> > something > > > > like a > > > > > > > > > > > > > > > > > "background-color" > > > > > > > > > > > > > > > > > > > instead of > > > > > > > > > > > > > > > > > > > > a picture, we
should the
> > hoster let > > > > > > > > > configure it, > > > > > > > > > > > > > > > > > so the people > > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > able to adpat the
colors to
> > their > > > > own > > > > > > > > > corporate > > > > > > > > > > > > > > > > > identity. So if > > > > > > > > > > > > > > > > > > > you > > > > > > > > > > > > > > > > > > > > woul like to work
with
> > gradients or > > > > > > > > > similar, i > > > > > > > > > > > > > > > > > would recommend to > > > > > > > > > > > > > > > > > > > > make it
configurable.
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Nah, not too many
options. We
> > wanted > > > > to > > > > > > keep > > > > > > > > > this > > > > > > > > > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Michael, what do
you think?
> > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29,
2016 at
> > 1:51 PM, > > > > > > > > > Alexander Marx > > > > > > > > > > > > > > > > > <alexander.marx > > > > > > > > > > > > > > > > > > > @oab > > > > > > > > > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the
actual ugly
> > > > > > screenshots > > > > > > > > > from the > > > > > > > > > > > > > > > > > loginpage. > > > > > > > > > > > > > > > > > > > > > > one version
with voucher
> > access > > > > and > > > > > > the > > > > > > > > > other > > > > > > > > > > > > > > > > > one with > > > > > > > > > > > > > > > > > > > license > > > > > > > > > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016
um 02:59
> > schrieb > > > > > > Michael > > > > > > > > > > > > > > > > > Tremer: > > > > > > > > > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that
you are
> > busy with > > > > > > other > > > > > > > > > things, > > > > > > > > > > > > > > > > > but > > > > > > > > > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > > > like to send
you this
> > > > request. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is
currently
> > working on > > > > a so > > > > > > > > > called > > > > > > > > > > > > > > > > > captive portal. > > > > > > > > > > > > > > > > > > > That > > > > > > > > > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > > > > > > > > > things that
pop up on
> > your > > > > phone > > > > > > or > > > > > > > > > laptop > > > > > > > > > > > > > > > > > when you connect > > > > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > > > > > > > > > wireless
network in a
> > hotel > > > > or > > > > > > cafe. > > > > > > > > > That > > > > > > > > > > > > > > > > > web page that is > > > > > > > > > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > > > > > > > > > what we need
to design
> > now. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have
a few
> > other > > > > pages > > > > > > that > > > > > > > > > are > > > > > > > > > > > > > > > > > shown to the users > > > > > > > > > > > > > > > > > > > of > > > > > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > > > > network when
for
> > example a > > > > web > > > > > > page > > > > > > > > > is > > > > > > > > > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > > > > > > > > > really ugly
and
> > probably > > > > needs a > > > > > > > > > remake as > > > > > > > > > > > > > > > > > well. I want to > > > > > > > > > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > > > > > > > > > captive
portal for now,
> > but I > > > > > > guess > > > > > > > > > you > > > > > > > > > > > > > > > > > would like to know > > > > > > > > > > > > > > > > > > > that > > > > > > > > > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > > > > > > > > > are more. [1]
and [2].
> > Really > > > > bad > > > > > > > > > right? > > > > > > > > > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will
send you a
> > > > screenshot > > > > > > of > > > > > > > > > the > > > > > > > > > > > > > > > > > development version > > > > > > > > > > > > > > > > > > > we > > > > > > > > > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > > > > > > > > > This is just
a quick
> > page to > > > > show > > > > > > the > > > > > > > > > > > > > > > > > concept and what we > > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two
options
> > for > > > > now. > > > > > > The > > > > > > > > > first > > > > > > > > > > > > > > > > > one is where the > > > > > > > > > > > > > > > > > > > user > > > > > > > > > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > > > > > > > > > agree to a
license and
> > click > > > > a "I > > > > > > > > > accept" > > > > > > > > > > > > > > > > > button. The > > > > > > > > > > > > > > > > > > > second > > > > > > > > > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > > > > > > > > > where the
user will
> > have to > > > > type > > > > > > in a > > > > > > > > > > > > > > > > > voucher code and > > > > > > > > > > > > > > > > > > > click a > > > > > > > > > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you
like to work
> > on > > > > this? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a
quick mock-up
> > would > > > > be > > > > > > okay > > > > > > > > > for > > > > > > > > > > > > > > > > > now, because we > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > > > > > > > > > put this
entire project
> > on > > > > the > > > > > > > > > wishlist to > > > > > > > > > > > > > > > > > raise some > > > > > > > > > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > > > > > > > > > money. Giving
the user
> > that > > > > mock- > > > > > > up > > > > > > > > > would > > > > > > > > > > > > > > > > > certainly help so > > > > > > > > > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > > > > > > > > > get a good
impression
> > what > > > > they > > > > > > are > > > > > > > > > > > > > > > > > supporting here. The > > > > > > > > > > > > > > > > > > > actual > > > > > > > > > > > > > > > > > > > > > > >
implementation will
> > happen a > > > > bit > > > > > > > > > later when > > > > > > > > > > > > > > > > > enough funds > > > > > > > > > > > > > > > > > > > have > > > > > > > > > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would
you please
> > send > > > > some > > > > > > > > > > > > > > > > > screenshots of the two > > > > > > > > > > > > > > > > > > > pages > > > > > > > > > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S.
@Maurice, I know
> > that I > > > > am > > > > > > > > > throwing a > > > > > > > > > > > > > > > > > bit of random > > > > > > > > > > > > > > > > > > > stuff > > > > > > > > > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > > > > > > > > > Just let me
know when I
> > don't > > > > > > make > > > > > > > > > sense > > > > > > > > > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2.
bp.blogspo
> > t.com/ > > > > -9sw > > > > > > 4wUe > > > > > > > > > UsgQ/V > > > > > > > > > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > > > > > > > > > > > [2] http://wi
ki.ipfire.
> > org/_m > > > > edia > > > > > > /en/ > > > > > > > > > addons > > > > > > > > > > > > > > > > > /clamav/squidcla > > > > > > > > > > > > > > > > > > > mav- > > > > > > > > > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
I'll keep care of the button styles and other elements. When you start with building you can include the default buttons, textfields, etc. I'll provide the styles ;)
Alright, Bootstrap 4! Am 25.02.2016 7:29 vorm. schrieb "Michael Tremer" <michael.tremer@ipfire.org
:
Hi Maurice,
thank you for your great work.
I am still traveling and therefore had not much time to look into this in too much detail or even start implementing the design into HTML, etc.
However, I guess that this is sufficient for the moment. Questions might arise as I go along. I do not have any clues on how to build the buttons and some other elements, but I will figure that out.
On Bootstrap 3 vs. 4. We can go with 4. We should do the most recent version if we can.
Best, -Michael
On Wed, 2016-02-24 at 23:18 +0100, Maurice Gesswein wrote:
Hi,
Just want to check if you are able to work with the Guides? Do you have any questions?
I uploaded a couple of more Guides and I used the "Access Page" (access_[width].jpg) as an example to show the different viewports. You find further information here: http://getbootstrap.com/css/#grid
I named them like this: filename_360/320 = Smartphone filename_768 = Tablet Portrait mode filename_1024 = Tablet Landscape mode filename_1280 = Desktop/Laptop
I used the Bootstrap 3 Grid System for all of these pages. Or are we going to use Bootstrap 4? Bootstrap 3 has no viewport/media query for 7" Tablets. Bootstrap 4 does (http://v4-alpha.getbootstrap.com/layout /grid/#grid-options)
If you have something online I would love to have a look and could try to do some fine-tuning if needed.
Best, Maurice
On Sat, Feb 20, 2016 at 11:19 PM, Maurice Gesswein <zerpixelung@gmail .com> wrote:
Hi,
Guides for Error, Virus & Denied (which are actually all the same designs) are now available. A guide for the "Access" page for phones as well.
Best, Maurice
On Thu, Feb 18, 2016 at 12:14 AM, Maurice Gesswein <zerpixelung@gma il.com> wrote:
Hello,
Below you find a link to a shared Dropbox folder. In that folder you will find all relevant designs, guides, images etc. for the new IPFire.
Dropbox shared folder
What's currently in? Captive Portal designs for desktop One Guide for the "Access Page" (image + txt) The first 4 StyleGuide sheets (these are work in progress!) Buttons Colors Fonts Forms
I know that there are some information missing. I'll provide them asap. I think with that information you are able to start with coding.
Furthermore I think I found a good solution to support you with the code. I'm going to do the styles for buttons, input fields, etc. So I'll try to provide the CSS markup for that elements. And I would like to try to make some fine tuning when you are almost finished.
Let me know if you have questions.
Best, Maurice
PS: If you have Dropbox accounts let me know. I'll add you than to that folder. If you don't have an account, you should consider to create one for free. It would make it a lot easier for you to find things.
On Wed, Feb 17, 2016 at 11:35 PM, Maurice Gesswein <zerpixelung@g mail.com> wrote:
On Tue, Feb 16, 2016 at 7:43 PM, Michael Tremer <michael.tremer @ipfire.org> wrote:
Hi,
On Tue, 2016-02-16 at 11:07 +0100, Maurice Gesswein wrote: > Hi, > > just want to give a short status update.
thanks for the update.
> I did some researching about customizing Bootstrap and found some > promising websites/tools. Here are 2 of them: > http://getbootstrap.com/customize/ > https://pikock.github.io/bootstrap-magic/app/index.html > I figured out that it seems pretty easy to use a custom grid system > for Bootstrap. I would like to use a more suitable grid which is > based on a 8px grid. More about that later.
What would be the benefit of that? What disadvantages does the default grid have?
Only cosmetic reasons. I'll review a custom grid before if it works flawlessly. Perhaps it is not worth. We can skip that for the Captive Portal and adapt it later if it works well.
> I spend more time at the StyleGuide so that we are able to use the > same colors, fontsizes and UI elements for the Homepage, FireInfo, > Web Interface and Captive Portal. > Best, > Maurice
-Michael
> > On Mon, Feb 8, 2016 at 4:31 PM, Maurice Gesswein <zerpixelu ng@gmail.c > om> wrote: > > I'll do my best to answer your questions :) > > > > Unfortunately I was not able to spend more time at IPFire so far. > > Will continue working on it this week. > > > > On Mon, Feb 8, 2016 at 4:27 PM, Michael Tremer <michael.t remer@ipfi > > re.org> wrote: > > > Hi, > > > > > > On Mon, 2016-02-08 at 16:24 +0100, Maurice Gesswein wrote: > > > > Hi, > > > > > > > > Just want to check if our tel conf is still the plan for today > > > > evening at 9pm CET? If so, same phone and room number? > > > > > > Yes it is. Same number, same conference room. > > > > > > It might not take very long, but I have a few questions and > > > wanted to > > > discuss feedback in general :) > > > > > > Alex is working on the image upload functionality. So from our > > > end we > > > are almost there to start working on implementing the design. > > > > > > Best, > > > -Michael > > > > > > > > > > > On Fri, Feb 5, 2016 at 12:30 AM, Michael Tremer <michael.tremer > > > @ipfir > > > > e.org> wrote: > > > > > Hi, > > > > > > > > > > On Thu, 2016-02-04 at 23:38 +0100, Maurice Gesswein wrote: > > > > > > Hi, > > > > > > > > > > > > I attached a quick first impression what I meant with > > > "Guides". > > > > > Info > > > > > > for the dots (C1, F1, etc), primary text color, default > > > fontsize, > > > > > > button style, etc will be all predefined in a separate > > > sheet. As > > > > > well > > > > > > as a sheet for tablet and mobile view. > > > > > > > > > > This looks good. It is a good way to start working on > > > implementing > > > > > that > > > > > one soon. However it raises new questions LOL > > > > > > > > > > > As mentioned the 12 column grid is based on Bootstrap. > > > > > > > > > > I don't find 12 columns... > > > > > > > > > > > Perhaps that clears a lot of your very first questions. If > > > you > > > > > would > > > > > > like to have a call at that stage, I'm fine with Monday but > > > > > please at > > > > > > 9pm. > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > Best, > > > > > > Maurice > > > > > > > > > > > > On Thu, Feb 4, 2016 at 10:39 PM, Michael Tremer <michael.tr > > > emer@i > > > > > pfir > > > > > > e.org> wrote: > > > > > > > Hi, > > > > > > > > > > > > > > yes 8 pm CET is fine for me. Can also do later if you > > > prefer. > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > On Thu, 2016-02-04 at 20:34 +0100, Alexander Marx wrote: > > > > > > > > Hi Michael and Maurice, > > > > > > > > > > > > > > > > Am 03.02.2016 um 15:36 schrieb Maurice Gesswein: > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > On Wed, Feb 3, 2016 at 2:53 PM, Michael Tremer > > > > > <michael.tremer@ > > > > > > > ipfi > > > > > > > > > re.org> wrote: > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > sorry for not getting back earlier... > > > > > > > > > > > > > > > > > > > > On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein > > > > > wrote: > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > attached you find design/layout suggestions for > > > all > > > > > > > mentioned > > > > > > > > > > captive > > > > > > > > > > > portal websites. > > > > > > > > > > > > > > > > > > > > It looks great! > > > > > > > > > > > > > > > > > > > Happy to hear that :) > > > > > > > > > > > > > > > > > > > > Some notes: > > > > > > > > > > > The layout is always the same. You are able to > > > build > > > > > one > > > > > > > > > > template > > > > > > > > > > > which can used for every site. > > > > > > > > > > > > > > > > > > > > That is handy. > > > > > > > > > > > > > > > > > > > > > The layout is very responsive friendly > > > (smartphone, > > > > > tablet) > > > > > > > as > > > > > > > > > > you > > > > > > > > > > > can see at the access-voucher_360.jpg (standard > > > Android > > > > > > > phone > > > > > > > > > > size) > > > > > > > > > > > > > > > > > > > > > I strongly recommend to don't use scrollable > > > content > > > > > within > > > > > > > a > > > > > > > > > > > scrollable page (see first 2 screenshots from > > > Alex). > > > > > You > > > > > > > become > > > > > > > > > > crazy > > > > > > > > > > > if you want to navigate though that on a touch > > > device. > > > > > > > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > A specific header image can be used for every > > > case. > > > > > > > > > > > > > > > > > > > > Okay, we need to build a way to upload that and > > > possibly > > > > > some > > > > > > > > > > specifications that we can give to people to design > > > > > theirs in > > > > > > > the > > > > > > > > > > right > > > > > > > > > > way. > > > > > > > > > > > > > > > > > > > Specs would be a recommended minimum width and height > > > for > > > > > the > > > > > > > > > image. Additionally an imagesize (KB) restriction. > > > You > > > > > don't > > > > > > > want > > > > > > > > > to load a 10MB image ;) Resizing is handled by the > > > > > mentioned > > > > > > > code > > > > > > > > > snippets or perhaps Bootstap itself. > > > > > > > > > > > > > > > > > > > > There are tiny and simple code snippets which > > > scale the > > > > > > > header > > > > > > > > > > image > > > > > > > > > > > for every size correctly. I'll check this out to > > > > > provide > > > > > > > you > > > > > > > > > > with > > > > > > > > > > > more detailed information. > > > > > > > > > > > Just checked getbootstrap.com. Seems to be that > > > such a > > > > > > > > > > functionality > > > > > > > > > > > is already included. > > > > > > > > > > > > > > > > > > > > Cool. > > > > > > > > > > > > > > > > > > > > > A footer where you are able to promote IPFire ;) > > > > > > > > > > > > > > > > > > > > Always good. > > > > > > > > > > > > > > > > > > > > > Layout based on Bootstap 3 > > > > > > > > > > > I used the color-theme for the upcoming new > > > IPFire > > > > > website > > > > > > > and > > > > > > > > > > WebUI. > > > > > > > > > > > @Michael the bright red is not the new primary > > > IPFire > > > > > red > > > > > > > ;) > > > > > > > > > > It's the > > > > > > > > > > > error-red. I'll show more about that soon. > > > > > > > > > > > I suggested new text for the errors. Maybe you > > > like it > > > > > :) > > > > > > > > > > > > > > > > > > > > > > Let me know if you have any questions or > > > concerns. > > > > > > > > > > > > > > > > > > > > There is nothing from me I would like to see > > > changed. So > > > > > I > > > > > > > > > > suppose that > > > > > > > > > > we can regard this as the final draft. > > > > > > > > > > > > > > > > > > > > Would you be up for arranging a telephone > > > conference with > > > > > > > Daniel > > > > > > > > > > & > > > > > > > > > > Alex, because I think that I have many questions > > > > > regarding > > > > > > > how we > > > > > > > > > > get > > > > > > > > > > from the draft to code :) How about Monday evening? > > > > > > > > > > > > > > > > > > > We can of course chat. Keep in mind that I'll provide > > > - I > > > > > call > > > > > > > it > > > > > > > > > "Guides" - for you. It's kind of a construction plan > > > or > > > > > > > blueprint > > > > > > > > > (font size, colors, margins, paddings, etc). Maybe > > > it's not > > > > > > > really > > > > > > > > > needed to chat before you code anything. My guides > > > should > > > > > clear > > > > > > > a > > > > > > > > > lot of your questions. Let me finish such a blueprint > > > and > > > > > you > > > > > > > will > > > > > > > > > let my know your thoughts :) > > > > > > > > > > > > > > > > > Does that mean we have a "date" on Monday, 8th at 20:00 > > > > > german > > > > > > > local > > > > > > > > time? > > > > > > > > telephone conference ? > > > > > > > > > > > > > > > > Alex > > > > > > > > > > Best, > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > Maurice > > > > > > > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller > > > > > > > > > > <daniel.weismueller > > > > > > > > > > > @ipfire.org> wrote: > > > > > > > > > > > > No. > > > > > > > > > > > > > > > > > > > > > > > > The last screenshot shows the customization > > > part from > > > > > > > "good > > > > > > > > > > old" > > > > > > > > > > > > configurationsite of the url-filter. > > > > > > > > > > > > For better understanding i've made a (3) > > > > > screenshot(s) > > > > > > > of > > > > > > > > > > the > > > > > > > > > > > > whole page. > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:32 schrieb Maurice > > > Gesswein: > > > > > > > > > > > > > Is that the place where the hoster can > > > include his > > > > > own > > > > > > > > > > T&Cs, > > > > > > > > > > > > > upload a company logo, add the company name, > > > etc? > > > > > > > > > > > > > > > > > > > > > > > > > > On Mon, Feb 1, 2016 at 2:27 PM, Daniel > > > Weismüller > > > > > > > > > > <daniel.weismue > > > > > > > > > > > > > ller@ipfire.org> wrote: > > > > > > > > > > > > > > me again :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > Another screenshot now from the webif where > > > you > > > > > may > > > > > > > > > > customize > > > > > > > > > > > > > > blockpage from the url-filter. > > > > > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 01.02.2016 um 14:24 schrieb Maurice > > > Gesswein: > > > > > > > > > > > > > > > Perfect. Thanks Daniel. > > > > > > > > > > > > > > > Am 01.02.2016 2:22 nachm. schrieb "Daniel > > > > > > > Weismüller" > > > > > > > > > > <daniel > > > > > > > > > > > > > > > .weismueller@ipfire.org>: > > > > > > > > > > > > > > > > Here are the screenshots as requested. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > - Daniel > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 31.01.2016 um 08:53 schrieb Maurice > > > > > Gesswein: > > > > > > > > > > > > > > > > > Good morning, > > > > > > > > > > > > > > > > > I use lorem ipsum than. Thanks. > > > > > > > > > > > > > > > > > Am 31.01.2016 4:31 vorm. schrieb > > > "Michael > > > > > > > Tremer" > > > > > > > > > > <michae > > > > > > > > > > > > > > > > > l.tremer@ipfire.org>: > > > > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, 2016-01-30 at 22:06 +0100, > > > > > Maurice > > > > > > > > > > Gesswein > > > > > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > > > Can someone send me the terms & > > > > > condition > > > > > > > text > > > > > > > > > > from > > > > > > > > > > > > > > > > > > the screenshots > > > > > > > > > > > > > > > > > > > as real text? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There is a text area where the user > > > will > > > > > type > > > > > > > in > > > > > > > > > > the > > > > > > > > > > > > > > > > > > T&Cs. So there is > > > > > > > > > > > > > > > > > > no predefined text and it might > > > change. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Do you still want some sample or > > > can you > > > > > just > > > > > > > use > > > > > > > > > > lorem > > > > > > > > > > > > > > > > > > ipsum? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Thanks in advance. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Sat, Jan 30, 2016 at 4:01 AM, > > > > > Michael > > > > > > > Tremer > > > > > > > > > > <mich > > > > > > > > > > > > > > > > > > ael.tremer@ipfir > > > > > > > > > > > > > > > > > > > e.org> wrote: > > > > > > > > > > > > > > > > > > > > Hi, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, 2016-01-29 at 20:37 > > > +0100, > > > > > > > Alexander > > > > > > > > > > Marx > > > > > > > > > > > > > > > > > > wrote: > > > > > > > > > > > > > > > > > > > > > > Hey, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > OK, in general I got it. > > > Thanks > > > > > for > > > > > > > the > > > > > > > > > > screens > > > > > > > > > > > > > > > > > > Alex. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I have a few questions and > > > > > > > suggestions. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > To be prepared for further > > > > > upcoming > > > > > > > pages > > > > > > > > > > like > > > > > > > > > > > > > > > > > > these, are you > > > > > > > > > > > > > > > > > > > > able > > > > > > > > > > > > > > > > > > > > > > to hand over a list of them > > > > > (perhaps > > > > > > > with > > > > > > > > > > > > > > > > > > screenshots)? Not > > > > > > > > > > > > > > > > > > > > really > > > > > > > > > > > > > > > > > > > > > > needed, but very helpful to > > > > > deliver a > > > > > > > > > > > > > > > > > > consistent flexible > > > > > > > > > > > > > > > > > > > > design. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Don't worry about them too > > > much. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > As far as i know there are no > > > other > > > > > > > > > > "external" > > > > > > > > > > > > > > > > > > pages. The > > > > > > > > > > > > > > > > > > > > > Webinterface of IPFire has an > > > own > > > > > > > design > > > > > > > > > > and > > > > > > > > > > > > > > > > > > several themes, i > > > > > > > > > > > > > > > > > > > > think > > > > > > > > > > > > > > > > > > > > > you already saw them. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > However, there are a few. I > > > included > > > > > both > > > > > > > of > > > > > > > > > > them > > > > > > > > > > > > > > > > > > in the first > > > > > > > > > > > > > > > > > > > > email. > > > > > > > > > > > > > > > > > > > > On top of that there are the > > > squid > > > > > error > > > > > > > > > > pages. I > > > > > > > > > > > > > > > > > > am not too sure > > > > > > > > > > > > > > > > > > > > if we > > > > > > > > > > > > > > > > > > > > can modify those quite nicely. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I will figure that out and get > > > back > > > > > to > > > > > > > you. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Should the hoster be able > > > to > > > > > include > > > > > > > his > > > > > > > > > > own > > > > > > > > > > > > > > > > > > logo/brand? That > > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > > give the users a lot more > > > trust > > > > > in > > > > > > > that > > > > > > > > > > things. > > > > > > > > > > > > > > > > > > If an image > > > > > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > > > > > > is not in the current > > > scope, I > > > > > > > suggest a > > > > > > > > > > > > > > > > > > prominent headline > > > > > > > > > > > > > > > > > > > > where > > > > > > > > > > > > > > > > > > > > > > the hoster is able to > > > include the > > > > > > > company > > > > > > > > > > name. > > > > > > > > > > > > > > > > > > Do you agree? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Actually the hoster is able > > > to > > > > > change > > > > > > > the > > > > > > > > > > Title > > > > > > > > > > > > > > > > > > (The top-title in > > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > > screenies like "Login" or on > > > the > > > > > other > > > > > > > page > > > > > > > > > > "My > > > > > > > > > > > > > > > > > > private HotSpot") > > > > > > > > > > > > > > > > > > > > > maybe we can add a Logo but > > > we have > > > > > to > > > > > > > > > > decide > > > > > > > > > > > > > > > > > > which dimensions > > > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > > allowed. This is difficult as > > > many > > > > > > > > > > companies have > > > > > > > > > > > > > > > > > > different > > > > > > > > > > > > > > > > > > > > > dimensions of Logos. Some are > > > 4:3, > > > > > > > others > > > > > > > > > > are > > > > > > > > > > > > > > > > > > like 27:9 and so > > > > > > > > > > > > > > > > > > > > on. > > > > > > > > > > > > > > > > > > > > > What do other people think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I think we don't need that. We > > > > > usually > > > > > > > have > > > > > > > > > > the > > > > > > > > > > > > > > > > > > opportunity to > > > > > > > > > > > > > > > > > > > > upload > > > > > > > > > > > > > > > > > > > > an entire HTML template, so > > > that if > > > > > > > someone > > > > > > > > > > wants > > > > > > > > > > > > > > > > > > to replace the > > > > > > > > > > > > > > > > > > > > page, > > > > > > > > > > > > > > > > > > > > they can do that. But just a > > > logo is > > > > > a > > > > > > > bit > > > > > > > > > > too > > > > > > > > > > > > > > > > > > easy. Who ever wants > > > > > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > > > brand this as their own should > > > do > > > > > that > > > > > > > with > > > > > > > > > > the > > > > > > > > > > > > > > > > > > rest, too. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > And of course we should not > > > forget > > > > > about > > > > > > > > > > doing some > > > > > > > > > > > > > > > > > > advertisement > > > > > > > > > > > > > > > > > > > > for > > > > > > > > > > > > > > > > > > > > our own product :) However, I > > > get > > > > > many > > > > > > > emails > > > > > > > > > > from > > > > > > > > > > > > > > > > > > annoyed students > > > > > > > > > > > > > > > > > > > > that can't access dirty > > > websites in > > > > > their > > > > > > > > > > school. > > > > > > > > > > > > > > > > > > LOL > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Since it's part of IPFire, > > > should > > > > > > > those > > > > > > > > > > pages > > > > > > > > > > > > > > > > > > be designed like > > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > > > new upcoming style of > > > IPFire? > > > > > Means > > > > > > > same > > > > > > > > > > color > > > > > > > > > > > > > > > > > > theme, button > > > > > > > > > > > > > > > > > > > > style, > > > > > > > > > > > > > > > > > > > > > > IPFire logo, caption like > > > > > "powered by > > > > > > > > > > IPFire", > > > > > > > > > > > > > > > > > > etc? Or should > > > > > > > > > > > > > > > > > > > > it > > > > > > > > > > > > > > > > > > > > > > totally generic so that the > > > users > > > > > has > > > > > > > no > > > > > > > > > > clue > > > > > > > > > > > > > > > > > > what system shows > > > > > > > > > > > > > > > > > > > > > > those dialogs? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I would like a "powered by > > > IPFire" at > > > > > > > least > > > > > > > > > > and > > > > > > > > > > > > > > > > > > even advise people > > > > > > > > > > > > > > > > > > > > who > > > > > > > > > > > > > > > > > > > > replace the theme by their own > > > to > > > > > keep > > > > > > > that > > > > > > > > > > in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > This does not need to be like > > > the new > > > > > > > stuff > > > > > > > > > > but I > > > > > > > > > > > > > > > > > > think it should > > > > > > > > > > > > > > > > > > > > feel > > > > > > > > > > > > > > > > > > > > a bit like IPFire but also be > > > > > neutral. We > > > > > > > do > > > > > > > > > > not > > > > > > > > > > > > > > > > > > need to hide that > > > > > > > > > > > > > > > > > > > > this > > > > > > > > > > > > > > > > > > > > is an IPFire system though. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > No. I think if we have > > > something > > > > > like a > > > > > > > > > > > > > > > > > > "background-color" > > > > > > > > > > > > > > > > > > > > instead of > > > > > > > > > > > > > > > > > > > > > a picture, we should the > > > hoster let > > > > > > > > > > configure it, > > > > > > > > > > > > > > > > > > so the people > > > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > > able to adpat the colors to > > > their > > > > > own > > > > > > > > > > corporate > > > > > > > > > > > > > > > > > > identity. So if > > > > > > > > > > > > > > > > > > > > you > > > > > > > > > > > > > > > > > > > > > woul like to work with > > > gradients or > > > > > > > > > > similar, i > > > > > > > > > > > > > > > > > > would recommend to > > > > > > > > > > > > > > > > > > > > > make it configurable. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Nah, not too many options. We > > > wanted > > > > > to > > > > > > > keep > > > > > > > > > > this > > > > > > > > > > > > > > > > > > simple. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Michael, what do you think? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > See above :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, Maurice > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > On Fri, Jan 29, 2016 at > > > 1:51 PM, > > > > > > > > > > Alexander Marx > > > > > > > > > > > > > > > > > > <alexander.marx > > > > > > > > > > > > > > > > > > > > @oab > > > > > > > > > > > > > > > > > > > > > > .de> wrote: > > > > > > > > > > > > > > > > > > > > > > > Hi > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Here are the actual ugly > > > > > > > screenshots > > > > > > > > > > from the > > > > > > > > > > > > > > > > > > loginpage. > > > > > > > > > > > > > > > > > > > > > > > one version with voucher > > > access > > > > > and > > > > > > > the > > > > > > > > > > other > > > > > > > > > > > > > > > > > > one with > > > > > > > > > > > > > > > > > > > > license > > > > > > > > > > > > > > > > > > > > > > > agreement. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Am 29.01.2016 um 02:59 > > > schrieb > > > > > > > Michael > > > > > > > > > > > > > > > > > > Tremer: > > > > > > > > > > > > > > > > > > > > > > > > Hi Maurice, > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > I know that you are > > > busy with > > > > > > > other > > > > > > > > > > things, > > > > > > > > > > > > > > > > > > but > > > > > > > > > > > > > > > > > > > > nevertheless I > > > > > > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > > > > like to send you this > > > > > request. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex is currently > > > working on > > > > > a so > > > > > > > > > > called > > > > > > > > > > > > > > > > > > captive portal. > > > > > > > > > > > > > > > > > > > > That > > > > > > > > > > > > > > > > > > > > > > > > are these > > > > > > > > > > > > > > > > > > > > > > > > things that pop up on > > > your > > > > > phone > > > > > > > or > > > > > > > > > > laptop > > > > > > > > > > > > > > > > > > when you connect > > > > > > > > > > > > > > > > > > > > to > > > > > > > > > > > > > > > > > > > > > > > > a > > > > > > > > > > > > > > > > > > > > > > > > wireless network in a > > > hotel > > > > > or > > > > > > > cafe. > > > > > > > > > > That > > > > > > > > > > > > > > > > > > web page that is > > > > > > > > > > > > > > > > > > > > > > > > shown is > > > > > > > > > > > > > > > > > > > > > > > > what we need to design > > > now. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > We also have a few > > > other > > > > > pages > > > > > > > that > > > > > > > > > > are > > > > > > > > > > > > > > > > > > shown to the users > > > > > > > > > > > > > > > > > > > > of > > > > > > > > > > > > > > > > > > > > > > > > the > > > > > > > > > > > > > > > > > > > > > > > > network when for > > > example a > > > > > web > > > > > > > page > > > > > > > > > > is > > > > > > > > > > > > > > > > > > blocked. That page > > > > > > > > > > > > > > > > > > > > > > > > however is > > > > > > > > > > > > > > > > > > > > > > > > really ugly and > > > probably > > > > > needs a > > > > > > > > > > remake as > > > > > > > > > > > > > > > > > > well. I want to > > > > > > > > > > > > > > > > > > > > > > > > focus on the > > > > > > > > > > > > > > > > > > > > > > > > captive portal for now, > > > but I > > > > > > > guess > > > > > > > > > > you > > > > > > > > > > > > > > > > > > would like to know > > > > > > > > > > > > > > > > > > > > that > > > > > > > > > > > > > > > > > > > > > > > > there > > > > > > > > > > > > > > > > > > > > > > > > are more. [1] and [2]. > > > Really > > > > > bad > > > > > > > > > > right? > > > > > > > > > > > > > > > > > > They scare users. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Alex will send you a > > > > > screenshot > > > > > > > of > > > > > > > > > > the > > > > > > > > > > > > > > > > > > development version > > > > > > > > > > > > > > > > > > > > we > > > > > > > > > > > > > > > > > > > > > > > > have now. > > > > > > > > > > > > > > > > > > > > > > > > This is just a quick > > > page to > > > > > show > > > > > > > the > > > > > > > > > > > > > > > > > > concept and what we > > > > > > > > > > > > > > > > > > > > are > > > > > > > > > > > > > > > > > > > > > > > > roughly > > > > > > > > > > > > > > > > > > > > > > > > after. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > There are two options > > > for > > > > > now. > > > > > > > The > > > > > > > > > > first > > > > > > > > > > > > > > > > > > one is where the > > > > > > > > > > > > > > > > > > > > user > > > > > > > > > > > > > > > > > > > > > > > > has to > > > > > > > > > > > > > > > > > > > > > > > > agree to a license and > > > click > > > > > a "I > > > > > > > > > > accept" > > > > > > > > > > > > > > > > > > button. The > > > > > > > > > > > > > > > > > > > > second > > > > > > > > > > > > > > > > > > > > > > > > one is > > > > > > > > > > > > > > > > > > > > > > > > where the user will > > > have to > > > > > type > > > > > > > in a > > > > > > > > > > > > > > > > > > voucher code and > > > > > > > > > > > > > > > > > > > > click a > > > > > > > > > > > > > > > > > > > > > > > > button > > > > > > > > > > > > > > > > > > > > > > > > to log in. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Would you like to work > > > on > > > > > this? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > If so, a quick mock-up > > > would > > > > > be > > > > > > > okay > > > > > > > > > > for > > > > > > > > > > > > > > > > > > now, because we > > > > > > > > > > > > > > > > > > > > would > > > > > > > > > > > > > > > > > > > > > > > > like to > > > > > > > > > > > > > > > > > > > > > > > > put this entire project > > > on > > > > > the > > > > > > > > > > wishlist to > > > > > > > > > > > > > > > > > > raise some > > > > > > > > > > > > > > > > > > > > crowd- > > > > > > > > > > > > > > > > > > > > > > > > funding > > > > > > > > > > > > > > > > > > > > > > > > money. Giving the user > > > that > > > > > mock- > > > > > > > up > > > > > > > > > > would > > > > > > > > > > > > > > > > > > certainly help so > > > > > > > > > > > > > > > > > > > > > > > > that they > > > > > > > > > > > > > > > > > > > > > > > > get a good impression > > > what > > > > > they > > > > > > > are > > > > > > > > > > > > > > > > > > supporting here. The > > > > > > > > > > > > > > > > > > > > actual > > > > > > > > > > > > > > > > > > > > > > > > implementation will > > > happen a > > > > > bit > > > > > > > > > > later when > > > > > > > > > > > > > > > > > > enough funds > > > > > > > > > > > > > > > > > > > > have > > > > > > > > > > > > > > > > > > > > > > > > been > > > > > > > > > > > > > > > > > > > > > > > > raised. > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > @Alex, would you please > > > send > > > > > some > > > > > > > > > > > > > > > > > > screenshots of the two > > > > > > > > > > > > > > > > > > > > pages > > > > > > > > > > > > > > > > > > > > > > > > we have > > > > > > > > > > > > > > > > > > > > > > > > so far? > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > Best, > > > > > > > > > > > > > > > > > > > > > > > > -Michael > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > P.S. @Maurice, I know > > > that I > > > > > am > > > > > > > > > > throwing a > > > > > > > > > > > > > > > > > > bit of random > > > > > > > > > > > > > > > > > > > > stuff > > > > > > > > > > > > > > > > > > > > > > > > at you. > > > > > > > > > > > > > > > > > > > > > > > > Just let me know when I > > > don't > > > > > > > make > > > > > > > > > > sense > > > > > > > > > > > > > > > > > > any more :) > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > [1] http://2. bp.blogspo > > > t.com/ > > > > > -9sw > > > > > > > 4wUe > > > > > > > > > > UsgQ/V > > > > > > > > > > > > > > > > > > fU-c33FMDI/AAAAA > > > > > > > > > > > > > > > > > > > > AAAD > > > > > > > > > > > > > > > > > > > > > > > > > > > zM/bBnJN4oCffo/s640/31.png > > > > > > > > > > > > > > > > > > > > > > > > [2] http://wi ki.ipfire. > > > org/_m > > > > > edia > > > > > > > /en/ > > > > > > > > > > addons > > > > > > > > > > > > > > > > > > /clamav/squidcla > > > > > > > > > > > > > > > > > > > > mav- > > > > > > > > > > > > > > > > > > > > > > > > detection.png > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > > >
That would be fine for me.
- Daniel
Am 03.02.2016 um 14:53 schrieb Michael Tremer:
Hi,
sorry for not getting back earlier...
On Mon, 2016-02-01 at 23:23 +0100, Maurice Gesswein wrote:
Hi,
attached you find design/layout suggestions for all mentioned captive portal websites.
It looks great!
Some notes: The layout is always the same. You are able to build one template which can used for every site.
That is handy.
The layout is very responsive friendly (smartphone, tablet) as you can see at the access-voucher_360.jpg (standard Android phone size) I strongly recommend to don't use scrollable content within a scrollable page (see first 2 screenshots from Alex). You become crazy if you want to navigate though that on a touch device.
LOL
A specific header image can be used for every case.
Okay, we need to build a way to upload that and possibly some specifications that we can give to people to design theirs in the right way.
There are tiny and simple code snippets which scale the header image for every size correctly. I'll check this out to provide you with more detailed information. Just checked getbootstrap.com. Seems to be that such a functionality is already included.
Cool.
A footer where you are able to promote IPFire ;)
Always good.
Layout based on Bootstap 3 I used the color-theme for the upcoming new IPFire website and WebUI. @Michael the bright red is not the new primary IPFire red ;) It's the error-red. I'll show more about that soon. I suggested new text for the errors. Maybe you like it :)
Let me know if you have any questions or concerns.
There is nothing from me I would like to see changed. So I suppose that we can regard this as the final draft.
Would you be up for arranging a telephone conference with Daniel & Alex, because I think that I have many questions regarding how we get from the draft to code :) How about Monday evening?
Best, -Michael
Best, Maurice
On Mon, Feb 1, 2016 at 2:41 PM, Daniel Weismüller <daniel.weismueller @ipfire.org> wrote:
No.
The last screenshot shows the customization part from "good old" configurationsite of the url-filter. For better understanding i've made a (3) screenshot(s) of the whole page.
- Daniel
Am 01.02.2016 um 14:32 schrieb Maurice Gesswein:
Is that the place where the hoster can include his own T&Cs, upload a company logo, add the company name, etc?
On Mon, Feb 1, 2016 at 2:27 PM, Daniel Weismüller <daniel.weismue ller@ipfire.org> wrote:
me again :)
Another screenshot now from the webif where you may customize blockpage from the url-filter.
- Daniel
Am 01.02.2016 um 14:24 schrieb Maurice Gesswein:
Perfect. Thanks Daniel. Am 01.02.2016 2:22 nachm. schrieb "Daniel Weismüller" <daniel .weismueller@ipfire.org>: > Here are the screenshots as requested. > > - Daniel > > Am 31.01.2016 um 08:53 schrieb Maurice Gesswein: >> Good morning, >> I use lorem ipsum than. Thanks. >> Am 31.01.2016 4:31 vorm. schrieb "Michael Tremer" <michae >> l.tremer@ipfire.org>: >>> Hi, >>> >>> On Sat, 2016-01-30 at 22:06 +0100, Maurice Gesswein >>> wrote: >>>> Can someone send me the terms & condition text from >>> the screenshots >>>> as real text? >>> There is a text area where the user will type in the >>> T&Cs. So there is >>> no predefined text and it might change. >>> >>> Do you still want some sample or can you just use lorem >>> ipsum? >>> >>> -Michael >>> >>>> Thanks in advance. >>>> >>>> On Sat, Jan 30, 2016 at 4:01 AM, Michael Tremer <mich >>> ael.tremer@ipfir >>>> e.org> wrote: >>>>> Hi, >>>>> >>>>> On Fri, 2016-01-29 at 20:37 +0100, Alexander Marx >>> wrote: >>>>>>> Hey, >>>>>>> >>>>>>> OK, in general I got it. Thanks for the screens >>> Alex. >>>>>>> I have a few questions and suggestions. >>>>>>> >>>>>>> To be prepared for further upcoming pages like >>> these, are you >>>>> able >>>>>>> to hand over a list of them (perhaps with >>> screenshots)? Not >>>>> really >>>>>>> needed, but very helpful to deliver a >>> consistent flexible >>>>> design. >>>>> >>>>> Don't worry about them too much. >>>>> >>>>>> As far as i know there are no other "external" >>> pages. The >>>>>> Webinterface of IPFire has an own design and >>> several themes, i >>>>> think >>>>>> you already saw them. >>>>> However, there are a few. I included both of them >>> in the first >>>>> email. >>>>> On top of that there are the squid error pages. I >>> am not too sure >>>>> if we >>>>> can modify those quite nicely. >>>>> >>>>> I will figure that out and get back to you. >>>>> >>>>>>> Should the hoster be able to include his own >>> logo/brand? That >>>>> would >>>>>>> give the users a lot more trust in that things. >>> If an image >>>>> upload >>>>>>> is not in the current scope, I suggest a >>> prominent headline >>>>> where >>>>>>> the hoster is able to include the company name. >>> Do you agree? >>>>>> Actually the hoster is able to change the Title >>> (The top-title in >>>>> the >>>>>> screenies like "Login" or on the other page "My >>> private HotSpot") >>>>>> maybe we can add a Logo but we have to decide >>> which dimensions >>>>> are >>>>>> allowed. This is difficult as many companies have >>> different >>>>>> dimensions of Logos. Some are 4:3, others are >>> like 27:9 and so >>>>> on. >>>>>> What do other people think? >>>>> I think we don't need that. We usually have the >>> opportunity to >>>>> upload >>>>> an entire HTML template, so that if someone wants >>> to replace the >>>>> page, >>>>> they can do that. But just a logo is a bit too >>> easy. Who ever wants >>>>> to >>>>> brand this as their own should do that with the >>> rest, too. >>>>> And of course we should not forget about doing some >>> advertisement >>>>> for >>>>> our own product :) However, I get many emails from >>> annoyed students >>>>> that can't access dirty websites in their school. >>> LOL >>>>>>> Since it's part of IPFire, should those pages >>> be designed like >>>>> the >>>>>>> new upcoming style of IPFire? Means same color >>> theme, button >>>>> style, >>>>>>> IPFire logo, caption like "powered by IPFire", >>> etc? Or should >>>>> it >>>>>>> totally generic so that the users has no clue >>> what system shows >>>>>>> those dialogs? >>>>> I would like a "powered by IPFire" at least and >>> even advise people >>>>> who >>>>> replace the theme by their own to keep that in. >>>>> >>>>> This does not need to be like the new stuff but I >>> think it should >>>>> feel >>>>> a bit like IPFire but also be neutral. We do not >>> need to hide that >>>>> this >>>>> is an IPFire system though. >>>>> >>>>>> No. I think if we have something like a >>> "background-color" >>>>> instead of >>>>>> a picture, we should the hoster let configure it, >>> so the people >>>>> are >>>>>> able to adpat the colors to their own corporate >>> identity. So if >>>>> you >>>>>> woul like to work with gradients or similar, i >>> would recommend to >>>>>> make it configurable. >>>>> Nah, not too many options. We wanted to keep this >>> simple. >>>>>> Michael, what do you think? >>>>> See above :) >>>>> >>>>> -Michael >>>>> >>>>>>> Best, Maurice >>>>>>> >>>>>>> On Fri, Jan 29, 2016 at 1:51 PM, Alexander Marx >>> <alexander.marx >>>>> @oab >>>>>>> .de> wrote: >>>>>>>> Hi >>>>>>>> >>>>>>>> Here are the actual ugly screenshots from the >>> loginpage. >>>>>>>> one version with voucher access and the other >>> one with >>>>> license >>>>>>>> agreement. >>>>>>>> >>>>>>>> Alex >>>>>>>> >>>>>>>> >>>>>>>> >>>>>>>> Am 29.01.2016 um 02:59 schrieb Michael >>> Tremer: >>>>>>>>> Hi Maurice, >>>>>>>>> >>>>>>>>> I know that you are busy with other things, >>> but >>>>> nevertheless I >>>>>>>>> would >>>>>>>>> like to send you this request. >>>>>>>>> >>>>>>>>> Alex is currently working on a so called >>> captive portal. >>>>> That >>>>>>>>> are these >>>>>>>>> things that pop up on your phone or laptop >>> when you connect >>>>> to >>>>>>>>> a >>>>>>>>> wireless network in a hotel or cafe. That >>> web page that is >>>>>>>>> shown is >>>>>>>>> what we need to design now. >>>>>>>>> >>>>>>>>> We also have a few other pages that are >>> shown to the users >>>>> of >>>>>>>>> the >>>>>>>>> network when for example a web page is >>> blocked. That page >>>>>>>>> however is >>>>>>>>> really ugly and probably needs a remake as >>> well. I want to >>>>>>>>> focus on the >>>>>>>>> captive portal for now, but I guess you >>> would like to know >>>>> that >>>>>>>>> there >>>>>>>>> are more. [1] and [2]. Really bad right? >>> They scare users. >>>>>>>>> Alex will send you a screenshot of the >>> development version >>>>> we >>>>>>>>> have now. >>>>>>>>> This is just a quick page to show the >>> concept and what we >>>>> are >>>>>>>>> roughly >>>>>>>>> after. >>>>>>>>> >>>>>>>>> There are two options for now. The first >>> one is where the >>>>> user >>>>>>>>> has to >>>>>>>>> agree to a license and click a "I accept" >>> button. The >>>>> second >>>>>>>>> one is >>>>>>>>> where the user will have to type in a >>> voucher code and >>>>> click a >>>>>>>>> button >>>>>>>>> to log in. >>>>>>>>> >>>>>>>>> Would you like to work on this? >>>>>>>>> >>>>>>>>> If so, a quick mock-up would be okay for >>> now, because we >>>>> would >>>>>>>>> like to >>>>>>>>> put this entire project on the wishlist to >>> raise some >>>>> crowd- >>>>>>>>> funding >>>>>>>>> money. Giving the user that mock-up would >>> certainly help so >>>>>>>>> that they >>>>>>>>> get a good impression what they are >>> supporting here. The >>>>> actual >>>>>>>>> implementation will happen a bit later when >>> enough funds >>>>> have >>>>>>>>> been >>>>>>>>> raised. >>>>>>>>> >>>>>>>>> @Alex, would you please send some >>> screenshots of the two >>>>> pages >>>>>>>>> we have >>>>>>>>> so far? >>>>>>>>> >>>>>>>>> Best, >>>>>>>>> -Michael >>>>>>>>> >>>>>>>>> P.S. @Maurice, I know that I am throwing a >>> bit of random >>>>> stuff >>>>>>>>> at you. >>>>>>>>> Just let me know when I don't make sense >>> any more :) >>>>>>>>> [1] http://2.bp.blogspot.com/-9sw4wUeUsgQ/V >>> fU-c33FMDI/AAAAA >>>>> AAAD >>>>>>>>> zM/bBnJN4oCffo/s640/31.png >>>>>>>>> [2] http://wiki.ipfire.org/_media/en/addons >>> /clamav/squidcla >>>>> mav- >>>>>>>>> detection.png >>>>>>>>> >>>>>
ipfire-artwork@lists.ipfire.org