Altimeter

Simply, this is it. You will see that the navigation at the top of your site, similar to mine on outright.software, but without the logo in the uppoer left corner.

This theme can be used to duplicate templates and build on top of bootstrap. You can also dump that idea and enable Gutenberg if you'd like - functions.php line 186.

P-tag and H1 centered with 'algn-cntr' and 'txt-wht' classes. The fun starts on line 1024 of style.css

This is a "have fun at your own expense / do not use in production / Graham will help if he can" theme built from a few sources.

Getting Started

So, you'll want to click the download button to pull down the package. It's a zip file - it's ok to download.

Download Altimeter

Once you've put it in a safe place, remember where it is and launch a WordPress site. WordPress sites can be hosted on a number of platforms: AWS, GoDaddy, BlueHost or something else. When you have the site up and running and the domain is both, SSL protected and pointed to the hosted website, you'll simply follow these steps:

  • Go to your site's dashboard. Then go to --> Appearance --> Themes.
  • Look for and click the "Add New Theme" button. Then click the "Upload Theme" button that appears. Finally click the "Choose File" button.
  • Remember the "safe place" mentioned above. That's where you'll select the zipped file. Select it and upload it by clicking "Install."
  • You've successfully uploaded the theme - good job! Now you can activate it from --> Dashboard --> Appearance --> Themes.
  • Before even checking what it does, go --> Dashboard --> Pages and either use an existing page or create a new page.
  • When you create (or click into a existing page) you will be brought to the page editor. Look on the right hand side. If Gutenberg is disabled (it is by default with this theme) you should see a "Page Attributes" panel on the right hand side of the browser. Inside of that, there should be a drop down labeled "Templates" - choose "Page Template Example."
  • NOW you can publish (or update) the page and view a marked up version of this page.

Altimeter was conceved using Underscores as well as the navigation from the WordPress 2016. It also uses open and copywrite released graphics which can be found on pexels, pixabay, and wikimedia. I used a numebr of open source softwares to make the videos and tweak photography - more on that here.

This section is using a wrap class: '.pgwidth' which has max-width of 1200px and is centered by '0 auto' margins.

Below are some examples of what you can do with bootstrap. Bootstrap (I promise I tested this) will work straight out of the box.

Side by Side Example

The image in the background is positioned in to be centered horizontally and verticall. It is also stretched using the bg-position: cover property and padded top and bottom. The image to the side will drop below on resize / mobile.

Learn More >

Your Posts Below

If you have posts/articles/blog on your WordPress site, they will appear direcly below this text. Edit the column (col-lg-3, col-lg-2, or col-lg-4) to expand the number of posts displayed. See WordPress theme handbook for more information about the loop.

State of the Word

White, blank background with stark, large font in geometric blocks 'SOTW' underneath has dark grey font that explains 'state of the word 2024'

In the State of the Word, Matt Mullenweg reveals from Tokyo the year of 2024 and WordPress’ journey into 2025. I didn’t get a chance to view this live as it occurred later in the year as apposed to the WordCamps before COVID. Matt opened by acknowledging Japan, it’s people, and it’s cultural contribution to […]

Flutter in Production

A blue to pink gradient behind a lady with dark hair wearing brown hoodie - test in foreground says 'flutter in production'

I’m excited about Flutter and the move into it’s production phase – I’ve been using and learning it for two years and this was great to see. I was surprise to learn that Rive, an animation tool in beta, was built with Flutter. It’s also powering Supercell (a video game company my kids love) which […]

ChatGPT

A dark grey / black background with a menu and text window - for instructional purposes

Let’s talk LLM and ChatGPT! I’ve been using it for almost two years and I’ve found a limit or a small hurdle that is easily fixed. I recently upgraded to premium to use the GPT-40 model and have unlimited access (no waiting periods) so I could collaborate on a software project. Along the journey I […]

Open

A massive blue watermark on top of white with black text. The text reads 'we don't make software for free. We make it for freedom.' WordPress is open software.

A month ago, I opened Altimeter. I did so with no expectation or reason to believe it would be successful, but rather it would be available to anyone who wanted it. Sure, the deal is someone would have to supply their email. But whoever wants it, can get a solid (if not perfect but unusual) […]

Replace this with a real footer. Include your contact info, map, social, or what ever you'd like. Good luck - look me up if you have questions.

- Graham

The above logo will be replaced with whatever you delcare in WordPress (Dashboard -> Appearance -> Customize -> Site Idnetity) instead of my logo.

Replace with something (or just delete this whole column and go with only 2) else.

Do something with social here. Icons from Bootstrap maybe...

© <swap out this txt for the year your company started> - 2024 Your Company