Tech and Open Source

I’ve been away from Drupal for a few years and was pulling my hair out trying to figure out how to place and horizontally align 3 blocks in the footer.

Turns out you simply need to turn the Layout Builder on for a content type. From there, I simply created a 3 col grid and placed my three previously made blocks.

This post has a far more detailed explanation of how to make this work.

Here is a short history of my involvement with campus maps. 

From 2001-2012, the online version of the campus map was a clickable web page that dropped the user into various grids or closeups of the map. Associated parking maps were hyperlinked to these detail pages. This was a project managed by my colleague Susan Willats. I had been involved in helping with providing a server, log management, etc. At some point I showed her what we could do with Drupal that would enhance this service used by visitors and the community at large.

Since the Events Manager site is no longer used, I went into the way back machine and found a history I had written. Even this history is only 2000-2008; the project was still being used up through 2018 when I retired.

Version 0.7.0

As Drupal 7 nears the end of its lifecycle, I started a little project to migrate from D7 to D10. 

Through the month of November 2023, I got back up to speed on Drupal, migrated my old site and started to add content that I had notes on from 2019-2023.

As I dug into the tutorials on how to migtate data and reviewed what might actually be of relevance to me or someone else, I dropped a bunch. 

To learn Drupal 10, I setup a site on Pantheon so I could easily build up and tear down prototypes till I found the right set of modules for my needs.

As I get into more photography, I started thining about how to get some shots up on this site. Years ago I had followed a tutorial to do simple Flexslider slide shows. 

A simple ExpressJS app that includes a Leaflet example. This is a modified lesson from a Udemyclass I was taking. It uses the jade templating language and pulls in Bootstrap and Mapbox libraries. Here's the description README from github.

Upon running this command on my MacBook Air:

docker run -i -t --name mymeanjs --link mymongodb:db_1 -p 80:3000 maccam912/meanjs:latest bash

We have a running container that needs to have the npm and bower installs completed before we can do much with it. We'll then clone meanjs from github and build it. This image It will also need Ruby and the gem sass installed.

So we navigate into the Development directory and clone the github repo, then start building things up.

I recently had come across this article, Running a MEAN web application in Docker containers on AWS. I'm researching containers for development work that can start in one place and then migrate into production as a docker file. So I spent an hour getting this up and running. In addition to the steps in the article, I found a few extra steps might make things work better.

1. Update Node. The maccam912 VM has an older version of node. It's an easy fix.

npm cache clean -f