diff --git a/.eleventy.js b/.eleventy.js index d329345..a29f700 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -8,6 +8,7 @@ const EleventyVitePlugin = require("@11ty/eleventy-plugin-vite"); const activeSection = require("./src/_shortcodes/active-section"); const ariaCurrent = require("./src/_shortcodes/aria-current"); +const availability = require("./src/_shortcodes/availability"); const { humanPostDate, isoPostDate } = require("./src/_filters/date"); @@ -18,6 +19,7 @@ module.exports = function (eleventyConfig) { eleventyConfig.addShortcode("activeSection", activeSection); eleventyConfig.addShortcode("ariaCurrent", ariaCurrent); + eleventyConfig.addShortcode("availability", availability); eleventyConfig.addFilter("humanPostDate", humanPostDate); eleventyConfig.addFilter("isoPostDate", isoPostDate); diff --git a/src/_data/global.json b/src/_data/global.json index 71749ef..dd5e52b 100644 --- a/src/_data/global.json +++ b/src/_data/global.json @@ -1,6 +1,5 @@ { "availability": true, - "availabilityDate": "from March 2024 onwards", "baseUrl": "https://jegtnes.com", "siteName": "Alex Jegtnes", "twitter": "@jegtnes" diff --git a/src/_shortcodes/availability.js b/src/_shortcodes/availability.js new file mode 100644 index 0000000..5505796 --- /dev/null +++ b/src/_shortcodes/availability.js @@ -0,0 +1,13 @@ +module.exports = function availability(availability, availabilityString, short = false) { + if (short) { + if (!availability) return "None currently"; + if(availabilityString && availabilityString.length) return `from ${availabilityString}`; + return "Currently available"; + } + + if (!availability) return "I presently have no availability for new engagements."; + + if(availabilityString && availabilityString.length) return `I have availability for new engagements from ${availabilityString}, either remotely or on-site in London.`; + + return "I have current availability for new engagements, either remotely or on-site in London."; +}; diff --git a/src/_styles/global.css b/src/_styles/global.css index 89393bd..f8700a8 100644 --- a/src/_styles/global.css +++ b/src/_styles/global.css @@ -141,6 +141,8 @@ nav ul li { margin-block-end: var(--space-m); width: 100%; max-width: 20em; + height: auto; + width: auto; } .container__full-bleed, diff --git a/src/index.njk b/src/index.njk index b6a856e..3dc6da7 100644 --- a/src/index.njk +++ b/src/index.njk @@ -6,10 +6,11 @@ layout: page.njk introHalfBleed: true eleventyComputed: intro: - A photo of me, cropped at just below the shoulders. I have shoulder-length, wavy, blond hair, blue eyes, and wearing black, rounded rectangular glasses. -

I'm an independent web development contractor based in London with ten years of experience. I develop fast, accessible, and beautiful websites and web apps.

+ A photo of me, cropped at just below the shoulders. I have shoulder-length, wavy, blond hair, blue eyes, and wearing black, rounded rectangular glasses. +

I'm an independent web development contractor based in London with ten years of experience. I develop fast, accessible, and beautiful websites and web apps for everything from small design studios to banks and newspapers.

+

At the heart of my approach is facilitating excellent cross-team communication without getting bogged down in bike-shedding, breaking down barriers to collaboration, and helping find that ever-tricky balance between perfection and shipping.

{% if global.availability %} -

I have availability for new projects {{ global.availabilityDate }}, either remotely or on-site in London.

+

{% availability global.availability, global.availabilityString %}

See what I can do for your organisation {% endif %} --- diff --git a/src/work-with-me.md b/src/work-with-me.md index 1465ef0..6a6d5c5 100644 --- a/src/work-with-me.md +++ b/src/work-with-me.md @@ -4,10 +4,10 @@ layout: page.njk description: Hire Alex Jegtnes, a versatile freelance front-end developer with ten years of experience working for everything from small design studios to banks and newspapers. eleventyComputed: twitterLabel1: Availability - twitterData1: "{%if global.availability%}{{global.availabilityDate}}{%else%}None{%endif%}" + twitterData1: "{% availability global.availability, global.availabilityString, true %}" twitterLabel2: Proficiencies twitterData2: JavaScript, well-crafted HTML & CSS, accessibility, React, web performance - intro:

Hi there! I'm Alex, an independent web development contractor based in London. I develop fast, accessible, and beautiful websites and web apps.

{% if global.availability %}

I have availability for new projects {{ global.availabilityDate }}, either remotely or on-site in London.

I have ten years of experience working with clients ranging from startups and design studios to large corporations and banks. Read on to find out what I can bring to your organisation.

{% endif %} + intro:

Hi there! I'm Alex, an independent web development contractor based in London. I develop fast, accessible, and beautiful websites and web apps.

{% if global.availability %}

{% availability global.availability, global.availabilityString %}

I have ten years of experience working with clients ranging from startups and design studios to large corporations and banks. Read on to find out what I can bring to your organisation.

{% endif %} --- ## Quick summary @@ -96,6 +96,6 @@ Speaking of responsive images, in the dark days when responsive images weren't n ## Let's make a nice website together? -If my skills sound relevant to anything you need help with I'd love to hear from you and to discuss your next project. +If my skills sound relevant to anything you need help with, I'd love to hear from you and to discuss your next project. Toss an email my way!