Feature #1111
The web pages could use an overhaul
100%
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.
Files
Associated revisions
#1111: These are needed too..
#1111: Bootstrapped the Exif tag-lists.
#1111: Fixed library example links to point to the new page.
#1111: Adding logo_files. Includes SVG, EPS vector graphics and multiple resolution PNGs and GIFs
#1111: Converted the conversion table.
#1111: Playing wih buttons.
#1111: Changed navbar to default.
#1111: Removed some obsolete pages.
#1111: Index page and tweaks.
#1111: Minor tweaks.
#1111: Updates.
#1111: First go at the API doc, moretweaks.
#1111: Some cleanup.
#1111: Doc tweaks for new bootstrapped API documentation.
#1111: Minor changes.
#1111: More minor changes. We're getting there\!
#1111: Updated the examples.
#1111: Another bunch of updates.
#1111: Minor updates.
#1111: Added small logo and some tweaks.
#1111: Cleaning up.
#1111 Deprecated NOT Depreciated. ExifEX typo.
#1111: Added some Javascript / JQuery to improve responsiveness.
#1111: Final touches.
#1111: Minor improvements on small screens.
#1111: Added Community menu item, moved some links.
#1111: Tweaked the menu items to stay on one line.
#1111: No vertical scrollbar on the index page of "normal" screens.
History
Updated by Andreas Huggel about 6 years ago
Using Bootstrap (http://getbootstrap.com/), only relatively small changes are required to get truly responsive pages.
Updated by Robin Mills about 6 years 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.
Updated by Alan Pater about 6 years ago
Shouldn't the logo have the same license as the rest of exiv2?
Updated by Robin Mills about 6 years 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.
Updated by Andreas Huggel about 6 years 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:
Updated by Andreas Huggel about 6 years ago
Updated by Andreas Huggel about 6 years 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.
Updated by Robin Mills about 6 years 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"?
Updated by Robin Mills about 6 years 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.
Updated by Andreas Huggel about 6 years 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?
Updated by Robin Mills about 6 years 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.
Updated by Andreas Huggel about 6 years 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.
Updated by Andreas Huggel about 6 years 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.
Updated by Robin Mills about 6 years 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
Updated by Alan Pater about 6 years 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.
Updated by T Modes about 6 years 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
Updated by Andreas Huggel about 6 years 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.
Updated by Robin Mills about 6 years 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
Updated by Andreas Huggel about 6 years ago
Decided to follow Alan's advise and published the pages. Please feedback if you find anything wrong or missing.
Updated by Robin Mills about 6 years ago
Beautiful Job. Well done. Suggestion: Put a link to Redmine on the home page.
Updated by Andreas Huggel about 6 years 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?
Updated by Robin Mills about 6 years 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.
Updated by Andreas Huggel about 6 years 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.
Updated by Robin Mills about 6 years 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.
Updated by Robin Mills over 4 years ago
- Status changed from Assigned to Closed
- % Done changed from 80 to 100
- Estimated time set to 40.00 h
#1111: Bootstrapped the web pages, 1st and incomplete patch.