{"id":17221056,"url":"https://github.com/douginamug/dougwebb.site","last_synced_at":"2026-03-19T00:06:52.441Z","repository":{"id":234965611,"uuid":"789821147","full_name":"DougInAMug/dougwebb.site","owner":"DougInAMug","description":"personal website","archived":false,"fork":false,"pushed_at":"2025-06-18T22:42:26.000Z","size":31311,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-19T01:32:43.659Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DougInAMug.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-04-21T16:39:11.000Z","updated_at":"2025-06-18T22:42:31.000Z","dependencies_parsed_at":"2024-04-21T22:22:21.489Z","dependency_job_id":null,"html_url":"https://github.com/DougInAMug/dougwebb.site","commit_stats":null,"previous_names":["douginamug/dougwebb.site"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DougInAMug/dougwebb.site","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DougInAMug%2Fdougwebb.site","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DougInAMug%2Fdougwebb.site/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DougInAMug%2Fdougwebb.site/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DougInAMug%2Fdougwebb.site/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DougInAMug","download_url":"https://codeload.github.com/DougInAMug/dougwebb.site/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DougInAMug%2Fdougwebb.site/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29198178,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-07T14:35:27.868Z","status":"ssl_error","status_checked_at":"2026-02-07T14:25:51.081Z","response_time":63,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-15T03:54:11.497Z","updated_at":"2026-02-07T15:32:21.016Z","avatar_url":"https://github.com/DougInAMug.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [dougwebb.site](https://www.dougwebb.site/)\n\n## Purpose\n1. To provide a 'platform-independent', personal portal through which I can share:\n  1. my works, including but not limited to:\n    1. slides,\n    1. articles,\n    1. posts,\n    1. event invitations.\n  1. my rationale for the work I do,\n  1. connection details,\n  1. how I can support people/vice-versa.\n1. To learn and enjoy what's possible with modern web-design.\n\n## Design desires \n- mobile first\n  - all other devices a close second\n  - as in, check development with a phone. When happy, look at a larger screen.\n- simple\n  - 'less is more'\n  - 'it's perfect when nothing more can be taken away'\n  - progressive disclosure\n- accessible\n  - add alt-text to images\n  - don't otherwise mess up screen-readers\n  - big/clear enough navigation\n  - allow phone-users to navigate without strain injuries\n  - don't use prohibitive technologies (i.e. \u003e90% web user browser support.)\n- no jumping\n  - all content loaded in index.html, pages shown with checkbox hack/radio-buttons\n  - placeholders for loading images\n  - measures for desktop scrollbar width\n  - consistent element placement\n  - pre-fetching/loading/rendering if necessary\n\n## Local-serving for developing\ninstall node http-server\n\n```\n$\nnpm install -g http-server\n```\n\nserve without caching\n\n```\n$\ncd /path/to/baseDirectory\nhttp-server -c-1 -p 8080\n```\n\n## Nice CSS layout debugging\nUsing Dev Tools console\n\n```\n\u003e\u003e\n$$('*').map((A,B)=\u003eA.style.outline=`1px solid hsl(${B*B},99%,50%`)\n```\n\n## Web-design resources\n- html validator: https://validator.w3.org\n- on spacing: https://hackernoon.com/margin-or-padding-f5252562313\n- web accessibility in mind: https://webaim.org/intro/\n- nice use of gradients in buttons: http://cssdeck.com/labs/push-the-buttons\n- on avoiding broken links: https://4042302.org\n- a complex selector: https://hackernoon.com/margin-or-padding-f5252562313\n- amazing flex-box interactive: https://yoksel.github.io/flex-cheatsheet/\n- normalize css: https://necolas.github.io/normalize.css/\n- on css writing styles, BEM+ http://getbem.com/introduction/\n- Performance freaking: https://varvy.com/pagespeed/wicked-fast.html\n- js-free table filtering https://nddt-webdevelopment.de/html-css/filter-html-table-without-javascript-just-css\n- modern font-stacks https://systemfontstack.com/\n- web almanac https://almanac.httparchive.org/en/2020/\n- butterick's practical Typography https://practicaltypography.com/\n- devdocs reference https://devdocs.io\n\n## Inspiring websites\n- Aral Balkan's website: https://ar.al/\n- Zaarly's handbook: http://handbook.zaarly.com/#introduction\n- Edward Platt's website: https://elplatt.com/\n- Toon Claes's website: https://iotcl.com/\n- Matt Boldt's website: https://mattboldt.com\n- Max's website: https://maxlath.eu/\n- Wolfi's website: https://wolfi.space/\n- Chandi's website: https://chandi.it/\n- John Otander's site: http://johnotander.com/writing/\n- Liz Denys's website: https://lizdenys.com\n- William Casarin's website: https://jb55.com/\n- Joey Hess's Website: http://joeyh.name/\n- Grant Ford's website: https://poetgrant.press/\n- Douglas Blank's site: https://cs.brynmawr.edu/~dblank/\n- Wu-lee, metalsmith example: https://git.coop/wu-lee/metalsmith-ssg/tree/master\n- Glen Weyls (Quadratic voting guy) http://glenweyl.com\n\n- https://tallyco.in/\n\n# CSS notes\n\n- Use external stylesheets\n  - Don't use inline styling\n  - Don't use internal styling\n- Style using classes\n  - Don't style tags ('elements')\n  - Don't style IDs\n  - Don't use `!important`\n- Mobile first\n- Be BEMy http://getbem.com/\n  - Block     independent entity  .block          \n  - Element   dependent entity    .block__element \n  - Modifier  entity modifier     .block--modifier\n  - use modifier for external geometry (i.e. margin) to reuse blocks anywhere!\n- Margins collapse vertically\n  - Borders and padding don't.\n- 'max-width' shrinks, 'width' adds scrollbar\n- \"Percent is a measurement unit relative to the containing block.\"\n- Initial setting for `display: flex;`\n  - flex-direction: row;\n  - flex-wrap: nowrap;\n  - justify-content: flex-start;\n  - align-content: stretch;\n- http://learnlayout.com\n- http://paulcpederson.com/articles/css-for-people-who-hate-css/\n- \"Classes for styles, tags for semantics, IDs for references.\" https://codeburst.io/how-to-write-css-when-you-hate-css-feb5a235b7f1\n- border-bottom: 0.1rem solid darkslategray; /* Possibly nicer way to style hyperlink underlines\n\n# CSS questions\n- can I use 'css-variables' natively with support? (e.g. `navbar-height`)\n- global selector: * vs html vs body\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdouginamug%2Fdougwebb.site","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdouginamug%2Fdougwebb.site","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdouginamug%2Fdougwebb.site/lists"}