48 lines
3.8 KiB
JavaScript
48 lines
3.8 KiB
JavaScript
var __defProp = Object.defineProperty;
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __export = (target, all) => {
|
|
for (var name in all)
|
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
};
|
|
var __copyProps = (to, from, except, desc) => {
|
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
for (let key of __getOwnPropNames(from))
|
|
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
}
|
|
return to;
|
|
};
|
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
var stdin_exports = {};
|
|
__export(stdin_exports, {
|
|
default: () => _2021_02_12_blog_redesign_changelog,
|
|
metadata: () => metadata
|
|
});
|
|
module.exports = __toCommonJS(stdin_exports);
|
|
var import_index_10ac95e2 = require("./index-10ac95e2.js");
|
|
const metadata = {
|
|
"title": "Website Design 2.0 Changelog",
|
|
"author": "Thomas Wilson",
|
|
"date": "2021-02-12T00:00:00.000Z",
|
|
"draft": false,
|
|
"tags": ["redesign", "technical"],
|
|
"slug": "2021-02-12-website-design-2-0-changelog"
|
|
};
|
|
const _2021_02_12_blog_redesign_changelog = (0, import_index_10ac95e2.c)(($$result, $$props, $$bindings, slots) => {
|
|
return `<p>I\u2019ve redesigned the blog. This post just covers the technical whats and hows of it all.</p>
|
|
<h2>What\u2019s changed ?</h2>
|
|
<ul><li><strong>New Dark theme colours</strong>: Look around. Look at this dark purply-grey. Look at the same brand-orange, and the deliciously crisp white text. New colours!</li>
|
|
<li><strong>100% More Portfolio</strong>: I completely revamped the homepage so that it actually showcases my writing and my work. The content isn\u2019t hidden behind anything anymore.</li>
|
|
<li><strong>50% Less Bio</strong>: I\u2019ve shortened bios and text on the home page, they made the site feel a lot more static and like a placeholder site than I wanted.</li>
|
|
<li><strong>Blog Series Highlight</strong>: I\u2019ve highlighted, and made accessible, certain series on my blog (like my \u201CThings Week I Learned\u201D series). You can now filter for just these posts on the blog page.</li>
|
|
<li><strong>Personal Brand</strong>: The site sizzles a little bit more with personal brand and little \u201Cmoments\u201D in the UI. It\u2019s a \u201Cwebsite experience\u201D. This includes little self-aware UI labels which seem very post-modernist and bring me joy.</li>
|
|
<li><strong>Tags</strong>: I added tags to blog posts. They don\u2019t do anything right now though lol.</li></ul>
|
|
<h2>Yeah but how?</h2>
|
|
<p>I bloody love talking about workflows and processes. By brevity here is a mercy and a kindness:</p>
|
|
<ul><li><strong>Design</strong>: Any and all visual design was done in <a href="${"https://www.figma.com/about/"}" rel="${"nofollow"}">Figma</a>. I bloody love Figma.</li>
|
|
<li><strong>Code</strong>: This site was, and remains, a static site built with <a href="${"https://www.gatsbyjs.org/"}" rel="${"nofollow"}">Gatsby</a> (and therefore on <a href="${"https://reactjs.org/"}" rel="${"nofollow"}">React</a> and <a href="${"https://graphql.org/"}" rel="${"nofollow"}">GraphQL</a>)</li>
|
|
<li><strong>Deployment</strong>: <a href="${"https://www.netlify.com/"}" rel="${"nofollow"}">Netlify</a>, and they do a <em>stunning</em> job.</li>
|
|
<li><strong>Writing</strong>: Everything is Markdown (<a href="${"https://thomaswilson.xyz/blog/2021-01-10-an-ode-to-plaintext-notes"}" rel="${"nofollow"}">markdown is cool</a>). I write with <a href="${"https://ia.net/writer"}" rel="${"nofollow"}">iA Writer</a> for longer pieces (like this) and <a href="${"https://ia.net/writer"}" rel="${"nofollow"}">Obsidian</a> for research and emergent writing.</li></ul>`;
|
|
});
|