Build Your Résumé and Digital Portfolio — WordPress, HTML & AI-Assisted Lesson Pages

Math Monthly — Build Your Résumé

Build Your Résumé and Digital Portfolio — WordPress, HTML & AI-Assisted Lesson Pages

Author Jonathan David demonstrates how he organizes mathematical lessons on MathMonthly.com using WordPress, HTML accordions, PDF documents, video recordings, and transcript summaries. Follow the process of turning existing work into a structured digital presentation while developing familiarity with practical publishing tools.

Watch this digital portfolio demonstration on YouTube ↗

Practical Skills Highlighted

  • WordPress: Organize pages and add Custom HTML blocks.
  • HTML: Work with accordion sections, links, images, and embedded videos.
  • AI-assisted workflows: Specify the desired layout and review the resulting code and content.
  • Document preparation: Organize a written lesson in Word and export it as a PDF.
  • Visual presentation: Coordinate covers, colors, headings, and page structure.
  • Digital communication: Present mathematical work with its video, source citation, and separate summary.
Original Transcript (punctuated)

Based on the supplied transcript. Punctuation and paragraph breaks have been added, with repeated fillers and false starts reduced for readability. Obvious transcription errors have been corrected. The speaker’s commentary and descriptions of his workflow are retained.

All right, kids. This is part of my How to Build Your Résumé as a STEM Major playlist.

I’m going to show how I’m making accordions for Math Monthly to organize my lessons. I’ll start with Volume Six, Calculus, where I did some lessons last night.

We’ll make a page for it. I need the URL for ChatGPT because we’re using it to produce HTML.

This level of HTML would have taken a team of hundreds before AI. We’ll start with the book cover and link. I’ve already explained what I want.

The top block will have the book thumbnail and description. Then I can add individual lessons in the order of the textbook’s sections.

I’ve worked with HTML and WordPress for more than ten years and had plenty of difficulties, but I’m a relentless problem solver.

This is Volume Six, Calculus, from The Ultimate Crash Course for PLEM Majors.

These lessons aren’t intended to do homework. They show how to use a textbook properly—how to read scientific information.

I gave ChatGPT the thumbnail URL from my website and had it generate the HTML.

Now I select Custom HTML in WordPress. With a large amount of HTML, this editor can sometimes freeze. I’ve used an older editing interface through a plugin to work around that.

A different development approach might make more sense for this amount of code, but I know how to work around the issues in my setup.

Here’s the top. Doesn’t it look cool? There’s the Calculus Crash Course, Volume Six. Being able to generate this presentation feels like a miracle. This is what AI is for.

Originally, I put all the accordions in one giant block. Then I realized I should use individual blocks.

I’ll show this using yesterday’s sequences and series lesson. I can organize the page piece by piece.

I plan to cover the book section by section, but I don’t have to produce the lessons in order. I can place each section where it belongs afterward.

I’ll take this lesson and make a new Word document, then save it as a PDF. This is Question 11.1.73.

I need the section title from the book.

This belongs in the résumé-building playlist because you need familiarity with these tools. You don’t necessarily need formal training in every tool—familiarity matters.

I’m going to instruct ChatGPT how I want the workflow to operate.

I’ll title the document to match the chapter and section. This is Chapter 11, Infinite Sequences and Series, and Section 11.1, Sequences.

I may adjust the chapter organization later, but for now I’ll keep it aligned with the textbook.

I’ll title this document “11.1 Sequences” and save it as a PDF on my desktop.

Now I’ll explain how I want the output.

“The coloring looks good. I’ll provide a PDF document, and its title should become the accordion strip’s title.

“The content should be reproduced word for word, exactly as written, like the HTML lesson posts we’ve been making.

“I’ll also provide the YouTube video and its transcript. I need a separate section summarizing what I discussed in the recording.

“Make sure the video thumbnail displays correctly inside the accordion because we’ve had issues with it.

“The written lesson should use the same mathematical formatting and HTML we’ve been using, presented neatly and clearly.

“The summary should include the key points and noteworthy remarks. The video should appear first because most visitors want to watch it.”

Now I go to the YouTube channel and find the sequences lesson. I should change its title to “11.1 Sequences.”

