Releases: MollyMaclachlan/website
1.2.1
- Added 'Hardlimit' accounts to the Accounts page.
- Fixed overflow occurring on pages that shouldn't have enough content to trigger one. (Thanks @TimJentzsch!)
- Removed
empty.css
, as it is no longer needed due to this fix.
- Removed
- Fixed 'Go to account' button for NexusMods directing to a specific mod instead of my account profile.
- Adjusted width of 'Go to account' buttons, keeping the text on one line for browser minimum font sizes up to 15px.
- Adjusted positioning of account list so that longer website names to do not flow over the boundaries of the page container.
- Adjusted size of pronouns.page banner and positioning of footer on
identity.html
, removing overflow on 1080p+ without significantly reducing image size. - Deleted all external favicons now that they are no longer used.
- Removed mention of external favicons on Legal page.
1.2.0
- Completely revamped the Accounts page.
- Added a list of accounts to choose from the side, instead of showing all descriptions at once in one huge list.
- Added full entries for inactive accounts.
- Added 'Go to account' button as a more visible alternative to in-paragraph hyperlinks.
- Added activity indicators for all accounts (active, periodic, dormant, inactive).
- Added new 'Belletristica' account to accounts list.
- Removed 'Inkitt' and 'Sweek' from accounts list, as those accounts have been deleted.
- Removed website favicons, as they did not fit in with the new theme and may have been legally questionable.
- To support these changes, added an
accounts.js
single-page script and anaccounts.css
extension stylesheet.
- Switched from Linux Libertine font to Linux Biolinum font, as it is more readable and I personally prefer it.
- Buttons are now highlighted when the cursor hovers over them.
- Enforced cursor to display as a pointer when hovering over navigation links in headers, lists and blockquotes.
- Fixed typos, unnecessary tags and misplacement of closing tags on various pages.
- Removed trailing
.html
from the link in the 'Writing' navigation button. This removes.html
from the URL on the GitHub hosted site (Codeberg adds the extension back in).
1.1.1
- Switched main website and repository host to Codeberg.
- Added original GitHub repository as a push mirror for the Codeberg repository.
- Changed most GitHub references to Codeberg references.
- Kept GitHub pages site as a mirror to cover any Codeberg downtime not directly related to commits.
- Made the domain listed in the footer copyright notice vary depending on which instance is being viewed.
- Added Codeberg site to the status monitor.
- Updated Home page:
- Removed "Welcome" section.
- Added yin-yang logo as an avatar image.
- Horizontally centred elements.
- Moved Writing section of the Endeavours page to part of the new 'Writing' page.
- Created Poetry subpage for the new Writing page.
- Updated Accounts page:
- Added Codeberg entry.
- Relegated DeviantArt to the inactive account list.
- Switched all remaining PNG images to WEBP, resulting in a 20%-60% reduction in file size in most cases.
- Fixed cookie handling on Chromium (tested on Chromium Ungoogled & Falkon).
- Switched to using pre-line whitespace.
- Updated figcaption styling:
- Increased font size.
- Removed italics.
- Adjusted positioning of the theme & font buttons.
- Removed unused 'class="empty"' declarations in some pages' body tags.
1.1.0
- Switched default font to Linux Libertine.
- Added button for switching between the new (serif) and old (sans-serif) font styles. Uses cookies.
- Improved readability and mobile experience:
- Increased font size of headings, paragraphs and the footer.
- Added small gaps between navigation buttons to make them more individual.
- Switched main logo font from UHC Chancery W to the more redable Linux Libertine.
- Very slightly darkened text colour on dark theme to improve contrast with links.
- Updated accounts page:
- Accounts are now listed in 2 columns instead of 3.
- Image previews and video embeds are larger.
- Added new accounts on Inkitt & Sweek to the inactive account list.
- Relegated Tumblr & Wattpad to the inactive account list.
- Added notes explaining the inactivity of some accounts.
- Removed some excessive details that were cluttering up the "About Me" section on the home page.
- Updated copyright notice in the footer:
- Added middle initial.
- Extended copyright from 2021 to 2021-present.
- Switched from .png to .webp for logo and button images.
- Improved positioning of the main logo.
- The main logo no longer hides before the theme and font buttons would overlap it.
- Changed some hex codes in the CSS to use shorter codes (e.g. #FFFFFF -> #FFF).
- Temporarily broke cookie handling and then fixed it again.
1.0.6
I have a blog now! Externally-hosted, but linked through the blog button on my website. JavaScript was just too much of a pain for me to handle hosting my own blog. For this purpose, here's the changelog:
- Removed
blog.html
- Changed the header in
constructor.js
to link to my Wordsmith blog - Added a folder for hosting images used on the blog (Wordsmith doesn't allow image uploads but does let you link from outside sources, and I don't want to use imgur)
1.0.5
- Added a 'Music' section to the Endeavours page.
- Fixed YouTube video embeds.
1.0.4
This update was a small patch to fix the additional script insertion introduced in the initial 2021-09-17 update. The inserted scripts were not running due to me not knowing how JavaScript and HTML work.
1.0.3
Summary
- Centralised the header, footer and universal scripts using
constructor.js
- Added a system to change the favicon and footer based on real-life events
- Expanded and/or clarified some account blurbs
- Improved the code quality of
themes.js
- Reorganised the CSS folder
- Minor styling adjustment in
empty.css
Details
The main goal of this update was to centralise the headers and footers of pages. These aspects are almost entirely the same across all pages, and the repetition of them on all HTML files was contributing to a large portion of the website's size, thus bloating it somewhat. The easiest way to overcome this was simply to include the sections once only and have a script format them into the pages as needed.
On a base level, this is a very simple operation, one already aided by my use of the unique divs, header-container
and footer-container
, for styling purposes. This made it easy to implement a basic constructor.js
script that stored the header and footer HTML as literals which could be inserted into these divs with a simple insertAdjacentHTML()
call. However, it was here that I encountered my first issues.
I'd forgotten that while the footer is universally consistent, the header is not - not quite, at least. For the four main pages of the site, those that the navigation buttons allow you to navigate to, the relevant button will be highlighted to indicate what page you are on. This required the addition of a function, proccessSelectedButton()
, to fetch the title of the page and highlight the correct button (if any) based on that.
Finally, noticing the additional potential presented by this new constructor script, I had it insert the additional universal scripts themes.js
and events.js
(a new addition) in order to cut down duplication even more.
Speaking of events.js
, I had been planning to add event-based favicons ad footer snippets for a while, and on a whim, I decided to do it for this update. The new events script consists of a few snippets of text for the footer and a small section to detect the date. On certain dates, currently including International Asexuality Day, LGBT+ Pride Month and Hallowe'en, it will change the favicon source and insert the appropriate footer snippet.
Additionally for this update, there were a few minor or under-the-hood changes. I cleaned up themes.js
a little, making some small improvements to the quality of the code there, and expanded/clarified a few of the blurbs on the Accounts page. I also reorganised the CSS folder so that empty.css
is now in a subfolder named extensions
, allowing for a more well-organised structure if and when I make pages that need more additional styling. On the topic of styling, the final change is a minor styling adjustment in empty.css
that almost no one will notice.
1.0.2
Summary
- Switched all image files to internal hosting rather than relying on other websites
- Restructured favicon handling to allow for multiple favicons
- Made the Great Helm Sketch preview a link to the full image
Details
This update was born due to a disinclination to rely on other websites for image hosting. It was a very simple change, simply requiring the download of all externally-hosted images and some changes to the HTML to update for the new sources. This was first done with all favicons, then with larger image previews.
Hopefully, this will have an improvement on the speed and reliability of the site, as it can fetch images quickly from within its own structure and will not be affected by downtime on other sites. A bonus of downloading the larger previews meant that it was easy to turn the Great Helm Sketch preview into a link to the full image, as it no longer required an extremely long external URL.
Another section of this update was the restructuring of the static/img
folder. The folder favicons
was created, containing an external
subfolder for all external favicons, i.e., the logos from other websites as seen on the Accounts page. The favicon of the site was also moved to the favicon
folder, in preparation for adding dynamic favicons.
1.0.1
The first major update since creation on 2021-09-10.
Summary
- Restructured backend of HTML and CSS to fix an issue with display on different resolutions
- Reworked footer styling management to address a problem with pages that do not overflow on the y-axis
- Readability and organisational improvements within HTML files
- Organisational improvements within CSS files
Details
Work on this update began after an issue with the website's display on separate resolutions was identified. Due to the use of percentages to determine the width of the page, when placing it on smaller resolutions it quickly became much harder to read. Switching to a set max-width
and including margin: auto;
to make whitespace dynamic was an easy fix for this, however, another issue arose as a result.
Originally, a class was being used to determine two different types of footers. The first was relative
, which applied to footers on pages with enough content to overflow. On pages that didn't have that content, however, the type of footer was absolute
, and absolute positioning is Hell itself, especially if you're trying to synchronise widths.
Here the solution was found in display: flex
, which I don't really understand and I just copied CSS from StackOverflow then fiddled with it until it worked. After the introduction of empty.css
, a secondary stylesheet now applied to pages without enough content to overflow, the footers worked fine. All that empty.css
is itself is a small height and padding adjustment to stop the footer from sliding off the bottom of the page, which it was wont to do.