Commit Graph

3688 Commits

Author SHA1 Message Date
James Fenn
2da5e572e4 replace twitch clip embed with iframe 2023-10-20 14:47:31 -04:00
James Fenn
28ab572c41 create rehype transformers to change iframe urls for oembed 2023-10-20 14:46:58 -04:00
James Fenn
c7f6ee4a9e update CONTRIBUTING.md to reflect the nested content structure 2023-10-20 14:09:46 -04:00
James Fenn
f4e7ad117d reimplement post excerpt functionality from ExtendedPostInfo 2023-10-20 14:09:46 -04:00
James Fenn
9e78d5038b fix vercel not liking the import type syntax 2023-10-20 14:09:46 -04:00
James Fenn
65c3a34d6c fix invalid relative server paths being generated 2023-10-20 14:09:46 -04:00
James Fenn
e91f9f4c3e fixed the most baffling build error 2023-10-20 14:09:45 -04:00
James Fenn
5f67a81df3 refactor url-paths logic, document relative/absolute path behavior 2023-10-20 14:09:45 -04:00
James Fenn
50f8bf2814 various fixes for custom FFG collection page 2023-10-20 14:09:44 -04:00
James Fenn
3828f9fb3e migrate all content to nested folder structure 2023-10-20 14:09:44 -04:00
James Fenn
26a2343ad3 fix type errors, remove now-unused extended types 2023-10-20 14:09:43 -04:00
James Fenn
f50c38cff7 fix search page null errors in search tests 2023-10-20 14:09:43 -04:00
James Fenn
ba9ef2542c add post/word counts to object types 2023-10-20 14:09:42 -04:00
James Fenn
aa3ebfbcea add unicorn data to search API response, fix type errors 2023-10-20 14:09:42 -04:00
James Fenn
84d85ceb69 initial refactor for content folder restructuring (broken search page) 2023-10-20 14:09:41 -04:00
James Fenn
ca924824bc [UwU] Unicorn Utterances Redesign (#497)
Unicorn Utterances is currently undergoing a significant redesign to
update all of our styling to meet a more consistent and friendly
standard! We're working really hard to make this project a success.

Preview URL: https://unicorn-utterances-git-uwu-oceanbit.vercel.app/

- [x] General utilities:
  - [x] Breakpoints
  - [x] Color tokens (missing primary button colors)
  - [x] Updated font specs
- [x] Generated social images
- [x] Hardcoded social images
- [x] / (**James**)
  - [x] Migration to new SCSS/structure
  - [x] Dynamic logo banner image
  - [x] ~~Animated sticker logo (V2)~~
  - [x] Full design implementation
  - [x] Quality check
- [x] /page/[num] (**James**)
  - [x] Migration to new SCSS/structure
  - [x] Pagination components
  - [x] Full design implementation
  - [x] Quality check
- [x] /search/ (this is a new route + component) (**Corbin**)
- [x] Initial design (no dynamic search functionality, just
components/links)
  - [x] Functionality implementation
**Not** including filters or any additional functionality from the
current site in V1; this is just redesigning components
  - [x] Integration tests
- [x]
[A11Y](https://www.scottohara.me/blog/2022/02/05/dynamic-results.html)
  - [x] Initial state
  - [x] Failure state
  - [x] Loading state
  - [x] No results found
  - [x] ~~Filter by...~~ (v2)
  - [x] Updated UI for number of results
  - [x] A11Y fixes
  - [x] Grid update
  - [x] Plausible analytics
  - [x] Quality check
- [x] /about/ (**James**)
  - [x] Migration to new SCSS/structure
  - [x] Full design implementation
  - [x] **Credits/licenses page for logo usage**
  - [x] Quality check
- [x] /unicorns/[username] (**Xeno**)
  - [x] Migration to new SCSS/structure
  - [x] Full design implementation
  - [x] Add achivements
  - [x] Quality check
- [x] ~~/unicorns/[username]/page/[num]~~
This is just a link to the search page with the author's name as a query
  - [x] ~~Migration to new SCSS/structure~~
  - [x] ~~Full design implementation~~
  - [x] ~~Quality check~~
- [x] /posts/[slug] (**Corbin**)
  - [x] Migration to new SCSS/structure
  - [x] Table of Contents
  - [x] Series/Collections Table of Contents
  - [x] Remove Comments
  - [x] Metadata/forms footer
  - [x] Markdown styling
    - [x] Table
    - [x] Codeblock
    - [x] Unordered List
    - [x] Ordered List
    - [x] Blockquote
    - [x] Blockquote Notes & Warnings
    - [x] Tabs
    - [x] Hints (/ collapse elements)
    - [x] Iframe click-to-run
    - [x] File list
  - [x] Full design implementation
  - [x] Quality check
- [x] /collections/[slug] (**Corbin**)
  - [x] Migration to new SCSS/structure
  - [x] Full design implementation
  - [x] Quality check
- [x] /404 (**Corbin**)
  - [x] Migration to new SCSS/structure
  - [x] Full design implementation
  - [x] Quality check
- [x] /confirm (**Corbin**)
  - [x] Migration to new SCSS/structure
  - [x] Full design implementation
  - [x] Quality check
- [x] /thanks (**Corbin**)
  - [x] Migration to new SCSS/structure
  - [x] Full design implementation
  - [x] Quality check

https://www.figma.com/file/Ul8KB1Sc6etCNTRCRSc27z/UwU-System
2023-10-20 12:36:51 -04:00
Corbin Crutchley
cc367245fa [UwU] Fix ToC tab headings (#838)
Fixes tab headings being included in the table of contents because of
incorrect plugin order.
2023-10-19 22:52:45 -07:00
James Fenn
6fab84befa fix tab headings being included in the ToC heading map 2023-10-20 01:13:31 -04:00
James Fenn
3c6ba60448 [UwU] Fix twitch clip player embedder (#834)
Changes any "clips.twitch.tv" URL to the correct twitch embed URL
format.

Fixes #829
2023-10-19 14:12:36 -04:00
Corbin Crutchley
7f397aa55e [UwU] Fix search caret color (#837)
- Fix search caret color not displaying correctly on dark theme
- Fixes #822
2023-10-19 11:12:08 -07:00
Corbin Crutchley
9a2cb77b50 fix: show "Twitch Embed" instead of "Twitch Error" 2023-10-19 11:10:34 -07:00
Corbin Crutchley
76f66a45ab Fix typo in angular error behavior post description (#836)
Fixes #827
2023-10-19 10:47:39 -07:00
James Fenn
e3423a32d1 fix #822 - add caret-color to search input styles 2023-10-19 13:42:52 -04:00
James Fenn
b76029a8e8 fix typo in angular error behavior description 2023-10-19 13:33:49 -04:00
James Fenn
ef47527135 fix twitch embedder to transform clip URLs 2023-10-19 13:23:25 -04:00
James Fenn
9039d7649c [UwU] Fix series heading behaving as a "copy link" target (#833)
- Fixes the series title heading order (`h2` -> `h3`)
- Prevents it from acting as a "copy link" heading, which overrode the
`<a>` click behavior:


![2023-10-19-115155_770x459_scrot](https://github.com/unicorn-utterances/unicorn-utterances/assets/13000407/21a9b800-d90d-4b70-aaf9-099654a37c9e)
2023-10-19 13:05:34 -04:00
James Fenn
733fc0e7e5 fix grid-template-columns breakpoint specificity 2023-10-19 12:50:02 -04:00
James Fenn
94eae043da fix post content centering when the page sidebar is hidden 2023-10-19 12:45:43 -04:00
James Fenn
666c3c44dc revert post layout grid changes (broken layout) 2023-10-19 12:28:08 -04:00
James Fenn
3b3e04ff6d fix word count toLocaleString 2023-10-19 12:12:39 -04:00
James Fenn
a4467b593f move post series ToC and translation list to post header instead of post contents 2023-10-19 12:12:38 -04:00
James Fenn
4ae8450667 fix series heading acting as a "copy link" target 2023-10-19 12:08:11 -04:00
Corbin Crutchley
b10a40ce05 [UwU] CSS article fixes (#828)
This PR improves the CSS article by @ljtechdotca by:

- Removing manual spacing in post images
- Adding alt text

I also noticed the original link 404s. I've reached out to LJ to ask if
he'd like to remove the `originalPost` tag and move it to UU as the
canonical link
2023-10-19 09:06:45 -07:00
Corbin Crutchley
141f9c7dbf [UwU] Conditionally hide TOC (#832)
This PR fixes an issue of empty space when there are no headings to
display in the TOC

# Before

## Desktop

<img width="1218" alt="image"
src="https://github.com/unicorn-utterances/unicorn-utterances/assets/9100169/a1ffe6f6-8f01-4f49-8775-59d0ea0d407f">

## Tablet Large

<img width="627" alt="image"
src="https://github.com/unicorn-utterances/unicorn-utterances/assets/9100169/65064da4-041f-46a3-9c00-7c0ae3b306a5">

# After

## Desktop
<img width="1085" alt="image"
src="https://github.com/unicorn-utterances/unicorn-utterances/assets/9100169/186b7fc9-5dc9-444c-9683-101bd27b15f7">


## Tablet Large
<img width="619" alt="image"
src="https://github.com/unicorn-utterances/unicorn-utterances/assets/9100169/cc313b04-2ad4-4434-a852-bafc165600a9">
2023-10-19 09:02:33 -07:00
Corbin Crutchley
8580914117 [UwU] Round media corners (#831)
Per @PrattiDev this PR implements rounded images and videos in blog
posts. I manually checked every single page of the site (all 93 blog
posts + about + collections) that has this class.
2023-10-19 09:02:18 -07:00
Corbin Crutchley
3cd2029a60 Update content/blog/css-fundamentals/index.md
Co-authored-by: James Fenn <me@jfenn.me>
2023-10-19 09:01:54 -07:00
Corbin Crutchley
cbd4dacdf7 chore: move to token 2023-10-19 02:13:42 -07:00
Corbin Crutchley
d7fcc8a3a3 fix: hide TOC when not enabled for the page 2023-10-19 02:09:54 -07:00
Corbin Crutchley
d1b26ec5fd chore: fix about page 2023-10-19 01:57:59 -07:00
Corbin Crutchley
bcb1c0c630 feat: round pictures and videos 2023-10-19 01:53:27 -07:00
Corbin Crutchley
fae5e82b1a chore: remove originalLink post 2023-10-19 00:09:39 -07:00
Corbin Crutchley
247194b057 chore: remove manual image spacing and add alt text 2023-10-18 23:02:55 -07:00
Corbin Crutchley
9193da3412 [UwU] Astro article highlights corrections (#826)
Many of these highlights were off by 1, this fixes that
2023-10-18 22:32:35 -07:00
Corbin Crutchley
422b27f1e8 [UwU] Fix tweet embed styling (#825)
Preview: /posts/setup-a-react-native-monorepo

<img width="482" alt="image"
src="https://github.com/unicorn-utterances/unicorn-utterances/assets/9100169/9073fc11-c3c8-4bef-9bf8-cc6913149e19">
2023-10-18 22:27:20 -07:00
Corbin Crutchley
52937bddfa fix: article highlights are now corrected 2023-10-18 22:25:54 -07:00
Corbin Crutchley
082eda38da [UwU] Add post word count (#824)
Preview:

<img width="633" alt="image"
src="https://github.com/unicorn-utterances/unicorn-utterances/assets/9100169/b7af572d-2603-48ba-883f-219f7cb5ecf3">

<img width="266" alt="image"
src="https://github.com/unicorn-utterances/unicorn-utterances/assets/9100169/af5c1cf1-1fcc-44f2-81c3-6d1a5ce7d110">
2023-10-18 22:15:38 -07:00
Corbin Crutchley
e7893c6996 chore: fix tweet embed styling 2023-10-18 22:15:00 -07:00
Corbin Crutchley
dc1862b758 chore: update icon svg colors 2023-10-18 22:10:21 -07:00
Corbin Crutchley
5a65ed753f fix: header overlap 2023-10-18 22:09:37 -07:00
Corbin Crutchley
a5bac3ed79 feat: adding word count and icon to post page 2023-10-18 21:46:06 -07:00