Feature #1111

The web pages could use an overhaul

Added by Andreas Huggel over 1 year ago. Updated 3 months ago.

Status:ClosedStart date:28 Aug 2015
Priority:NormalDue date:
Assignee:Andreas Huggel% Done:

100%

Category:websiteEstimated time:40.00 hours
Target version:0.26

Description

  • It should have a fresher and more modern look and feel, and it should be responsive, i.e., adapt to different display sizes.
  • Internally, the effort required to add new documentation, e.g., for new XMP namespaces, should be minimized.
  • The API documentation should build with the current version of doxygen.

Exiv2LogoMerchandising.pdf (2.44 MB) Robin Mills, 29 Aug 2015 19:14

Screenshot_2015-09-19-18-25-20.jpg (56.2 KB) Andreas Huggel, 19 Sep 2015 15:04

Associated revisions

Revision 3908
Added by Andreas Huggel over 1 year ago

#1111: Bootstrapped the web pages, 1st and incomplete patch.

Revision 3909
Added by Andreas Huggel over 1 year ago

#1111: These are needed too..

Revision 3910
Added by Andreas Huggel over 1 year ago

#1111: Bootstrapped the Exif tag-lists.

Revision 3911
Added by Andreas Huggel over 1 year ago

#1111: Fixed library example links to point to the new page.

Revision 3913
Added by Robin Mills over 1 year ago

#1111: Adding logo_files. Includes SVG, EPS vector graphics and multiple resolution PNGs and GIFs

Revision 3917
Added by Andreas Huggel over 1 year ago

#1111: Converted the conversion table.

Revision 3918
Added by Andreas Huggel over 1 year ago

#1111: Playing wih buttons.

Revision 3919
Added by Andreas Huggel over 1 year ago

#1111: Changed navbar to default.

Revision 3920
Added by Andreas Huggel over 1 year ago

#1111: Removed some obsolete pages.

Revision 3921
Added by Andreas Huggel over 1 year ago

#1111: Index page and tweaks.

Revision 3922
Added by Andreas Huggel over 1 year ago

#1111: Minor tweaks.

Revision 3934
Added by Andreas Huggel over 1 year ago

#1111: First go at the API doc, moretweaks.

Revision 3935
Added by Andreas Huggel over 1 year ago

#1111: Some cleanup.

Revision 3936
Added by Andreas Huggel over 1 year ago

#1111: Doc tweaks for new bootstrapped API documentation.

Revision 3937
Added by Andreas Huggel over 1 year ago

#1111: Minor changes.

Revision 3938
Added by Andreas Huggel over 1 year ago

#1111: More minor changes. We're getting there\!

Revision 3940
Added by Andreas Huggel over 1 year ago

#1111: Updated the examples.

Revision 3949
Added by Andreas Huggel over 1 year ago

#1111: Another bunch of updates.

Revision 3950
Added by Andreas Huggel over 1 year ago

#1111: Minor updates.

Revision 3955
Added by Andreas Huggel over 1 year ago

#1111: Added small logo and some tweaks.

Revision 3956
Added by Andreas Huggel over 1 year ago

#1111: Cleaning up.

Revision 3957
Added by Alan Pater over 1 year ago

#1111 Deprecated NOT Depreciated. ExifEX typo.

Revision 3970
Added by Andreas Huggel over 1 year ago

#1111: Added some Javascript / JQuery to improve responsiveness.

Revision 3974
Added by Andreas Huggel over 1 year ago

#1111, #933: Added Casio makernote doc.

Revision 3983
Added by Andreas Huggel over 1 year ago

#1111: Final touches.

Revision 3987
Added by Andreas Huggel over 1 year ago

#1111: Minor improvements on small screens.

Revision 3988
Added by Andreas Huggel over 1 year ago

#1111: Added Community menu item, moved some links.

Revision 3989
Added by Andreas Huggel over 1 year ago

#1111: Tweaked the menu items to stay on one line.

Revision 3990
Added by Andreas Huggel over 1 year ago

#1111: No vertical scrollbar on the index page of "normal" screens.

History

#1 Updated by Andreas Huggel over 1 year ago

