-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #69 from aaronczichon/feature/filter-notes
Feature: Note Lists
- Loading branch information
Showing
13 changed files
with
117 additions
and
33 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,9 @@ | ||
ul.filter { | ||
list-style-type: none; | ||
display: flex; | ||
padding: 0; | ||
} | ||
|
||
ul.filter > li { | ||
margin-right: 8px; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -26,3 +26,8 @@ | |
.note-list-item--default { | ||
font-weight: initial; | ||
} | ||
|
||
.note-list-item img { | ||
max-width: 100%; | ||
max-height: 400px; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
--- | ||
var { current } = Astro.props; | ||
--- | ||
<ul class="filter" style="padding-top: 16px; padding-bottom: 8px;"> | ||
<li><a class={current === undefined ? 'disabled button' : 'button'} href="/notes">Notes</a></li> | ||
<li><a class={current === 'recap' ? 'disabled button' : 'button'} href="/notes/recap">Monthly Recap</a></li> | ||
<li><a class={current === '365pictures' ? 'disabled button' : 'button'} href="/notes/365pictures">365-Pictures</a></li> | ||
</ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
--- | ||
import { Image } from 'astro:assets'; | ||
import NoteList from '../components/NoteList.astro'; | ||
import FilterButtons from '../components/FilterButtons.astro'; | ||
import Layout from './Layout.astro'; | ||
import rssIcon from '../resources/rss.svg'; | ||
var { title, current, hideDate } = Astro.props; | ||
--- | ||
|
||
<Layout title={title}> | ||
<main class="container"> | ||
<h1> | ||
<a href="/notes" style="text-decoration: none;">Notes</a> | ||
<a title="Yeah RSS is still cool!" href="/notes/rss.xml" | ||
><Image | ||
style="width: 25px; height: 25px" | ||
src={rssIcon} | ||
alt="RSS Icon for subscribe to RSS feed." | ||
widths={[30]} | ||
sizes={`30px`} | ||
/></a | ||
> | ||
</h1> | ||
<p>Small notes related to development, personal recaps, images and more.</p> | ||
<FilterButtons current={current} /> | ||
<slot /> | ||
<ol class="note-list"> | ||
<NoteList filter={current} hideDate={hideDate} /> | ||
</ol> | ||
</main> | ||
</Layout> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,28 +1,4 @@ | ||
--- | ||
import { Image } from 'astro:assets'; | ||
import NoteList from '../components/NoteList.astro'; | ||
import Layout from '../layouts/Layout.astro'; | ||
import rssIcon from '../resources/rss.svg'; | ||
import NotesLayout from '../layouts/NotesPage.astro'; | ||
--- | ||
|
||
<Layout title="Aaron Czichon - Notes"> | ||
<main class="container"> | ||
<h1> | ||
<a href="/notes" style="text-decoration: none;">Notes</a> | ||
<a title="Yeah RSS is still cool!" href="/notes/rss.xml" | ||
><Image | ||
style="width: 25px; height: 25px" | ||
src={rssIcon} | ||
alt="RSS Icon for subscribe to RSS feed." | ||
widths={[30]} | ||
sizes={`30px`} | ||
/></a | ||
> | ||
</h1> | ||
<p>Everything that pops in my mind and isn't a full blog post.</p> | ||
<ol class="note-list"> | ||
<NoteList /> | ||
</ol> | ||
</main> | ||
</Layout> | ||
<NotesLayout title="Aaron Czichon - Notes" /> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
--- | ||
import NotesLayout from '../../layouts/NotesPage.astro'; | ||
--- | ||
<NotesLayout title="Aaron Czichon - Notes - 365 Pictures" current="365pictures" hideDate="true"> | ||
<p>This year, 2025, I try something new. Also to decouple myself a bit more from social media. This pages contains one picture of every day this year.</p> | ||
</NotesLayout> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
--- | ||
import NotesLayout from '../../layouts/NotesPage.astro'; | ||
--- | ||
<NotesLayout title="Aaron Czichon - Notes - Recap" current="recap" /> |