Today's Website Updates: Key Developments & Improvements
What developments have taken place today?
This commit modifies data insertion into a table by adding a slug field to the title column and updating existing post values. The first post’s slug is “123-slug” and the second’s is “22-slug”. This improves data organization and URL generation for posts.
A website navigation and breadcrumb update enhances visual consistency. Visited links in navigation and breadcrumbs are now blue, and both “Home” and the website name appear in the breadcrumb display. Recent development posts are also added with links to individual post pages, providing users with easy access to updates.
The HTML template has been updated to include <section> elements for each blog post, styled as “article,” along with associated CSS styling via articles.scss. Specific changes include a new article-meta div for post creation dates, adjusted spacing and container dimensions, a white table background, and modified markdown output to return raw HTML instead of replacing newline characters.
A new project detail page has been introduced, showcasing project information and related posts. It includes a header section with basic details, a project overview, a list of recent posts, weekly Gitlab statistics (with updated repository fields), and the removal of the contact form. Template updates include header.go.tmpl and footer.go.tmpl, along with basic styling for container, sections, and tables.
Several security improvements have been implemented: database credentials and remote host information have been removed from the configuration, and a check is now in place to halt program execution if a database connection error occurs.
Styling and layout changes improve website navigation and page structure. Breadcrumb navigation has been added with links to “Home” and the “Projects” page. Page title styling has also been implemented, alongside updated navigation link colors (white on hover turning to #0d6efd). Visited link styles are now white for consistency, and the ORDER BY clause in the Gitlab stats query has been changed from descending commit count to descending week year.
A new display feature is introduced with date_format.ts, allowing dates to be formatted as human-readable strings. The website details page now displays project information like name and description. Post lists are rendered using render_posts.go.tmpl. Breadcrumbs now correctly include both the website name and post title. Card styling has been added, including subtle shadows, hover effects, and rounded corners. Unnecessary sections have been commented out. The post list now shows dates and titles in a more compact format with data attributes.
A color palette is established using CSS variables at the :root level to define primary, dark, light background colors and accent colors.
Minor adjustments include adding .env and tables.txt files, removing an existing tables.txt file, adjusting spacing and padding, modifying HTML element backgrounds, and deferring the loading of a JavaScript file referencing /js/date_format.js.
Finally, a conditional display is implemented for project names and URLs based on user role, ensuring non-administrators do not see sensitive information.
In summary, these changes represent significant improvements to the website’s usability, organization, security, and data presentation, enhancing both its visual appeal and functionality.