Improved typed salutations

Author: michaeljoseph

docs/index.md

@@ -1,36 +1,23 @@
 ---
-title: 👋
+title: 👋🤔 uh, is this on? <i>*taps 🎤*</i>
 hide:
   - toc
   - navigation
 ---
-<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
-<script>
-  var typed = new Typed('h1', {
-    startDelay: 000,
-    showCursor: false,
-    typeSpeed: 50,
-    strings: {{ salutation_permutations() }},
-  });
-  // todo: cycle avatar
-</script>
+![avatar](media/avataaar.png){ align=left height=200px width=200px }
+![avatar](media/shaggy.svg){ align=right height=200px width=200px }
 
 ## Michael Joseph
 
-![avatar](media/shaggy.svg){ align=left height=200px width=200px }
-
 I've [worked](/resume) in the computer / internet industry for the last {{ now().year - 1999}} years, primarily as a backend software engineer for web applications.
 
 For most of that time, I've either been the lead of a small developer team or provided technical leadership and engineering management roles.
 
 *[Michael Joseph]: yes, two first names, I know. MJ works as an internet handle, for people into the whole brevity thing as well as for disambiguation purpose
 
-{{ skills_badge_urls() }}
-
-
-
-
-
-
+----
+<br/>
 
+{{ skills_badge_urls() }}
 
+{{ typed_salutations() }}

justfile

@@ -3,3 +3,6 @@ serve:
 
 build:
     poetry run mkdocs build
+
+surge: build
+    npx surge site michaeljoseph.surge.sh

poetry.lock

@@ -18,6 +18,8 @@ toml = "^0.10.2"
 waybackpy = "^2.4.3"
 pyppeteer = "^0.2.5"
 mistune = {version = "2.0.0rc1", allow-prereleases = true}
+pybadges = "^2.2.1"
+requests-cache = "^0.8.1"
 
 [tool.poetry.dev-dependencies]
 bpython = "^0.21"

pyproject.toml

@@ -1,4 +1,8 @@
+from itertools import product
 from pathlib import Path
+import json
+import random
+
 
 def get_resume(format, name='resume'):
     # TODO: load by format
@@ -28,6 +32,55 @@ def experience_skills(job_id=None):
 
     return [s.strip() for s in skills[job_id].split('+') if s]
 
+
+def salutation_permutations():
+    """Say 'Hello, my name is' in a bunch of ways"""
+    hellojis = '👋 🌊 🙋 🖖'.split()
+
+    hello = (
+        'hello sawubona haai molo dumela'
+        'hi yo sup hiya hey howzit hoesit aweh hola heita'
+    ).split()
+    hello.extend(['whakind eksê', 'hoe lyk it'])
+
+    my_names_are = [
+        'my name is',
+        'my naam is',
+        'igama lami ngu',
+        'lebitso la ka ke'
+    ]
+
+    salutation_permutations = list(product(
+        hellojis, hello, my_names_are
+    ))
+    random.shuffle(salutation_permutations)
+
+    salutations =  [ 
+        f'🤓{emoji} {hello}, {my_name_is} '
+        for emoji, hello, my_name_is in salutation_permutations
+    ]
+    return salutations
+
+
+TYPED_JS = "https://cdn.jsdelivr.net/npm/typed.js@2.0.12"
+def typed_salutations():
+    return typed_js('h1', salutation_permutations())
+
+def typed_js(dom_element, things_to_type):
+    options = json.dumps(dict(
+        smartBackspace=True,
+        startDelay=3000,
+        showCursor=False,
+        typeSpeed=50,
+        strings=things_to_type,
+    ))
+ 
+    return '\n'.join([
+        f'<script src="{TYPED_JS}"></script>',
+        f"<script>var typed = new Typed('{dom_element}', {options});</script>",
+    ])
+
+
 BADGE_URL_TEMPLATE = "https://img.shields.io/badge/{badge_name}?style={style}&logo={logo}&logoColor={colour}"
 SKILL_BADGE_MAP = {
     # browsers
@@ -81,36 +134,18 @@ def generate_badge_url(skill):
         'badge_name style logo colour'.split(),
         [skill_id, 'for-the-badge', skill, 'white'],
     )))
+def skills_badge_urls(company=None):
+    badges = [
+        generate_badge_url(skill)
+        for skill in experience_skills(company)
+    ]
+    # remove unrecognised skills
+    badges = [b for b in badges if b]
+
+    return ' '.join([f'<img src="{url}"/>' for url in badges])
+
+
 
 def define_env(env):
-    @env.macro
-    def skills_badge_urls(company=None):
-        badges = [
-            generate_badge_url(skill)
-            for skill in experience_skills(company)
-        ]
-        # remove unrecognised skills
-        badges = [b for b in badges if b]
-
-        return ' '.join([f'<img src="{url}"/>' for url in badges])
-
-    @env.macro
-    def salutation_permutations():
-        howzits = 'hi yo sup howzit hiya hello'.split()
-        hellojis = '👋 🌊 🙋 🖖'.split()
-        # TODO: sample mood-db => moodmoji
-        # TODO: local/pure-py translation?
-        my_names_are = [
-            'my name is',
-            'my naam is',
-            'igama lami ngu',
-            'mi nobre es',
-            'my name is',
-        ]
-        return [
-            '👋 hi, my name is',
-            '👋 hi, my naam is',
-            '👋 hi, igama lami ngu',
-            '👋 hi, mi nobre es',
-            '👋 hi, my name is',
-        ]
+    env.variables['skills_badge_urls'] = skills_badge_urls
+    env.variables['typed_salutations'] = typed_salutations