Designing an #IndieWeb Course Template

So my long term goal is to help create a decntralized LMS powered by #inideweb tools and philosophies.

To that end I needed to redesign my course templates.

I started with my live course: https://edu307class.networkedlearningcollaborative.com and went at it.

My first goal was to add h-card and h-event microformats.

I then shared some of my progress and folks were wondering why I still used Bootstrap and not CSS Grid and flexbox. ...Mainly because I didn't knwo how. So I had to learn those.

I may have made quite a few errors as I cobbled it together.

What is next?

I could not for the life of me get the side nav javascript I usually use to work. Will contine on that.

The font awesoem icons simply would not center. I tried everything. Except the right thing.

I really like a collapsible side bar with a full screen sections but I figured the holy grail was good place to start.

Where to find it?

Here is the GitHub repo:

Here is Glitch:

Here is Thimble:

Progress on #indieweb classroom

Course Template (done)

Syllabus Template (not started), but it is just updating to CSS grid as well

Choosing blogging/microbloggin option for students (in progress)

Tutorials (not started)

Figuring out and installing Apeture and getting a MicroSub reader for the class (no where near ready).