Rocco Marosi ⟐ Architecture Photography ⟐

Super light mobile-first portfolio display static website. Fully responsive. Focus on speed and simplicity, with care for minimizing network request and delivering a polished meaningful user experience.

Adhering to K.I.S.S • D.R.Y.

version: 1.7.3

2DOs

Urgent:

• animate: shake the "v" icon
• single pages for each photo, w/ thumbs (maybe) in footer for social media posting

Sometime soon:

• service workers

Maybe:

• quick contact form

Slider considerations:

• swiper.js (20kb) | fade need img as backgrounds: demo, code

• flickity (58kb) | currently online

• vegas (64kb) | need at least zepto (9kb) or jquery(84kb)

• native scroll + scrollReveal.js (9kb)

frontend features

• no jquery

• no material design http calls (just good stuff in css)

• RWD with Imager.js to handle images

Changelog

v 1.7.0:

• deleted gulp tasks, use grinder

v 0.4.0:

• refactored gulp task in an updated, simpler, leaner way
• showing captions, always

v 0.3.0:

• jekyll installed

• Netlify hosting

• Netlify SSL/HTTPS

v 0.2.11:

• it prints like biz card now, no shots no details just QRcode and contacts

v 0.2.10:

• footer improvements

v 0.2.9:

• landing screen vw, vh, no scipt, no flexbox, just plain old css

• footer icon refactor with line icons

v 0.2.8:

• landing page feel

• viewport sized typograhpy on first screen aka 100vwx100vh

v 0.2.7:

• killed the icons on the shots

• no more material design, just some paper photos feel with shadow!

• no more hamburger! this piece of unicode ☰ also written ☰ is not showing on android 4.1.2: ...lame!

v 0.2.6:

• now with some material design flavour

• captions visible on click

• g+ footer link

v 0.2.5:

• last slide no disappear

v 0.2.4:

• minimal material feel with flat header

• priority-nav

• scrollReveal.js

v 0.2.3:

• gulp images task to automate image generation

v 0.2.2:

• Imager.js full screen

• no slider

v 0.2.1:

• refactored with just html activated flickity

Warning:

Despite this repo being public, it doesn't mean that all these assets are open-source and/or copyright free, or even that you may use any of them.

Please, ask for permission first by contacting us: info@junglestar.org

All photos © Rocco Marosi. All rights reserved.

Thanks, Junglestar team