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
|
||||
|
||||
Copyright (c) 2024 MatthiesenXYZ - Astro-GhostCMS
|
||||
Copyright (c) 2024 Adam Matthiesen
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
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
|
||||
|
||||
- [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
|
||||
```
|
||||
npm i @matthiesenxyz/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/`:
|
||||
- [`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
|
||||
Basic Usage:
|
||||
|
||||
## Contributing
|
||||
```
|
||||
import { getGhostPosts } from "@matthiesenxyz/astro-ghostcms";
|
||||
```
|
||||
|
||||
- [Contributing Doc](./CONTRIBUTING.md)
|
||||
|
||||
### Acknowledgments
|
||||
|
||||
*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.*
|
||||
|
||||
[](https://astro.build)
|
||||
|
||||
Maintained with [GitKraken](https://www.gitkraken.com/invite/hirocQWn)
|
||||
|
||||
<img width="300" alt="gitkraken-logo-stencil-color" src="https://github.com/MatthiesenXYZ/astro-ghostcms/assets/30383579/751e20a9-8f7e-4a74-9fec-665e17f8715a">
|
||||
- getGhostPosts() - Get list of posts
|
||||
- getGhostRecentPosts(setLimit?) - Get Recent Posts (setLimit={6})
|
||||
- getGhostFeaturedPosts(setLimit?) - Get Featured Posts (setLimit={1})
|
||||
- getGhostPostbySlug(slug) - Get Post by Slug
|
||||
- getGhostPostsbyTag(slug) - Get Posts list by Tag slug
|
||||
- getGhostTags() - Get list of tags
|
||||
- getGhostTagbySlug(slug) - Get Tag by slug
|
||||
- getGhostAuthors() - Get list of Authors
|
||||
- getGhostPages() - Get list of Pages
|
||||
- getGhostPage(slug) - Get page by slug
|
||||
- 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';
|
||||
63
package.json
63
package.json
|
|
@ -1,31 +1,44 @@
|
|||
{
|
||||
"name": "root",
|
||||
"private": true,
|
||||
"packageManager": "pnpm@8.14.1",
|
||||
"engines": {
|
||||
"node": ">=18.19.0"
|
||||
"name": "@matthiesenxyz/astro-ghostcms",
|
||||
"description": "Astro GhostCMS integration to allow easier importing of GhostCMS Content",
|
||||
"version": "1.0.4",
|
||||
"author": "MatthiesenXYZ (https://matthiesen.xyz)",
|
||||
"type": "module",
|
||||
"license": "MIT",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/MatthiesenXYZ/astro-ghostcms.git"
|
||||
},
|
||||
"scripts": {
|
||||
"astro:dev": "pnpm --filter astro-playground dev",
|
||||
"starlight:dev": "pnpm --filter starlight-playground dev",
|
||||
"lint": "biome check .",
|
||||
"lint:fix": "biome check --apply .",
|
||||
"ci:version": "pnpm changeset version",
|
||||
"ci:publish": "pnpm changeset publish",
|
||||
"ci:test:integration": "pnpm --filter astro-ghostcms test:ci",
|
||||
"test:integration": "pnpm --filter astro-ghostcms test",
|
||||
"test:integration:watch": "pnpm --filter astro-ghostcms test:watch",
|
||||
"test:integration:coverage": "pnpm --filter astro-ghostcms test:coverage",
|
||||
"test:create-utility": "pnpm --filter create-astro-ghostcms test",
|
||||
"test:starlight": "pnpm --filter starlight-ghostcms test",
|
||||
"test:starlight:watch": "pnpm --filter starlight-ghostcms test:watch",
|
||||
"test:starlight:coverage": "pnpm --filter starlight-ghostcms test:coverage"
|
||||
"bugs": {
|
||||
"url": "https://github.com/MatthiesenXYZ/astro-ghostcms/issues"
|
||||
},
|
||||
"homepage": "https://github.com/MatthiesenXYZ/astro-ghostcms",
|
||||
"exports": {
|
||||
".": "./index.ts"
|
||||
},
|
||||
"main": "index.ts",
|
||||
"types": "index.d.ts",
|
||||
"files": [
|
||||
"src",
|
||||
"index.ts",
|
||||
"index.d.ts"
|
||||
],
|
||||
"keywords": [
|
||||
"astro-component",
|
||||
"withastro",
|
||||
"ghost",
|
||||
"ghostcms"
|
||||
],
|
||||
"scripts": {},
|
||||
"devDependencies": {
|
||||
"@biomejs/biome": "1.6.1",
|
||||
"@changesets/cli": "^2.27.1",
|
||||
"@vitest/ui": "^1.4.0",
|
||||
"vitest": "^1.4.0",
|
||||
"vitest-fetch-mock": "^0.2.2"
|
||||
"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