[brlcad-devel] BRL-CAD website mock-up

[Inderpreet S. <ind...@gm...>]

Few months ago I promised to make a newer and better website design
for BRL-CAD. Since then, I have been working on this new design that
IMHO would be perfect for the website. I was about to share the
graphical mock-ups with the community but then later I decided that
instead of graphical mock-up I will make an in-browser mock-up, so
that I can show how the certain elements will behave, animate etc.
which would have never been possible in images. It took me much longer
than I anticipated but I hope end result is satisfactory

So here is my mock up http://cpp-tricks.com/brlcad/ , I hope the
community likes it.

Few things about this mock-up
*Clicking on BRL-CAD logo will toggle the navigation bar, so that user
can enjoy more screen estate. Note that navigation links (except
About) don't work yet. I have not created a mock up for other pages
yet.

*The whole webpage is divided into slides, to jump to (scroll to) next
slide, you can click on green hand down icons.

*Each slide has an image associated with it, hovering on image may
animate it. This animation can currently only be seen in chrome
browser as I have used a CSS3 background image transition property
which is currently only supported by chrome (webkit) but if approved,
during deploying I will change that into  jQuery animation which will
then be supported in all browsers. For the sake of mock up, please
watch it in chrome.

*Design is responsive and is tested on a tablet, mobile and a screen
of various resolutions (1024 X 728, 1366 X 768, 1920 X 1080)

*Login form may look odd to some, actually that space was reserved for
a huge BRL-CAD logo but I couldn't get the logo with transparent
background in high resolution. So opted for this alternative. Other
alternatives can be Recent posts from blog, renderings slide show from
gallery and so on.

*I have grabbed two images of models from grab cad, If that's not
allowed then we can go for models created in BRL-CAD. (will need
community's help in that).

*I have styled this using SASS an alternative to CSS that compiles
into CSS. SASS code is not yet as elegant as it should be, will clean
it during final deployment.

All the questions, doubts, feedback and suggestions are welcome.


--
Ekoankar Sahai

ishwerdas.com
facebook.com/okayinder
https://kippt.com/okayinder