ptkinvent / ptkinvent.github.io Goto Github PK

Add alt and title texts to all images

There are currently different rendering instructions on the homepage for large and small screens. This could be combined more elegantly using CSS to resize properly.

Each chapter and image of the project and blog pages is broken into its own div which breaks the flow of the page. This gives screen readers and other webpage parsers a hard time when trying to extract the contents of a page.

Jekyll supports collections of items and auto-generation of templates in a for-loop. The projects on the homepage should be done in this manner. In case I forget, it works as follows:

1. In _config.yml, insert the following:

   # Collections
   collections:
     projects:
       output: true # This line means auto-generate a page for each project

   Note that you'll have to restart jekyll serve because _config.yml was updated.
2. Create directory at the top level called _projects/ and move all project HTML files into it.
3. On the homepage, you can now iterate over the projects like this:

   {% for project in site.projects %|
   <h1>{{ project.title }}</h1>
   {% endfor %}

This will lead to a cleaner directory layout, less repeated code, and better extensibility in the future.

You should include a reference to Pro Git since it's free and really good.

Also you should consider the following change:

-Now git!
+Now git outta here!

👍

Adding Django or another framework would allow making one small change update several pages all at once. For example, updating copyright year in the footer of every page.

See https://i.imgur.com/wpepjhY_d.jpg?maxwidth=640&shape=thumb&fidelity=medium

The website is currently not optimized for landscape phones. Bootstrap 4 adds an additional viewport size which will solve this issue

By combining individual shapes like triangles or lines, you can create complex shapes as simple as point clouds, as complex as dodecahedrons, or any other shape conceivable.

I'm not sure why, but this sentence sounds weird. Maybe do something like this instead?

By combining individual shapes like triangles or lines, you can create shapes as simple as point clouds or as complex as dodecahedrons.

For example see https://darkmodejs.learn.uno/