I get the video link, add the PDF, open the subtitles, copy the transcript, and submit it.

Then we wait for the output. This technology feels like magic. It’s fascinating.

I have to leave soon for two dental implants. They’ll put a needle in my jaw, drill into the bone, and place titanium components. Then I wait for healing.

Let me check how long it takes to get there. I need to arrive early, so I have to finish this now.

This is part of becoming digital as a STEM student. Lift your hands from the paper and put your fingers on the keys.

The output is ready. I can put this lesson into its own HTML block. There’s Section 11.1. Publish it, then view the page.

Here’s Chapter 11. Some of these headings may be unnecessary, so I’ll adjust those.

Here’s the lesson. Let’s make sure the video plays. Good.

Here’s my written work. It looks beautiful. This feels like a missing component of my business.

Everything I do is about showing you how to work independently. A scientist signs up to be a professional problem solver.

Here’s the source citation. Then there’s the video lesson summary.

This is how my website works: the written lesson, accompanying video, and summary.

The point is to show how to read and use a textbook, not to complete your homework.

I’ll remove this redundant title because it looks tacky. Now there’s the book and its lessons.

I can work on problems in different books and insert each lesson into the appropriate page.

There are two parts to the website. The research team is doing engineering this month, perhaps extending into December depending on my recovery.

The monthly journal comes from research we do together. We find unfamiliar books and challenging problems and work through them as a team.

You can review the introductory month for free.

Let me get the new page and link it from the front page.

This is part of résumé building because, as you learn to do it yourself, you develop experience you can describe.

HTML, using AI, Canva, and these other tools can complement scientific skills. Companies need people who can work with different tools and present the results effectively.

Making it look good is part of the work.

Imagine the whole book organized this way. I’m doing a lesson per section to show how to use the textbook, not to do your homework. You need to learn how to use the book.

Have a nice day. Subscribe, become a channel member if you can, leave a Super Thanks, buy a book, or join the research team.

AI Summarization

Author Jonathan David demonstrates a publishing workflow for organizing mathematics lessons on MathMonthly.com. The example uses a calculus lesson to connect Word documents, PDF exports, YouTube videos, transcript summaries, AI-assisted HTML, and WordPress.

Create the Page Introduction

Jonathan begins with a header containing a book-cover image and description. He supplies the image URL and layout instructions to ChatGPT, then adds the resulting code to a WordPress Custom HTML block.

Use Individual Lesson Blocks

Instead of maintaining every accordion in one large block, Jonathan uses a separate block for each lesson. This lets him create lessons in any order and place them according to the textbook’s chapter and section structure.

Prepare the Lesson Materials

The demonstrated inputs are a written lesson exported from Word as a PDF, the accompanying YouTube URL, and the video transcript. The document title supplies the accordion heading.

Separate the Written Work from the Summary

Jonathan instructs ChatGPT to preserve his written lesson exactly and present a separate summary of the spoken recording. He requests the video first, with mathematical formatting and a correctly displayed video thumbnail.

Review the Published Page

After adding the HTML, Jonathan views the page, checks video playback, inspects the lesson and summary, removes a redundant heading, and links the page from the site’s front page.

Build Practical Experience

The résumé-building emphasis is on familiarity with several connected tools: WordPress, HTML, Word, PDF preparation, video publishing, Canva, and AI-assisted content organization. A finished page can demonstrate how those tools were used together.

Distinguish the Two Activities

Jonathan distinguishes crash course lessons that demonstrate textbook use from collaborative Math Monthly research sessions. The latter involve working through unfamiliar mathematical and scientific material as a group.

Turn the Workflow into a Portfolio Example

Describe the work you actually completed: the content you organized, the tools you used, the formatting you checked, and the finished page you produced. Distinguish familiarity from expertise, and be clear about where AI assisted the process.

Explore Mathematics with Math Monthly

Explore mathematics, physics, and their connections to engineering with Author Jonathan David. Discover the available memberships and follow the development of new lessons and journal material.

View Math Monthly Memberships ↗
0 0 votes
Article Rating
Subscribe
Notify of
0 Comments
Oldest
Newest Most Voted
0
Would love your thoughts, please comment.x
()
x