Re: [IPFire Artwork] Design Request | Captive Portal

Re: [IPFire Artwork] Design Request | Captive Portal

[Michael Tremer]

[-- Attachment #1: Type: text/plain, Size: 31716 bytes --]

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(a)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(a)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(a)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(a)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(a)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(a)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(a)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
> > > > > > > > > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > > > > > > 
> > > > > > > > > > > > > > > >
> > > > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > >
> > > > > > >
> > > > >
> > > 
> > 

[-- Attachment #2: signature.asc --]
[-- Type: application/pgp-signature, Size: 819 bytes --]

Re: [IPFire Artwork] Design Request | Captive Portal

[Daniel Weismüller]

[-- Attachment #1: Type: text/plain, Size: 12150 bytes --]

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(a)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(a)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(a)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(a)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
>>>>>>>>>>>>>>>
>>>>>>>>>>>   

Re: [IPFire Artwork] Design Request | Captive Portal

[Michael Tremer]

[-- Attachment #1: Type: text/plain, Size: 45641 bytes --]

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(a)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(a)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(a)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(a)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(a)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(a)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(a)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(a)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(a)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(a)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
> > > > > > > > > > > > > > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > > > > > > > > > > > 
> > > > > > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > >
> > > > > > > > > > > >
> > > > > > > > > >
> > > > > > > >
> > > > > > >
> > > > > 
> > > > 
> > > 
> > 

[-- Attachment #2: signature.asc --]
[-- Type: application/pgp-signature, Size: 819 bytes --]

Re: [IPFire Artwork] Design Request | Captive Portal

[Michael Tremer]

[-- Attachment #1: Type: text/plain, Size: 25478 bytes --]

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(a)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(a)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(a)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(a)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(a)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(a)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
> > > > > > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > > > 
> > > > > > > > > > > > >
> > > > > > > > > > >
> > > > > > > > >
> > > > > > >
> > > >
> > 

[-- Attachment #2: signature.asc --]
[-- Type: application/pgp-signature, Size: 819 bytes --]

Re: [IPFire Artwork] Design Request | Captive Portal

[Michael Tremer]

[-- Attachment #1: Type: text/plain, Size: 22042 bytes --]

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(a)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(a)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(a)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(a)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(a)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
> > > > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > 
> > > > > > > > > > >
> > > > > > > > >
> > > > > > >
> > > > >
> > 

[-- Attachment #2: signature.asc --]
[-- Type: application/pgp-signature, Size: 819 bytes --]

Re: [IPFire Artwork] Design Request | Captive Portal

[Michael Tremer]

[-- Attachment #1: Type: text/plain, Size: 18869 bytes --]

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(a)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(a)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(a)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(a)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(a)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
> > > > > > > > > > > > > > > > >
> > > > > > > > > > > > > > > >
> > > > > > > > > > > > > 
> > > > > > > > >
> > > > > > >
> > > > >
> > > 

[-- Attachment #2: signature.asc --]
[-- Type: application/pgp-signature, Size: 819 bytes --]

Re: [IPFire Artwork] Design Request | Captive Portal

[Michael Tremer]

[-- Attachment #1: Type: text/plain, Size: 14844 bytes --]

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(a)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(a)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(a)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(a)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
> > > > > > > > > > > > > >
> > > > > > > > > > > > >
> > > > > > > > > > 
> > > > > > 
> > > > 
> > 

[-- Attachment #2: signature.asc --]
[-- Type: application/pgp-signature, Size: 819 bytes --]

Re: [IPFire Artwork] Design Request | Captive Portal

[Michael Tremer]

[-- Attachment #1: Type: text/plain, Size: 5688 bytes --]

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(a)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
> > > > 
> > > 

[-- Attachment #2: signature.asc --]
[-- Type: application/pgp-signature, Size: 819 bytes --]

[IPFire Artwork] Design Request | Captive Portal

[Michael Tremer]

[-- Attachment #1: Type: text/plain, Size: 1870 bytes --]

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

[-- Attachment #2: signature.asc --]
[-- Type: application/pgp-signature, Size: 819 bytes --]