jakejarvis / jarv.is Goto Github PK

https://developers.cloudflare.com/turnstile/

...continued from #11

• copy button tooltip
• view counts on /notes/
• full post text in rss/atom feeds
• /stats should be a table form of /api/hits
• copy button tooltip
• proper type comments
• draft option in front matter
• pagination
• port hugo image size logic https://github.com/jakejarvis/jarv.is/blob/v4/layouts/partials/functions/optimize-image.html
• linked inline code isn't blue
• 404 page
• linkable images
• /stats page
• code block line numbers
• extra padding on right side of code blocks (for copy button)
• sentry/nextjs https://github.com/vercel/next.js/tree/canary/examples/with-sentry
• research react -> preact in production??? https://github.com/preactjs/next-plugin-preact
• formik for contact form
• useTheme() hook - https://github.com/primer/react/blob/main/src/ThemeProvider.tsx
• code in post titles
• menu icon spacing on mobile
• #717
• #715
• RSS feed / sitemap
• API JS to TS
• group notes list by year

An ongoing list of potential blog posts:

• keyoxide how-to
• next.js dynamic feeds, sitemap, etc.
• Hugo ➡️ Next.js
• common CSP for embeds
• Tor/onion mirror for static sites
• link rot on HN
• please stop using recaptcha - firefox vs chrome
• Hugo tips & tricks
• tailwind is bad....
• migrating from Travis to GitHub Actions
• how to: restricting HTTP/S traffic on Ubuntu to Cloudflare IPs https://github.com/jakejarvis/cloudflare-ufw-updater
• tor-funneled VM with whonix & virtualbox
• how to: build firefox extension from source
• how to: google forms/sheets, filter by answer: =filter('All Events'!A:Z,'All Events'!H:H="International, Other")
• how to take full advantage of ZSH/oh-my-ZSH (jakejarvis/dotfiles) – maybe replace outdated dotfiles post with this?
• optimizing Hugo for Netlify
• using netlify as reverse proxy
• 3D Touch - an unnecessary eulogy
• Mobile app trackers worst offenders on iOS
• Ubuntu automatic apt updates
• TestFlight public betas
• best static host
• how to: rename master branch on github
• How To: Add Dark Mode to a Website
• I made a thing, powered by Windows Me
• Bye bye Dropbox
• netlify analytics review
• presidential candidates 404 pages
• how to: writing a simple github action
• GitHub Actions review
• Bernie's BERN app
• animated waving hand emoji with pure CSS
• forking github branch for pull request
• Interesting Shodan queries
• Bash file dotfiles
• Shrinking Linux VM disks

Might as well investigate for fun....?

URL tested: https://jarv.is/

Open URL on Browserstack

Screenshot Attached
Screenshot URL

Click here to reproduce the issue on Browserstack

Dependabot couldn't find a go.mod for this project.

Dependabot requires a go.mod to evaluate your project's current Go dependencies. It had expected to find one at the path: /go.mod.

If this isn't a Go project, or if it is a library, you may wish to disable updates for it from within Dependabot.

View the update logs.

New list for v5 (Next.js): #714

• add reference to npm module in dark mode post: https://jarvis-l3fptkdan-jakejarvis.vercel.app/notes/dark-mode/
• throw error if {{< image >}} is used on non-local resource
• edge-to-edge images on mobile view
• taxonomy list pages for post tags
• algolia search (#50) public algolia search box
• 404 page w/ main layout
• header anchor links (chain symbol on hover like GitHub markdown)
• add loading indicator to https://jarv.is/projects/ — like the hit counter spinner:

  jarv.is/assets/sass/components/_animation.scss

  Lines 20 to 42 in 034babd

  	.spinner {
  	width: 20px;
  	text-align: center;
  	display: inline-block;
  	> div {
  	width: 5px;
  	height: 10px;
  	display: inline-block;
  	animation: loader 1.4s infinite ease-in-out both;
  	@include colors() {
  	background-color: c(medium-light);
  	}
  	}
  	.spin-bounce1 {
  	animation-delay: -0.32s;
  	}
  	.spin-bounce2 {
  	animation-delay: -0.16s;
  	}
  	}

• sticky nav bar
• theme color options in config.toml
• redo syntax highlighting colors from scratch
• dark mode (without JS ideally?)
• native hugo nav menu config
• add netlify dev --live script to package.json with proper baseURL
• uses page https://kentcdodds.com/uses/ https://github.com/wesbos/awesome-uses
• extract copy & pasted image resize logic from shortcodes/headers https://gohugo.io/templates/partials/#returning-a-value-from-a-partial
• allow HTML in image captions
• https://gohugo.io/templates/shortcode-templates/#checking-for-existence
• https://gohugo.io/functions/path.join/
• switch AMP font to Roboto Inter
• background color for footer? (swap bg of whole <body> to gray, bg of <main> to white)
• line numbers in code blocks (requires messing with tables) https://gohugo.io/getting-started/configuration-markup/#highlight
• JSON keywords: extract string generation
• templates: switch ifs to withs
• fix HR top/bottom margins
• AMP video fallback message always shows
• h-card -> json schema
• add og:image width and height meta tags
• fix logo padding on video pages
• look into AMP
• safe HTML on rss feed
• open graph timestamp
• noindex on non-pages? or remove from sitemap.xml? (/notes)
• match syntax highlighting on AMP pages with regular light mode color scheme

ambitious:

• release theme as independent repo

need to somehow change the themes in real-time of the following external embeds:

• tweets (theme oembed parameter but that won't work in real time)
• codepen (theme-id iframe param)
• c986676 & c3f46dd utteranc.es (script data-theme attribute [then reload?])
• gists (easy via custom CSS)

...now that they're blocks

https://percy.io/jakejarvis/jarv.is/builds/6702601

https://docs.percy.io/docs/capturing-lazy-loading-images

Note: will involve migrating from direct PlanetScale connections to going through Prisma's (free) data proxy service:

• https://www.prisma.io/docs/data-platform/data-proxy#edge-runtimes
• https://www.prisma.io/blog/database-access-on-the-edge-8F0t1s1BqOJE

URL tested: https://jarv.is/

Open URL on Browserstack

Screenshot Attached
Screenshot URL

Click here to reproduce the issue on Browserstack

Tags in posts are not clickable.