datryllic.com

The static site at datryllic.com: a single holding page with the logo and the word reconfiguring.

No build step, no dependencies, no JavaScript. One HTML page and one stylesheet; fonts and images are self-hosted, so nothing here breaks when a third-party service goes away. Serve the directory and you have the site.

Layout

index.html            The page
404.html              Not-found page, same look
assets/css/site.css   The entire stylesheet
assets/fonts/         Lato 300, latin + latin-ext (SIL OFL 1.1)
assets/img/           Logo, favicons, OG image
CNAME                 datryllic.com — GitHub Pages custom domain
sitemap.xml           The one page
robots.txt

Every other top-level directory (about/, projects/, services/, contact/, privacy/, terms/) is a redirect stub to / for an old URL most likely to have inbound links or bookmarks. GitHub Pages cannot issue server-side redirects, so each stub is a zero-delay <meta http-equiv="refresh"> plus a <link rel="canonical"> — which search engines treat as a permanent redirect — and a visible fallback link. Once search engines have dropped the old pages, these can go too; anything else from the WordPress site already lands on 404.html.

Local preview

python3 -m http.server 8000

Then open http://127.0.0.1:8000/. Root-relative asset paths (/assets/...) mean the site must be served from a domain root, not a subdirectory — so preview locally rather than at https://<org>.github.io/website/.

Design

Clean, light, and quietly animated: the logo settles in, reconfiguring sits beneath it in wide-tracked Lato Light with a pulsing crimson node, and a thin indeterminate track sweeps underneath. Behind it all is a faint triangular lattice echoing the mark's facets. Every animation is disabled under prefers-reduced-motion.

The page stays light even in dark mode on purpose: the logo's lower facets are navy on a transparent background and disappear against a dark field.

Tokens are custom properties at the top of assets/css/site.css:

Token	Value	Use
--blue	#0A7ABA	brand primary
--blue-ink	#06679F	the word — 6.1:1 on white
--blue-light	#34ABE2	head of the sweeping track
--navy	#22284C	base text colour
--crimson	#D0174A	pulsing node, tail of the track
--field	#F5F7FA	page background

Deployment

Hosted on GitHub Pages, served from main at the repository root.

1. Push to the datryllic GitHub org.

2. Settings → Pages → deploy from branch main, folder / (root).

3. Set the custom domain to datryllic.com (the CNAME file already declares it).

4. At GoDaddy DNS, replace the A record (previously 160.153.0.130) with GitHub's four apex addresses, and point www at <org>.github.io:

   A     @     185.199.108.153
   A     @     185.199.109.153
   A     @     185.199.110.153
   A     @     185.199.111.153
   CNAME www   datryllic.github.io
   

   Leave the MX records alone. Mail is on Google Workspace and is entirely independent of where the website is hosted.

5. Once GitHub provisions the certificate, enable Enforce HTTPS.

6. Verify the apex, www, and a couple of redirect stubs. Confirm dig MX datryllic.com is unchanged and send yourself a test message.

7. Only then cancel the GoDaddy Managed WordPress plan — and keep the domain registration, which is the whole point of the exercise.

The old site was served with cache-control: max-age=2678400 behind GoDaddy's Cloudflare layer, so repeat visitors may see the WordPress version until their browser cache expires. That resolves itself.

Before tearing down WordPress

../wordpress-archive/ holds a crawl of the old site, including every page that is no longer carried over here. That crawl is not a backup — take a full GoDaddy export (files + database) before cancelling the plan.

Maintenance

There is nothing to update and nothing to patch. To change the word, edit index.html.