Compare commits
No commits in common. "main" and "v1.0.4" have entirely different histories.
|
|
@ -1,11 +0,0 @@
|
||||||
{
|
|
||||||
"$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json",
|
|
||||||
"changelog": "@changesets/cli/changelog",
|
|
||||||
"commit": false,
|
|
||||||
"fixed": [],
|
|
||||||
"linked": [],
|
|
||||||
"access": "public",
|
|
||||||
"baseBranch": "main",
|
|
||||||
"updateInternalDependencies": "patch",
|
|
||||||
"ignore": ["astro-playground", "starlight-playground"]
|
|
||||||
}
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
# These are supported funding model platforms
|
|
||||||
|
|
||||||
custom: ['https://www.buymeacoffee.com/adammatthiesen/membership']
|
|
||||||
|
|
@ -1,38 +0,0 @@
|
||||||
---
|
|
||||||
name: Bug report
|
|
||||||
about: Create a report to help us improve
|
|
||||||
title: ''
|
|
||||||
labels: ''
|
|
||||||
assignees: ''
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
**Describe the bug**
|
|
||||||
A clear and concise description of what the bug is.
|
|
||||||
|
|
||||||
**To Reproduce**
|
|
||||||
Steps to reproduce the behavior:
|
|
||||||
1. Go to '...'
|
|
||||||
2. Click on '....'
|
|
||||||
3. Scroll down to '....'
|
|
||||||
4. See error
|
|
||||||
|
|
||||||
**Expected behavior**
|
|
||||||
A clear and concise description of what you expected to happen.
|
|
||||||
|
|
||||||
**Screenshots**
|
|
||||||
If applicable, add screenshots to help explain your problem.
|
|
||||||
|
|
||||||
**Desktop (please complete the following information):**
|
|
||||||
- OS: [e.g. iOS]
|
|
||||||
- Browser [e.g. chrome, safari]
|
|
||||||
- Version [e.g. 22]
|
|
||||||
|
|
||||||
**Smartphone (please complete the following information):**
|
|
||||||
- Device: [e.g. iPhone6]
|
|
||||||
- OS: [e.g. iOS8.1]
|
|
||||||
- Browser [e.g. stock browser, safari]
|
|
||||||
- Version [e.g. 22]
|
|
||||||
|
|
||||||
**Additional context**
|
|
||||||
Add any other context about the problem here.
|
|
||||||
|
|
@ -1,20 +0,0 @@
|
||||||
---
|
|
||||||
name: Feature request
|
|
||||||
about: Suggest an idea for this project
|
|
||||||
title: ''
|
|
||||||
labels: ''
|
|
||||||
assignees: ''
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
**Is your feature request related to a problem? Please describe.**
|
|
||||||
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
|
|
||||||
|
|
||||||
**Describe the solution you'd like**
|
|
||||||
A clear and concise description of what you want to happen.
|
|
||||||
|
|
||||||
**Describe alternatives you've considered**
|
|
||||||
A clear and concise description of any alternative solutions or features you've considered.
|
|
||||||
|
|
||||||
**Additional context**
|
|
||||||
Add any other context or screenshots about the feature request here.
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
---
|
|
||||||
name: New Chore
|
|
||||||
about: Used to create a new Chore for a needed task
|
|
||||||
title: "Chore: [NAME]"
|
|
||||||
labels: chore
|
|
||||||
---
|
|
||||||
|
|
||||||
**Is your chore related to a problem? Please describe.**
|
|
||||||
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
|
|
||||||
|
|
||||||
**Describe the solution you'd like**
|
|
||||||
A clear and concise description of what you want to happen.
|
|
||||||
|
|
||||||
**Describe alternatives you've considered**
|
|
||||||
A clear and concise description of any alternative solutions or features you've considered.
|
|
||||||
|
|
||||||
**Additional context**
|
|
||||||
Add any other context or screenshots about the feature request here.
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
|
|
@ -1,18 +0,0 @@
|
||||||
# To get started with Dependabot version updates, you'll need to specify which
|
|
||||||
# package ecosystems to update and where the package manifests are located.
|
|
||||||
# Please see the documentation for all configuration options:
|
|
||||||
# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
|
|
||||||
|
|
||||||
version: 2
|
|
||||||
updates:
|
|
||||||
- package-ecosystem: "npm" # See documentation for possible values
|
|
||||||
directory: "/" # Location of package manifests
|
|
||||||
schedule:
|
|
||||||
interval: "weekly"
|
|
||||||
groups:
|
|
||||||
prod-dependencies:
|
|
||||||
dependency-type: "production"
|
|
||||||
dev-dependencies:
|
|
||||||
dependency-type: "development"
|
|
||||||
labels:
|
|
||||||
- "dependencies"
|
|
||||||
|
|
@ -1,38 +0,0 @@
|
||||||
branchName: 'issue-${issue.number}-${issue.title[0,32]}'
|
|
||||||
gitReplaceChars: '/<>'
|
|
||||||
autoLinkIssue: true
|
|
||||||
openDraftPR: true
|
|
||||||
prSkipCI: true
|
|
||||||
copyIssueDescriptionToPR: true
|
|
||||||
copyIssueLabelsToPR: true
|
|
||||||
copyIssueAssigneeToPR: true
|
|
||||||
copyIssueProjectsToPR: true
|
|
||||||
copyIssueMilestoneToPR: true
|
|
||||||
conventionalPrTitles: true
|
|
||||||
conventionalLabels:
|
|
||||||
fix:
|
|
||||||
bug: '🐛'
|
|
||||||
dependencies: '⬆️'
|
|
||||||
security: '🔒'
|
|
||||||
feat:
|
|
||||||
enhancement: '✨'
|
|
||||||
new-stuff: '🚀'
|
|
||||||
build:
|
|
||||||
build: '🔧'
|
|
||||||
chore:
|
|
||||||
chore: '♻️'
|
|
||||||
ci:
|
|
||||||
ci: '👷'
|
|
||||||
docs:
|
|
||||||
documentation: '📝'
|
|
||||||
style:
|
|
||||||
style: '💎'
|
|
||||||
refactor:
|
|
||||||
refactor: '♻️'
|
|
||||||
perf:
|
|
||||||
performance: '⚡️'
|
|
||||||
test:
|
|
||||||
test: '✅'
|
|
||||||
breaking:
|
|
||||||
breaking-change: '💥'
|
|
||||||
breaking change: '💥'
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
name: Auto Issue Branch
|
|
||||||
|
|
||||||
on:
|
|
||||||
issues:
|
|
||||||
types: [ opened, assigned ]
|
|
||||||
issue_comment:
|
|
||||||
types: [ created ]
|
|
||||||
pull_request:
|
|
||||||
types: [ opened, closed ]
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
create_issue_branch_job:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
steps:
|
|
||||||
- name: Create Issue Branch
|
|
||||||
uses: robvanderleek/create-issue-branch@main
|
|
||||||
env:
|
|
||||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
name: "Changesets: Build Changesets for Dependabot"
|
|
||||||
|
|
||||||
on: pull_request
|
|
||||||
|
|
||||||
|
|
||||||
permissions:
|
|
||||||
contents: write
|
|
||||||
pull-requests: write
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
changesets:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
if: ${{ github.actor == 'dependabot[bot]' }}
|
|
||||||
steps:
|
|
||||||
- name: Dependabot Changesets
|
|
||||||
uses: feelepxyz/dependabot-changesets@v1
|
|
||||||
|
|
@ -1,38 +0,0 @@
|
||||||
name: "Changesets: Publish Packages from main"
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
branches:
|
|
||||||
- main
|
|
||||||
permissions:
|
|
||||||
pull-requests: write
|
|
||||||
contents: write
|
|
||||||
env:
|
|
||||||
CI: true
|
|
||||||
jobs:
|
|
||||||
version:
|
|
||||||
timeout-minutes: 15
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
steps:
|
|
||||||
- name: checkout code repository
|
|
||||||
uses: actions/checkout@v4
|
|
||||||
with:
|
|
||||||
fetch-depth: 0
|
|
||||||
- name: setup node.js
|
|
||||||
uses: actions/setup-node@v4
|
|
||||||
with:
|
|
||||||
node-version: 20
|
|
||||||
- name: install pnpm
|
|
||||||
run: npm i pnpm@latest -g
|
|
||||||
- name: Setup npmrc
|
|
||||||
run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > .npmrc
|
|
||||||
- name: install dependencies
|
|
||||||
run: pnpm install --no-frozen-lockfile
|
|
||||||
- name: create and publish versions
|
|
||||||
uses: matthiesenxyz/changeset@v1
|
|
||||||
with:
|
|
||||||
version: pnpm ci:version
|
|
||||||
commit: "chore: update versions"
|
|
||||||
title: "👷 [ci]: Ready for Release"
|
|
||||||
publish: pnpm ci:publish
|
|
||||||
env:
|
|
||||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
name: Write coauthors to a pull request
|
|
||||||
permissions:
|
|
||||||
pull-requests: write
|
|
||||||
|
|
||||||
on:
|
|
||||||
issue_comment:
|
|
||||||
types:
|
|
||||||
- created
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
generate-coauthors:
|
|
||||||
name: Generate Coauthor
|
|
||||||
if: ${{ github.event.issue.pull_request }}
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v4
|
|
||||||
- uses: kevinzunigacuellar/coauthor-action@v0.1.2
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
name: "Sync: GitHub => GitLab"
|
|
||||||
|
|
||||||
on:
|
|
||||||
- push
|
|
||||||
- delete
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
sync:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
name: Git Repo Sync
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v4
|
|
||||||
with:
|
|
||||||
fetch-depth: 0
|
|
||||||
- uses: MatthiesenXYZ/git-sync-action@v1.1
|
|
||||||
with:
|
|
||||||
# Such as https://github.com/wangchucheng/git-repo-sync.git
|
|
||||||
target-url: ${{ secrets.GITLAB_URL }}
|
|
||||||
# Such as wangchucheng
|
|
||||||
target-username: ${{ secrets.GITLAB_USERNAME }}
|
|
||||||
# You can store token in your project's 'Setting > Secrets' and reference the name here. Such as ${{ secrets.ACCESS\_TOKEN }}
|
|
||||||
target-token: ${{ secrets.GITLAB_ACCESS }}
|
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
|
||||||
|
# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
|
||||||
|
|
||||||
|
on:
|
||||||
|
release:
|
||||||
|
types: [created]
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
publish-gpr:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
permissions:
|
||||||
|
contents: read
|
||||||
|
packages: write
|
||||||
|
steps:
|
||||||
|
- uses: actions/checkout@v3
|
||||||
|
- uses: actions/setup-node@v3
|
||||||
|
with:
|
||||||
|
node-version: '18.x'
|
||||||
|
registry-url: https://npm.pkg.github.com/
|
||||||
|
- run: npm ci
|
||||||
|
- run: npm publish
|
||||||
|
env:
|
||||||
|
NODE_AUTH_TOKEN: ${{secrets.GITHUB_TOKEN}}
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
|
||||||
|
# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
|
||||||
|
|
||||||
|
on:
|
||||||
|
release:
|
||||||
|
types: [created]
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
publish-npm:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
steps:
|
||||||
|
- uses: actions/checkout@v3
|
||||||
|
- uses: actions/setup-node@v3
|
||||||
|
with:
|
||||||
|
node-version: '18.x'
|
||||||
|
registry-url: https://registry.npmjs.org/
|
||||||
|
- run: npm ci
|
||||||
|
- run: npm publish
|
||||||
|
env:
|
||||||
|
NODE_AUTH_TOKEN: ${{secrets.npm_token}}
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
node_modules
|
|
||||||
.archive
|
|
||||||
.npmrc
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
{
|
|
||||||
"editor.defaultFormatter": "biomejs.biome",
|
|
||||||
"[astro]": {
|
|
||||||
"editor.defaultFormatter": "astro-build.astro-vscode"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,4 +0,0 @@
|
||||||
{
|
|
||||||
"version": "2.0.0",
|
|
||||||
"tasks": []
|
|
||||||
}
|
|
||||||
|
|
@ -1,128 +0,0 @@
|
||||||
# Contributor Covenant Code of Conduct
|
|
||||||
|
|
||||||
## Our Pledge
|
|
||||||
|
|
||||||
We as members, contributors, and leaders pledge to make participation in our
|
|
||||||
community a harassment-free experience for everyone, regardless of age, body
|
|
||||||
size, visible or invisible disability, ethnicity, sex characteristics, gender
|
|
||||||
identity and expression, level of experience, education, socio-economic status,
|
|
||||||
nationality, personal appearance, race, religion, or sexual identity
|
|
||||||
and orientation.
|
|
||||||
|
|
||||||
We pledge to act and interact in ways that contribute to an open, welcoming,
|
|
||||||
diverse, inclusive, and healthy community.
|
|
||||||
|
|
||||||
## Our Standards
|
|
||||||
|
|
||||||
Examples of behavior that contributes to a positive environment for our
|
|
||||||
community include:
|
|
||||||
|
|
||||||
* Demonstrating empathy and kindness toward other people
|
|
||||||
* Being respectful of differing opinions, viewpoints, and experiences
|
|
||||||
* Giving and gracefully accepting constructive feedback
|
|
||||||
* Accepting responsibility and apologizing to those affected by our mistakes,
|
|
||||||
and learning from the experience
|
|
||||||
* Focusing on what is best not just for us as individuals, but for the
|
|
||||||
overall community
|
|
||||||
|
|
||||||
Examples of unacceptable behavior include:
|
|
||||||
|
|
||||||
* The use of sexualized language or imagery, and sexual attention or
|
|
||||||
advances of any kind
|
|
||||||
* Trolling, insulting or derogatory comments, and personal or political attacks
|
|
||||||
* Public or private harassment
|
|
||||||
* Publishing others' private information, such as a physical or email
|
|
||||||
address, without their explicit permission
|
|
||||||
* Other conduct which could reasonably be considered inappropriate in a
|
|
||||||
professional setting
|
|
||||||
|
|
||||||
## Enforcement Responsibilities
|
|
||||||
|
|
||||||
Community leaders are responsible for clarifying and enforcing our standards of
|
|
||||||
acceptable behavior and will take appropriate and fair corrective action in
|
|
||||||
response to any behavior that they deem inappropriate, threatening, offensive,
|
|
||||||
or harmful.
|
|
||||||
|
|
||||||
Community leaders have the right and responsibility to remove, edit, or reject
|
|
||||||
comments, commits, code, wiki edits, issues, and other contributions that are
|
|
||||||
not aligned to this Code of Conduct, and will communicate reasons for moderation
|
|
||||||
decisions when appropriate.
|
|
||||||
|
|
||||||
## Scope
|
|
||||||
|
|
||||||
This Code of Conduct applies within all community spaces, and also applies when
|
|
||||||
an individual is officially representing the community in public spaces.
|
|
||||||
Examples of representing our community include using an official e-mail address,
|
|
||||||
posting via an official social media account, or acting as an appointed
|
|
||||||
representative at an online or offline event.
|
|
||||||
|
|
||||||
## Enforcement
|
|
||||||
|
|
||||||
Instances of abusive, harassing, or otherwise unacceptable behavior may be
|
|
||||||
reported to the community leaders responsible for enforcement at
|
|
||||||
support@matthiesen.xyz.
|
|
||||||
All complaints will be reviewed and investigated promptly and fairly.
|
|
||||||
|
|
||||||
All community leaders are obligated to respect the privacy and security of the
|
|
||||||
reporter of any incident.
|
|
||||||
|
|
||||||
## Enforcement Guidelines
|
|
||||||
|
|
||||||
Community leaders will follow these Community Impact Guidelines in determining
|
|
||||||
the consequences for any action they deem in violation of this Code of Conduct:
|
|
||||||
|
|
||||||
### 1. Correction
|
|
||||||
|
|
||||||
**Community Impact**: Use of inappropriate language or other behavior deemed
|
|
||||||
unprofessional or unwelcome in the community.
|
|
||||||
|
|
||||||
**Consequence**: A private, written warning from community leaders, providing
|
|
||||||
clarity around the nature of the violation and an explanation of why the
|
|
||||||
behavior was inappropriate. A public apology may be requested.
|
|
||||||
|
|
||||||
### 2. Warning
|
|
||||||
|
|
||||||
**Community Impact**: A violation through a single incident or series
|
|
||||||
of actions.
|
|
||||||
|
|
||||||
**Consequence**: A warning with consequences for continued behavior. No
|
|
||||||
interaction with the people involved, including unsolicited interaction with
|
|
||||||
those enforcing the Code of Conduct, for a specified period of time. This
|
|
||||||
includes avoiding interactions in community spaces as well as external channels
|
|
||||||
like social media. Violating these terms may lead to a temporary or
|
|
||||||
permanent ban.
|
|
||||||
|
|
||||||
### 3. Temporary Ban
|
|
||||||
|
|
||||||
**Community Impact**: A serious violation of community standards, including
|
|
||||||
sustained inappropriate behavior.
|
|
||||||
|
|
||||||
**Consequence**: A temporary ban from any sort of interaction or public
|
|
||||||
communication with the community for a specified period of time. No public or
|
|
||||||
private interaction with the people involved, including unsolicited interaction
|
|
||||||
with those enforcing the Code of Conduct, is allowed during this period.
|
|
||||||
Violating these terms may lead to a permanent ban.
|
|
||||||
|
|
||||||
### 4. Permanent Ban
|
|
||||||
|
|
||||||
**Community Impact**: Demonstrating a pattern of violation of community
|
|
||||||
standards, including sustained inappropriate behavior, harassment of an
|
|
||||||
individual, or aggression toward or disparagement of classes of individuals.
|
|
||||||
|
|
||||||
**Consequence**: A permanent ban from any sort of public interaction within
|
|
||||||
the community.
|
|
||||||
|
|
||||||
## Attribution
|
|
||||||
|
|
||||||
This Code of Conduct is adapted from the [Contributor Covenant][homepage],
|
|
||||||
version 2.0, available at
|
|
||||||
https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
|
|
||||||
|
|
||||||
Community Impact Guidelines were inspired by [Mozilla's code of conduct
|
|
||||||
enforcement ladder](https://github.com/mozilla/diversity).
|
|
||||||
|
|
||||||
[homepage]: https://www.contributor-covenant.org
|
|
||||||
|
|
||||||
For answers to common questions about this code of conduct, see the FAQ at
|
|
||||||
https://www.contributor-covenant.org/faq. Translations are available at
|
|
||||||
https://www.contributor-covenant.org/translations.
|
|
||||||
|
|
@ -1,50 +0,0 @@
|
||||||
# Contributing to Astro-GhostCMS
|
|
||||||
We love your input! We want to make contributing to this project as easy and transparent as possible, whether it's:
|
|
||||||
|
|
||||||
- Reporting a bug
|
|
||||||
- Discussing the current state of the code
|
|
||||||
- Submitting a fix
|
|
||||||
- Proposing new features
|
|
||||||
- Becoming a maintainer
|
|
||||||
|
|
||||||
## We Develop with Github & Sync our Code to GitLab
|
|
||||||
We use github to host code, to track issues and feature requests, as well as accept pull requests. Then All of our Code is Mirrored to GitLab.
|
|
||||||
|
|
||||||
## We Use Changesets to aid with Development!
|
|
||||||
This repo uses [changesets](https://github.com/changesets/changesets) to make releasing updates easier. For you, the contributor, this means you should run `pnpm changeset` when you've got your changes ready.
|
|
||||||
|
|
||||||
For more details, see this short document on [adding a changeset](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md#i-am-in-a-single-package-repository).
|
|
||||||
|
|
||||||
## We Use Github, So All Code Changes Happen Through Pull Requests and Commits
|
|
||||||
Pull requests are the best way to propose changes to the codebase. We actively welcome your pull requests:
|
|
||||||
|
|
||||||
1. Fork the repo and create your branch from `main`.
|
|
||||||
2. If you've changed APIs or Added features, update the documentation.
|
|
||||||
3. Make sure to test your code in the `Playground`
|
|
||||||
4. Issue that pull request!
|
|
||||||
|
|
||||||
## Any contributions you make will be under the MIT Software License
|
|
||||||
In short, when you submit code changes, your submissions are understood to be under the same [MIT License](http://choosealicense.com/licenses/mit/) that covers the project. Feel free to contact the maintainers if that's a concern.
|
|
||||||
|
|
||||||
## Report bugs using Github's [issues](https://github.com/MatthiesenXYZ/astro-ghostcms/issues) or [issues@astro-ghostcms.xyz](mailto:issues@astro-ghostcms.xyz)
|
|
||||||
We use GitHub issues to track public bugs. Report a bug by [opening a new issue](); it's that easy!
|
|
||||||
|
|
||||||
## Write bug reports with detail, background, and sample code
|
|
||||||
|
|
||||||
**Great Bug Reports** tend to have:
|
|
||||||
|
|
||||||
- A quick summary and/or background
|
|
||||||
- Steps to reproduce
|
|
||||||
- Be specific!
|
|
||||||
- Give sample code if you can. Or a minimum reproduction using a empty repo, or Gitpod type setup.
|
|
||||||
- What you expected would happen
|
|
||||||
- What actually happens
|
|
||||||
- Notes (possibly including why you think this might be happening, or stuff you tried that didn't work)
|
|
||||||
|
|
||||||
People *love* thorough bug reports. I'm not even kidding.
|
|
||||||
|
|
||||||
## License
|
|
||||||
By contributing, you agree that your contributions will be licensed under its MIT License.
|
|
||||||
|
|
||||||
## References
|
|
||||||
This document was adapted from the open-source contribution guidelines for [Facebook's Draft](https://github.com/facebook/draft-js/blob/a9316a723f9e918afde44dea68b5f9f39b7d9b00/CONTRIBUTING.md)
|
|
||||||
2
LICENSE
2
LICENSE
|
|
@ -1,6 +1,6 @@
|
||||||
MIT License
|
MIT License
|
||||||
|
|
||||||
Copyright (c) 2024 MatthiesenXYZ - Astro-GhostCMS
|
Copyright (c) 2024 Adam Matthiesen
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
of this software and associated documentation files (the "Software"), to deal
|
||||||
|
|
|
||||||
74
README.md
74
README.md
|
|
@ -1,56 +1,44 @@
|
||||||
<img src="https://repository-images.githubusercontent.com/742727289/d4fb3f65-0d5f-4a1a-9f8b-9b3e2dc90bde" />
|
# Welcome to Astro-GhostCMS
|
||||||
|
|
||||||
Want to Chat? Join our [Discord](https://discord.gg/u7NZqUyeAR)
|
This addon uses the `@tryghost/content-api` and creates astro friendly functions to interface between ghost and astro.
|
||||||
|
|
||||||
For a full always up to date documentation please checkout [Our Website](https://astro-ghostcms.xyz)
|
This package contains a independent copy of the tryghost content-api.js that is used to establish the connection so this package dose not depend on `@tryghost/content-api` package.
|
||||||
|
|
||||||
Don't like GitHub, and prefer GitLab? This Repo is Auto Cloned to Gitlab! Check it out here: [GitLab: Astro-GhostCMS](https://gitlab.com/matthiesenxyz/astro-ghostcms)
|
## Installation
|
||||||
|
|
||||||
## Demos
|
```
|
||||||
|
npm i @matthiesenxyz/astro-ghostcms
|
||||||
- [Default Theme](https://demo.astro-ghostcms.xyz) - ( [Github Repo](https://github.com/MatthiesenXYZ/demo-astroghostcms-themedefault) )
|
|
||||||
- [Catppuccin Theme](https://catppuccindark-demo.astro-ghostcms.xyz/) - ( [Github Repo](https://github.com/MatthiesenXYZ/demo-astroghostcms-catppuccin) )
|
|
||||||
- [Brutal by Elian Theme](https://brutal-demo.astro-ghostcms.xyz) - ( [Github Repo](https://github.com/MatthiesenXYZ/demo-astroghostcms-brutalbyelian) )
|
|
||||||
- [Starlight GhostCMS](https://starlightdemo.astro-ghostcms.xyz/) - ( [Github Repo](https://github.com/MatthiesenXYZ/demo-starlightghostcms) )
|
|
||||||
|
|
||||||
## Quick Start
|
|
||||||
|
|
||||||
```sh
|
|
||||||
# Its easy run this command and follow the prompt!
|
|
||||||
npx @matthiesenxyz/create-astro-ghostcms
|
|
||||||
```
|
```
|
||||||
|
|
||||||
## Our Supporters:
|
Must create `.env` with the following:
|
||||||
|
|
||||||
Want to be listed here? by name or logo? [Signup Here](https://www.buymeacoffee.com/adammatthiesen/membership) for an Astro-GhostCMS Suppoter Membership *(Silver and up get listed here)* Also All Suppoter Memberships get a Discord rank!
|
```env
|
||||||
|
CONTENT_API_KEY=
|
||||||
|
CONTENT_API_URL=
|
||||||
|
```
|
||||||
|
|
||||||
## Repo Structure
|
Astro minimum Version: **Astro v4.0**
|
||||||
|
|
||||||
This repo is structured as a `pnpm` monorepo. All of our packages can be found under the `packages/` folder. These are all internal packages or independently published that can be found on [npmjs.com](https://npmjs.com)
|
Dependencies:
|
||||||
|
- **Axios v1.0** *Will be auto installed*
|
||||||
|
- **Typescript v5.3.3** *Will be auto installed*
|
||||||
|
|
||||||
In this Repo you will find the Following:
|
## Work In Progress README (*More Information will be provided as time goes on...*)
|
||||||
|
|
||||||
- `playgrounds/`:
|
Basic Usage:
|
||||||
- [`astro-playground`](./playgrounds/astro-playground/): Playground for Astro-GhostCMS development and testing.
|
|
||||||
- [`starlight-playground`](./playgrounds/starlight-playground/): Playground of Starlight-GhostCMS development and testing.
|
|
||||||
- `packages/`:
|
|
||||||
- [`create-astro-ghostcms`](./packages/create-astro-ghostcms/): CLI Utility to quickly deploy new Astro-GhostCMS projects.
|
|
||||||
- [`astro-ghostcms`](./packages/astro-ghostcms/): The main Integration!
|
|
||||||
- [`astro-ghostcms-theme-default`](./packages/astro-ghostcms-theme-default/): The Default theme in integration mode.
|
|
||||||
- [`astro-ghostcms-catppuccin`](./packages/astro-ghostcms-catppuccin/): A dark theme made with Catppuccin and TailwindCSS for Astro-GhostCMS Integration Mode.
|
|
||||||
- [`astro-ghostcms-brutalbyelian`](./packages/astro-ghostcms-brutalbyelian/): [ElianCodes](https://www.elian.codes/) Brutal theme modified to work with Astro-GhostCMS
|
|
||||||
- [`starlight-ghostcms`](./packages/starlight-ghostcms/) A [Starlight Plugin](https://starlight.astro.build/resources/plugins/) to integrate your GhostCMS into your documentation website
|
|
||||||
|
|
||||||
## Contributing
|
```
|
||||||
|
import { getGhostPosts } from "@matthiesenxyz/astro-ghostcms";
|
||||||
|
```
|
||||||
|
|
||||||
- [Contributing Doc](./CONTRIBUTING.md)
|
- getGhostPosts() - Get list of posts
|
||||||
|
- getGhostRecentPosts(setLimit?) - Get Recent Posts (setLimit={6})
|
||||||
### Acknowledgments
|
- getGhostFeaturedPosts(setLimit?) - Get Featured Posts (setLimit={1})
|
||||||
|
- getGhostPostbySlug(slug) - Get Post by Slug
|
||||||
*Ghost is a trademark of [The Ghost Foundation](https://ghost.org/trademark/). This project is not directly related to or provided by The Ghost Foundation and is intended to help create a easier method to utilize their provided JavaScript tools to link a Headless GhostCMS install in to your Astro project.*
|
- getGhostPostsbyTag(slug) - Get Posts list by Tag slug
|
||||||
|
- getGhostTags() - Get list of tags
|
||||||
[](https://astro.build)
|
- getGhostTagbySlug(slug) - Get Tag by slug
|
||||||
|
- getGhostAuthors() - Get list of Authors
|
||||||
Maintained with [GitKraken](https://www.gitkraken.com/invite/hirocQWn)
|
- getGhostPages() - Get list of Pages
|
||||||
|
- getGhostPage(slug) - Get page by slug
|
||||||
<img width="300" alt="gitkraken-logo-stencil-color" src="https://github.com/MatthiesenXYZ/astro-ghostcms/assets/30383579/751e20a9-8f7e-4a74-9fec-665e17f8715a">
|
- getGhostSettings() - Get Settings for GhostCMS
|
||||||
12
SECURITY.md
12
SECURITY.md
|
|
@ -1,12 +0,0 @@
|
||||||
# Security Policy
|
|
||||||
|
|
||||||
## Supported Versions
|
|
||||||
|
|
||||||
| Version | Supported |
|
|
||||||
| ------- | ------------------ |
|
|
||||||
| 3.0.x | :white_check_mark: |
|
|
||||||
| < 3.0 | :x: |
|
|
||||||
|
|
||||||
## Reporting a Vulnerability
|
|
||||||
|
|
||||||
If you find an issue with our security please report it to [issues@astro-ghostcmx.xyz](mailto:issues@astro-ghostcms.xyz) or Open a Issue on GitHub
|
|
||||||
18
biome.json
18
biome.json
|
|
@ -1,18 +0,0 @@
|
||||||
{
|
|
||||||
"$schema": "https://biomejs.dev/schemas/1.5.2/schema.json",
|
|
||||||
"organizeImports": {
|
|
||||||
"enabled": true
|
|
||||||
},
|
|
||||||
"linter": {
|
|
||||||
"enabled": true,
|
|
||||||
"rules": {
|
|
||||||
"recommended": true,
|
|
||||||
"suspicious": {
|
|
||||||
"noExplicitAny": "off"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"files": {
|
|
||||||
"ignore": ["dist", ".astro"]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -0,0 +1,253 @@
|
||||||
|
export type ArrayOrValue<T> = T | T[];
|
||||||
|
export type Nullable<T> = T | null;
|
||||||
|
|
||||||
|
export interface Pagination {
|
||||||
|
page: number;
|
||||||
|
limit: number;
|
||||||
|
pages: number;
|
||||||
|
total: number;
|
||||||
|
next: Nullable<number>;
|
||||||
|
prev: Nullable<number>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Identification {
|
||||||
|
slug: string;
|
||||||
|
id: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Metadata {
|
||||||
|
meta_title?: Nullable<string> | undefined;
|
||||||
|
meta_description?: Nullable<string> | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Excerpt {
|
||||||
|
excerpt?: string | undefined;
|
||||||
|
custom_excerpt?: string | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface CodeInjection {
|
||||||
|
codeinjection_head?: Nullable<string> | undefined;
|
||||||
|
codeinjection_foot?: Nullable<string> | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Metadata for Facebook */
|
||||||
|
export interface Facebook {
|
||||||
|
og_image?: Nullable<string> | undefined;
|
||||||
|
og_title?: Nullable<string> | undefined;
|
||||||
|
og_description?: Nullable<string> | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Twitter {
|
||||||
|
twitter_image?: Nullable<string> | undefined;
|
||||||
|
twitter_title?: Nullable<string> | undefined;
|
||||||
|
twitter_description?: Nullable<string> | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface SocialMedia extends Facebook, Twitter {
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Settings extends Metadata, CodeInjection, SocialMedia {
|
||||||
|
title?: string | undefined;
|
||||||
|
description?: string | undefined;
|
||||||
|
logo?: string | undefined;
|
||||||
|
icon?: string | undefined;
|
||||||
|
accent_color?: Nullable<string> | undefined;
|
||||||
|
cover_image?: string | undefined;
|
||||||
|
facebook?: string | undefined;
|
||||||
|
twitter?: string | undefined;
|
||||||
|
lang?: string | undefined;
|
||||||
|
timezone?: string | undefined;
|
||||||
|
ghost_head?: Nullable<string> | undefined;
|
||||||
|
ghost_foot?: Nullable<string> | undefined;
|
||||||
|
navigation?:
|
||||||
|
| Array<{
|
||||||
|
label: string;
|
||||||
|
url: string;
|
||||||
|
}>
|
||||||
|
| undefined;
|
||||||
|
secondary_navigation?:
|
||||||
|
| Array<{
|
||||||
|
label: string;
|
||||||
|
url: string;
|
||||||
|
}>
|
||||||
|
| undefined;
|
||||||
|
url: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Author extends Identification, Metadata {
|
||||||
|
name?: string | undefined;
|
||||||
|
profile_image?: Nullable<string> | undefined;
|
||||||
|
cover_image?: Nullable<string> | undefined;
|
||||||
|
bio?: Nullable<string> | undefined;
|
||||||
|
website?: Nullable<string> | undefined;
|
||||||
|
location?: Nullable<string> | undefined;
|
||||||
|
facebook?: Nullable<string> | undefined;
|
||||||
|
twitter?: Nullable<string> | undefined;
|
||||||
|
url?: Nullable<string> | undefined;
|
||||||
|
count?: {
|
||||||
|
posts: number;
|
||||||
|
} | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type TagVisibility = "public" | "internal";
|
||||||
|
|
||||||
|
export interface Tag extends Identification, Metadata, SocialMedia {
|
||||||
|
name?: string | undefined;
|
||||||
|
description?: Nullable<string> | undefined;
|
||||||
|
feature_image?: Nullable<string> | undefined;
|
||||||
|
visibility?: TagVisibility | undefined;
|
||||||
|
url?: string | undefined;
|
||||||
|
canonical_url?: Nullable<string> | undefined;
|
||||||
|
accent_color?: Nullable<string> | undefined;
|
||||||
|
count?: {
|
||||||
|
posts: number;
|
||||||
|
} | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PostOrPage extends Identification, Excerpt, CodeInjection, Metadata, SocialMedia {
|
||||||
|
// Identification
|
||||||
|
uuid?: string | undefined;
|
||||||
|
comment_id?: string | undefined;
|
||||||
|
featured?: boolean | undefined;
|
||||||
|
|
||||||
|
// Post or Page
|
||||||
|
title?: string | undefined;
|
||||||
|
html?: Nullable<string> | undefined;
|
||||||
|
plaintext?: Nullable<string> | undefined;
|
||||||
|
|
||||||
|
// Image
|
||||||
|
feature_image?: Nullable<string> | undefined;
|
||||||
|
feature_image_alt?: Nullable<string> | undefined;
|
||||||
|
feature_image_caption?: Nullable<string> | undefined;
|
||||||
|
|
||||||
|
// Dates
|
||||||
|
created_at?: string | undefined;
|
||||||
|
updated_at?: Nullable<string> | undefined;
|
||||||
|
published_at?: Nullable<string> | undefined;
|
||||||
|
|
||||||
|
// Custom Template for posts and pages
|
||||||
|
custom_template?: Nullable<string> | undefined;
|
||||||
|
|
||||||
|
// Post or Page
|
||||||
|
page?: boolean | undefined;
|
||||||
|
|
||||||
|
// Reading time
|
||||||
|
reading_time?: number | undefined;
|
||||||
|
|
||||||
|
// Tags - Only shown when using Include param
|
||||||
|
tags?: Tag[] | undefined;
|
||||||
|
primary_tag?: Nullable<Tag> | undefined;
|
||||||
|
|
||||||
|
// Authors - Only shown when using Include Param
|
||||||
|
authors?: Author[] | undefined;
|
||||||
|
primary_author?: Nullable<Author> | undefined;
|
||||||
|
|
||||||
|
url?: string | undefined;
|
||||||
|
canonical_url?: Nullable<string> | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
export type GhostData = PostOrPage | Author | Tag | Settings;
|
||||||
|
|
||||||
|
export type IncludeParam = "authors" | "tags" | "count.posts";
|
||||||
|
|
||||||
|
export type FieldParam = string;
|
||||||
|
|
||||||
|
export type FormatParam = "html" | "plaintext";
|
||||||
|
|
||||||
|
export type FilterParam = string;
|
||||||
|
|
||||||
|
export type LimitParam = number | string;
|
||||||
|
|
||||||
|
export type PageParam = number;
|
||||||
|
|
||||||
|
export type OrderParam = string;
|
||||||
|
|
||||||
|
export interface Params {
|
||||||
|
include?: ArrayOrValue<IncludeParam> | undefined;
|
||||||
|
fields?: ArrayOrValue<FieldParam> | undefined;
|
||||||
|
formats?: ArrayOrValue<FormatParam> | undefined;
|
||||||
|
filter?: ArrayOrValue<FilterParam> | undefined;
|
||||||
|
limit?: ArrayOrValue<LimitParam> | undefined;
|
||||||
|
page?: ArrayOrValue<PageParam> | undefined;
|
||||||
|
order?: ArrayOrValue<OrderParam> | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface BrowseFunction<T> {
|
||||||
|
(options?: Params, memberToken?: Nullable<string>): Promise<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface ReadFunction<T> {
|
||||||
|
(
|
||||||
|
data: { id: Nullable<string> } | { slug: Nullable<string> },
|
||||||
|
options?: Params,
|
||||||
|
memberToken?: Nullable<string>,
|
||||||
|
): Promise<T>;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface BrowseResults<T> extends Array<T> {
|
||||||
|
meta: { pagination: Pagination };
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface PostsOrPages extends BrowseResults<PostOrPage> {
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Authors extends BrowseResults<Author> {
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface Tags extends BrowseResults<Tag> {
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface SettingsResponse extends Settings {
|
||||||
|
meta: any;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface GhostError {
|
||||||
|
errors: Array<{
|
||||||
|
message: string;
|
||||||
|
errorType: string;
|
||||||
|
}>;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface GhostContentAPIOptions {
|
||||||
|
url: string;
|
||||||
|
/**
|
||||||
|
* Version of GhostContentAPI
|
||||||
|
*
|
||||||
|
* Supported Versions: 'v2', 'v3', 'v4', 'v5.0', 'canary'
|
||||||
|
*/
|
||||||
|
version: "v2" | "v3" | "v4" | "v5.0" | "canary";
|
||||||
|
key: string;
|
||||||
|
/** @deprecated since version v2 */
|
||||||
|
host?: string | undefined;
|
||||||
|
/** @default "ghost" */
|
||||||
|
ghostPath?: string | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
export interface GhostAPI {
|
||||||
|
posts: {
|
||||||
|
browse: BrowseFunction<PostsOrPages>;
|
||||||
|
read: ReadFunction<PostOrPage>;
|
||||||
|
};
|
||||||
|
authors: {
|
||||||
|
browse: BrowseFunction<Authors>;
|
||||||
|
read: ReadFunction<Author>;
|
||||||
|
};
|
||||||
|
tags: {
|
||||||
|
browse: BrowseFunction<Tags>;
|
||||||
|
read: ReadFunction<Tag>;
|
||||||
|
};
|
||||||
|
pages: {
|
||||||
|
browse: BrowseFunction<PostsOrPages>;
|
||||||
|
read: ReadFunction<PostOrPage>;
|
||||||
|
};
|
||||||
|
settings: {
|
||||||
|
browse: BrowseFunction<SettingsResponse>;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
declare var GhostContentAPI: {
|
||||||
|
(options: GhostContentAPIOptions): GhostAPI;
|
||||||
|
new(options: GhostContentAPIOptions): GhostAPI;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default GhostContentAPI;
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
// FUNCTION EXPORTS
|
||||||
|
export { getGhostPosts, getGhostRecentPosts, getGhostFeaturedPosts, getGhostPostbySlug, getGhostPostsbyTag, getGhostTags, getGhostTagbySlug, getGhostAuthors, getGhostPages, getGhostPage, getGhostSettings } from './src/functions';
|
||||||
|
|
||||||
|
// TYPE EXPORTS
|
||||||
|
export type { PostOrPage, ArrayOrValue, Author, Authors, BrowseFunction, CodeInjection, Excerpt, Facebook, FieldParam, FilterParam, FormatParam, GhostAPI, GhostContentAPIOptions, GhostData, GhostError, Identification, IncludeParam, LimitParam, Metadata, Nullable, OrderParam, PageParam, Pagination, Params, PostsOrPages, ReadFunction, Settings, SettingsResponse, SocialMedia, Tag, TagVisibility, Tags, Twitter } from './index.d';
|
||||||
71
package.json
71
package.json
|
|
@ -1,31 +1,44 @@
|
||||||
{
|
{
|
||||||
"name": "root",
|
"name": "@matthiesenxyz/astro-ghostcms",
|
||||||
"private": true,
|
"description": "Astro GhostCMS integration to allow easier importing of GhostCMS Content",
|
||||||
"packageManager": "pnpm@8.14.1",
|
"version": "1.0.4",
|
||||||
"engines": {
|
"author": "MatthiesenXYZ (https://matthiesen.xyz)",
|
||||||
"node": ">=18.19.0"
|
"type": "module",
|
||||||
},
|
"license": "MIT",
|
||||||
"scripts": {
|
"repository": {
|
||||||
"astro:dev": "pnpm --filter astro-playground dev",
|
"type": "git",
|
||||||
"starlight:dev": "pnpm --filter starlight-playground dev",
|
"url": "git+https://github.com/MatthiesenXYZ/astro-ghostcms.git"
|
||||||
"lint": "biome check .",
|
},
|
||||||
"lint:fix": "biome check --apply .",
|
"bugs": {
|
||||||
"ci:version": "pnpm changeset version",
|
"url": "https://github.com/MatthiesenXYZ/astro-ghostcms/issues"
|
||||||
"ci:publish": "pnpm changeset publish",
|
},
|
||||||
"ci:test:integration": "pnpm --filter astro-ghostcms test:ci",
|
"homepage": "https://github.com/MatthiesenXYZ/astro-ghostcms",
|
||||||
"test:integration": "pnpm --filter astro-ghostcms test",
|
"exports": {
|
||||||
"test:integration:watch": "pnpm --filter astro-ghostcms test:watch",
|
".": "./index.ts"
|
||||||
"test:integration:coverage": "pnpm --filter astro-ghostcms test:coverage",
|
},
|
||||||
"test:create-utility": "pnpm --filter create-astro-ghostcms test",
|
"main": "index.ts",
|
||||||
"test:starlight": "pnpm --filter starlight-ghostcms test",
|
"types": "index.d.ts",
|
||||||
"test:starlight:watch": "pnpm --filter starlight-ghostcms test:watch",
|
"files": [
|
||||||
"test:starlight:coverage": "pnpm --filter starlight-ghostcms test:coverage"
|
"src",
|
||||||
},
|
"index.ts",
|
||||||
"devDependencies": {
|
"index.d.ts"
|
||||||
"@biomejs/biome": "1.6.1",
|
],
|
||||||
"@changesets/cli": "^2.27.1",
|
"keywords": [
|
||||||
"@vitest/ui": "^1.4.0",
|
"astro-component",
|
||||||
"vitest": "^1.4.0",
|
"withastro",
|
||||||
"vitest-fetch-mock": "^0.2.2"
|
"ghost",
|
||||||
}
|
"ghostcms"
|
||||||
|
],
|
||||||
|
"scripts": {},
|
||||||
|
"devDependencies": {
|
||||||
|
"astro": "^4.1.1"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"astro": "^4.0.0"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@astrojs/check": "^0.3.4",
|
||||||
|
"typescript": "^5.3.3",
|
||||||
|
"axios": "^1.0.0"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,142 +0,0 @@
|
||||||
# @matthiesenxyz/astro-ghostcms-brutalbyelian
|
|
||||||
|
|
||||||
## 0.0.18
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- f82035b: Bump dependencies:
|
|
||||||
|
|
||||||
- astro-integration-kit from to
|
|
||||||
- @unocss/astro from to
|
|
||||||
- @unocss/reset from to
|
|
||||||
- astro-font from to
|
|
||||||
- unocss from to
|
|
||||||
- sass from to
|
|
||||||
- @matthiesenxyz/astro-gists from to
|
|
||||||
- vite-tsconfig-paths from to
|
|
||||||
- astro from to
|
|
||||||
|
|
||||||
- Updated dependencies [f82035b]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.3.5
|
|
||||||
|
|
||||||
## 0.0.17
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- f097c6a: Adds a toggleswitch to allow users to disable astro-remote usage for rendering ghost-content
|
|
||||||
- Updated dependencies [f097c6a]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.3.4
|
|
||||||
|
|
||||||
## 0.0.16
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- b0218e1: fix:
|
|
||||||
|
|
||||||
- Removed CodeSlot Component that sometimes would break with some <pre> components
|
|
||||||
- Will be adding at a latter time a custom component to replace this, but at this time this is now fixed.
|
|
||||||
|
|
||||||
## 0.0.15
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 4c1002a: fix getAllTags bug for themes and bump other packages deps
|
|
||||||
- Updated dependencies [4c1002a]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.3.2
|
|
||||||
|
|
||||||
## 0.0.14
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 746fcc5: Fix html rendering to allow custom components
|
|
||||||
|
|
||||||
## 0.0.13
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 2724119: Migrate from `astro-ghostcms-rendercontent` to `astro-remote` for internal processing of GhostCMS HTML. no user changes required.
|
|
||||||
|
|
||||||
## 0.0.12
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- f921005: Bump dependencies:
|
|
||||||
|
|
||||||
- vite from to
|
|
||||||
- @eliancodes/brutal-ui from to
|
|
||||||
- typescript from to
|
|
||||||
- ultrahtml from to
|
|
||||||
- @fontsource-variable/inter from to
|
|
||||||
- astro-seo from to
|
|
||||||
- astro from to
|
|
||||||
- sass from to
|
|
||||||
- @astrojs/starlight from to
|
|
||||||
- sharp from to
|
|
||||||
|
|
||||||
- Updated dependencies [f921005]
|
|
||||||
- Updated dependencies [f921005]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.3.1
|
|
||||||
- @matthiesenxyz/astro-ghostcms-rendercontent@0.0.8
|
|
||||||
|
|
||||||
## 0.0.11
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- Updated dependencies [1f850db]
|
|
||||||
- Updated dependencies [1f850db]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.9
|
|
||||||
- @matthiesenxyz/astro-ghostcms-rendercontent@0.0.7
|
|
||||||
|
|
||||||
## 0.0.10
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 3a5aea9: Updated Tests and Linted packages
|
|
||||||
- Updated dependencies [3a5aea9]
|
|
||||||
- @matthiesenxyz/astro-ghostcms-rendercontent@0.0.6
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.7
|
|
||||||
|
|
||||||
## 0.0.9
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- e235ad0: Bump dependencies:
|
|
||||||
|
|
||||||
- @astrojs/rss from to
|
|
||||||
- vite from to
|
|
||||||
- unocss from to
|
|
||||||
- astro-font from to
|
|
||||||
|
|
||||||
- Updated dependencies [e235ad0]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.6
|
|
||||||
|
|
||||||
## 0.0.8
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 0f3d47f: Bump @unocss/reset from 0.57.7 to 0.58.5
|
|
||||||
- 12be739: Depencency updates
|
|
||||||
- a358b7d: Bump @unocss/astro from 0.57.7 to 0.58.5
|
|
||||||
- Updated dependencies [455ad3f]
|
|
||||||
- Updated dependencies [12be739]
|
|
||||||
- Updated dependencies [455ad3f]
|
|
||||||
- @matthiesenxyz/astro-ghostcms-rendercontent@0.0.5
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.5
|
|
||||||
|
|
||||||
## 0.0.7
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- Fix License File
|
|
||||||
- Updated dependencies
|
|
||||||
- @matthiesenxyz/astro-ghostcms-rendercontent@0.0.4
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.4
|
|
||||||
|
|
||||||
## 0.0.6
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- Initialization of changeset cli
|
|
||||||
- Updated dependencies
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.3
|
|
||||||
- @matthiesenxyz/astro-ghostcms-rendercontent@0.0.3
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
MIT License
|
|
||||||
|
|
||||||
Copyright (c) 2024 MatthiesenXYZ - Astro-GhostCMS & Elian Van Cutsem
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all
|
|
||||||
copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
||||||
SOFTWARE.
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
import {
|
|
||||||
definePreset,
|
|
||||||
presetIcons,
|
|
||||||
presetTypography,
|
|
||||||
presetWind,
|
|
||||||
} from "unocss";
|
|
||||||
|
|
||||||
export default definePreset(() => {
|
|
||||||
return {
|
|
||||||
name: "brutalTheme",
|
|
||||||
presets: [
|
|
||||||
presetWind(),
|
|
||||||
presetIcons({
|
|
||||||
collections: {
|
|
||||||
//@ts-expect-error
|
|
||||||
logos: () =>
|
|
||||||
import("@iconify-json/logos/icons.json").then((i) => i.default),
|
|
||||||
uil: () =>
|
|
||||||
import("@iconify-json/uil/icons.json").then((l) => l.default),
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
presetTypography(),
|
|
||||||
],
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
@ -1,68 +0,0 @@
|
||||||
{
|
|
||||||
"name": "@matthiesenxyz/astro-ghostcms-brutalbyelian",
|
|
||||||
"description": "ElianCodes Brutal theme modified to work with Astro-GhostCMS",
|
|
||||||
"version": "0.0.18",
|
|
||||||
"homepage": "https://astro-ghostcms.xyz/",
|
|
||||||
"type": "module",
|
|
||||||
"license": "MIT",
|
|
||||||
"publishConfig": {
|
|
||||||
"access": "public"
|
|
||||||
},
|
|
||||||
"sideEffects": false,
|
|
||||||
"author": {
|
|
||||||
"email": "adam@matthiesen.xyz",
|
|
||||||
"name": "Adam Matthiesen - MatthiesenXYZ",
|
|
||||||
"url": "https://matthiesen.xyz"
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"astro-ghostcms"
|
|
||||||
],
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/MatthiesenXYZ/astro-ghostcms.git"
|
|
||||||
},
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/MatthiesenXYZ/astro-ghostcms/issues",
|
|
||||||
"email": "issues@astro-ghostcms.xyz"
|
|
||||||
},
|
|
||||||
"main": "./brutalunocss-preset.ts",
|
|
||||||
"files": [
|
|
||||||
"src",
|
|
||||||
"brutalunocss-preset.ts"
|
|
||||||
],
|
|
||||||
"exports": {
|
|
||||||
".": "./brutalunocss-preset.ts",
|
|
||||||
"./index.astro": "./src/routes/index.astro",
|
|
||||||
"./[slug].astro": "./src/routes/[slug].astro",
|
|
||||||
"./tags.astro": "./src/routes/tags.astro",
|
|
||||||
"./authors.astro": "./src/routes/authors.astro",
|
|
||||||
"./tag/[slug].astro": "./src/routes/tag/[slug].astro",
|
|
||||||
"./author/[slug].astro": "./src/routes/author/[slug].astro",
|
|
||||||
"./archives/[...page].astro": "./src/routes/archives/[...page].astro"
|
|
||||||
},
|
|
||||||
"scripts": {},
|
|
||||||
"peerDependencies": {
|
|
||||||
"@matthiesenxyz/astro-ghostcms": ">=3.3.5",
|
|
||||||
"astro": ">=4.4.1"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@typescript-eslint/parser": "^7.2.0",
|
|
||||||
"eslint": "^8.57.0",
|
|
||||||
"eslint-plugin-astro": "^0.31.4",
|
|
||||||
"eslint-plugin-jsx-a11y": "^6.8.0",
|
|
||||||
"prettier-plugin-astro": "^0.13.0",
|
|
||||||
"prettier": "^3.2.5"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@eliancodes/brutal-ui": "^0.2.6",
|
|
||||||
"@iconify-json/logos": "^1.1.41",
|
|
||||||
"@iconify-json/uil": "^1.1.8",
|
|
||||||
"@unocss/astro": "^0.58.6",
|
|
||||||
"@unocss/reset": "^0.58.6",
|
|
||||||
"astro-font": "^0.0.78",
|
|
||||||
"astro-remote": "0.3.2",
|
|
||||||
"typescript": "^5.4.2",
|
|
||||||
"ultrahtml": "^1.5.3",
|
|
||||||
"unocss": "^0.58.6"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
|
|
@ -1,23 +0,0 @@
|
||||||
---
|
|
||||||
import AuthorList from './AuthorList.astro';
|
|
||||||
import { Card } from '@eliancodes/brutal-ui';
|
|
||||||
|
|
||||||
import type { Settings, Post, Author } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
authors: Author[];
|
|
||||||
settings: Settings;
|
|
||||||
isHome?: boolean;
|
|
||||||
};
|
|
||||||
const { authors, settings } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<section class='mt-8'>
|
|
||||||
<Card>
|
|
||||||
<div class='flex justify-between items-start'>
|
|
||||||
<h2 class='text-2xl md:text-4xl lg:text-6xl mb-8 dm-serif'>
|
|
||||||
Our Authors
|
|
||||||
</h2>
|
|
||||||
</div>
|
|
||||||
<AuthorList authors={authors} settings={settings}/>
|
|
||||||
</Card>
|
|
||||||
</section>
|
|
||||||
|
|
@ -1,95 +0,0 @@
|
||||||
---
|
|
||||||
export type Props = {
|
|
||||||
name: string,
|
|
||||||
image?: string | null,
|
|
||||||
count: number,
|
|
||||||
bio: string | null,
|
|
||||||
location: string | null,
|
|
||||||
website: string | null,
|
|
||||||
twitter: string | null,
|
|
||||||
facebook: string | null
|
|
||||||
};
|
|
||||||
|
|
||||||
const {
|
|
||||||
name, image, bio, location, website, twitter, facebook, count
|
|
||||||
} = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<header class="author-card">
|
|
||||||
{ image ? <img src={image} alt="Author Image" class="author-image"> : (
|
|
||||||
<span class="author-image">
|
|
||||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g fill="none" fill-rule="evenodd">
|
|
||||||
<path
|
|
||||||
d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z"
|
|
||||||
fill="#FFF"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
<div class="author-info">
|
|
||||||
<div class="author-name text-ctp-teal">{name}</div>
|
|
||||||
<div class="author-bio text-ctp-blue">
|
|
||||||
{bio ? bio : count > 0? count + " Posts" : "No Posts"}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{location && (
|
|
||||||
<div class="author-location text-ctp-sapphire">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin-map-fill text-ctp-flamingo inline" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8z"/> <path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z"/> </svg> {location}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<div class="author-links">
|
|
||||||
{website && (<a href={website} target="_blank" rel="noopener">Website</a>)}
|
|
||||||
{twitter && (<a href={twitter} target="_blank" rel="noopener">Twitter</a>)}
|
|
||||||
{facebook && (<a href={facebook} target="_blank" rel="noopener">Facebook</a>)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.author-card {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 8vmin;
|
|
||||||
margin-bottom: 6vmin;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-image {
|
|
||||||
width: 180px;
|
|
||||||
height: 180px;
|
|
||||||
object-fit: cover;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-info {
|
|
||||||
flex: 1;
|
|
||||||
padding: 20px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-name {
|
|
||||||
font-size: 1.5em;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-bio {
|
|
||||||
line-height: 1.4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-location {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-links {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-links a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #FFFFFF;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
---
|
|
||||||
import AuthorSummaryCard from './AuthorSummaryCard.astro';
|
|
||||||
import type { Settings, Post, Author } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
authors: Author[];
|
|
||||||
settings: Settings;
|
|
||||||
};
|
|
||||||
const { authors, settings } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<ul class='grid md:grid-cols-2 lg:grid-cols-3 gap-8'>
|
|
||||||
{
|
|
||||||
authors.map((author: Author) => {
|
|
||||||
return (
|
|
||||||
<li>
|
|
||||||
<AuthorSummaryCard author={author}, settings={settings} />
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</ul>
|
|
||||||
|
|
@ -1,38 +0,0 @@
|
||||||
---
|
|
||||||
import SummaryCard from './AuthorSummaryCardHeader.astro';
|
|
||||||
import type { Settings, Author } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import { getGhostImgPath, formatDate } from "../../utils";
|
|
||||||
import { Pill } from '@eliancodes/brutal-ui';
|
|
||||||
import Button from "../generic/button.astro"
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
author: Author;
|
|
||||||
settings: Settings;
|
|
||||||
};
|
|
||||||
|
|
||||||
const { author, settings } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<SummaryCard
|
|
||||||
title={author.name}
|
|
||||||
imgAlt={author.name}
|
|
||||||
imgSrc={getGhostImgPath(settings.url, author.profile_image || "", 100)}
|
|
||||||
description={author.bio?author.bio:""}
|
|
||||||
>
|
|
||||||
<div class='flex justify-end my-4'>
|
|
||||||
<Button href={`/author/${author.slug}/`}>More Info →</Button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='hidden sm:inline-block'>
|
|
||||||
<div class='flex justify-between items-center'>
|
|
||||||
<ul class='flex gap-4 mt-2'>
|
|
||||||
{author.count && author.count.posts && (
|
|
||||||
<div class="sanchez">
|
|
||||||
<Pill>{author.count.posts > 0 ? `${author.count.posts} posts` : "No posts"}</Pill>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SummaryCard>
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
---
|
|
||||||
import { Card } from '@eliancodes/brutal-ui';
|
|
||||||
import { Image } from 'astro:assets';
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
title: string;
|
|
||||||
imgSrc: string | null;
|
|
||||||
imgAlt: string;
|
|
||||||
description: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { title, imgAlt, imgSrc, description } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<Card color='white'>
|
|
||||||
<div class='rounded-lg'>
|
|
||||||
{imgSrc && (<Image
|
|
||||||
src={imgSrc}
|
|
||||||
alt={imgAlt}
|
|
||||||
width={100}
|
|
||||||
height={100}
|
|
||||||
class='rounded h-54 w-56'
|
|
||||||
/>)}
|
|
||||||
</div>
|
|
||||||
<h3 class='poppins text-lg font-bold md:text-xl'>{title}</h3>
|
|
||||||
<p class='poppins line-clamp-4'>{description}</p>
|
|
||||||
<slot />
|
|
||||||
</Card>
|
|
||||||
|
|
@ -1,17 +0,0 @@
|
||||||
---
|
|
||||||
interface Props {
|
|
||||||
content: any;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { content } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<article class='prose-slate w-sm md:w-prose md:prose poppins'>
|
|
||||||
<a href='/blog/' title='Back to blog'>← Back to blog</a>
|
|
||||||
<p class='text-slate text-sm md:text-base'>
|
|
||||||
Published on {content.pubDate} by {content.author}
|
|
||||||
</p>
|
|
||||||
<slot />
|
|
||||||
<p class='text-slate'>Written by {content.author}</p>
|
|
||||||
<a href='/blog/' title='Back to blog'>← Back to blog</a>
|
|
||||||
</article>
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
---
|
|
||||||
import BlogSummaryCard from './BlogSummaryCard.astro';
|
|
||||||
import type { Settings, Post } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
posts: Post[];
|
|
||||||
settings: Settings;
|
|
||||||
};
|
|
||||||
const { posts, settings } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<ul class='grid md:grid-cols-2 lg:grid-cols-3 gap-8'>
|
|
||||||
{
|
|
||||||
posts.map((post: Post) => {
|
|
||||||
return (
|
|
||||||
<li>
|
|
||||||
<BlogSummaryCard post={post}, settings={settings} />
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</ul>
|
|
||||||
|
|
@ -1,44 +0,0 @@
|
||||||
---
|
|
||||||
import type { Settings, Post } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import { formatDate } from "../../utils";
|
|
||||||
import FeatureImage from "./FeatureImage.astro";
|
|
||||||
|
|
||||||
export type Props = {
|
|
||||||
post: Post;
|
|
||||||
settings: Settings;
|
|
||||||
};
|
|
||||||
|
|
||||||
const { post, settings } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
<header class="article-header gh-canvas">
|
|
||||||
<div class="flex justify-between">
|
|
||||||
<section class="flex flex-grow align-middle">
|
|
||||||
<div class="text-ctp-overlay2">
|
|
||||||
{ post.primary_author && (
|
|
||||||
<h4 class="text-ctp-teal">Author:
|
|
||||||
<a href={`/author/${post.primary_author.slug}`}>{post.primary_author.name}</a>
|
|
||||||
</h4>
|
|
||||||
)}
|
|
||||||
<div class="text-ctp-overlay2">
|
|
||||||
<time class="text-ctp-sapphire" datetime={formatDate(post.created_at)}
|
|
||||||
>{formatDate(post.created_at)}
|
|
||||||
</time>
|
|
||||||
<span class="text-ctp-peach"
|
|
||||||
><span class="text-ctp-overlay2">•</span>
|
|
||||||
{post.reading_time} min read
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
<center><h1 class="text-5xl righteous pb-5">{post.title}</h1></center>
|
|
||||||
{post.feature_image && (
|
|
||||||
<FeatureImage
|
|
||||||
image={post.feature_image}
|
|
||||||
alt={post.feature_image_alt ? post.feature_image_alt : post.title}
|
|
||||||
caption={post.feature_image_caption || "" }
|
|
||||||
settings={settings}
|
|
||||||
transitionName={`img-${post.title}`}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</header>
|
|
||||||
|
|
@ -1,29 +0,0 @@
|
||||||
---
|
|
||||||
interface Props {
|
|
||||||
headings: Array<Object>;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { headings } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<aside>
|
|
||||||
<nav class='hidden lg:block sticky top-6'>
|
|
||||||
<ul>
|
|
||||||
{
|
|
||||||
headings.map((heading: any) => (
|
|
||||||
<li class='py-1'>
|
|
||||||
{[...Array(heading.depth - 1)].map((_, _i) => (
|
|
||||||
<span class='inline-block w-4' />
|
|
||||||
))}
|
|
||||||
<a
|
|
||||||
class='hover:text-stone transition-all duration-150 ease-in-out text-dark poppins'
|
|
||||||
href={`#${heading.slug}`}
|
|
||||||
>
|
|
||||||
{heading.text}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
))
|
|
||||||
}
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</aside>
|
|
||||||
|
|
@ -1,46 +0,0 @@
|
||||||
---
|
|
||||||
import SummaryCard from '../generic/SummaryCard.astro';
|
|
||||||
import type { Settings, Post, Tag } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import { getGhostImgPath, formatDate } from "../../utils";
|
|
||||||
import { Pill } from '@eliancodes/brutal-ui';
|
|
||||||
import Button from "../generic/button.astro"
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
post: Post;
|
|
||||||
settings: Settings;
|
|
||||||
};
|
|
||||||
|
|
||||||
const { post, settings } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<SummaryCard
|
|
||||||
title={post.title}
|
|
||||||
imgAlt={post.feature_image_alt
|
|
||||||
? post.feature_image_alt : post.feature_image_caption
|
|
||||||
? post.feature_image_caption : post.title}
|
|
||||||
imgSrc={getGhostImgPath(settings.url, post.feature_image || "", 800)}
|
|
||||||
description={post.excerpt}
|
|
||||||
>
|
|
||||||
<div class='flex justify-end my-4'>
|
|
||||||
<Button href={`/${post.slug}/`}>Read post →</Button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='hidden sm:inline-block'>
|
|
||||||
<p class='poppins mt-2'>tags:</p>
|
|
||||||
<div class='flex justify-between items-center'>
|
|
||||||
<ul class='flex gap-4 mt-2'>
|
|
||||||
{
|
|
||||||
post.tags && post.tags.map((tag) => {
|
|
||||||
return (
|
|
||||||
<li>
|
|
||||||
<a class="sanchez" href={`/tag/${tag.slug}/`}>
|
|
||||||
<Pill>{tag.name}</Pill>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
);
|
|
||||||
})
|
|
||||||
}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</SummaryCard>
|
|
||||||
|
|
@ -1,34 +0,0 @@
|
||||||
---
|
|
||||||
import { getGhostImgPath } from "../../utils";
|
|
||||||
import type { Settings } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import { Markup } from 'astro-remote';
|
|
||||||
import config from "virtual:@matthiesenxyz/astro-ghostcms/config";
|
|
||||||
|
|
||||||
const useRemote = config.ThemeProvider.astroRemote.enable;
|
|
||||||
|
|
||||||
export type Props = {
|
|
||||||
image: string;
|
|
||||||
alt?: string;
|
|
||||||
caption?: string;
|
|
||||||
settings: Settings;
|
|
||||||
transitionName?: string;
|
|
||||||
};
|
|
||||||
const { image, alt, caption = "", settings, transitionName } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<figure class="article-image">
|
|
||||||
<img
|
|
||||||
srcset={`
|
|
||||||
${getGhostImgPath(settings.url, image, 300)} 300w,
|
|
||||||
${getGhostImgPath(settings.url, image, 600)} 600w,
|
|
||||||
`}
|
|
||||||
sizes="(min-width: 300px) 600px, 92vw"
|
|
||||||
src={getGhostImgPath(settings.url, image, 2000)}
|
|
||||||
alt={alt}
|
|
||||||
transition:name={transitionName}
|
|
||||||
/>
|
|
||||||
{caption && (
|
|
||||||
<figcaption class="text-ctp-overlay2">
|
|
||||||
{useRemote ? <Markup content={caption} /> : <Fragment set:html={caption} />}
|
|
||||||
</figcaption>)}
|
|
||||||
</figure>
|
|
||||||
|
|
@ -1,16 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
|
|
||||||
<section class='flex flex-col gap-8 justify-between'>
|
|
||||||
<p class='text-9xl font-bold dm-serif'>404</p>
|
|
||||||
<h2 class='text-4xl outfit'>Page Not Found</h2>
|
|
||||||
<p class='text-xl sm:text-3xl sanchez'>
|
|
||||||
Sorry, we couldn't find the page you were looking for.
|
|
||||||
</p>
|
|
||||||
<a
|
|
||||||
href='/'
|
|
||||||
title='Go back home'
|
|
||||||
class='px-4 py-2 border-2 border-black hover:bg-red transition-colors duration-150 ease-in-out w-48 text-center poppins'
|
|
||||||
>← Go Home</a
|
|
||||||
>
|
|
||||||
</section>
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
---
|
|
||||||
import { getGhostImgPath } from "../../utils";
|
|
||||||
import type { Settings } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
image: string;
|
|
||||||
alt?: string;
|
|
||||||
caption?: string;
|
|
||||||
settings: Settings;
|
|
||||||
transitionName?: string;
|
|
||||||
};
|
|
||||||
const { image, alt, caption = "", settings, transitionName } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<figure class="article-image">
|
|
||||||
<img
|
|
||||||
srcset={`
|
|
||||||
${getGhostImgPath(settings.url, image, 300)} 300w,
|
|
||||||
${getGhostImgPath(settings.url, image, 600)} 600w,
|
|
||||||
`}
|
|
||||||
sizes="(min-width: 300px) 600px, 92vw"
|
|
||||||
src={getGhostImgPath(settings.url, image, 2000)}
|
|
||||||
alt={alt}
|
|
||||||
transition:name={transitionName}
|
|
||||||
/>
|
|
||||||
{caption && <figcaption class="text-ctp-overlay2"><Fragment set:html={caption}></figcaption>}
|
|
||||||
</figure>
|
|
||||||
|
|
@ -1,50 +0,0 @@
|
||||||
---
|
|
||||||
import { AstroFont } from "astro-font";
|
|
||||||
---
|
|
||||||
<AstroFont
|
|
||||||
config={[
|
|
||||||
{
|
|
||||||
name: "Outfit",
|
|
||||||
googleFontsURL: 'https://fonts.googleapis.com/css2?family=Outfit&display=swap',
|
|
||||||
display: "swap",
|
|
||||||
selector: ".outfit",
|
|
||||||
fallback: "sans-serif",
|
|
||||||
src: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
display: "swap",
|
|
||||||
name: "Poppins",
|
|
||||||
googleFontsURL: 'https://fonts.googleapis.com/css2?family=Poppins&display=swap',
|
|
||||||
selector: ".poppins",
|
|
||||||
fallback: "sans-serif",
|
|
||||||
preload: true,
|
|
||||||
src: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
display: "swap",
|
|
||||||
name: "Righteous",
|
|
||||||
googleFontsURL: 'https://fonts.googleapis.com/css2?family=Righteous&display=swap',
|
|
||||||
fallback: "sans-serif",
|
|
||||||
selector: ".righteous",
|
|
||||||
preload: true,
|
|
||||||
src: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
display: "swap",
|
|
||||||
name: "Sanchez",
|
|
||||||
googleFontsURL: 'https://fonts.googleapis.com/css2?family=Sanchez&display=swap',
|
|
||||||
fallback: "serif",
|
|
||||||
selector: ".sanchez",
|
|
||||||
preload: true,
|
|
||||||
src: [],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
display: "swap",
|
|
||||||
fallback: "serif",
|
|
||||||
selector: ".dm-serif",
|
|
||||||
name: "DM Serif Text",
|
|
||||||
googleFontsURL: 'https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap',
|
|
||||||
src: [],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
---
|
|
||||||
import type { Page } from 'astro';
|
|
||||||
const { page } = Astro.props as {page: Page};
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="page__actions">
|
|
||||||
{page.url.prev && (
|
|
||||||
<a class="action__go-to-x" href={page.url.prev} title="Go to Previous">
|
|
||||||
← Prev
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
{page.url.next && (
|
|
||||||
<a class="action__go-to-x" href={page.url.next} title="Go to Next">
|
|
||||||
Next →
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
/* .page__actions {
|
|
||||||
@apply flex justify-center md:justify-end py-6 gap-2;
|
|
||||||
}
|
|
||||||
.action__go-to-x {
|
|
||||||
@apply text-base uppercase text-gray-500 dark:text-gray-400 hover:underline;
|
|
||||||
} */
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
---
|
|
||||||
import BlogList from '../blog/BlogList.astro';
|
|
||||||
import { Card } from '@eliancodes/brutal-ui';
|
|
||||||
|
|
||||||
import type { Settings, Post } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
posts: Post[];
|
|
||||||
settings: Settings;
|
|
||||||
isHome?: boolean;
|
|
||||||
};
|
|
||||||
const { posts, settings } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<section class='mt-8'>
|
|
||||||
<Card>
|
|
||||||
<div class='flex justify-between items-start'>
|
|
||||||
<h2 class='text-2xl md:text-4xl lg:text-6xl mb-8 dm-serif'>
|
|
||||||
Recent Blogposts
|
|
||||||
</h2>
|
|
||||||
</div>
|
|
||||||
<BlogList posts={posts} settings={settings}/>
|
|
||||||
</Card>
|
|
||||||
</section>
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
---
|
|
||||||
import { Card } from '@eliancodes/brutal-ui';
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
title: string;
|
|
||||||
description: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { title, description } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<Card color='white'>
|
|
||||||
<center>
|
|
||||||
<h3 class='poppins text-lg md:text-xl'>{title}</h3>
|
|
||||||
<p class='poppins line-clamp-4'>{description}</p>
|
|
||||||
<slot />
|
|
||||||
</center>
|
|
||||||
</Card>
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
---
|
|
||||||
import { Card } from '@eliancodes/brutal-ui';
|
|
||||||
import { Image } from 'astro:assets';
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
title: string;
|
|
||||||
imgSrc: string | null;
|
|
||||||
imgAlt: string;
|
|
||||||
description: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { title, imgAlt, imgSrc, description } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<Card color='white'>
|
|
||||||
<h3 class='poppins text-lg md:text-xl'>{title}</h3>
|
|
||||||
<div class='rounded-lg border-3 border-black my-4 h-56'>
|
|
||||||
{imgSrc && (<Image
|
|
||||||
src={imgSrc}
|
|
||||||
alt={imgAlt}
|
|
||||||
width={800}
|
|
||||||
height={400}
|
|
||||||
class='rounded h-full w-full object-cover'
|
|
||||||
/>)}
|
|
||||||
</div>
|
|
||||||
<p class='poppins line-clamp-4'>{description}</p>
|
|
||||||
<slot />
|
|
||||||
</Card>
|
|
||||||
|
|
@ -1,22 +0,0 @@
|
||||||
---
|
|
||||||
import SummaryCard from './SummaryCard-tag.astro';
|
|
||||||
import type { Settings, Tag } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import Button from "./button.astro"
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
tag: Tag;
|
|
||||||
settings: Settings;
|
|
||||||
};
|
|
||||||
|
|
||||||
const { tag } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<SummaryCard
|
|
||||||
title={tag.name}
|
|
||||||
description={tag.description?tag.description:""}
|
|
||||||
>
|
|
||||||
<div class='flex justify-end my-4'>
|
|
||||||
<Button href={`/${tag.slug}/`}>See Posts →</Button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</SummaryCard>
|
|
||||||
|
|
@ -1,47 +0,0 @@
|
||||||
---
|
|
||||||
interface Props {
|
|
||||||
href: string;
|
|
||||||
target?: '_blank' | '_self';
|
|
||||||
color?: string | undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
import colors from './colors.json';
|
|
||||||
|
|
||||||
if (Astro.props.target === undefined) {
|
|
||||||
Astro.props.target = '_self';
|
|
||||||
}
|
|
||||||
|
|
||||||
if (Astro.props.color === undefined) {
|
|
||||||
Astro.props.color =
|
|
||||||
colors[Math.floor(Math.random() * colors.length)];
|
|
||||||
}
|
|
||||||
|
|
||||||
const { href, target, color } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<style define:vars={{ color: color }}>
|
|
||||||
a.brutal-btn {
|
|
||||||
filter: drop-shadow(5px 5px 0 rgb(0 0 0 / 1));
|
|
||||||
background-color: white;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border: 2px solid black;
|
|
||||||
transition: all;
|
|
||||||
transition-duration: 0.5s;
|
|
||||||
animation: ease-in-out;
|
|
||||||
font-family: 'Sanchez', serif;
|
|
||||||
}
|
|
||||||
a.brutal-btn:hover {
|
|
||||||
filter: drop-shadow(3px 3px 0 rgb(0 0 0 / 1));
|
|
||||||
background-color: var(--color);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<a
|
|
||||||
href={href}
|
|
||||||
target={target}
|
|
||||||
class='brutal-btn'
|
|
||||||
data-astro-reload
|
|
||||||
>
|
|
||||||
<slot />
|
|
||||||
</a>
|
|
||||||
|
|
@ -1,18 +0,0 @@
|
||||||
[
|
|
||||||
"#c084fc",
|
|
||||||
"#f472b6",
|
|
||||||
"#fb7185",
|
|
||||||
"#e879f9",
|
|
||||||
"#a78bfa",
|
|
||||||
"#818cf8",
|
|
||||||
"#60a5fa",
|
|
||||||
"#38bdf8",
|
|
||||||
"#22d3ee",
|
|
||||||
"#2dd4bf",
|
|
||||||
"#34d399",
|
|
||||||
"#4ade80",
|
|
||||||
"#a3e635",
|
|
||||||
"#facc15",
|
|
||||||
"#fb923c",
|
|
||||||
"#f87171"
|
|
||||||
]
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
<h1 class="righteous text-4xl">
|
|
||||||
<slot />
|
|
||||||
</h1>
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
<h2 class="righteous text-3xl">
|
|
||||||
<slot />
|
|
||||||
</h2>
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
<h3 class="righteous text-2xl">
|
|
||||||
<slot />
|
|
||||||
</h3>
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
<h4 class="righteous text-1xl">
|
|
||||||
<slot />
|
|
||||||
</h4>
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
<h5 class="righteous text-xl">
|
|
||||||
<slot />
|
|
||||||
</h5>
|
|
||||||
|
|
@ -1,5 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
<h6 class="righteous text-lg">
|
|
||||||
<slot />
|
|
||||||
</h6>
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
---
|
|
||||||
---
|
|
||||||
<p class="my-5 text-base"><slot /></p>
|
|
||||||
|
|
||||||
<style is:inline>
|
|
||||||
#ghost p a {
|
|
||||||
color: rgb(0, 123, 247);
|
|
||||||
}
|
|
||||||
#ghost ul li a {
|
|
||||||
color: rgb(0, 123, 247);
|
|
||||||
}
|
|
||||||
#ghost ul li {
|
|
||||||
padding-top: 0.5rem;
|
|
||||||
margin-left: 2rem;
|
|
||||||
list-style: circle;
|
|
||||||
}
|
|
||||||
#ghost ul {
|
|
||||||
margin-top: 1rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
---
|
|
||||||
import { Card } from "@eliancodes/brutal-ui";
|
|
||||||
|
|
||||||
---
|
|
||||||
<div class="my-10">
|
|
||||||
<Card>
|
|
||||||
<slot />
|
|
||||||
</Card>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,8 +0,0 @@
|
||||||
export { default as H1 } from "./H1.astro";
|
|
||||||
export { default as H2 } from "./H2.astro";
|
|
||||||
export { default as H3 } from "./H3.astro";
|
|
||||||
export { default as H4 } from "./H4.astro";
|
|
||||||
export { default as H5 } from "./H5.astro";
|
|
||||||
export { default as H6 } from "./H6.astro";
|
|
||||||
export { default as Paragraph } from "./Paragraph.astro";
|
|
||||||
export { default as astrocard } from "./astrocard.astro";
|
|
||||||
|
|
@ -1,33 +0,0 @@
|
||||||
---
|
|
||||||
import { facebook, getSettings, invariant, twitter } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
const settings = await getSettings();
|
|
||||||
invariant(settings, 'Settings not found');
|
|
||||||
---
|
|
||||||
|
|
||||||
<section class='md:hidden'>
|
|
||||||
<h2 class='hidden'>Socials section</h2>
|
|
||||||
<ul class='flex justify-between'>
|
|
||||||
{ settings.facebook && (
|
|
||||||
<li class='bg-white px-4 py-2 text-green border-black border-2 rounded card-shadow'>
|
|
||||||
<a href={facebook(settings.facebook)} target='_blank' title={`Go to Facebook`}>
|
|
||||||
<div class:list={['i-uil-facebook', 'p-6']} />
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
{ settings.twitter && (
|
|
||||||
<li class='bg-white px-4 py-2 text-green border-black border-2 rounded card-shadow'>
|
|
||||||
<a href={twitter(settings.twitter)} target='_blank' title={`Go to Twitter "X"`}>
|
|
||||||
<div class:list={['i-uil-twitter', 'p-6']} />
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
<li class='bg-white px-4 py-2 text-green border-black border-2 rounded card-shadow'>
|
|
||||||
<a href='/rss.xml' target='_blank' title={`See our RSS Feed`}>
|
|
||||||
<div class:list={['i-uil-rss', 'p-6']} />
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
|
|
@ -1,85 +0,0 @@
|
||||||
---
|
|
||||||
import { getSettings, invariant } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
const settings = await getSettings();
|
|
||||||
invariant(settings, 'Settings not found');
|
|
||||||
|
|
||||||
export interface Props {
|
|
||||||
backToTop?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { backToTop = false } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
{
|
|
||||||
backToTop && (
|
|
||||||
<button
|
|
||||||
class:list={[
|
|
||||||
backToTop ? `backToTop` : null,
|
|
||||||
'transition-300 z-50 opacity-0 fixed flex bottom-[10px] right-[30px] w-10 h-10 bg-white border border-black card-shadow',
|
|
||||||
]}
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
xmlns='http://www.w3.org/2000/svg'
|
|
||||||
fill='none'
|
|
||||||
viewBox='0 0 24 24'
|
|
||||||
height='100%'
|
|
||||||
width='100%'
|
|
||||||
stroke-width='1.5'
|
|
||||||
stroke='currentColor'
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
stroke-linecap='round'
|
|
||||||
stroke-linejoin='round'
|
|
||||||
d='m4.5 15.75 7.5-7.5 7.5 7.5'
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
<footer class='bg-black text-white p-6'>
|
|
||||||
<h2 class='hidden'>Footer</h2>
|
|
||||||
<p class="text-center text-sm text-slate-500">
|
|
||||||
Copyright © {new Date().getFullYear()} - {settings.title}. All rights reserved.
|
|
||||||
</p>
|
|
||||||
<p class='outfit opacity-50%'>
|
|
||||||
Brutal theme for Astro - by <a
|
|
||||||
href='https://www.elian.codes/'
|
|
||||||
target='_blank'
|
|
||||||
class='text-blue'>ElianCodes</a
|
|
||||||
>
|
|
||||||
<p class='outfit opacity-50%'>
|
|
||||||
Powered By Ghost
|
|
||||||
</p>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.backToTop.active {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
document.addEventListener('astro:page-load', () => {
|
|
||||||
const backToTop = document.querySelector('.backToTop');
|
|
||||||
|
|
||||||
const toggleBackToTopButton = () => {
|
|
||||||
if (window.scrollY > 250) {
|
|
||||||
backToTop?.classList.add('active');
|
|
||||||
} else {
|
|
||||||
backToTop?.classList.remove('active');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
backToTop?.addEventListener('click', () => {
|
|
||||||
window.scrollTo({
|
|
||||||
top: 0,
|
|
||||||
behavior: 'smooth',
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
window.addEventListener('scroll', toggleBackToTopButton);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
@ -1,54 +0,0 @@
|
||||||
---
|
|
||||||
import LocalFont from '../generic/LocalFont.astro';
|
|
||||||
import { ViewTransitions } from 'astro:transitions';
|
|
||||||
import { getSettings, invariant } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import { getOgImagePath } from "@matthiesenxyz/astro-ghostcms/satoriOG";
|
|
||||||
|
|
||||||
|
|
||||||
const settings = await getSettings();
|
|
||||||
invariant(settings, 'Settings not found');
|
|
||||||
const Ghosttitle = settings.title;
|
|
||||||
const favicon = await settings.icon;
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
title: string;
|
|
||||||
description: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const ogI = new URL(getOgImagePath(Astro.url.pathname), Astro.url.origin).href;
|
|
||||||
|
|
||||||
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
|
|
||||||
|
|
||||||
const { title, description } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<LocalFont />
|
|
||||||
<meta charset='utf-8' />
|
|
||||||
<meta name='viewport' content='width=device-width, initial-scale=1' />
|
|
||||||
<meta name='generator' content={Astro.generator} />
|
|
||||||
|
|
||||||
<meta name='title' content={`${Ghosttitle} | ${title}`} />
|
|
||||||
<meta name='description' content={description} />
|
|
||||||
|
|
||||||
<meta property='og:type' content='website' />
|
|
||||||
<meta property='og:url' content={canonicalURL} />
|
|
||||||
<meta property='og:title' content={title} />
|
|
||||||
<meta property='og:description' content={description} />
|
|
||||||
<meta property='og:image' content={ogI} />
|
|
||||||
|
|
||||||
<meta property='twitter:card' content='summary_large_image' />
|
|
||||||
<meta property='twitter:url' content={canonicalURL} />
|
|
||||||
<meta property='twitter:title' content={title} />
|
|
||||||
<meta property='twitter:description' content={description} />
|
|
||||||
<meta property='twitter:image' content={ogI} />
|
|
||||||
|
|
||||||
<link rel='canonical' href={canonicalURL} />
|
|
||||||
<link rel='icon' type='image/svg' href={favicon} />
|
|
||||||
|
|
||||||
<title>{Ghosttitle} | {title}</title>
|
|
||||||
|
|
||||||
<ViewTransitions />
|
|
||||||
|
|
||||||
<slot />
|
|
||||||
</head>
|
|
||||||
|
|
@ -1,90 +0,0 @@
|
||||||
---
|
|
||||||
import { facebook, getSettings, invariant, twitter } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
const settings = await getSettings();
|
|
||||||
invariant(settings, 'Settings not found');
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
pageTitle?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { pageTitle } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<header class='border-b-4 border-black flex justify-between p-6 items-center'>
|
|
||||||
{pageTitle && <h1 class='hidden'>{pageTitle}</h1>}
|
|
||||||
<a href='/' title='Back to Home'>
|
|
||||||
<p class='righteous md:text-4xl'>{settings.icon && <img src={settings.icon} width="48" class="inline">}{settings.title}</p>
|
|
||||||
</a>
|
|
||||||
<nav class='hidden md:inline-block'>
|
|
||||||
<h2 class='hidden'>Navigation</h2>
|
|
||||||
<ul class='flex gap-8 poppins'>
|
|
||||||
{
|
|
||||||
settings.navigation.map(({label, url}) => (
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
class='font-medium hover:text-green hover:underline transition-all duration-150 ease-in-out'
|
|
||||||
href={url}
|
|
||||||
title={`Go to ${label}`}
|
|
||||||
>
|
|
||||||
{label}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
))
|
|
||||||
}
|
|
||||||
{ settings.facebook && (
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href={facebook(settings.facebook)}
|
|
||||||
class='hover:text-green hover:underline transition-all duration-150 ease-in-out'
|
|
||||||
target='_blank'
|
|
||||||
title={`See @${settings.facebook} on Facebook`}
|
|
||||||
>
|
|
||||||
<div class:list={['i-uil-facebook', 'w-6 h-6']} />
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
{ settings.twitter && (
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href={twitter(settings.twitter)}
|
|
||||||
class='hover:text-green hover:underline transition-all duration-150 ease-in-out'
|
|
||||||
target='_blank'
|
|
||||||
title={`See @${settings.twitter} on Twitter "X"`}
|
|
||||||
>
|
|
||||||
<div class:list={['i-uil-twitter', 'w-6 h-6']} />
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href='/rss.xml'
|
|
||||||
class='hover:text-green hover:underline transition-all duration-150 ease-in-out'
|
|
||||||
target='_blank'
|
|
||||||
title={`See our RSS Feed`}
|
|
||||||
>
|
|
||||||
<div class:list={['i-uil-rss', 'w-6 h-6']} />
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<nav class='md:hidden flex'>
|
|
||||||
<h2 class='hidden'>Mobile Navigation</h2>
|
|
||||||
<ul>
|
|
||||||
{
|
|
||||||
settings.navigation.map(({label, url}) => (
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
class='font-medium hover:text-green hover:underline transition-all duration-150 ease-in-out'
|
|
||||||
href={url}
|
|
||||||
title={`Go to ${label}`}
|
|
||||||
>
|
|
||||||
{label}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
))
|
|
||||||
}
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
/// <reference path="../.astro/types.d.ts" />
|
|
||||||
/// <reference types="astro/client" />
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
---
|
|
||||||
import BaseNavigation from '../components/layout/BaseNavigation.astro';
|
|
||||||
import BaseFooter from '../components/layout/BaseFooter.astro';
|
|
||||||
import BaseHead from '../components/layout/BaseHead.astro';
|
|
||||||
import '../styles/global.css';
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
title: string;
|
|
||||||
description: string;
|
|
||||||
classList?: string;
|
|
||||||
pageTitle?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { title, description, classList, pageTitle } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<html lang='en' class='h-full'>
|
|
||||||
<BaseHead title={title} description={description} />
|
|
||||||
|
|
||||||
<body class:list={[classList]}>
|
|
||||||
<BaseNavigation {pageTitle} />
|
|
||||||
<slot />
|
|
||||||
<BaseFooter />
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,59 +0,0 @@
|
||||||
---
|
|
||||||
import BlogPost from "../layouts/Default.astro"
|
|
||||||
import { getAllPosts, getAllPages, getSettings, invariant } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import type { InferGetStaticPropsType } from "astro";
|
|
||||||
import RecentBlogPosts from "../components/generic/RecentBlogPosts.astro";
|
|
||||||
import BlogPostHeader from "../components/blog/BlogPostHeader.astro";
|
|
||||||
import { Markup } from 'astro-remote';
|
|
||||||
import * as C from "../components/ghostrender";
|
|
||||||
import { Card } from "@eliancodes/brutal-ui";
|
|
||||||
import config from "virtual:@matthiesenxyz/astro-ghostcms/config";
|
|
||||||
|
|
||||||
const useRemote = config.ThemeProvider.astroRemote.enable;
|
|
||||||
|
|
||||||
export async function getStaticPaths() {
|
|
||||||
const [posts, pages, settings] = await Promise.all([getAllPosts(), await getAllPages(), await getSettings()]);
|
|
||||||
const allPosts = [...posts, ...pages];
|
|
||||||
return allPosts.map((post) => ({
|
|
||||||
params: { slug: post.slug },
|
|
||||||
props: { post, posts, settings },
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Props = InferGetStaticPropsType<typeof getStaticPaths>;
|
|
||||||
const {post, posts, settings} = Astro.props as Props;
|
|
||||||
invariant(settings, "Settings are required");
|
|
||||||
---
|
|
||||||
<BlogPost title={post.title} description={post.excerpt}>
|
|
||||||
<article class='w-auto md:w-vmax p-10 poppins'>
|
|
||||||
|
|
||||||
<Card>
|
|
||||||
<BlogPostHeader post={post} settings={settings} />
|
|
||||||
</Card>
|
|
||||||
|
|
||||||
<div class="my-5"/>
|
|
||||||
<div id="ghost">
|
|
||||||
{useRemote ? <Markup
|
|
||||||
content={post.html}
|
|
||||||
sanitize={{
|
|
||||||
allowComponents: true,
|
|
||||||
allowElements: ['a', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img', 'figure', 'figcaption', 'ul', 'ol', 'li', 'blockquote', 'pre', 'code', 'em', 'strong', 'del', 'hr', 'br', 'table', 'thead', 'tbody', 'tr', 'th', 'td', 'caption', 'div', 'span', 'script', 'astrocard'],
|
|
||||||
}}
|
|
||||||
components={{
|
|
||||||
h1: C.H1,
|
|
||||||
h2: C.H2,
|
|
||||||
h3: C.H3,
|
|
||||||
h4: C.H4,
|
|
||||||
h5: C.H5,
|
|
||||||
h6: C.H6,
|
|
||||||
p: C.Paragraph,
|
|
||||||
astrocard: C.astrocard,
|
|
||||||
}}
|
|
||||||
/> : <Fragment set:html={post.html} />}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</article>
|
|
||||||
<section class='p-6'>
|
|
||||||
<RecentBlogPosts posts={posts} settings={settings} />
|
|
||||||
</section>
|
|
||||||
</BlogPost>
|
|
||||||
|
|
@ -1,36 +0,0 @@
|
||||||
---
|
|
||||||
import Layout from '../../layouts/Default.astro';
|
|
||||||
import BlogList from '../../components/blog/BlogList.astro';
|
|
||||||
import { getAllPosts, getSettings, invariant, type Post } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import type { GetStaticPathsOptions, Page } from "astro";
|
|
||||||
import Paginator from "../../components/generic/Paginator.astro";
|
|
||||||
|
|
||||||
export async function getStaticPaths({ paginate }:GetStaticPathsOptions) {
|
|
||||||
const posts = await getAllPosts();
|
|
||||||
return paginate(posts, {
|
|
||||||
pageSize: 5,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Props = {
|
|
||||||
page: Page<Post>
|
|
||||||
};
|
|
||||||
|
|
||||||
const settings = await getSettings();
|
|
||||||
invariant(settings, "Settings are required");
|
|
||||||
|
|
||||||
const title = settings.title;
|
|
||||||
const description = settings.description;
|
|
||||||
const { page } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<Layout
|
|
||||||
title='Archives'
|
|
||||||
description=`${title} | On this page you can find a collection of blogposts`
|
|
||||||
pageTitle=`${title} | Archives`
|
|
||||||
>
|
|
||||||
<main class='bg-green p-6'>
|
|
||||||
<BlogList posts={page.data} settings={settings} />
|
|
||||||
<Paginator {page} />
|
|
||||||
</main>
|
|
||||||
</Layout>
|
|
||||||
|
|
@ -1,55 +0,0 @@
|
||||||
---
|
|
||||||
import Layout from '../../layouts/Default.astro';
|
|
||||||
import AuthorDetailCard from '../../components/authors/AuthorDetailCard.astro';
|
|
||||||
import { Card } from '@eliancodes/brutal-ui';
|
|
||||||
import { getAllPosts, getAllAuthors, getSettings, invariant, type Post, type Author } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import type { InferGetStaticParamsType, InferGetStaticPropsType } from 'astro';
|
|
||||||
import BlogList from "../../components/blog/BlogList.astro"
|
|
||||||
|
|
||||||
export async function getStaticPaths() {
|
|
||||||
const posts = await getAllPosts();
|
|
||||||
const { authors } = await getAllAuthors();
|
|
||||||
const settings = await getSettings();
|
|
||||||
|
|
||||||
return authors.map((author: Author) => {
|
|
||||||
const filteredPosts = posts.filter((post: Post) =>
|
|
||||||
post.authors?.map((author) => author.slug).includes(author.slug)
|
|
||||||
);
|
|
||||||
return {
|
|
||||||
params: { slug: author.slug },
|
|
||||||
props: {
|
|
||||||
posts: filteredPosts,
|
|
||||||
settings,
|
|
||||||
author,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Params = InferGetStaticParamsType<typeof getStaticPaths>;
|
|
||||||
export type Props = InferGetStaticPropsType<typeof getStaticPaths>;
|
|
||||||
|
|
||||||
const { posts, settings, author } = Astro.props;
|
|
||||||
invariant(settings, "Settings are required");
|
|
||||||
const title = `Posts by author: ${author.name}`;
|
|
||||||
const description = `All of the articles we've posted and linked so far under the author: ${author.name}`;
|
|
||||||
---
|
|
||||||
|
|
||||||
<Layout
|
|
||||||
title={title}
|
|
||||||
pageTitle=`${settings.title} | ${title}`
|
|
||||||
description={description}
|
|
||||||
>
|
|
||||||
<main class='bg-pink p-6'>
|
|
||||||
<section id='about' class='col mt-4'>
|
|
||||||
<h2 class='hidden'>{title}</h2>
|
|
||||||
<div class='flex'>
|
|
||||||
<Card>
|
|
||||||
<AuthorDetailCard name={author.name} count={author.count?.posts || 0} image={author.profile_image} bio={author.bio} location={author.location} website={author.website} twitter={author.twitter} facebook={author.facebook}/>
|
|
||||||
</Card>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<br />
|
|
||||||
<BlogList posts={posts} settings={settings} />
|
|
||||||
</main>
|
|
||||||
</Layout>
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
---
|
|
||||||
import Layout from '../layouts/Default.astro';
|
|
||||||
import AuthorCollection from '../components/authors/AuthorCollection.astro';
|
|
||||||
import { getAllAuthors, getSettings, invariant } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
const { authors } = await getAllAuthors();
|
|
||||||
const settings = await getSettings();
|
|
||||||
invariant(settings, 'Settings not found');
|
|
||||||
const title = settings.title;
|
|
||||||
const description = settings.description;
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<Layout
|
|
||||||
title='Authors'
|
|
||||||
pageTitle=`${title} | Authors`
|
|
||||||
description={description}
|
|
||||||
>
|
|
||||||
<main class='bg-pink p-6'>
|
|
||||||
<AuthorCollection authors={authors} settings={settings} />
|
|
||||||
</main>
|
|
||||||
</Layout>
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
---
|
|
||||||
import Layout from '../layouts/Default.astro';
|
|
||||||
import RecentBlogPosts from '../components/generic/RecentBlogPosts.astro';
|
|
||||||
import MobileSocials from '../components/home/MobileSocials.astro';
|
|
||||||
import { Card } from '@eliancodes/brutal-ui';
|
|
||||||
import { getPosts, getSettings, invariant } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
const { posts } = await getPosts();
|
|
||||||
const settings = await getSettings();
|
|
||||||
invariant(settings, 'Settings not found');
|
|
||||||
const title = settings.title;
|
|
||||||
const description = settings.description;
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<Layout
|
|
||||||
title='Home'
|
|
||||||
pageTitle=`${title} | Home`
|
|
||||||
description={description}
|
|
||||||
>
|
|
||||||
<main class='bg-pink p-6'>
|
|
||||||
<MobileSocials />
|
|
||||||
<section id='about' class='col mt-4'>
|
|
||||||
<h2 class='hidden'>{title}</h2>
|
|
||||||
<div class='flex'>
|
|
||||||
<Card>
|
|
||||||
<div class='flex flex-col justify-between items-start gap-4'>
|
|
||||||
<p class='mt-4 outfit text-2xl md:text-5xl lg:text-7xl'>
|
|
||||||
{title}
|
|
||||||
</p>
|
|
||||||
<p class='mt-2 outfit text-xl md:text-3xl lg:text-5xl'>
|
|
||||||
{description}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</Card>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<RecentBlogPosts posts={posts} settings={settings} />
|
|
||||||
</main>
|
|
||||||
</Layout>
|
|
||||||
|
|
@ -1,47 +0,0 @@
|
||||||
---
|
|
||||||
import type { InferGetStaticParamsType, InferGetStaticPropsType } from 'astro';
|
|
||||||
import Layout from '../../layouts/Default.astro';
|
|
||||||
import BlogList from '../../components/blog/BlogList.astro';
|
|
||||||
import { Button } from '@eliancodes/brutal-ui';
|
|
||||||
|
|
||||||
import { getAllPosts, getAllTags, getSettings, invariant } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
|
|
||||||
export async function getStaticPaths() {
|
|
||||||
const posts = await getAllPosts();
|
|
||||||
const tags = await getAllTags();
|
|
||||||
const settings = await getSettings();
|
|
||||||
|
|
||||||
return tags.map((tag) => {
|
|
||||||
const filteredPosts = posts.filter((post) =>
|
|
||||||
post.tags?.map((tag) => tag.slug).includes(tag.slug)
|
|
||||||
);
|
|
||||||
return {
|
|
||||||
params: { slug: tag.slug },
|
|
||||||
props: {
|
|
||||||
posts: filteredPosts,
|
|
||||||
settings,
|
|
||||||
tag,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export type Params = InferGetStaticParamsType<typeof getStaticPaths>;
|
|
||||||
export type Props = InferGetStaticPropsType<typeof getStaticPaths>;
|
|
||||||
|
|
||||||
const { posts, settings, tag } = Astro.props;
|
|
||||||
invariant(settings, "Settings are required");
|
|
||||||
---
|
|
||||||
|
|
||||||
<Layout
|
|
||||||
title={`Blog: ${tag.name}`}
|
|
||||||
description={`${settings.title} | All posts tagged with ${tag}`}
|
|
||||||
pageTitle={`${settings.title} | Blogposts tagged with ${tag}`}
|
|
||||||
>
|
|
||||||
<main class='p-6 bg-purple grid gap-4'>
|
|
||||||
<div>
|
|
||||||
<Button href='/'>← Back</Button>
|
|
||||||
</div>
|
|
||||||
<BlogList posts={posts} settings={settings} />
|
|
||||||
</main>
|
|
||||||
</Layout>
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
---
|
|
||||||
import Layout from '../layouts/Default.astro';
|
|
||||||
import { getAllTags, getSettings, invariant } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import TagSummaryCard from '../components/generic/TagSummaryCard.astro';
|
|
||||||
const tags = await getAllTags();
|
|
||||||
const settings = await getSettings();
|
|
||||||
invariant(settings, 'Settings not found');
|
|
||||||
const title = settings.title;
|
|
||||||
const description = settings.description;
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<Layout
|
|
||||||
title='Tags'
|
|
||||||
pageTitle=`${title} | Tags`
|
|
||||||
description={description}
|
|
||||||
>
|
|
||||||
<main class='bg-pink p-6'>
|
|
||||||
{
|
|
||||||
tags
|
|
||||||
.filter((tag) => tag.slug && !tag.slug.startsWith("hash-"))
|
|
||||||
.map((tag) => (
|
|
||||||
<TagSummaryCard tag={tag}, settings={settings} />
|
|
||||||
<br />
|
|
||||||
))
|
|
||||||
}
|
|
||||||
</main>
|
|
||||||
</Layout>
|
|
||||||
|
|
@ -1,288 +0,0 @@
|
||||||
@tailwind base;
|
|
||||||
@tailwind components;
|
|
||||||
@tailwind utilities;
|
|
||||||
|
|
||||||
.card-shadow {
|
|
||||||
filter: drop-shadow(7px 7px 0 rgb(0 0 0 / 1));
|
|
||||||
transition: all;
|
|
||||||
transition-duration: 0.5s;
|
|
||||||
animation: ease-in-out;
|
|
||||||
}
|
|
||||||
.card-shadow:hover {
|
|
||||||
filter: drop-shadow(5px 5px 0 rgb(0 0 0 / 1));
|
|
||||||
}
|
|
||||||
|
|
||||||
:root
|
|
||||||
{ /* ---- ⚫️ Colors ⚪️ ---- */
|
|
||||||
/* Base Tokens */
|
|
||||||
--sys-color-white: #FFFFFF;
|
|
||||||
--sys-color-black: #000000;
|
|
||||||
|
|
||||||
/* Theme Tokens */
|
|
||||||
--primary: var(--sys-color-white);
|
|
||||||
--secondary: var(--sys-color-black);
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 22px;
|
|
||||||
background-color: var(--primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: linear-gradient(45deg, var(--secondary) 25%, transparent 25%, transparent 75%, var(--secondary) 75%, var(--secondary)), linear-gradient(45deg, var(--secondary) 25%, transparent 25%, transparent 75%, var(--secondary) 75%, var(--secondary));
|
|
||||||
background-color: var(--primary);
|
|
||||||
background-size: 4px 4px;
|
|
||||||
background-position: 0 0, 2px 2px;
|
|
||||||
width: 10px;
|
|
||||||
border-left: 3px solid var(--secondary);
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
width: 20px;
|
|
||||||
box-sizing: content-box;
|
|
||||||
background-color: var(--primary);
|
|
||||||
border: 2px solid var(--secondary);
|
|
||||||
border-right: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar-button:horizontal:start:decrement,
|
|
||||||
::-webkit-scrollbar-button:horizontal:end:increment,
|
|
||||||
::-webkit-scrollbar-button:vertical:start:decrement,
|
|
||||||
::-webkit-scrollbar-button:vertical:end:increment {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-button:vertical:start {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5.5h21v22.375H.5z'/%3E%3Cpath fill='%23000' d='M1 23h20v-2H1zM1.375 12.375h5.5V11h-5.5zM6.875 17.875h6.875V16.5H6.875zM6.875 17.875v-5.5H5.5v5.5zM9.625 5.5V4.125H8.25V5.5zM11 4.125V2.75H9.625v1.375zM19.25 12.375V11h-1.375v1.375zM17.875 11V9.625H16.5V11zM16.5 9.625V8.25h-1.375v1.375zM15.125 8.25V6.875H13.75V8.25zM13.75 6.875V5.5h-1.375v1.375zM12.375 5.5V4.125H11V5.5zM8.25 6.875V5.5H6.875v1.375zM6.875 8.25V6.875H5.5V8.25zM5.5 9.625V8.25H4.125v1.375zM4.125 11V9.625H2.75V11z'/%3E%3Cpath fill='%23000' d='M2.75 12.375V11H1.375v1.375zM15.125 17.875v-5.5H13.75v5.5zM13.75 12.375h5.5V11h-5.5z'/%3E%3C/svg%3E");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
height: 23.38px;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-button:vertical:start:active {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5.5h21v22.38H.5z'/%3E%3Cpath fill='%23000' d='M1 23.005h20v-2H1zM1.375 12.378h5.5v-1.375h-5.5zM6.875 17.879h6.875V6.877H6.875zM6.875 17.879v-5.501H5.5v5.5zM9.625 5.501V4.126H8.25v1.375zM11 4.126V2.75H9.625v1.375zM19.25 12.378v-1.375h-1.375v1.375zM17.875 11.002V9.627H13.75v1.375zM16.5 9.627V8.252h-2.75v1.375zM15.125 8.252V6.877H13.75v1.375zM13.75 6.876V5.501h-1.375v1.375zM12.375 5.501V4.126h-2.75v1.375zM12.375 6.876V5.501h-5.5v1.375zM6.875 8.252V6.877H5.5v1.375zM6.875 9.627V8.252h-2.75v1.375zM6.875 11.002V9.627H2.75v1.375z'/%3E%3Cpath fill='%23000' d='M2.75 12.378v-1.375H1.375v1.375zM15.125 17.879v-5.501H13.75v5.5zM13.75 12.378h5.5v-1.375h-5.5z'/%3E%3C/svg%3E");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
height: 23.38px;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-button:vertical:end {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5 22.875h21V.5H.5z'/%3E%3Cpath fill='%23000' d='M1 .375h20v2H1zM1.375 11h5.5v1.375h-5.5zM6.875 5.5h6.875v1.375H6.875zM6.875 5.5V11H5.5V5.5zM9.625 17.875v1.375H8.25v-1.375zM11 19.25v1.375H9.625V19.25zM19.25 11v1.375h-1.375V11zM17.875 12.375v1.375H16.5v-1.375zM16.5 13.75v1.375h-1.375V13.75zM15.125 15.125V16.5H13.75v-1.375zM13.75 16.5v1.375h-1.375V16.5zM12.375 17.875v1.375H11v-1.375zM8.25 16.5v1.375H6.875V16.5zM6.875 15.125V16.5H5.5v-1.375zM5.5 13.75v1.375H4.125V13.75zM4.125 12.375v1.375H2.75v-1.375z'/%3E%3Cpath fill='%23000' d='M2.75 11v1.375H1.375V11zM15.125 5.5V11H13.75V5.5zM13.75 11h5.5v1.375h-5.5z'/%3E%3C/svg%3E");
|
|
||||||
height: 23.38px;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-button:vertical:end:active {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5 22.88h21V.5H.5z'/%3E%3Cpath fill='%23000' d='M1 .375h20v2H1zM1.375 11.002h5.5v1.375h-5.5zM6.875 5.501h6.875v11.002H6.875zM6.875 5.501v5.501H5.5v-5.5zM9.625 17.879v1.375H8.25v-1.375zM11 19.254v1.375H9.625v-1.375zM19.25 11.002v1.375h-1.375v-1.375zM17.875 12.378v1.375H13.75v-1.375zM16.5 13.753v1.375h-2.75v-1.375zM15.125 15.128v1.375H13.75v-1.375zM13.75 16.503v1.375h-1.375v-1.375zM12.375 17.879v1.375h-2.75v-1.375zM12.375 16.503v1.375h-5.5v-1.375zM6.875 15.128v1.375H5.5v-1.375zM6.875 13.753v1.375h-2.75v-1.375zM6.875 12.378v1.375H2.75v-1.375z'/%3E%3Cpath fill='%23000' d='M2.75 11.002v1.375H1.375v-1.375zM15.125 5.501v5.501H13.75v-5.5zM13.75 11.002h5.5v1.375h-5.5z'/%3E%3C/svg%3E");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
height: 23.38px;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-button:horizontal:start {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.813 22.187v-21h22.375v21z'/%3E%3Cpath fill='%23000' d='M23.313 21.688v-20h-2v20zM12.688 21.313v-5.5h-1.376v5.5zM18.188 15.813V8.936h-1.375v6.876z'/%3E%3Cpath fill='%23000' d='M18.188 15.813h-5.5v1.374h5.5zM5.813 13.063H4.438v1.374h1.375zM4.438 11.688H3.063v1.374h1.374zM12.688 3.438h-1.376v1.374h1.376zM11.313 4.813H9.937v1.375h1.376zM9.938 6.188H8.562v1.375h1.376zM8.563 7.563H7.187v1.375h1.375zM7.188 8.938H5.813v1.374h1.375zM5.813 10.313H4.438v1.374h1.375zM7.188 14.438H5.813v1.374h1.375zM8.563 15.813H7.187v1.374h1.375zM9.938 17.188H8.562v1.375h1.376zM11.313 18.563H9.937v1.375h1.376zM12.688 19.938h-1.376v1.375h1.376zM18.188 7.563h-5.5v1.375h5.5z'/%3E%3Cpath fill='%23000' d='M12.688 8.938v-5.5h-1.376v5.5z'/%3E%3C/svg%3E");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
height: 23.38px;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-button:horizontal:start:active {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.81 22.19v-21h22.38v21z'/%3E%3Cpath fill='%23000' d='M23.315 21.69v-20h-2v20zM12.688 21.315v-5.5h-1.375v5.5zM18.189 15.815V8.94H7.187v6.875z'/%3E%3Cpath fill='%23000' d='M18.189 15.815h-5.501v1.375h5.5zM5.811 13.065H4.436v1.375h1.375zM4.436 11.69H3.06v1.375h1.375zM12.688 3.44h-1.375v1.375h1.375zM11.312 4.815H9.937V8.94h1.375zM9.937 6.19H8.562v2.75h1.375z'/%3E%3Cpath fill='%23000' d='M8.562 7.565H7.187V8.94h1.375zM7.186 8.94H5.811v1.375h1.375zM5.811 10.315H4.436v2.75h1.375zM7.186 10.315H5.811v5.5h1.375zM8.562 15.815H7.187v1.375h1.375z'/%3E%3Cpath fill='%23000' d='M9.937 15.815H8.562v2.75h1.375zM11.312 15.815H9.937v4.125h1.375zM12.688 19.94h-1.375v1.375h1.375zM18.189 7.565h-5.501V8.94h5.5z'/%3E%3Cpath fill='%23000' d='M12.688 8.94v-5.5h-1.375v5.5z'/%3E%3C/svg%3E");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
height: 23.38px;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-button:horizontal:end {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M23.188 22.188v-21H.813v21z'/%3E%3Cpath fill='%23000' d='M.688 21.687v-20h2v20zM11.313 21.312v-5.5h1.375v5.5zM5.813 15.812V8.937h1.375v6.875zM5.813 15.813h5.5v1.375h-5.5zM18.188 13.063h1.375v1.375h-1.375zM19.563 11.688h1.375v1.375h-1.375zM11.313 3.438h1.375v1.375h-1.375zM12.688 4.813h1.375v1.375h-1.375zM14.063 6.188h1.375v1.375h-1.375zM15.438 7.563h1.375v1.375h-1.375zM16.813 8.938h1.375v1.375h-1.375zM18.188 10.313h1.375v1.375h-1.375zM16.813 14.438h1.375v1.375h-1.375zM15.438 15.813h1.375v1.375h-1.375zM14.063 17.188h1.375v1.375h-1.375zM12.688 18.563h1.375v1.375h-1.375z'/%3E%3Cpath fill='%23000' d='M11.313 19.938h1.375v1.375h-1.375zM5.813 7.563h5.5v1.375h-5.5zM11.313 8.937v-5.5h1.375v5.5z'/%3E%3C/svg%3E");
|
|
||||||
height: 23.38px;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-button:horizontal:end:active {
|
|
||||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M23.19 22.19v-21H.81v21z'/%3E%3Cpath fill='%23000' d='M.685 21.69v-20h2v20zM11.312 21.315v-5.5h1.375v5.5zM5.811 15.815V8.94h11.002v6.875z'/%3E%3Cpath fill='%23000' d='M5.811 15.815h5.501v1.375H5.811zM18.189 13.065h1.375v1.375h-1.375zM19.564 11.69h1.375v1.375h-1.375zM11.312 3.44h1.375v1.375h-1.375zM12.688 4.815h1.375V8.94h-1.375zM14.063 6.19h1.375v2.75h-1.375zM15.438 7.565h1.375V8.94h-1.375zM16.814 8.94h1.375v1.375h-1.375zM18.189 10.315h1.375v2.75h-1.375zM16.814 10.315h1.375v5.5h-1.375zM15.438 15.815h1.375v1.375h-1.375zM14.063 15.815h1.375v2.75h-1.375zM12.688 15.815h1.375v4.125h-1.375zM11.312 19.94h1.375v1.375h-1.375zM5.811 7.565h5.501V8.94H5.811z'/%3E%3Cpath fill='%23000' d='M11.312 8.94v-5.5h1.375v5.5z'/%3E%3C/svg%3E");
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
height: 23.38px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.window-pane::-webkit-scrollbar {
|
|
||||||
width: 22px;
|
|
||||||
background-color: var(--primary);
|
|
||||||
}
|
|
||||||
.window-pane::-webkit-scrollbar-track {
|
|
||||||
background: linear-gradient(45deg, var(--secondary) 25%, transparent 25%, transparent 75%, var(--secondary) 75%, var(--secondary)), linear-gradient(45deg, var(--secondary) 25%, transparent 25%, transparent 75%, var(--secondary) 75%, var(--secondary));
|
|
||||||
background-color: var(--primary);
|
|
||||||
background-size: 4px 4px;
|
|
||||||
background-position: 0 0, 2px 2px;
|
|
||||||
width: 10px;
|
|
||||||
border-left: 4px solid var(--secondary);
|
|
||||||
}
|
|
||||||
.window-pane::-webkit-scrollbar-thumb {
|
|
||||||
width: 20px;
|
|
||||||
box-sizing: content-box;
|
|
||||||
background-color: var(--primary);
|
|
||||||
border: 2px solid var(--secondary);
|
|
||||||
border-right: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
::selection
|
|
||||||
{
|
|
||||||
background-color: aliceblue;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** GITHUB - Gists */
|
|
||||||
body .gist .highlight {
|
|
||||||
background: #272822;
|
|
||||||
}
|
|
||||||
body .gist .blob-num,
|
|
||||||
body .gist .blob-code-inner,
|
|
||||||
body .gist .pl-s2,
|
|
||||||
body .gist .pl-stj {
|
|
||||||
color: #f8f8f2;
|
|
||||||
}
|
|
||||||
body .gist .pl-c1 {
|
|
||||||
color: #ae81ff;
|
|
||||||
}
|
|
||||||
body .gist .pl-enti {
|
|
||||||
color: #a6e22e;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
body .gist .pl-st {
|
|
||||||
color: #66d9ef;
|
|
||||||
}
|
|
||||||
body .gist .pl-mdr {
|
|
||||||
color: #66d9ef;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
body .gist .pl-ms1 {
|
|
||||||
background: #fd971f;
|
|
||||||
}
|
|
||||||
body .gist .pl-c,
|
|
||||||
body .gist .pl-c span,
|
|
||||||
body .gist .pl-pdc {
|
|
||||||
color: #75715e;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
body .gist .pl-cce,
|
|
||||||
body .gist .pl-cn,
|
|
||||||
body .gist .pl-coc,
|
|
||||||
body .gist .pl-enc,
|
|
||||||
body .gist .pl-ens,
|
|
||||||
body .gist .pl-kos,
|
|
||||||
body .gist .pl-kou,
|
|
||||||
body .gist .pl-mh .pl-pdh,
|
|
||||||
body .gist .pl-mp,
|
|
||||||
body .gist .pl-mp1 .pl-sf,
|
|
||||||
body .gist .pl-mq,
|
|
||||||
body .gist .pl-pde,
|
|
||||||
body .gist .pl-pse,
|
|
||||||
body .gist .pl-pse .pl-s2,
|
|
||||||
body .gist .pl-mp .pl-s3,
|
|
||||||
body .gist .pl-smi,
|
|
||||||
body .gist .pl-stp,
|
|
||||||
body .gist .pl-sv,
|
|
||||||
body .gist .pl-v,
|
|
||||||
body .gist .pl-vi,
|
|
||||||
body .gist .pl-vpf,
|
|
||||||
body .gist .pl-mri,
|
|
||||||
body .gist .pl-va,
|
|
||||||
body .gist .pl-vpu {
|
|
||||||
color: #66d9ef;
|
|
||||||
}
|
|
||||||
body .gist .pl-cos,
|
|
||||||
body .gist .pl-ml,
|
|
||||||
body .gist .pl-pds,
|
|
||||||
body .gist .pl-s,
|
|
||||||
body .gist .pl-s1,
|
|
||||||
body .gist .pl-sol {
|
|
||||||
color: #e6db74;
|
|
||||||
}
|
|
||||||
body .gist .pl-e,
|
|
||||||
body .gist .pl-ef,
|
|
||||||
body .gist .pl-en,
|
|
||||||
body .gist .pl-enf,
|
|
||||||
body .gist .pl-enm,
|
|
||||||
body .gist .pl-entc,
|
|
||||||
body .gist .pl-entm,
|
|
||||||
body .gist .pl-eoac,
|
|
||||||
body .gist .pl-eoac .pl-pde,
|
|
||||||
body .gist .pl-eoi,
|
|
||||||
body .gist .pl-mai .pl-sf,
|
|
||||||
body .gist .pl-mm,
|
|
||||||
body .gist .pl-pdv,
|
|
||||||
body .gist .pl-som,
|
|
||||||
body .gist .pl-sr,
|
|
||||||
body .gist .pl-vo {
|
|
||||||
color: #a6e22e;
|
|
||||||
}
|
|
||||||
body .gist .pl-ent,
|
|
||||||
body .gist .pl-eoa,
|
|
||||||
body .gist .pl-eoai,
|
|
||||||
body .gist .pl-eoai .pl-pde,
|
|
||||||
body .gist .pl-k,
|
|
||||||
body .gist .pl-ko,
|
|
||||||
body .gist .pl-kolp,
|
|
||||||
body .gist .pl-mc,
|
|
||||||
body .gist .pl-mr,
|
|
||||||
body .gist .pl-ms,
|
|
||||||
body .gist .pl-s3,
|
|
||||||
body .gist .pl-smc,
|
|
||||||
body .gist .pl-smp,
|
|
||||||
body .gist .pl-sok,
|
|
||||||
body .gist .pl-sra,
|
|
||||||
body .gist .pl-src,
|
|
||||||
body .gist .pl-sre {
|
|
||||||
color: #f92672;
|
|
||||||
}
|
|
||||||
body .gist .pl-mb,
|
|
||||||
body .gist .pl-pdb {
|
|
||||||
color: #e6db74;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
body .gist .pl-mi,
|
|
||||||
body .gist .pl-pdi {
|
|
||||||
color: #f92672;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
body .gist .pl-pdc1,
|
|
||||||
body .gist .pl-scp {
|
|
||||||
color: #ae81ff;
|
|
||||||
}
|
|
||||||
body .gist .pl-sc,
|
|
||||||
body .gist .pl-sf,
|
|
||||||
body .gist .pl-mo,
|
|
||||||
body .gist .pl-entl {
|
|
||||||
color: #fd971f;
|
|
||||||
}
|
|
||||||
body .gist .pl-mi1,
|
|
||||||
body .gist .pl-mdht {
|
|
||||||
color: #a6e22e;
|
|
||||||
background: rgba(0, 64, 0, .5);
|
|
||||||
}
|
|
||||||
body .gist .pl-md,
|
|
||||||
body .gist .pl-mdhf {
|
|
||||||
color: #f92672;
|
|
||||||
background: rgba(64, 0, 0, .5);
|
|
||||||
}
|
|
||||||
body .gist .pl-mdh,
|
|
||||||
body .gist .pl-mdi {
|
|
||||||
color: #a6e22e;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
body .gist .pl-ib,
|
|
||||||
body .gist .pl-id,
|
|
||||||
body .gist .pl-ii,
|
|
||||||
body .gist .pl-iu {
|
|
||||||
background: #a6e22e;
|
|
||||||
color: #272822;
|
|
||||||
}
|
|
||||||
body .gist .gist-meta {
|
|
||||||
display: block;
|
|
||||||
background: #272727;
|
|
||||||
color: cyan;
|
|
||||||
}
|
|
||||||
body .gist .gist-meta a {
|
|
||||||
color: rgb(109, 172, 235);
|
|
||||||
}
|
|
||||||
body .gist .gist-file {
|
|
||||||
border-width: 0px;
|
|
||||||
border-radius: 0px;
|
|
||||||
border-bottom: 0px;
|
|
||||||
border: 0px;
|
|
||||||
}
|
|
||||||
body .gist .gist-file .gist-data td{
|
|
||||||
padding: 5px;
|
|
||||||
margin: 5px;
|
|
||||||
border: 0px;
|
|
||||||
border-width: 0px;
|
|
||||||
}
|
|
||||||
|
|
@ -1,32 +0,0 @@
|
||||||
export const getGhostImgPath = (
|
|
||||||
baseUrl: string,
|
|
||||||
imgUrl: string,
|
|
||||||
width = 0,
|
|
||||||
): string => {
|
|
||||||
if (!imgUrl) return "";
|
|
||||||
if (!imgUrl.startsWith(baseUrl)) {
|
|
||||||
return imgUrl;
|
|
||||||
}
|
|
||||||
const relativePath = imgUrl.substring(`${baseUrl}content/images`.length);
|
|
||||||
const cleanedBaseUrl = baseUrl.replace(/\/~/, "");
|
|
||||||
if (width && width > 0) {
|
|
||||||
return `${cleanedBaseUrl}content/images/size/w${width}/${relativePath}`;
|
|
||||||
}
|
|
||||||
return `${cleanedBaseUrl}content/images/${width}${relativePath}`;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const truncate = (input: string, size: number): string =>
|
|
||||||
input.length > size ? `${input.substring(0, size)}...` : input;
|
|
||||||
|
|
||||||
export const formatDate = (dateInput: string): string => {
|
|
||||||
const dateObject = new Date(dateInput);
|
|
||||||
return dateObject.toDateString();
|
|
||||||
};
|
|
||||||
|
|
||||||
export const uniqWith = <T>(
|
|
||||||
arr: Array<T>,
|
|
||||||
fn: (element: T, step: T) => number,
|
|
||||||
): Array<T> =>
|
|
||||||
arr.filter(
|
|
||||||
(element, index) => arr.findIndex((step) => fn(element, step)) === index,
|
|
||||||
);
|
|
||||||
|
|
@ -1,106 +0,0 @@
|
||||||
# @matthiesenxyz/astro-ghostcms-catppuccin
|
|
||||||
|
|
||||||
## 0.0.14
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- f097c6a: Adds a toggleswitch to allow users to disable astro-remote usage for rendering ghost-content
|
|
||||||
- Updated dependencies [f097c6a]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.3.4
|
|
||||||
|
|
||||||
## 0.0.13
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- b0218e1: fix:
|
|
||||||
|
|
||||||
- Removed CodeSlot Component that sometimes would break with some <pre> components
|
|
||||||
- Will be adding at a latter time a custom component to replace this, but at this time this is now fixed.
|
|
||||||
|
|
||||||
## 0.0.12
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 4c1002a: fix getAllTags bug for themes and bump other packages deps
|
|
||||||
- Updated dependencies [4c1002a]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.3.2
|
|
||||||
|
|
||||||
## 0.0.11
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 746fcc5: Fix html rendering to allow custom components
|
|
||||||
|
|
||||||
## 0.0.10
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 2724119: Migrate to `astro-remote` for internal processing of GhostCMS HTML. No user changes required.
|
|
||||||
|
|
||||||
## 0.0.9
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- f921005: Bump dependencies:
|
|
||||||
|
|
||||||
- vite from to
|
|
||||||
- @eliancodes/brutal-ui from to
|
|
||||||
- typescript from to
|
|
||||||
- ultrahtml from to
|
|
||||||
- @fontsource-variable/inter from to
|
|
||||||
- astro-seo from to
|
|
||||||
- astro from to
|
|
||||||
- sass from to
|
|
||||||
- @astrojs/starlight from to
|
|
||||||
- sharp from to
|
|
||||||
|
|
||||||
- Updated dependencies [f921005]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.3.1
|
|
||||||
|
|
||||||
## 0.0.8
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 1f850db: Bump dependencies:
|
|
||||||
|
|
||||||
- astro from to
|
|
||||||
- vite from to
|
|
||||||
- astro-seo from to
|
|
||||||
- sass from to
|
|
||||||
|
|
||||||
- Updated dependencies [1f850db]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.9
|
|
||||||
|
|
||||||
## 0.0.7
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 3a5aea9: Updated Tests and Linted packages
|
|
||||||
- Updated dependencies [3a5aea9]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.7
|
|
||||||
|
|
||||||
## 0.0.6
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- 12be739: Depencency updates
|
|
||||||
- 754d08a: Bump astro-navbar from 2.3.0 to 2.3.1
|
|
||||||
- Updated dependencies [12be739]
|
|
||||||
- Updated dependencies [455ad3f]
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.5
|
|
||||||
|
|
||||||
## 0.0.5
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- Fix License File
|
|
||||||
- Updated dependencies
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.4
|
|
||||||
|
|
||||||
## 0.0.4
|
|
||||||
|
|
||||||
### Patch Changes
|
|
||||||
|
|
||||||
- Initialization of changeset cli
|
|
||||||
- Updated dependencies
|
|
||||||
- @matthiesenxyz/astro-ghostcms@3.2.3
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
MIT License
|
|
||||||
|
|
||||||
Copyright (c) 2024 MatthiesenXYZ - Astro-GhostCMS
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all
|
|
||||||
copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
||||||
SOFTWARE.
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
/** @type {import('tailwindcss').Config} */
|
|
||||||
import { fontFamily as _fontFamily } from "tailwindcss/defaultTheme";
|
|
||||||
export const content = [
|
|
||||||
"./node_modules/@matthiesenxyz/astro-ghostcms-catppuccin/src/**/*.{astro,js,css,ts}",
|
|
||||||
];
|
|
||||||
export const theme = {
|
|
||||||
extend: {
|
|
||||||
fontFamily: {
|
|
||||||
sans: ["Inter Variable", "Inter", ..._fontFamily.sans],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
export const plugins = [
|
|
||||||
require("@tailwindcss/typography"),
|
|
||||||
require("@catppuccin/tailwindcss")({
|
|
||||||
prefix: "ctp",
|
|
||||||
defaultFlavour: "frappe",
|
|
||||||
}),
|
|
||||||
];
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
/** @type {import('tailwindcss').Config} */
|
|
||||||
import { fontFamily as _fontFamily } from "tailwindcss/defaultTheme";
|
|
||||||
export const content = [
|
|
||||||
"./node_modules/@matthiesenxyz/astro-ghostcms-catppuccin/src/**/*.{astro,js,css,ts}",
|
|
||||||
];
|
|
||||||
export const theme = {
|
|
||||||
extend: {
|
|
||||||
fontFamily: {
|
|
||||||
sans: ["Inter Variable", "Inter", ..._fontFamily.sans],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
export const plugins = [
|
|
||||||
require("@tailwindcss/typography"),
|
|
||||||
require("@catppuccin/tailwindcss")({
|
|
||||||
prefix: "ctp",
|
|
||||||
defaultFlavour: "latte",
|
|
||||||
}),
|
|
||||||
];
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
/** @type {import('tailwindcss').Config} */
|
|
||||||
import { fontFamily as _fontFamily } from "tailwindcss/defaultTheme";
|
|
||||||
export const content = [
|
|
||||||
"./node_modules/@matthiesenxyz/astro-ghostcms-catppuccin/src/**/*.{astro,js,css,ts}",
|
|
||||||
];
|
|
||||||
export const theme = {
|
|
||||||
extend: {
|
|
||||||
fontFamily: {
|
|
||||||
sans: ["Inter Variable", "Inter", ..._fontFamily.sans],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
export const plugins = [
|
|
||||||
require("@tailwindcss/typography"),
|
|
||||||
require("@catppuccin/tailwindcss")({
|
|
||||||
prefix: "ctp",
|
|
||||||
defaultFlavour: "macchiato",
|
|
||||||
}),
|
|
||||||
];
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
/** @type {import('tailwindcss').Config} */
|
|
||||||
import { fontFamily as _fontFamily } from "tailwindcss/defaultTheme";
|
|
||||||
export const content = [
|
|
||||||
"./node_modules/@matthiesenxyz/astro-ghostcms-catppuccin/src/**/*.{astro,js,css,ts}",
|
|
||||||
];
|
|
||||||
export const theme = {
|
|
||||||
extend: {
|
|
||||||
fontFamily: {
|
|
||||||
sans: ["Inter Variable", "Inter", ..._fontFamily.sans],
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
export const plugins = [
|
|
||||||
require("@tailwindcss/typography"),
|
|
||||||
require("@catppuccin/tailwindcss")({
|
|
||||||
prefix: "ctp",
|
|
||||||
defaultFlavour: "mocha",
|
|
||||||
}),
|
|
||||||
];
|
|
||||||
|
|
@ -1,71 +0,0 @@
|
||||||
{
|
|
||||||
"name": "@matthiesenxyz/astro-ghostcms-catppuccin",
|
|
||||||
"description": "A dark theme made with Catppuccin and TailwindCSS for Astro-GhostCMS",
|
|
||||||
"version": "0.0.14",
|
|
||||||
"homepage": "https://astro-ghostcms.xyz/",
|
|
||||||
"type": "module",
|
|
||||||
"license": "MIT",
|
|
||||||
"publishConfig": {
|
|
||||||
"access": "public"
|
|
||||||
},
|
|
||||||
"sideEffects": false,
|
|
||||||
"author": {
|
|
||||||
"email": "adam@matthiesen.xyz",
|
|
||||||
"name": "Adam Matthiesen - MatthiesenXYZ",
|
|
||||||
"url": "https://matthiesen.xyz"
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"astro-ghostcms"
|
|
||||||
],
|
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/MatthiesenXYZ/astro-ghostcms.git"
|
|
||||||
},
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/MatthiesenXYZ/astro-ghostcms/issues",
|
|
||||||
"email": "issues@astro-ghostcms.xyz"
|
|
||||||
},
|
|
||||||
"main": "./cat-macchiato.js",
|
|
||||||
"files": [
|
|
||||||
"src",
|
|
||||||
"cat-frappe.js",
|
|
||||||
"cat-latte.js",
|
|
||||||
"cat-macchiato.js",
|
|
||||||
"cat-mocha.js",
|
|
||||||
"index.js"
|
|
||||||
],
|
|
||||||
"exports": {
|
|
||||||
".": "./cat-macchiato.js",
|
|
||||||
"./frappe": "./cat-frappe.js",
|
|
||||||
"./latte": "./cat-latte.js",
|
|
||||||
"./macchiato": "./cat-macchiato.js",
|
|
||||||
"./mocha": "./cat-mocha.js",
|
|
||||||
"./index.astro": "./src/routes/index.astro",
|
|
||||||
"./[slug].astro": "./src/routes/[slug].astro",
|
|
||||||
"./tags.astro": "./src/routes/tags.astro",
|
|
||||||
"./authors.astro": "./src/routes/authors.astro",
|
|
||||||
"./tag/[slug].astro": "./src/routes/tag/[slug].astro",
|
|
||||||
"./author/[slug].astro": "./src/routes/author/[slug].astro",
|
|
||||||
"./archives/[...page].astro": "./src/routes/archives/[...page].astro"
|
|
||||||
},
|
|
||||||
"scripts": {},
|
|
||||||
"peerDependencies": {
|
|
||||||
"@matthiesenxyz/astro-ghostcms": ">=3.3.5",
|
|
||||||
"astro": ">=4.4.0"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@matthiesenxyz/astro-ghostcms": "workspace:*"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@astrojs/tailwind": "^5.1.0",
|
|
||||||
"@catppuccin/tailwindcss": "0.1.6",
|
|
||||||
"@fontsource-variable/inter": "^5.0.17",
|
|
||||||
"@matthiesenxyz/astro-ghostcms": "^3.3.5",
|
|
||||||
"@tailwindcss/typography": "^0.5.10",
|
|
||||||
"astro-navbar": "^2.3.1",
|
|
||||||
"astro-remote": "^0.3.2",
|
|
||||||
"astro-seo": "^0.8.3",
|
|
||||||
"tailwindcss": "^3.3.5",
|
|
||||||
"ultrahtml": "1.5.3"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,61 +0,0 @@
|
||||||
---
|
|
||||||
import { getGhostImgPath } from "../utils";
|
|
||||||
import type { Settings, Author } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
author: Author;
|
|
||||||
wide?: boolean;
|
|
||||||
addClass?: string;
|
|
||||||
settings: Settings;
|
|
||||||
showCover?: boolean;
|
|
||||||
};
|
|
||||||
const {
|
|
||||||
author,
|
|
||||||
wide = false,
|
|
||||||
settings,
|
|
||||||
showCover = true,
|
|
||||||
} = Astro.props as Props;
|
|
||||||
---
|
|
||||||
<div class="flex">
|
|
||||||
{author.profile_image && (
|
|
||||||
<a href={`/author/${author.slug}`} class="author-card-media">
|
|
||||||
<img
|
|
||||||
class="author-card-img"
|
|
||||||
data-srcset={`
|
|
||||||
${getGhostImgPath(settings.url, author.profile_image, 100)} 100w,
|
|
||||||
${getGhostImgPath(settings.url, author.profile_image, 300)} 300w
|
|
||||||
`}
|
|
||||||
srcset={`
|
|
||||||
${getGhostImgPath(settings.url, author.profile_image, 100)} 100w,
|
|
||||||
${getGhostImgPath(settings.url, author.profile_image, 300)} 300w
|
|
||||||
`}
|
|
||||||
data-sizes="auto"
|
|
||||||
data-src={getGhostImgPath(settings.url, author.profile_image, 300)}
|
|
||||||
src={getGhostImgPath(settings.url, author.profile_image, 300)}
|
|
||||||
alt={author.name}
|
|
||||||
sizes="316px"
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
<div class="flex flex-col ml-2">
|
|
||||||
<div class="text-ctp-teal text-3xl font-semibold">
|
|
||||||
<a href={`/author/${author.slug}`}>{author.name}</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{author.bio && <div class="text-ctp-blue">{author.bio}</div>}
|
|
||||||
|
|
||||||
<div class="text-ctp-red">
|
|
||||||
{author.count && author.count.posts && (
|
|
||||||
<div>
|
|
||||||
{author.count.posts > 0 ? `${author.count.posts} posts` : "No posts"}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{author.location && (
|
|
||||||
<div class="text-ctp-sapphire">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin-map-fill text-ctp-flamingo inline" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8z"/> <path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z"/> </svg> {author.location}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,95 +0,0 @@
|
||||||
---
|
|
||||||
export type Props = {
|
|
||||||
name: string,
|
|
||||||
image?: string | null,
|
|
||||||
count: number,
|
|
||||||
bio: string | null,
|
|
||||||
location: string | null,
|
|
||||||
website: string | null,
|
|
||||||
twitter: string | null,
|
|
||||||
facebook: string | null
|
|
||||||
};
|
|
||||||
|
|
||||||
const {
|
|
||||||
name, image, bio, location, website, twitter, facebook, count
|
|
||||||
} = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<header class="author-card">
|
|
||||||
{ image ? <img src={image} alt="Author Image" class="author-image"> : (
|
|
||||||
<span class="author-image">
|
|
||||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g fill="none" fill-rule="evenodd">
|
|
||||||
<path
|
|
||||||
d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z"
|
|
||||||
fill="#FFF"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
<div class="author-info">
|
|
||||||
<div class="author-name text-ctp-teal">{name}</div>
|
|
||||||
<div class="author-bio text-ctp-blue">
|
|
||||||
{bio ? bio : count > 0? count + " Posts" : "No Posts"}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{location && (
|
|
||||||
<div class="author-location text-ctp-sapphire">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin-map-fill text-ctp-flamingo inline" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8z"/> <path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z"/> </svg> {location}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
|
|
||||||
<div class="author-links">
|
|
||||||
{website && (<a href={website} target="_blank" rel="noopener">Website</a>)}
|
|
||||||
{twitter && (<a href={twitter} target="_blank" rel="noopener">Twitter</a>)}
|
|
||||||
{facebook && (<a href={facebook} target="_blank" rel="noopener">Facebook</a>)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.author-card {
|
|
||||||
display: flex;
|
|
||||||
margin-top: 8vmin;
|
|
||||||
margin-bottom: 6vmin;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-image {
|
|
||||||
width: 180px;
|
|
||||||
height: 180px;
|
|
||||||
object-fit: cover;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-info {
|
|
||||||
flex: 1;
|
|
||||||
padding: 20px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-name {
|
|
||||||
font-size: 1.5em;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-bio {
|
|
||||||
line-height: 1.4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-location {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-links {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.author-links a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #3498db;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
---
|
|
||||||
import { getGhostImgPath } from "../utils";
|
|
||||||
import type { Settings, Post } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
post: Post;
|
|
||||||
settings: Settings;
|
|
||||||
};
|
|
||||||
const { post, settings } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<ul class="flex flex-wrap mr-4">
|
|
||||||
{post.authors && post.authors.map((author) => (
|
|
||||||
<li class="relative flex-shrink-0 m-0 p-0">
|
|
||||||
{author.profile_image ? (
|
|
||||||
<a href={`/author/${author.slug}`} class="block overflow-hidden w-14 h-14 border-2 rounded-full">
|
|
||||||
<img
|
|
||||||
src={getGhostImgPath(settings.url, author.profile_image, 100)}
|
|
||||||
alt={author.name}
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
) : (
|
|
||||||
<a href={`/author/${author.slug}`} class="block overflow-hidden w-14 h-14 border-2 rounded-full">
|
|
||||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g fill="none" fill-rule="evenodd">
|
|
||||||
<path
|
|
||||||
d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z"
|
|
||||||
fill="#FFF"
|
|
||||||
/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
</li>
|
|
||||||
))}
|
|
||||||
</ul>
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
---
|
|
||||||
import { getGhostImgPath } from "../utils";
|
|
||||||
import type { Settings } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
image: string;
|
|
||||||
alt?: string;
|
|
||||||
caption?: string;
|
|
||||||
settings: Settings;
|
|
||||||
transitionName?: string;
|
|
||||||
};
|
|
||||||
const { image, alt, caption = "", settings, transitionName } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<figure class="article-image">
|
|
||||||
<img
|
|
||||||
srcset={`
|
|
||||||
${getGhostImgPath(settings.url, image, 300)} 300w,
|
|
||||||
${getGhostImgPath(settings.url, image, 600)} 600w,
|
|
||||||
`}
|
|
||||||
sizes="(min-width: 300px) 600px, 92vw"
|
|
||||||
src={getGhostImgPath(settings.url, image, 2000)}
|
|
||||||
alt={alt}
|
|
||||||
transition:name={transitionName}
|
|
||||||
/>
|
|
||||||
{caption && <figcaption class="text-ctp-overlay2"><Fragment set:html={caption}></figcaption>}
|
|
||||||
</figure>
|
|
||||||
|
|
@ -1,79 +0,0 @@
|
||||||
---
|
|
||||||
import type { Settings, Post } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import FeatureImage from "./FeatureImage.astro";
|
|
||||||
import AuthorList from "./AuthorList.astro";
|
|
||||||
import { formatDate } from "../utils";
|
|
||||||
import { Markup } from 'astro-remote';
|
|
||||||
import config from "virtual:@matthiesenxyz/astro-ghostcms/config";
|
|
||||||
|
|
||||||
const useRemote = config.ThemeProvider.astroRemote.enable;
|
|
||||||
|
|
||||||
export type Props = {
|
|
||||||
posts: Post[];
|
|
||||||
settings: Settings;
|
|
||||||
};
|
|
||||||
const { posts, settings } = Astro.props as Props;
|
|
||||||
|
|
||||||
const latestFeatured = posts[0]
|
|
||||||
---
|
|
||||||
{latestFeatured && (
|
|
||||||
<main
|
|
||||||
class="grid place-items-center pt-16 pb-8 md:pt-12 md:pb-24">
|
|
||||||
{latestFeatured.feature_image && (
|
|
||||||
<FeatureImage
|
|
||||||
image={latestFeatured.feature_image}
|
|
||||||
alt={latestFeatured.feature_image_alt ? latestFeatured.feature_image_alt : latestFeatured.title}
|
|
||||||
caption={latestFeatured.feature_image_caption || "" }
|
|
||||||
settings={settings}
|
|
||||||
transitionName={`img-${latestFeatured.title}`}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
<div>
|
|
||||||
{latestFeatured.primary_tag && (
|
|
||||||
<section class="text-ctp-lavender">
|
|
||||||
<a href={`/tag/${latestFeatured.primary_tag.slug}`}><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tag inline" viewBox="0 0 16 16">
|
|
||||||
<path d="M6 4.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1 0a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0"/>
|
|
||||||
<path d="M2 1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 1 6.586V2a1 1 0 0 1 1-1m0 5.586 7 7L13.586 9l-7-7H2z"/>
|
|
||||||
</svg> {latestFeatured.primary_tag.name}</a>
|
|
||||||
</section>
|
|
||||||
)}
|
|
||||||
<h2
|
|
||||||
class="text-ctp-red text-4xl lg:text-6xl xl:text-7xl font-bold lg:tracking-tight xl:tracking-tighter">
|
|
||||||
{latestFeatured && latestFeatured.title}
|
|
||||||
</h2>
|
|
||||||
<div class="flex justify-between ml-5">
|
|
||||||
<section class="flex flex-grow align-middle">
|
|
||||||
<AuthorList post={latestFeatured} settings={settings} />
|
|
||||||
<div class="text-ctp-overlay2">
|
|
||||||
{ latestFeatured.primary_author && (
|
|
||||||
<h4 class="text-ctp-teal">
|
|
||||||
{latestFeatured.primary_author.name}
|
|
||||||
</h4>
|
|
||||||
)}
|
|
||||||
<div class="text-ctp-overlay2">
|
|
||||||
<time class="text-ctp-sapphire" datetime={formatDate(latestFeatured.published_at?latestFeatured.published_at:latestFeatured.created_at)}
|
|
||||||
>{formatDate(latestFeatured.published_at?latestFeatured.published_at:latestFeatured.created_at)}
|
|
||||||
</time>
|
|
||||||
<span class="text-ctp-peach"
|
|
||||||
><span class="text-ctp-overlay2">•</span>
|
|
||||||
{latestFeatured.reading_time} min read
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
<div class="divider my-4"/>
|
|
||||||
<section id="ghostimport" class="text-ctp-subtext1">
|
|
||||||
|
|
||||||
|
|
||||||
{useRemote ? (latestFeatured && <Markup
|
|
||||||
content={latestFeatured.html}
|
|
||||||
sanitize={{
|
|
||||||
allowComponents: true,
|
|
||||||
allowElements: ['a', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img', 'figure', 'figcaption', 'ul', 'ol', 'li', 'blockquote', 'pre', 'code', 'em', 'strong', 'del', 'hr', 'br', 'table', 'thead', 'tbody', 'tr', 'th', 'td', 'caption', 'div', 'span', 'script', 'astrocard'],
|
|
||||||
}}
|
|
||||||
/>) : (latestFeatured && <Fragment set:html={latestFeatured.html} />) }
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
)}
|
|
||||||
|
|
@ -1,26 +0,0 @@
|
||||||
---
|
|
||||||
import type { Page } from 'astro';
|
|
||||||
const { page } = Astro.props as {page: Page};
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="page__actions">
|
|
||||||
{page.url.prev && (
|
|
||||||
<a class="action__go-to-x" href={page.url.prev} title="Go to Previous">
|
|
||||||
← Prev
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
{page.url.next && (
|
|
||||||
<a class="action__go-to-x" href={page.url.next} title="Go to Next">
|
|
||||||
Next →
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
/* .page__actions {
|
|
||||||
@apply flex justify-center md:justify-end py-6 gap-2;
|
|
||||||
}
|
|
||||||
.action__go-to-x {
|
|
||||||
@apply text-base uppercase text-gray-500 dark:text-gray-400 hover:underline;
|
|
||||||
} */
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,46 +0,0 @@
|
||||||
---
|
|
||||||
import PostHero from "../components/PostHero.astro";
|
|
||||||
import PostFooter from "../components/PostFooter.astro";
|
|
||||||
import { getFeaturedPosts, invariant, type Post, type Settings } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
import { Markup } from 'astro-remote';
|
|
||||||
import config from "virtual:@matthiesenxyz/astro-ghostcms/config";
|
|
||||||
|
|
||||||
const useRemote = config.ThemeProvider.astroRemote.enable;
|
|
||||||
|
|
||||||
export type Props = {
|
|
||||||
post: Post;
|
|
||||||
settings: Settings;
|
|
||||||
posts: Post[];
|
|
||||||
};
|
|
||||||
|
|
||||||
const { post, settings, posts } = Astro.props as Props;
|
|
||||||
|
|
||||||
async function getPostsSet(){
|
|
||||||
const featuredPosts = await getFeaturedPosts();
|
|
||||||
const fposts = posts;
|
|
||||||
if(featuredPosts.posts.length === 0){ return fposts }
|
|
||||||
|
|
||||||
const featured = featuredPosts.posts[0]
|
|
||||||
return fposts.filter((p: Post)=>p.id !== featured.id)
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
const mPosts = await getPostsSet()
|
|
||||||
|
|
||||||
invariant(settings, "Settings not found");
|
|
||||||
---
|
|
||||||
|
|
||||||
<PostHero post={post} settings={settings} />
|
|
||||||
<div id="ghostimport" class="mt-4 text-ctp-subtext1">
|
|
||||||
{useRemote ? (
|
|
||||||
<Markup
|
|
||||||
content={post.html}
|
|
||||||
sanitize={{
|
|
||||||
allowComponents: true,
|
|
||||||
allowElements: ['a', 'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'img', 'figure', 'figcaption', 'ul', 'ol', 'li', 'blockquote', 'pre', 'code', 'em', 'strong', 'del', 'hr', 'br', 'table', 'thead', 'tbody', 'tr', 'th', 'td', 'caption', 'div', 'span', 'script', 'astrocard'],
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
) : <Fragment set:html={post.html} /> }
|
|
||||||
</div>
|
|
||||||
<PostFooter post={post} settings={settings} posts={mPosts} />
|
|
||||||
|
|
||||||
|
|
@ -1,115 +0,0 @@
|
||||||
---
|
|
||||||
import PostPreview from "../components/PostPreview.astro";
|
|
||||||
import type { Settings, Post } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
post: Post;
|
|
||||||
settings: Settings;
|
|
||||||
posts: Post[];
|
|
||||||
};
|
|
||||||
const { post, settings, posts } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<aside class="read-more-wrap">
|
|
||||||
<div class="read-more inner">
|
|
||||||
{posts
|
|
||||||
.filter((p: Post) => p.id !== post.id)
|
|
||||||
.slice(0, 3)
|
|
||||||
.map((post: Post) => <PostPreview post={post} settings={settings} />)}
|
|
||||||
</div>
|
|
||||||
</aside>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
/* 7.3. Subscribe
|
|
||||||
/* ---------------------------------------------------------- */
|
|
||||||
|
|
||||||
.footer-cta {
|
|
||||||
position: relative;
|
|
||||||
padding: 9vmin 4vmin 10vmin;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
background: var(--color-darkgrey);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Increases the default h2 size by 15%, for small and large screens */
|
|
||||||
.footer-cta h2 {
|
|
||||||
margin: 0 0 30px;
|
|
||||||
font-size: 3.2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
.footer-cta h2 {
|
|
||||||
font-size: 2.65rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-cta-button {
|
|
||||||
position: relative;
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
width: 100%;
|
|
||||||
max-width: 500px;
|
|
||||||
padding: 5px 5px 5px 15px;
|
|
||||||
font-size: 1.8rem;
|
|
||||||
color: var(--color-midgrey);
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-cta-button span {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 10px 20px;
|
|
||||||
color: #fff;
|
|
||||||
font-weight: 500;
|
|
||||||
background: var(--ghost-accent-color);
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 7.4. Read more
|
|
||||||
/* ---------------------------------------------------------- */
|
|
||||||
|
|
||||||
.read-more-wrap {
|
|
||||||
width: 100%;
|
|
||||||
padding: 4vmin;
|
|
||||||
margin: 0 auto -40px;
|
|
||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
||||||
background: color-mod(var(--color-darkgrey) l(-5%));
|
|
||||||
}
|
|
||||||
|
|
||||||
.read-more {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr 1fr;
|
|
||||||
grid-gap: 4vmin;
|
|
||||||
}
|
|
||||||
|
|
||||||
.read-more .post-card-title {
|
|
||||||
color: #fff;
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
|
|
||||||
.read-more .post-card-excerpt {
|
|
||||||
color: rgba(255, 255, 255, 0.6);
|
|
||||||
}
|
|
||||||
|
|
||||||
.read-more .post-card-byline-content a {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1000px) {
|
|
||||||
.read-more {
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
}
|
|
||||||
.read-more article:nth-child(3) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 700px) {
|
|
||||||
.read-more {
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
}
|
|
||||||
.read-more article:nth-child(2) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,51 +0,0 @@
|
||||||
---
|
|
||||||
import FeatureImage from "../components/FeatureImage.astro";
|
|
||||||
import AuthorList from "../components/AuthorList.astro";
|
|
||||||
import { formatDate } from "../utils";
|
|
||||||
import type { Settings, Post } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
post: Post;
|
|
||||||
settings: Settings;
|
|
||||||
};
|
|
||||||
const { post, settings } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<header class="article-header gh-canvas">
|
|
||||||
{post.primary_tag && (
|
|
||||||
<section class="text-ctp-lavender">
|
|
||||||
<a href={`/tag/${post.primary_tag.slug}`}>{post.primary_tag.name}</a>
|
|
||||||
</section>
|
|
||||||
)}
|
|
||||||
<h1 class="text-ctp-red text-4xl lg:text-6xl xl:text-7xl font-bold lg:tracking-tight xl:tracking-tighter" transition:name={post.title}>{post.title}</h1>
|
|
||||||
|
|
||||||
<div class="flex justify-between my-4">
|
|
||||||
<section class="flex flex-grow align-middle">
|
|
||||||
<AuthorList post={post} settings={settings} />
|
|
||||||
<div class="text-ctp-overlay2">
|
|
||||||
{ post.primary_author && (
|
|
||||||
<h4 class="text-ctp-teal">
|
|
||||||
{post.primary_author.name}
|
|
||||||
</h4>
|
|
||||||
)}
|
|
||||||
<div class="text-ctp-overlay2">
|
|
||||||
<time class="text-ctp-sapphire" datetime={formatDate(post.created_at)}
|
|
||||||
>{formatDate(post.created_at)}
|
|
||||||
</time>
|
|
||||||
<span class="text-ctp-peach"
|
|
||||||
><span class="text-ctp-overlay2">•</span>
|
|
||||||
{post.reading_time} min read
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
{post.feature_image && (
|
|
||||||
<FeatureImage
|
|
||||||
image={post.feature_image}
|
|
||||||
alt={post.feature_image_alt ? post.feature_image_alt : post.title}
|
|
||||||
caption={post.feature_image_caption || "" }
|
|
||||||
settings={settings}
|
|
||||||
transitionName={`img-${post.title}`}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</header>
|
|
||||||
|
|
@ -1,65 +0,0 @@
|
||||||
---
|
|
||||||
import { getGhostImgPath, formatDate } from "../utils";
|
|
||||||
import AuthorList from "./AuthorList.astro";
|
|
||||||
import type { Settings, Post, Tag } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
post: Post;
|
|
||||||
settings: Settings;
|
|
||||||
index?: number;
|
|
||||||
isHome?: boolean;
|
|
||||||
};
|
|
||||||
const { post, settings, index, isHome = false } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<article
|
|
||||||
class={`relative flex flex-col bg-cover bg-ctp-surface0 break-words ${post.tags && post.tags
|
|
||||||
.map((tag: Tag) => `tag-${tag.slug}`)
|
|
||||||
.join(" ")} ${
|
|
||||||
isHome && post.feature_image && index == 0 ? "lg:grid-cols-1 lg:col-span-3 lg:gap-4 lg:border-t-0" : ""
|
|
||||||
}`}
|
|
||||||
>
|
|
||||||
<a class="relative grid-cols-1 col-span-2 mb-0" href={`/${post.slug}`}>
|
|
||||||
<img
|
|
||||||
class="relative flex overflow-hidden border-r-2 mb-0 object-cover h-52 min-w-full"
|
|
||||||
srcset={`
|
|
||||||
${getGhostImgPath(settings.url, post.feature_image || "", 300)} 300w,
|
|
||||||
${getGhostImgPath(settings.url, post.feature_image || "", 600)} 600w
|
|
||||||
${getGhostImgPath(settings.url, post.feature_image || "", 1000)} 1000w
|
|
||||||
${getGhostImgPath(settings.url, post.feature_image || "", 2000)} 2000w
|
|
||||||
`}
|
|
||||||
src={`${getGhostImgPath(settings.url, post.feature_image || "", 600)}`}
|
|
||||||
alt={post.title}
|
|
||||||
sizes="(max-width: 1000px) 400px, 800px"
|
|
||||||
loading="lazy"
|
|
||||||
transition:name={`img-${post.title}`}
|
|
||||||
/>
|
|
||||||
</a>
|
|
||||||
<div class="relative justify-center">
|
|
||||||
<a class="relative p-0" href={`/${post.slug}`} data-astro-reload>
|
|
||||||
<header class="mt-0 px-4 mt-3">
|
|
||||||
{post.primary_tag && (
|
|
||||||
<div class="text-ctp-lavender text-sm">{post.primary_tag.name}</div>
|
|
||||||
)}
|
|
||||||
<h2 class="my-2 text-2xl font-bold text-ctp-red line-clamp-1" transition:name={post.title}>{post.title}</h2>
|
|
||||||
</header>
|
|
||||||
<div class="px-4 text-base text-ctp-subtext1 max-w-fit line-clamp-2">
|
|
||||||
<p>{post.excerpt}</p>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<footer class="flex align-middle items-center p-4">
|
|
||||||
<AuthorList post={post} settings={settings} />
|
|
||||||
<div class="flex flex-1 flex-col text-ctp-teal text-lg">
|
|
||||||
<span class="text-sm">{post.primary_author?.name ?? ""}</span>
|
|
||||||
<span class="text-sm text-ctp-sapphire"
|
|
||||||
><time datetime={formatDate(post.created_at)}
|
|
||||||
>{formatDate(post.created_at)}
|
|
||||||
</time>
|
|
||||||
<span class="text-ctp-peach"
|
|
||||||
><span class="text-ctp-overlay2">•</span>
|
|
||||||
{post.reading_time} min read
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
@ -1,21 +0,0 @@
|
||||||
---
|
|
||||||
import PostPreview from "./PostPreview.astro";
|
|
||||||
import type { Settings, Post } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
posts: Post[];
|
|
||||||
settings: Settings;
|
|
||||||
isHome?: boolean;
|
|
||||||
};
|
|
||||||
const { posts, settings, isHome = false } = Astro.props as Props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 lg:gap-8 p-4">
|
|
||||||
{posts.map((post: Post, index: number) => (
|
|
||||||
<PostPreview
|
|
||||||
post={post}
|
|
||||||
index={index}
|
|
||||||
settings={settings}
|
|
||||||
isHome={isHome}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,43 +0,0 @@
|
||||||
---
|
|
||||||
import { getGhostImgPath } from "../utils";
|
|
||||||
import type { Settings, Tag } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
export type Props = {
|
|
||||||
tag: Tag;
|
|
||||||
addClass?: string;
|
|
||||||
settings: Settings;
|
|
||||||
};
|
|
||||||
const { tag, addClass = "", settings } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<a
|
|
||||||
href={`/tag/${tag.slug}`}
|
|
||||||
title={tag.name}
|
|
||||||
aria-label={tag.name}
|
|
||||||
class={`text-center`}
|
|
||||||
>
|
|
||||||
{
|
|
||||||
tag.feature_image && (
|
|
||||||
<div class="tag-card-media">
|
|
||||||
<img
|
|
||||||
class="tag-card-img"
|
|
||||||
data-srcset={`
|
|
||||||
${getGhostImgPath(settings.url, tag.feature_image, 100)} 100w,
|
|
||||||
${getGhostImgPath(settings.url, tag.feature_image, 300)} 300w
|
|
||||||
`}
|
|
||||||
srcset={`
|
|
||||||
${getGhostImgPath(settings.url, tag.feature_image, 100)} 100w,
|
|
||||||
${getGhostImgPath(settings.url, tag.feature_image, 300)} 300w
|
|
||||||
`}
|
|
||||||
data-sizes="auto"
|
|
||||||
data-src={getGhostImgPath(settings.url, tag.feature_image, 300)}
|
|
||||||
src={getGhostImgPath(settings.url, tag.feature_image, 300)}
|
|
||||||
alt={tag.name}
|
|
||||||
sizes="200px"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
<h3 class="text-ctp-lavender">{tag.name}</h4>
|
|
||||||
<h4 class="text-ctp-teal">{tag.count?.posts} Posts<h4>
|
|
||||||
|
|
||||||
</a>
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
---
|
|
||||||
const { class: className } = Astro.props;
|
|
||||||
---
|
|
||||||
|
|
||||||
<div class:list={["max-w-screen-xl mx-auto px-5", className]}>
|
|
||||||
<slot />
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,19 +0,0 @@
|
||||||
---
|
|
||||||
import { getSettings, invariant } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
const settings = await getSettings();
|
|
||||||
invariant(settings, 'Settings not found');
|
|
||||||
---
|
|
||||||
<footer class="my-20">
|
|
||||||
<p class="text-center text-sm text-slate-500">
|
|
||||||
Copyright © {new Date().getFullYear()} {settings.title}. All rights reserved.
|
|
||||||
</p>
|
|
||||||
<p class="text-center text-xs text-slate-500 mt-1">
|
|
||||||
Powered by <a
|
|
||||||
href="https://ghost.org"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener"
|
|
||||||
class="hover:underline">
|
|
||||||
Ghost
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</footer>
|
|
||||||
|
|
@ -1,82 +0,0 @@
|
||||||
---
|
|
||||||
import { facebook, getSettings, invariant, twitter } from "@matthiesenxyz/astro-ghostcms/api";
|
|
||||||
const settings = await getSettings();
|
|
||||||
invariant(settings, 'Settings not found');
|
|
||||||
import Container from "./container.astro";
|
|
||||||
import { Astronav, MenuItems, MenuIcon } from "astro-navbar";
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
<Container>
|
|
||||||
<header class="flex flex-col lg:flex-row justify-between items-center my-5">
|
|
||||||
<Astronav>
|
|
||||||
<div class="flex w-full lg:w-auto items-center justify-between">
|
|
||||||
<a href="/" class="text-lg">
|
|
||||||
{settings.icon && <img src={settings.icon} width="64" class="flex-1 inline">}
|
|
||||||
<span class="font-bold flex-2 text-ctp-blue">{settings.title}</span>
|
|
||||||
</a>
|
|
||||||
<div class="block lg:hidden">
|
|
||||||
<MenuIcon class="w-4 h-4 text-ctp-pink" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<MenuItems class="hidden w-full lg:w-auto mt-2 lg:flex lg:mt-0">
|
|
||||||
<ul class="flex flex-col lg:flex-row lg:gap-3">
|
|
||||||
{ settings.navigation.map(({ label, url }) => (
|
|
||||||
<li>
|
|
||||||
<a href={url}
|
|
||||||
class="flex lg:px-3 py-2 items-center text-ctp-teal hover:text-ctp-green">
|
|
||||||
<span> {label}</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
)) }
|
|
||||||
</ul>
|
|
||||||
<div class="lg:hidden flex items-center mt-3 gap-4">
|
|
||||||
{ settings.facebook && (
|
|
||||||
<a
|
|
||||||
class=""
|
|
||||||
href={facebook(settings.facebook)}
|
|
||||||
title="Facebook"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener"
|
|
||||||
> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="text-ctp-blue bi bi-facebook" viewBox="0 0 16 16"> <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/> </svg>
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
{settings.twitter && (
|
|
||||||
<a
|
|
||||||
class="gh-social-twitter"
|
|
||||||
href={twitter(settings.twitter)}
|
|
||||||
title="Twitter"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener"
|
|
||||||
><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="text-ctp-subtext1 bi bi-twitter-x" viewBox="0 0 16 16"> <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/> </svg>
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</MenuItems>
|
|
||||||
</Astronav>
|
|
||||||
<div>
|
|
||||||
<div class="hidden lg:flex items-center gap-4">
|
|
||||||
{ settings.facebook && (
|
|
||||||
<a
|
|
||||||
class=""
|
|
||||||
href={facebook(settings.facebook)}
|
|
||||||
title="Facebook"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener"
|
|
||||||
><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="text-ctp-blue bi bi-facebook" viewBox="0 0 16 16"> <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/> </svg>
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
{settings.twitter && (
|
|
||||||
<a
|
|
||||||
class="gh-social-twitter"
|
|
||||||
href={twitter(settings.twitter)}
|
|
||||||
title="Twitter"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener"
|
|
||||||
><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="text-ctp-subtext1 bi bi-twitter-x" viewBox="0 0 16 16"> <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/> </svg>
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
</Container>
|
|
||||||
|
|
@ -1,2 +0,0 @@
|
||||||
/// <reference path="../.astro/types.d.ts" />
|
|
||||||
/// <reference types="astro/client" />
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue