Skip to content

Commit 359b5e3

Browse files
eallioneallion
committed
feat: album api
1 parent 76072e1 commit 359b5e3

File tree

8 files changed

+366
-200
lines changed

8 files changed

+366
-200
lines changed

‎assets/css/compiled/main.css

Lines changed: 76 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -1618,11 +1618,6 @@ select {
16181618
margin-bottom:1rem
16191619
}
16201620

1621-
.my-8 {
1622-
margin-top:2rem;
1623-
margin-bottom:2rem
1624-
}
1625-
16261621
.\!mb-0 {
16271622
margin-bottom:0px !important
16281623
}
@@ -1711,6 +1706,10 @@ select {
17111706
margin-bottom:2px
17121707
}
17131708

1709+
.me-2 {
1710+
margin-inline-end:0.5rem
1711+
}
1712+
17141713
.ml-0 {
17151714
margin-left:0px
17161715
}
@@ -1870,10 +1869,6 @@ select {
18701869
aspect-ratio:2/3
18711870
}
18721871

1873-
.aspect-\[2\/1\] {
1874-
aspect-ratio:2/1
1875-
}
1876-
18771872
.\!h-px {
18781873
height:1px !important
18791874
}
@@ -2075,6 +2070,11 @@ select {
20752070
width:auto
20762071
}
20772072

2073+
.w-fit {
2074+
width:-moz-fit-content;
2075+
width:fit-content
2076+
}
2077+
20782078
.w-full {
20792079
width:100%
20802080
}
@@ -2088,11 +2088,6 @@ select {
20882088
width:100vw
20892089
}
20902090

2091-
.w-fit {
2092-
width:-moz-fit-content;
2093-
width:fit-content
2094-
}
2095-
20962091
.min-w-0 {
20972092
min-width:0px
20982093
}
@@ -2145,6 +2140,10 @@ select {
21452140
max-width:64rem
21462141
}
21472142

2143+
.max-w-\[800px\] {
2144+
max-width:800px
2145+
}
2146+
21482147
.max-w-fit {
21492148
max-width:-moz-fit-content;
21502149
max-width:fit-content
@@ -2167,10 +2166,6 @@ select {
21672166
max-width:36rem
21682167
}
21692168

2170-
.max-w-\[800px\] {
2171-
max-width:800px
2172-
}
2173-
21742169
.flex-1 {
21752170
flex:1 1 0%
21762171
}
@@ -2554,6 +2549,11 @@ select {
25542549
border-color:rgba(var(--color-neutral-300), var(--tw-border-opacity))
25552550
}
25562551

2552+
.border-neutral-400 {
2553+
--tw-border-opacity:1;
2554+
border-color:rgba(var(--color-neutral-400), var(--tw-border-opacity))
2555+
}
2556+
25572557
.border-neutral-700 {
25582558
--tw-border-opacity:1;
25592559
border-color:rgba(var(--color-neutral-700), var(--tw-border-opacity))
@@ -2573,16 +2573,6 @@ select {
25732573
border-color:transparent
25742574
}
25752575

2576-
.border-neutral-600 {
2577-
--tw-border-opacity:1;
2578-
border-color:rgba(var(--color-neutral-600), var(--tw-border-opacity))
2579-
}
2580-
2581-
.border-neutral-400 {
2582-
--tw-border-opacity:1;
2583-
border-color:rgba(var(--color-neutral-400), var(--tw-border-opacity))
2584-
}
2585-
25862576
.bg-\[\#216e39\] {
25872577
--tw-bg-opacity:1;
25882578
background-color:rgb(33 110 57 / var(--tw-bg-opacity))
@@ -2622,6 +2612,11 @@ select {
26222612
background-color:rgba(var(--color-neutral-100), 0.5)
26232613
}
26242614

2615+
.bg-neutral-200 {
2616+
--tw-bg-opacity:1;
2617+
background-color:rgba(var(--color-neutral-200), var(--tw-bg-opacity))
2618+
}
2619+
26252620
.bg-neutral-300 {
26262621
--tw-bg-opacity:1;
26272622
background-color:rgba(var(--color-neutral-300), var(--tw-bg-opacity))
@@ -2684,20 +2679,19 @@ select {
26842679
background-color:transparent
26852680
}
26862681

2687-
.bg-neutral-200 {
2682+
.bg-\[\#4285F4\] {
26882683
--tw-bg-opacity:1;
2689-
background-color:rgba(var(--color-neutral-200), var(--tw-bg-opacity))
2690-
}
2691-
2692-
.bg-neutral-50 {
2693-
--tw-bg-opacity:1;
2694-
background-color:rgba(var(--color-neutral-50), var(--tw-bg-opacity))
2684+
background-color:rgb(66 133 244 / var(--tw-bg-opacity))
26952685
}
26962686

26972687
.bg-gradient-to-b {
26982688
background-image:linear-gradient(to bottom, var(--tw-gradient-stops))
26992689
}
27002690

2691+
.bg-gradient-to-br {
2692+
background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))
2693+
}
2694+
27012695
.bg-gradient-to-r {
27022696
background-image:linear-gradient(to right, var(--tw-gradient-stops))
27032697
}
@@ -2823,6 +2817,11 @@ select {
28232817
padding-right:1rem
28242818
}
28252819

2820+
.px-5 {
2821+
padding-left:1.25rem;
2822+
padding-right:1.25rem
2823+
}
2824+
28262825
.px-6 {
28272826
padding-left:1.5rem;
28282827
padding-right:1.5rem
@@ -2853,6 +2852,11 @@ select {
28532852
padding-bottom:0.5rem
28542853
}
28552854

2855+
.py-2\.5 {
2856+
padding-top:0.625rem;
2857+
padding-bottom:0.625rem
2858+
}
2859+
28562860
.py-3 {
28572861
padding-top:0.75rem;
28582862
padding-bottom:0.75rem
@@ -2883,11 +2887,6 @@ select {
28832887
padding-bottom:1px
28842888
}
28852889

2886-
.px-5 {
2887-
padding-left:1.25rem;
2888-
padding-right:1.25rem
2889-
}
2890-
28912890
.pb-2 {
28922891
padding-bottom:0.5rem
28932892
}
@@ -3283,6 +3282,11 @@ select {
32833282
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
32843283
}
32853284

3285+
.blur {
3286+
--tw-blur:blur(8px);
3287+
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
3288+
}
3289+
32863290
.grayscale {
32873291
--tw-grayscale:grayscale(100%);
32883292
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
@@ -3310,6 +3314,11 @@ select {
33103314
backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
33113315
}
33123316

3317+
.backdrop-filter {
3318+
-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
3319+
backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
3320+
}
3321+
33133322
.transition {
33143323
transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
33153324
transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -5321,6 +5330,14 @@ pre {
53215330
background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
53225331
}
53235332

5333+
.hover\:bg-\[\#4285F4\]\/90:hover {
5334+
background-color:rgb(66 133 244 / 0.9)
5335+
}
5336+
5337+
.hover\:bg-gradient-to-bl:hover {
5338+
background-image:linear-gradient(to bottom left, var(--tw-gradient-stops))
5339+
}
5340+
53245341
.hover\:text-\[\#ff9800\]:hover {
53255342
--tw-text-opacity:1;
53265343
color:rgb(255 152 0 / var(--tw-text-opacity))
@@ -5441,6 +5458,16 @@ pre {
54415458
outline-color:transparent
54425459
}
54435460

5461+
.focus\:ring-4:focus {
5462+
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
5463+
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
5464+
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
5465+
}
5466+
5467+
.focus\:ring-\[\#4285F4\]\/50:focus {
5468+
--tw-ring-color:rgb(66 133 244 / 0.5)
5469+
}
5470+
54445471
.active\:bg-neutral-700:active {
54455472
--tw-bg-opacity:1;
54465473
background-color:rgba(var(--color-neutral-700), var(--tw-bg-opacity))
@@ -5578,6 +5605,11 @@ pre {
55785605
background-color:rgba(var(--color-primary-400), var(--tw-bg-opacity))
55795606
}
55805607

5608+
.dark\:bg-primary-600:is(.dark *) {
5609+
--tw-bg-opacity:1;
5610+
background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
5611+
}
5612+
55815613
.dark\:bg-primary-800:is(.dark *) {
55825614
--tw-bg-opacity:1;
55835615
background-color:rgba(var(--color-primary-800), var(--tw-bg-opacity))
@@ -5588,16 +5620,6 @@ pre {
55885620
background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
55895621
}
55905622

5591-
.dark\:bg-primary-600:is(.dark *) {
5592-
--tw-bg-opacity:1;
5593-
background-color:rgba(var(--color-primary-600), var(--tw-bg-opacity))
5594-
}
5595-
5596-
.dark\:bg-neutral-900:is(.dark *) {
5597-
--tw-bg-opacity:1;
5598-
background-color:rgba(var(--color-neutral-900), var(--tw-bg-opacity))
5599-
}
5600-
56015623
.dark\:from-neutral-800:is(.dark *) {
56025624
--tw-gradient-from:rgba(var(--color-neutral-800), 1) var(--tw-gradient-from-position);
56035625
--tw-gradient-to:rgba(var(--color-neutral-800), 0) var(--tw-gradient-to-position);
@@ -5673,16 +5695,6 @@ pre {
56735695
color:rgba(var(--color-primary-400), var(--tw-text-opacity))
56745696
}
56755697

5676-
.dark\:text-neutral-900:is(.dark *) {
5677-
--tw-text-opacity:1;
5678-
color:rgba(var(--color-neutral-900), var(--tw-text-opacity))
5679-
}
5680-
5681-
.dark\:text-primary-600:is(.dark *) {
5682-
--tw-text-opacity:1;
5683-
color:rgba(var(--color-primary-600), var(--tw-text-opacity))
5684-
}
5685-
56865698
.dark\:opacity-60:is(.dark *) {
56875699
opacity:0.6
56885700
}
@@ -5750,6 +5762,10 @@ pre {
57505762
background-color:rgba(var(--color-primary-900), var(--tw-bg-opacity))
57515763
}
57525764

5765+
.dark\:focus\:ring-\[\#4285F4\]\/55:focus:is(.dark *) {
5766+
--tw-ring-color:rgb(66 133 244 / 0.55)
5767+
}
5768+
57535769
@media (min-width: 640px) {
57545770
.sm\:mb-0 {
57555771
margin-bottom:0px

‎content/album/_index.en.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,4 +22,4 @@ aliases:
2222
- /en/gallery
2323
---
2424

25-
Here's my random photo page. Since I'm not much of a photographer, I've named it "Handy Shots", which really doesn't qualify as an album. It's referenced by the API of my own deployed [Mastodon](https://joinmastodon.org/) instance, [e5n.cc](https://e5n.cc), so that when a doodle is posted with the tag [#ealbum](https://e5n.cc/tags/ealbum), the media file is automatically parsed to this page, with no particular intent.
25+
Here's my random photo page. Since I'm not much of a photographer, I've named it "Handy Shots", which really doesn't qualify as an album. It's referenced by the API of my own deployed [Mastodon](https://joinmastodon.org/) instance, [e5n.cc](https://e5n.cc), so that when posted a toot, the media file is automatically parsed to this page, with no particular intent.

‎content/album/_index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,4 +22,4 @@ aliases:
2222
- /gallery
2323
---
2424

25-
这是我的随手拍页面。因为我不太会拍照，所以就取名为「随手拍」，实在是称不上相册。通过自己部署的 [Mastodon](https://joinmastodon.org/) 实例 [e5n.cc](https://e5n.cc) 的 API 引用，当发布的嘟文 Tag 为 [#ealbum](https://e5n.cc/tags/ealbum) [e + album] 时，媒体文件将自动解析到本页面，没有特别的用意。
25+
这是我的随手拍页面。因为我不太会拍照，所以就取名为「随手拍」，实在是称不上相册。通过自己部署的 [Mastodon](https://joinmastodon.org/) 实例 [e5n.cc](https://e5n.cc) 的 API 引用，当发布的嘟文是，媒体文件将自动解析到本页面，没有特别的用意。

‎example/album/_index.en.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,4 +22,4 @@ aliases:
2222
- /en/gallery
2323
---
2424

25-
Here's my random photo page. Since I'm not much of a photographer, I've named it "Handy Shots", which really doesn't qualify as an album. It's referenced by the API of my own deployed [Mastodon](https://joinmastodon.org/) instance, [e5n.cc](https://e5n.cc), so that when a doodle is posted with the tag [#ealbum](https://e5n.cc/tags/ealbum), the media file is automatically parsed to this page, with no particular intent.
25+
Here's my random photo page. Since I'm not much of a photographer, I've named it "Handy Shots", which really doesn't qualify as an album. It's referenced by the API of my own deployed [Mastodon](https://joinmastodon.org/) instance, [e5n.cc](https://e5n.cc), so that when posted a toot, the media file is automatically parsed to this page, with no particular intent.

‎example/album/_index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,4 +22,4 @@ aliases:
2222
- /gallery
2323
---
2424

25-
这是我的随手拍页面。因为我不太会拍照，所以就取名为「随手拍」，实在是称不上相册。通过自己部署的 [Mastodon](https://joinmastodon.org/) 实例 [e5n.cc](https://e5n.cc) 的 API 引用，当发布的嘟文 Tag 为 [#ealbum](https://e5n.cc/tags/ealbum) [e + album] 时，媒体文件将自动解析到本页面，没有特别的用意。
25+
这是我的随手拍页面。因为我不太会拍照，所以就取名为「随手拍」，实在是称不上相册。通过自己部署的 [Mastodon](https://joinmastodon.org/) 实例 [e5n.cc](https://e5n.cc) 的 API 引用，当发布的嘟文是，媒体文件将自动解析到本页面，没有特别的用意。

0 commit comments

Comments
 (0)