二〇二六年四月二十一日

6 files changed, 316 insertions, 0 deletions

diff --git a/themes/theme/source/css/partials/footer.styl b/themes/theme/source/css/partials/footer.styl
new file mode 100644
index 00000000..5819da88
--- /dev/null
+++ b/themes/theme/source/css/partials/footer.styl
@@ -0,0 +1,20 @@
+.footer
+    margin-top auto
+    border-top 1px solid $color-border
+    text-style(footer)
+
+    .footer-text
+        margin-top $margin-m-0
+        margin-bottom $margin-m-0
+
+@media (max-width: 688px)
+    .footer
+        margin-top $margin-l-0
+        
+        .footer-text
+            font-size 10*$px
+            margin-top $margin-s-1
+            margin-bottom $margin-s-1
+        
+
+
diff --git a/themes/theme/source/css/partials/header.styl b/themes/theme/source/css/partials/header.styl
new file mode 100644
index 00000000..545743f3
--- /dev/null
+++ b/themes/theme/source/css/partials/header.styl
@@ -0,0 +1,121 @@
+.header
+    position fixed
+    top 0
+    left 0
+    right 0
+    z-index 100
+    background $color-glass
+    backdrop-filter blur(12px)
+    -webkit-backdrop-filter blur(12px)
+    border-bottom 1px solid $color-border
+    text-style(header)
+
+@supports not (backdrop-filter: blur(12px))
+    .header
+        background $color-background
+
+@media (max-width: 688px)
+    @supports not (backdrop-filter: blur(12px))
+        .header-inner .site-nav .menu-list
+            background $color-background
+
+.header-inner
+    display flex
+    flex-wrap nowrap
+    align-items center
+    height $header-height
+
+    #menu-btn
+        display none
+
+    .site-nav
+        flex-grow 1
+        overflow-x auto
+
+.site-brand-container
+    a
+        font-weight 400
+        color $color-text-primary
+
+.menu-list
+    text-align right
+    display flex
+    
+    &:before
+        content ""
+        flex-grow 1
+
+.menu-item
+    position relative
+    margin-left $margin-l-0
+    underline-motion(header)
+
+.menu-item-active:after
+    border-bottom solid $line-secondary $color-accent
+    width 100%
+
+.logo-img
+    max-height $line-height-heading-h1
+    width auto
+    max-width 100%
+    display flex
+
+@media (max-width: 688px)
+    .header
+        overflow visible
+    
+    .header-inner
+        flex-wrap wrap
+        align-items center
+        height $header-height
+        padding-top 0
+        padding-bottom 0
+        
+        #menu-btn
+            display flex !important
+            align-items center
+            justify-content flex-end
+            width 50%
+            height 100%
+            cursor pointer
+            color $color-text-primary
+            transition color $transition-duration ease
+            
+            &:hover
+                color $color-accent
+
+        .site-brand-container
+            display flex
+            align-items center
+            width 50%
+            height 100%
+            
+        .site-nav
+            width 100%
+            
+            .menu-list
+                display flex
+                flex-direction column
+                max-height 0
+                overflow hidden
+                margin-top 0
+                background $color-glass
+                backdrop-filter blur(12px)
+                -webkit-backdrop-filter blur(12px)
+                border-top 1px solid $color-border
+                transition max-height 300ms ease-out
+                text-align left
+                
+                &.active
+                    max-height 400px
+                
+                .menu-item
+                    margin 0
+                    padding $margin-m-0 $margin-m-1
+                    border-bottom 1px solid $color-border
+                    
+                    &:last-child
+                        border-bottom none
+                    
+                    a
+                        display block
\ No newline at end of file
diff --git a/themes/theme/source/css/partials/paginator.styl b/themes/theme/source/css/partials/paginator.styl
new file mode 100644
index 00000000..08009372
--- /dev/null
+++ b/themes/theme/source/css/partials/paginator.styl
@@ -0,0 +1,28 @@
+.paginator
+    margin-top $margin-l-1
+
+.pagination
+    margin-top $margin-m-1
+    text-style(header)
+    display flex
+
+    &:before
+        content ""
+        flex-grow 1
+
+.page-number
+    position relative
+    margin-left $margin-l-0
+    underline-motion(header)
+
+.pagination .current:after
+    border-bottom solid $line-secondary $color-accent
+    width 100%
+
+.pagination .space
+    margin-left $margin-l-0
+
+@media (max-width: 688px)
+    .paginator
+        margin-top $margin-m-1
+        margin-bottom $margin-m-1
\ No newline at end of file
diff --git a/themes/theme/source/css/partials/post_gallery.styl b/themes/theme/source/css/partials/post_gallery.styl
new file mode 100644
index 00000000..ca953848
--- /dev/null
+++ b/themes/theme/source/css/partials/post_gallery.styl
@@ -0,0 +1,39 @@
+.post-gallery-list
+    .h-line-secondary
+        margin-top $margin-m-1
+
+    .h-line-secondary:last-child
+        display none
+
+.post-gallery-item
+    display flex
+    margin-top $margin-l-1
+    margin-bottom $margin-m-0
+    .post-info
+        margin-right $margin-l-0
+        width 50%
+        display flex
+        flex-direction column
+
+        .post-title
+            margin-bottom $margin-m-1
+            text-style(heading-h1)
+
+        .post-date
+            text-style(post-date)
+
+    .post-img
+        width 50%
+
+    a 
+        underline-motion(link)
+    
+@media (max-width: 480px)
+    .post-gallery-item
+        flex-wrap wrap
+        .post-info
+            width 100%
+        .post-img
+            width 100%
+            margin-top $margin-m-1
+
diff --git a/themes/theme/source/css/partials/post_list.styl b/themes/theme/source/css/partials/post_list.styl
new file mode 100644
index 00000000..c5ea22cc
--- /dev/null
+++ b/themes/theme/source/css/partials/post_list.styl
@@ -0,0 +1,39 @@
+.post-list
+
+    a 
+        underline-motion(link)
+
+.year-title
+    margin-top $margin-l-1
+    margin-bottom $margin-m-1
+    text-style(year-title)
+
+.post-list-item
+    display flex
+    flex-wrap nowrap
+    margin-top $margin-m-0
+    align-items top
+
+    .post-title
+        flex-grow 1
+        text-style(body-default)
+
+    .post-date
+        margin-left $margin-l-0
+        min-width 8rem
+        text-align right
+        text-style(post-date)
+        line-height $line-height-body
+        color $color-text-secondary
+
+@media (max-width: 480px)
+    .post-list-item
+        flex-wrap wrap
+        .post-title
+            width 100%
+
+        .post-date
+            margin-left 0
+            width 100%
+            text-align left
+
diff --git a/themes/theme/source/css/partials/profile.styl b/themes/theme/source/css/partials/profile.styl
new file mode 100644
index 00000000..44025cdb
--- /dev/null
+++ b/themes/theme/source/css/partials/profile.styl
@@ -0,0 +1,69 @@
+.profile 
+    margin-top 20vh
+    display flex
+    flex-direction row-reverse
+    align-items center
+    
+    .profile-content 
+        width 50%
+        margin 0 $margin-l-0 0 0
+
+        .profile-title
+            margin-top 0
+            margin-bottom $margin-m-0
+            
+        .profile-body
+            margin-top 0
+            margin-bottom $margin-m-1
+            color $color-text-secondary
+
+        .profile-title
+            text-style(heading-h1)
+
+        .profile-body
+            text-style(body-default)
+
+        .profile-link
+            margin-top 0
+            margin-bottom $margin-m-1
+            font-size 15*$px
+            
+            a
+                text-decoration underline
+                text-underline-offset 3px
+                transition color $transition-duration ease
+                
+                &:hover
+                    color $color-accent
+            
+
+    .profile-image
+        width 50%
+        display flex
+        align-items center
+        justify-content center
+        
+        img
+            max-width 100%
+            max-height 35vh
+            object-fit contain
+
+@media (max-width: 480px)
+    .profile
+        flex-wrap wrap
+        align-items flex-start
+        margin-top $margin-l-0
+        
+        .profile-content
+            width 100%
+            margin-top $margin-m-0
+            
+            .profile-link
+                font-size 14*$px
+            
+        .profile-image
+            width 100%
+            
+            img
+                max-height 25vh
+            
\ No newline at end of file