Mark Andrade

Mark Andrade Website


Having developed websites and apps for three decades has fortunately helped me with transitioning into photography.

I wanted a simple site that acts as a blog and portfolio without all the bloat of a CMS like WordPress. I also didn't want to be tied down to a service. I wanted the freedom to move the site to new servers if needed. I also wanted a layout that wasn't the same as all the templates available to everyone.

I set out to build my own.


The website is built with Eleventy as a static site.

I didn't want to use services like Squarespace and the like. Don't get me wrong, those sites are great and I even recommend them to people all the time.

Being a developer for such a long time I wanted to control everything about site. The best way for me to do that is to do it myself.

Front page is a [blog]. Clicking on the arrows cycles through each individual post.

The Photogram page in my photo feed. Clicking on the grid button displays the photo posts as a flex grid. The grid layout was taken directly from the CSS Tricks page Adaptive Photo Layout with Flexbox.

The Flexbox layout has issues where if an image does not load correctly it screws up the flow. This layout is temporary until I build a better grid.

In it's current state the grid view works since there aren't that many posts. I can see it becoming an issue in the future though. I'm already testing different layouts.

From Shared Server to Netlify

Initially the site was hosted on a shared server by a popular hosting brand. That brand is still great and the shared server approach worked for me for a very long time. I needed something new that better suited my workflow.

That's where Netlify came in. It's super easy to deploy. I sync with GitHub. It's then auto-magically built, and deployed. It's fast and affordable for my needs. It's on Github so it's backed up from my computer. I highly recommend. (I'm not affiliated with Netlify in any way. I just like using it — so far.)

To Do

This is an ongoing list of things that I want to add or update on the site. Some things might happen. Others might just be a bad idea. Some ideas I might just lose interest in. Items that I have added will be moved to the Updates section. Items I killed will be crossed out.

  • Add search
  • Add keyboard control to nav back and forth on blog (maybe)


- 1.4.4 - Made the large header image smaller on some projects pages - 1.4.2 - Added Search using [PageFind]( - 1.4.1 - Changed Photogram to [Photo Journal](/photo-journal/2024-03-01/) - Updated the [Photo Journal](/photo-journal/2024-03-01/) layout - Removed redundant links - 1.4.0 - Moved sidebar to the left and changed background colors - Adjusted [Projects](/projects) icon grid - Removed unused CSS which is still ongoing - Clean up HTML and CSS - 1.3.0 - Added a separate [PhotoGRAMS](/photogram) (working name ;) with an RSS Feed - 1.2.0 - Added [Archives](/archives) - 1.1.1 - Added contact form to [About](/about#contact) page - 1.1.0< - Added [LightboxCSS]( to photograms, photo portfolio, and essay/stories - 1.0.1 - Moved from shared hosting to [Netlify]( - 1.0.0 - Initial launch 1/21/24