cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: spacing

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-20 13:35:02 -07:00
parent c7f52a98f3
commit ca6b2e1881
No known key found for this signature in database
5 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "16.5.0", "version": "16.5.1",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "16.5.0", "version": "16.5.1",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.2.2", "@cdransf/api-text": "^1.2.2",

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "16.5.0", "version": "16.5.1",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

2
src/assets/styles/base/index.css
View file

@ -156,7 +156,7 @@ h6 { font-size: var(--font-size-xs) }
} }
.section-header { .section-header {
margin: var(--sizing-3xl) 0 var(--sizing-lg); margin: var(--sizing-xl) 0 var(--sizing-lg);
&.reduced-margin { &.reduced-margin {
margin: var(--sizing-md) 0 var(--sizing-lg); margin: var(--sizing-md) 0 var(--sizing-lg);

1
src/assets/styles/pages/watching.css
View file

@ -51,6 +51,7 @@
display: grid; display: grid;
gap: var(--sizing-sm); gap: var(--sizing-sm);
grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-columns: repeat(2,minmax(0,1fr));
margin-bottom: var(--sizing-base);
& a, & a,
& div { & div {

8
src/pages/main/watching/index.html
View file

@ -11,21 +11,21 @@ schema: watching
<p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion. You can also take a look at the <a href="/watching/movies-to-watch">movies</a> and <a href="/watching/shows-to-watch">shows</a> I'm planning to watch.</p> <p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion. You can also take a look at the <a href="/watching/movies-to-watch">movies</a> and <a href="/watching/shows-to-watch">shows</a> I'm planning to watch.</p>
{% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-movies", text: "Subscribe to my movies feed or follow along on this page" %} {% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-movies", text: "Subscribe to my movies feed or follow along on this page" %}
<a class="link-icon flex-centered" href="/recent/movies"> <a class="link-icon flex-centered" href="/recent/movies">
<h2 id="movies" class="section-header flex-centered"> <h2 id="movies" class="section-header reduced-margin flex-centered">
{% tablericon "movie" "Recent movies" %} {% tablericon "movie" "Recent movies" %}
Recent movies Recent movies
</h2> </h2>
</a> </a>
{% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %} {% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
<a class="link-icon flex-centered" href="/recent/shows"> <a class="link-icon flex-centered" href="/recent/shows">
<h2 id="tv" class="section-header flex-centered"> <h2 id="tv" class="section-header reduced-margin flex-centered">
{% tablericon "device-tv" "Recent shows" %} {% tablericon "device-tv" "Recent shows" %}
Recent shows Recent shows
</h2> </h2>
</a> </a>
{% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %} {% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}
<a class="link-icon flex-centered" href="/watching/favorite-movies"> <a class="link-icon flex-centered" href="/watching/favorite-movies">
<h2 class="section-header flex-centered"> <h2 id="favorite-movies" class="section-header reduced-margin flex-centered">
{% tablericon "star" "Favorite movies" %} {% tablericon "star" "Favorite movies" %}
Favorite movies Favorite movies
</h2> </h2>
@ -33,7 +33,7 @@ schema: watching
{% assign favoriteMovies = movies.favorites | featuredWatching: 6 %} {% assign favoriteMovies = movies.favorites | featuredWatching: 6 %}
{% render "partials/media/watching/backdrop-grid.liquid", mediaItems:favoriteMovies, count: 6 %} {% render "partials/media/watching/backdrop-grid.liquid", mediaItems:favoriteMovies, count: 6 %}
<a class="link-icon flex-centered" href="/watching/favorite-shows"> <a class="link-icon flex-centered" href="/watching/favorite-shows">
<h2 class="section-header flex-centered"> <h2 id="favorite-shows" class="section-header reduced-margin flex-centered">
{% tablericon "star" "Favorite shows" %} {% tablericon "star" "Favorite shows" %}
Favorite shows Favorite shows
</h2> </h2>