jigglycrumb / personal-landing-page Public

Notifications You must be signed in to change notification settings
Fork 0
Star 1

Easy to customize personal landing page, similar to linktr.ee

jigglycrumb.space

1 star 0 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 29 Commits
.github/workflows		.github/workflows
.vscode		.vscode
public		public
src		src
.gitignore		.gitignore
CNAME		CNAME
README.md		README.md
astro.config.mjs		astro.config.mjs
package-lock.json		package-lock.json
package.json		package.json
site.config.js		site.config.js
tsconfig.json		tsconfig.json

Repository files navigation

personal-landing-page

Simple landing page similar to linktr.ee
Includes a dark mode with automatic detection

Installation

Fork this repository

Customization

/src/components/Headline.astro is the site headline
/src/components/Blurb.astro is your bio/welcome text
/site.config.js contains the browser tab title and link collection.

Your link collection is an array of objects:
```
content: [{
  headline: "My websites",
  links: [
    {
      title: "zaps.lol",
      href: "https://zaps.lol",
      icon: "/pages/zaps-lol.png",
      // emoji: '⚡',
      body: "Free nostr address provider",
    }, …
  ]
}, …]
```
Every link can have these properties:
- title: Link title
- href: Link URL
- icon: Link icon - add your icon to /public and add icon path as /.
  Example: Image path is /public/github.svg - icon property is /github.svg
- emoji: String of an emoji which will be displayed as icon.
  Copy e.g. from emojipedia.
  You should use either an icon or an emoji, not both!
- body: Short descriptive text

Deployment

This project deploys to Github pages by default.
Just enable it in the repository settings.

Edit CNAME to fit your domain name if you want to use one.

Built with Astro