Today’s Website Updates: Data, Design & Analytics Improvements
What developments have taken place today?
This commit modified data insertion into a table by adding a slug field to the title column for both posts, assigning “123-slug” and “22-slug” respectively. All other fields remain unchanged. This improves data organization and URL friendliness.
The website’s navigation and breadcrumb structure were updated with blue styling for visited links in the main navigation and breadcrumbs, along with a refactored breadcrumb display showing both “Home” and the website name. A section displaying recent development posts was also added with links to individual post pages. These changes improve visual consistency and user experience by guiding users through the site hierarchy.
The HTML template was updated to include a new <section> element for each blog post, styled as an “article,” incorporating styling for the article container and content using the articles.scss stylesheet. This provides a consistent structure for displaying posts and improves visual presentation.
A new website detail page was introduced showcasing project information and related posts. It features a header section with basic details, a project overview, a list of recent posts associated with the project, weekly Gitlab stats presented in a table, and (previously) a contact form that has been removed. Template updates (header.go.tmpl and footer.go.tmpl) were also implemented, along with styling and updated gitlab project stats repo fields. This consolidates key information into a single location for easy access.
A function to format dates into human-readable strings was added in date_format.ts, facilitating clearer date display on the website. The template now renders post lists using render_posts.go.tmpl rather than directly within the main layout, leading to cleaner code and easier maintenance. Breadcrumbs were updated to include both “Home” and the current post title. Card styling was added with subtle shadows and hover effects. Unnecessary sections were commented out. The post list now displays both date and title in a compact format with data attributes.
A CSS variables file (:root) was created, defining color palettes for primary, dark, light backgrounds, and accent colors to ensure consistent design across the application.
Several files were added or updated including docker/.env, shell/tables.txt (replaced by its content), and a database migration that adds a slug column to the post table. Additionally, several external dependencies have been added to the project’s Go module file (go.mod). These changes enhance maintainability and provide a foundation for future design refinements.
The page displaying project changes was enhanced with breadcrumbs, an “About Me” section redesign, and a table for presenting project data including commit counts, lines added/removed, and repository size. Sorting by change volume and conditional visibility based on user role were implemented. This provides more comprehensive project tracking information to the user.
A new analytics system was introduced with tables analytics and analytics_url, capturing session data like cookie IDs, locations, durations, and IP addresses. The implementation of a slug generation feature in the post creation process ensures consistent and shareable URLs. These features enable improved website analysis and tracking capabilities.
Finally, minor adjustments were made to styling, including spacing and padding refinements, a lighter background color, and a new button style (.btn-link-alt) for alternative link appearances.
In summary, today’s changes focused on improving the organization, presentation, and functionality of the website through data structure enhancements, visual updates, analytics implementation, and streamlined code management, all contributing to a more user-friendly and informative experience.
website development data structures ui/ux analytics go programming