Using Bootstrap (http://getbootstrap.com/), only relatively small changes are required to get truly responsive pages.

#2 Updated by Andreas Huggel over 1 year ago

  • Description updated (diff)

#3 Updated by Andreas Huggel over 1 year ago

  • Target version set to 0.26

#4 Updated by Robin Mills over 1 year ago

r3913 Added website/logo_files This includes SVG and EPS vector graphics and various images in PNG and GIF format.

I have Adobe Illustrator which can easily create PDF, AI vector graphics and many image formats if required.

As well as purchasing the logo ($40), I've also purchased the maintenance package ($20) which allows unlimited edits for 12 months. So we have a year to rethink the logo without incurring further expense.

#5 Updated by Alan Pater over 1 year ago

Shouldn't the logo have the same license as the rest of exiv2?

#6 Updated by Robin Mills over 1 year ago

I purchased the Logo from here: http://www.freelogoservices.com

I believe I have purchased all rights to the logo to be used for any purpose. So I freely donate the ownership of the logo to the Exiv2 Project on the same terms that I donate code, time, documentation. The maintenance contract is between me and freelogoservices.com, and I don't believe this can be transferred. So, I'll have to make changes. Any team member can use the tools at freelogoservices.com to develop an alternative design. If we decide to adopt something different, I'll edit mine to match.

Incidentally, FreeLogoServices.com offer a great range of merchandising on which they'll display the logo. The Polo Shirt at $25 with the logo embroidered looks good value. There are many other items such as coffee-mugs, hats, T-shirts, note-pads, and stationery - even an iPhone case! I attach a PDF with examples.

#7 Updated by Andreas Huggel over 1 year ago

  • File Screenshot_2015-09-19-18-25-20.png added
  • % Done changed from 0 to 80
  • 'bootstrapped' looks and in the process made the pages responsive - done
  • builds with current version of Doxygen (tested with 1.8.6) - done

Any amount of tuning the pages is still possible of course. Haven't reviewed the steps to build new documentation yet.

This is the new 'callout' on the main page as seen on a smartphone:

#8 Updated by Andreas Huggel over 1 year ago

  • File deleted (Screenshot_2015-09-19-18-25-20.png)

#9 Updated by Andreas Huggel over 1 year ago

  • File Screenshot_2015-09-19-18-25-20.png added

#11 Updated by Andreas Huggel over 1 year ago

  • File deleted (Screenshot_2015-09-19-18-25-20.png)

#12 Updated by Andreas Huggel over 1 year ago

The current status (r3950) of the web pages was tested on a newly installed Ubuntu 14.04 system and builds as documented in README and website/README.

#13 Updated by Robin Mills over 1 year ago

This smells like a steak on the BBQ. Yes sir. A couple of questions:

1) Have you installed it on exiv2.org:8080 or something like that for testing?
2) When are you thinking about a "Go Live"?

#14 Updated by Robin Mills over 1 year ago

I've built this on the Mac by following the instructions in website/README. Apart from a v__version__ on the API/doc page, this looks really good. I've put it on http://clanmills.com/exiv2/ and tried it on the following:

1 Safari on Desktop and iPod
2 IE and Chrome on Windows 7
3 Edge on Windows 10
4 Native Browser and Chrome on a Sumsung Tab2 10.1 running Android 4.2.2
5 Firefox and Conqueror on Ubuntu 14.10

All look good. There's an oddity with Firefox not being able to load "Reader" mode. No link to Redmine.

#15 Updated by Andreas Huggel over 1 year ago

Great, thanks a lot Robin! I also had that version issue first, but look at the website/README again, the solution is actually described there as well. Can you please elaborate on the Firefox 'Reader' mode issue?

#16 Updated by Robin Mills over 1 year ago

I didn't read the whole of website/README. I'll have a look at this later.

When I click "Reader" on the address bar, the page goes blank and there's nothing to read! It quite likely that Firefox is confusing the responsive code. I don't think it's worth bothering about.

#17 Updated by Andreas Huggel over 1 year ago

Robin Mills wrote:

1) Have you installed it on exiv2.org:8080 or something like that for testing?

Thanks for having done that in the meantime. My concern was more whether someone else can build it, which you also managed to apparently. (For browser compatibility it mostly relies on Bootstrap - other than on older versions of IE it should be fine.)

2) When are you thinking about a "Go Live"?

It would be best to launch this with the next release. Maybe we don't wait with that too long, from my side, I'd like to clean up that XMP namespace can of worms that we opened (and use it to address the 2nd point of this issue), then we can release as far as I'm concerned.

#18 Updated by Andreas Huggel over 1 year ago

Robin, one thing about the logo: do you think we could change the font to a simple bold sans-serif font (something like Google uses in their new logo), which would go better with the rest of the new theme IMHO.

#19 Updated by Robin Mills over 1 year ago

I hadn't noticed that Google had modified their logo. The new design is very contemporary: clean/flat/simple.

The logo uses Albertus Medium and the TT is in the logo bundle: <exiv2dir>/website/logo_files/svg/Albertus_Medium.ttf Albertus was the least boring font available from Free Logo Services. Albertus isn't as boring as Helvetica: no criticism intended for your nation's greatest contribution to graphic design.

