joymon / site-hugo

Source of Hugo based site

Hi There 👋

I am Joy (JoymonOnline.in). Passionate Software engineer to solve problems regardless of tools and technologies.

• 🔭 I’m currently working on
  • Coding diagrams using PlantUML
  • Kubernetes basic tutorials
  • My JAMstack based result using Hugo
• 🌱 I’m currently learning
  • Solidity
  • Python
• 🤔 I’m looking for help with ...
  • Kubernetes
• 💬 Ask me about ...
  • Software Architecture, Distributed systems, Serverless, Microservices, SOA
  • Azure, Docker containers
  • Angular, Node.JS, .Net, WPF, WCF, ASP.Net MVC, ASP.Net WebAPI, JAMstack, Hugo
  • Functional programming, GoF patterns, Dependency Injection
  • Automation, TDD, Mocking
  • C#, JavaScript, TypeScript,VB.Net, SQL & PowerShell
• ⚡ Fun fact: I still write code and tests.
• 🏁 My yearwise achievments & goals as software engineer
  • 2019 achievements & 2020 plans
  • 2020 achievements & 2021 plans
  • 2021 achievements & 2022 plans

More interested? Please check my single page resume.

My GitHub life

_{Icons provided by flaticon.com, GitHub stats provided by Anurag}

site-hugo's Issues

Add theme metadata

Add theme metadata

Configure the copyright from config.toml

Configure the copyright from config.toml

theme - jo-black - Add 404.html page

Add contents to the 404.html page. Currently, it's empty.
It has to get the same theme.

New lines are missing in changelog

New lines are missing in the changelog.

Theming - 480px - Links page has smaller h4 header

Theming - 480px - Links page has smaller h4 header

Lighthouse - Mobile - Document doesn't use legible font sizes 3.8% legible text

Document doesn't use legible font sizes 3.8% legible text
Font sizes less than 12px are too small to be legible and require mobile visitors to “pinch to zoom” in order to read. Strive to have >60% of page text ≥12px. Learn more.

Source	Selector	% of Page Text	Font Size
default.css:41	body	88.88%	11.2px
default.css:329	.menuItem	4.72%	10px
default-700px.css:25	.footer	1.73%	10px
default.css:95	.logo	0.86%	11px

Retry GitHub Projects Listing

To get rid of GitHub quota retry with other FaaS proxy service.

Style the vlogs page

Style the vlogs page

Lighthouse - Desktop - Links do not have a discernible name

Link text (and alternate text for images, when used as links) that is discernible, unique, and focusable improves the navigation experience for screen reader users. Learn more

Lighthouse - Desktop - <frame> or <iframe> elements do not have a title

Screen reader users rely on frame titles to describe the contents of frames. Learn more.
This is under the resume page

Arch-Diagrams:Missing Google Analytics link

Theming - 480px - Projects page is not showing the application url as left aligned

The description needs to be align:justify but not the application url.

Style the links page

Style the links page

Show the link and name for vlog channels

Show the link and name for vlog channels

Links to cross-origin destinations are unsafe

The blog links in the cool links section don't use HTTP(s). Change it to use https

Theming - 480px - Links page showing My blogs bigger URL overlap with description

The left link should not overlay to the description when its lengthy

Add stackoverflow badge to resume page

Add stackoverflow badge to resume page

Setup rebuild and publish when new blog posts are published

It May not require a code change. But there should be a mechanism that recompiles the application when new blog posts are published.

Add partial for blog view and add joymonscode blog feed

• Add partial for blog view
• Add joymonscode blog feed

Make the site responsive

Add CSS containing media queries to make the site responsive

Show the coded C4 architecture diagram in Changelog

Show the coded C4 architecture diagram in Changelog page

jo-black theme - Do not use folder path in head.html

Currently, the head.html has reference to /site-hugo/.. to refer to CSS files. That won't work in production.

Styling - What's new showing bullets

The original design doesn't have the bullets

Add data for Changelog page

Add data for Changelog page

Add meta tags

Add meta tags

Lighthouse - Mobile - Tap targets are not sized appropriately 93% appropriately sized tap targets

Tap targets are not sized appropriately 93% appropriately sized tap targets

Interactive elements like buttons and links should be large enough (48x48px), and have enough space around them, to be easy enough to tap without overlapping onto other elements. Learn more

Tap Target	Size	Overlapping Target
a.menuItem	30x12	a.menuItem

Lighthouse - Desktop - Heading elements are not in a sequentially-descending order

Properly ordered headings that do not skip levels convey the semantic structure of the page, making it easier to navigate and understand when using assistive technologies. Learn more.

Failing Elements

h3

Books from books.google.com

Show the books that I read and ToRead from books.google.com api

Build failed due to small blog post

https://github.com/joymon/site-hugo/actions/runs/609034932

Lighthouse - Desktop - Links to cross-origin destinations are unsafe

Add rel="noopener" or rel="noreferrer" to any external links to improve performance and prevent security vulnerabilities. Learn more

jo-black theme - Bundle the css

https://gohugo.io/hugo-pipes/bundling/
https://discourse.gohugo.io/t/css-bundle/18630/3

Correct the dateformat in Changelog page

Currently, it is showing as YYYY-MM-DD change that to look like current site DDMMMYYYY

Calendar model display for blog post date

Samples
http://codepen.io/denilsonsa/pen/Etrba
http://cssdeck.com/labs/css3-calendar-icon-2

Include Malayalam Youtube channel in vlog section

Include Malayalam blog in vlog section

Pictures of old site

Add Favicon.ico as there is request issued for that

Add Favicon.ico as there is request issued for that

Lighthouse - <html> element does not have a [lang] attribute

element does not have a [lang] attribute

Upgrade FontAwesome to 5.x.x and avoid embed

Link about using fa svg to embed instead of downloading fa css url https://www.client9.com/using-font-awesome-icons-in-hugo/

Make social media icons configurable

Currently the social media icons are hard coded in the theme. Make it configurable.

Split CSS by sections or introduce SASS for managing

Split CSS by sections or introduce SASS for managing

Integrate chatbot to answer questions

Add devcontainer support

Add devcontainer support to reduce env setup.

Clean up the default.css file

There are a lot of unwanted entries. Delete those.

Continuous Deployment Tracker

This issue will get a comment from Zapier on a blog or YouTube updates.
Those comments will trigger the workflow to perform production deployment.
This issue used to track the deployment comments.

Why this workaround

• Because the Zapier doesn't support creating releases as of now.

TODO - When Zapier support creating releases, change this method.

Add gravatar to home page left pane

http://www.gravatar.com/avatar/3783c5da15777937ad9cc34515b2989f

Setup rebuild and publish when new video is posted into YouTube

Setup rebuild and publish when new video is posted into YouTube