Personal website where I post about Software Development
Home Page: https://lealceldeiro.com/
License: MIT License
Code snippets are a common source for readers to copy the content, so I should provide an easy way (a button) for these code snippets to be easily copied to the clipboard.
See https://dev.java/learn/getting-started/#first-class for reference.
Create robots.txt file with the proper content
Probably the contributors of each article can be pulled from GitHub.
The template to be modified is post.thyme
Pros:
Cons:
Improve the code base to be more SEO focused. Improve metas, etc.
Most of the custom JS code written so far is Vanilla JS. jQuery was added at the beginning because the bootstrap dependency required it, but after the bundle version of bootstrap was added I suspect the jQuery dependency is not needed anymore
No response
Review file feed.thyme
It seems the feed options is not being generated as I don't see the RSS button on my browser when I visit the site or any post.
No response
Create a contact form.
After #19 was implemented, now, staticforms can be used also for this purpose
No response
Pages such as the tag/archive page (and other thyme-generated pages) do not have custom header values, such as title and meta values.
This should be fixed to get a better SEO score and show more target content on search engine results.
See https://www.seobility.net/en/venture/analysis/?listtype=titledupe&id=765038 for more info.
No response
On the "About me" section, in the timeline, for each experience, include a sub-section for the business domains I've worked at in each company.
Because the navbar doesn't have background unless the page is scrolled, on mobile, if I don't scroll and click the kebab button to open the nevbar menu, the navbar items are displayed on top of the page without background, which makes the page elements to be displayed along with the navbar buttons, making difficult to read either of them.
Migrate from Java 17 to Java 21.
This includes, updating the pom.xml file, build-and-deploy-pages.yml file.
Care must be taken to verify everything keeps working correctly (integration with JBake, Maven plugin, etc)
On the user profile page, on the top right corner of the card, there's no space between the location icon and the location value - the actual string-
Create "thank you" page to be rendered after a user signs up for the newsletter
Add section in "About me" to show links to my readings and notes -- those hosted in github
Allow readers to subscribe to new content by email.
The text "Getting the latest new about ..." should read "Getting the latest news about ..."
Format code snippets differently according to the language.
At least the coloring of keywords and background should be different for each lang.
Ideally the font could be different as well.
I need to investigate which out-of-the-box solutions are out there.
I'd like to have an option to copy the direct link to a section of an article.
Let's say there's an article "hello word". Inside that article the're a section (h2) with title: "How to start".
I'd like to have at the left of the text How to start an element (maybe shown only on hover) which when clicked copies to the clipboard the direct link to that section of the article (example: https://lealceldeiro.github.io/articles/2024/hello-word.html#how-to-start).
For this to work, first, every header (or relevant article section) must declare a valid id for the html element. Second: the copy to clipboard feature must be implemented -- related to #15 --
Move https://github.com/lealceldeiro/gems to a section inside this repo
On the "About me" section, in the timeline, for each experience, include a sub-section for the tech stack I used, probably by displaying an icon for each of them.
Similarly, another idea could be to include number of projects I've worked on
Explore some alternative solutions that allow commenting on posts, without needing to store comments in my own DB
No response
#1 was implemented, but the comments count feature on the "Articles" page is not working properly.
I haven't been able to identify what's the root cause. I reset the comments in Disqus by changing the post urls, now the 1st post shows 1 Comment, but that's it, no new comments are taken into account and the comments in the second post are not counted either (it doesn't show either the text "Be the first to comment!")
No response
Use the minified version of asciidoctor, in header.thyme.
Currently this is the one being used: https://cdnjs.cloudflare.com/ajax/libs/asciidoctor.js/1.5.9/css/asciidoctor.css
On the "About me" section, in the timeline, for each experience, include the number of projects I've worked on. Follow up, after #2 was implemented
Add side panel on blog posts to show the structure of the page so it serves as an index and navigation table in long posts where there are several post items. This way the reader can jump between sections of the posts easily.
See, as a reference, this one https://dev.java/learn/getting-started/
In the "About me" section, add a link to download my CV (consider adding a link to a resume and another one to a full-extended- CV)
There should be a top level (like "About me" and "Articles") section called "Testimonials". It'll display testimonials and similar from colleagues (past included too), clients, etc. who can write "reviews" of my work/skills. The testimonials should be added easily by anyone wanting to provide such recommendations.
Probably an option would be to have them stored in a json file and from the code pull it and display the info nicely on the html. Hence, these testimonials could be created by simply opening a PR and adding a new json entry.
An alternative, probably easier for the user (who writes the testimonial) would be to have a custom issue template for solely for that purpose, then I'd take care of move its content the html. This'd be more work for me but less problems for the person writing the testimonial, as s/he would only fill in some form data in the github issue template.
Add an initial "About me" overview, on top of the already existing timeline.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