It's easy to edit the PDF in Illustrator. Do you know a graphic designer who can look at it with you? These things are very subjective and it takes a lot of experimenting to arrive at "ah yes. that's much better".

I'm happy to go along with any release schedule that works for you. I think it would be good to aim for a release every spring. 0.26 = 2016, 0.v27=2017 and so on. Releasing the new website with v0.26 seems good to me. I'd like to spend more time on CMake/Visual Studio and make the Build Server available to anybody. I think I can do that by Christmas. Can you go through the issues in Target "Review" and close anything that's dead or will never get attention. Let's use v0.26 to simplify the back-log.

What are your thoughts about external Adobe XMPsdk? #941

#20 Updated by Alan Pater over 1 year ago

The updated site looks great and is a major useability upgrade.

I vote for releasing it right away as a way to spread out the work load. It seems to me that it is a separate project from a source code release.

#21 Updated by T Modes over 1 year ago

Exiv2 supports since version 0.25 also Casio makernotes, but the documentation is missing in 2 places:
1. General description on supported makernotes formats http://www.exiv2.org/makernote.html
2. and detailed description on http://www.exiv2.org/metadata.html

#22 Updated by Andreas Huggel over 1 year ago

Yes, that's right, thanks for the reminder about the Casio makernotes!

Alan, it's linked to the source code insofar as that the API doc is generated from the header files. So it's easier to release it all together. I vote for an early 0.26 release, once the website is ready and I've looked into #1116.

Robin, no I don't have access to someone with Adobe Illustrator. That's ok, not something urgent. Everything related to the XMPSDK, both upgrading it and (more so) externalizing it is hairy.

#23 Updated by Robin Mills over 1 year ago

Let's not bother about the Logo font. I spent a little time on this yesterday. It's easy to change, however finding "better" is subjective. I also tried drawing "Exiv2" with lines (instead of a font). That's easy as well, but better? Once more, it's very subjective.

Can you do one of three things with XMPsdk:
1) Move it to "Target" 1.0 (it'll be done eventually)
2) Open a new target 0.27 and assign #941 to 0.27 (and you or I will do it)
3) Leave it assigned to you for 0.26 (I can't commit to this for 0.26)

For v0.26, I'd like to achieve the following build projects:
1) CMake/Visual Studio to work solidly and reliably
2) enable users to requests builds from the buildServer
3) ensure buildServer CMake & Clang support is solid and reliable.
4) support Visual Studio 2013 and 2015

#24 Updated by Andreas Huggel over 1 year ago

Decided to follow Alan's advise and published the pages. Please feedback if you find anything wrong or missing.

#25 Updated by Robin Mills over 1 year ago

Beautiful Job. Well done. Suggestion: Put a link to Redmine on the home page.

#26 Updated by Andreas Huggel over 1 year ago

Thanks Robin. Yes, I'm quite impressed how well Bootstrap works. Highly recommended! Are you suggesting to have a Redmine link on the index.html page? Did you see the button on the getting-started.html page? I was thinking of adding a link to the download page too, since it's not in the menu-bar anymore. As for the index.html page, I'm not so sure what to do with that yet. For now, it's just a very brief intro. I was actually considering removing links from it (those that point away from our site to external resources). But yeah, adding more content is another option of course, just what should we have there?

#27 Updated by Robin Mills over 1 year ago

I think you should put the "Community" button on index.html. Or possibly a "Community" link on the toolbar.

At the moment, from the home page, you have to go to "Getting Started", scroll down to "Community" (below the examples). A little obscure. It's quite possible for somebody to use exiv2.org and not discover Redmine!

Can you conifugure Redmine to use the Exiv2 Logo as I think that would improve the continuity between Apache and Redmine.

#28 Updated by Andreas Huggel over 1 year ago

Added a "Community" dropdown menu item and eventually managed to squeeze all so they still stay on one line as the screen gets smaller. For good measure, I also added a community link on the download page. Since it's a dropdown menu, it will just open on the first click rather than take you straight to the Redmine site, so you get a bit more info what awaits you and a second chance to decide if that's really what you want.

As for Redmine, I'd eventually like to make that bootstrap-themed, but that's a project for another day. Haven't looked at if and how it can display a logo yet.

#29 Updated by Robin Mills over 1 year ago

Thanks for doing this, Andreas. The website looks very nice and has a contemporary look'n'feel. It will make a very nice impression on new visitors.

#30 Updated by Robin Mills 3 months ago

  • Status changed from Assigned to Closed
  • % Done changed from 80 to 100
  • Estimated time set to 40.00

Also available in: Atom PDF

Redmine Appliance - Powered by TurnKey Linux