Compare commits
3 commits
efcdb7296e
...
dcb19d69e4
Author | SHA1 | Date | |
---|---|---|---|
dcb19d69e4 | |||
93a560da12 | |||
cbeb1a9a47 |
13 changed files with 22 additions and 25 deletions
Binary file not shown.
Binary file not shown.
BIN
src/assets/fonts/ia-writer-mono/iAWriterMonoV-Italic.ttf
Normal file
BIN
src/assets/fonts/ia-writer-mono/iAWriterMonoV-Italic.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/ia-writer-mono/iAWriterMonoV.ttf
Normal file
BIN
src/assets/fonts/ia-writer-mono/iAWriterMonoV.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/ia-writer-quattro/iAWriterQuattroV-Italic.ttf
Normal file
BIN
src/assets/fonts/ia-writer-quattro/iAWriterQuattroV-Italic.ttf
Normal file
Binary file not shown.
BIN
src/assets/fonts/ia-writer-quattro/iAWriterQuattroV.ttf
Normal file
BIN
src/assets/fonts/ia-writer-quattro/iAWriterQuattroV.ttf
Normal file
Binary file not shown.
|
@ -7,25 +7,24 @@
|
|||
grid-gap: var(--spacing-2);
|
||||
|
||||
li {
|
||||
border: 1px solid var(--color-shadow);
|
||||
overflow: hidden;
|
||||
aspect-ratio: var(--aspect-ratio);
|
||||
display: grid;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
color: var(--color-white);
|
||||
|
||||
picture {
|
||||
border-radius: 0;
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
aspect-ratio: var(--aspect-ratio);
|
||||
border-radius: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
img {
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.text-only {
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
.site-logo .wordmark {
|
||||
text-decoration: none;
|
||||
margin-top: calc(-1 * var(--spacing-1));
|
||||
}
|
||||
|
||||
.site-logo .logo img {
|
||||
|
|
|
@ -27,19 +27,11 @@ body {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-family-display);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
font-family: var(--font-family-display);
|
||||
font-weight: var(--font-weight-black);
|
||||
letter-spacing: -0.05rem;
|
||||
letter-spacing: -0.1rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -7,7 +7,7 @@
|
|||
.wrapper {
|
||||
container-type: inline-size;
|
||||
width: 90vw;
|
||||
width: clamp(16rem, 90vw, 80ch);
|
||||
width: clamp(16rem, 90vw, 72ch);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: 0.5rem;
|
||||
|
|
|
@ -10,6 +10,11 @@ All the changes that are fit to read!
|
|||
|
||||
If preferred, the [commit log is available here][commits].
|
||||
|
||||
## May 30th, 2025
|
||||
|
||||
- As much as I tried, I just couldn't give up **iA Writer Quattro** as my body font. So it's back! Perhaps in the future I can use Hyperlegible as a toggle option.
|
||||
- I also gave a very minor design pass to clean things up. One thing I changed was the page width. Felt like my most recent change was too wide, so back to being a bit narrower!
|
||||
|
||||
## May 29th, 2025
|
||||
|
||||
- I updated my CSS pipeline! [My PR](https://git.cloud.haska.me/wonderfulfrog/wonderfulfrog.com/pulls/4) has more information, if you're curious. tl;dr: I decreased my build times!
|
||||
|
@ -134,7 +139,7 @@ If preferred, the [commit log is available here][commits].
|
|||
- Built with [Eleventy][11ty]
|
||||
- [Read all of the changes][v3]
|
||||
|
||||
[commits]: https://github.com/wonderfulfrog/wonderfulfrog.com/commits/main/
|
||||
[commits]: https://git.cloud.haska.me/wonderfulfrog/wonderfulfrog.com/commits/branch/main
|
||||
[11ty]: https://www.11ty.dev/
|
||||
[v3]: /posts/version-3/
|
||||
[blogroll]: /blogroll/
|
||||
|
|
|
@ -36,7 +36,7 @@ Code formatting is applied by [Prism][prismjs] and uses a tweaked version of the
|
|||
|
||||
## Design
|
||||
|
||||
The global font is [Atkinson Hyperlegible Next](https://www.brailleinstitute.org/freefont/), except for monospace fonts which uses the Mono variant of Atkinson Hyperlegible.
|
||||
The global font is [iA Writer Quattro](https://github.com/iaolo/iA-Fonts), and the monospace font uses [iA Writer Mono](https://github.com/iaolo/iA-Fonts).
|
||||
|
||||
The colour palette is viewable on the [styleguide][styleguide] page.
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue