npmpackage.info

Gathering detailed insights and metrics for @lekoarts/gatsby-theme-emilia

Other packages similar to @lekoarts/gatsby-theme-emilia

@lekoarts/gatsby-theme-emilia-core

5.1.9

Core Theme for @lekoarts/gatsby-theme-emilia. This theme implements the Project node interface and exports templates (+ queries) which you can shadow.

Gathering detailed insights and metrics for @lekoarts/gatsby-theme-emilia

@lekoarts/gatsby-theme-emilia - 5.1.8 | npmpackage.info

@lekoarts/gatsby-theme-emilia

Get high-quality and customizable Gatsby themes to quickly bootstrap your website! Choose from many professionally created and impressive designs with a wide variety of features and customization options.

5.1.8

1,879

MIT

TypeScript

106.27 kB

3.7

Installations

npm install @lekoarts/gatsby-theme-emilia

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=18.0.0

Node Version

18.20.5

NPM Version

10.8.2 Score

22.8

Supply Chain

56.3

Quality

66.2

Maintenance

Vulnerability

90.2

License

Pull Requests

Open

5

Total

1,142

Closed

167

Merged

970

Issues

Open

1

Total

188

Closed

187

Releases

422

@lekoarts/gatsby-theme-minimal-blog@6.2.6

Updated on Jun 26, 2025

@lekoarts/rehype-meta-as-attributes@3.0.3

Updated on Jun 26, 2025

@lekoarts/themes-utils@3.0.3

Updated on Jun 26, 2025

@lekoarts/gatsby-theme-minimal-blog-core@6.2.6

Updated on Jun 26, 2025

@lekoarts/gatsby-theme-minimal-blog-core@6.2.5

Updated on May 05, 2025

@lekoarts/gatsby-theme-graphql-playground@5.1.11

Updated on May 05, 2025

View All 422 releases

Languages

TypeScript

JavaScript

Handlebars

MDX

CSS

Shell

HTML

TypeScript (80.69%)

JavaScript (14.12%)

Handlebars (3.81%)

MDX (0.93%)

CSS (0.33%)

Shell (0.11%)

HTML (0.01%)

Developer

LekoArts

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

1,879 Stars

1,416 Commits

537 Forks

12 Watchers

11 Branches

15 Contributors

Updated on Jul 14, 2025

Maintainers

View All 15 Contributors

Package Meta Information

Latest Version

5.1.8

Package Id

@lekoarts/gatsby-theme-emilia@5.1.8

Unpacked Size

106.27 kB

Size

24.47 kB

File Count

NPM Version

10.8.2

Node Version

18.20.5

Published on

Dec 24, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@emotion/react @lekoarts/gatsby-theme-emilia-core @theme-ui/mdx @theme-ui/preset-tailwind gatsby-plugin-image gatsby-plugin-theme-ui polished react-spring theme-ui

Peer Dependencies

gatsby react react-dom

@lekoarts/gatsby-theme-emilia

Minimalistic portfolio/photography site with masonry grid, page transitions and big images. Themeable with Theme UI. Includes Light/Dark mode.

Read the Source Code.

Also be sure to check out other Free & Open Source Gatsby Themes and my Personal Website.

Features

MDX
Theme UI-based theming
react-spring page animations
Light Mode / Dark Mode
Masonry grid

Installation

1npm install @lekoarts/gatsby-theme-emilia

Install as a starter

This will generate a new site that pre-configures the theme including example content and additional plugins.

1npx gatsby new gatsby-starter-portfolio-emilia https://github.com/LekoArts/gatsby-starter-portfolio-emilia

View the starter's code

Usage

Theme options

Key	Default Value	Description
`basePath`	`/`	Root url for the theme
`projectsPath`	`content/projects`	Location of projects
`assetsPath`	`content/assets`	Location of assets (such as the avatar in the header)
`mdx`	`true`	Configure `gatsby-plugin-mdx` (if your website already is using the plugin pass `false` to turn this off)
`sharp`	`true`	Configure `gatsby-plugin-sharp` (if your website already is using the plugin pass `false` to turn this off)
`name`	`LekoArts`	The name displayed as the title on the homepage, and the link to the homepage (top left corner)
`location`	`Germany`	Shown below the title
`socialMedia`	[{ title: `Twitter`, href: `https://twitter.com/lekoarts_de` }, { title: `Homepage`, href: `https://www.lekoarts.de` }]	An array of objects (with the keys "title" and "href" display on the homepage. Can of course hold any kind of links (not limited to social media)
`showThemeAuthor`	`true`	Show the "Theme by LekoArts" in the footer
`formatString`	`DD.MM.YYYY`	Configure the date format for Date fields

Example usage

1// gatsby-config.mjs
2const config = {
3  plugins: [
4    {
5      resolve: `@lekoarts/gatsby-theme-emilia`,
6      options: {
7          name: `Emilia`,
8          location: `Paris`,
9          socialMedia: [
10            {
11              title: `Twitter`,
12              href: `https://www.twitter.com/lekoarts_de`
13            }
14          ]
15        }
16      }
17    }
18  ]
19}
20
21export default config

Additional configuration

In addition to the theme options, there are a handful of items you can customize via the siteMetadata object in your site's gatsby-config.mjs

1// gatsby-config.mjs
2const config = {
3  siteMetadata: {
4    // Used for the title template on pages other than the index site
5    siteTitle: `Emilia`,
6    // Default title of the page
7    siteTitleAlt: `Emilia - @lekoarts/gatsby-theme-emilia`,
8    // Can be used for e.g. JSONLD
9    siteHeadline: `Emilia - Gatsby Theme from @lekoarts`,
10    // Will be used to generate absolute URLs for og:image etc.
11    siteUrl: `https://emilia.lekoarts.de`,
12    // Used for SEO
13    siteDescription: `Minimalistic portfolio/photography site with masonry grid, page transitions and big images. Themeable with Theme UI. Includes Light/Dark mode.`,
14    // Used for og:image and must be placed inside the `static` folder
15    siteImage: `/banner.jpg`,
16    // Set the default "lang" attribute on "html" element
17    siteLanguage: `en`,
18    // Twitter Handle
19    author: `@lekoarts_de`,
20  },
21};
22
23export default config;

Shadowing

Please read the guide Shadowing in Gatsby Themes to understand how to customize the theme! Generally speaking you will want to place your files into src/@lekoarts/gatsby-theme-emilia/ to shadow/override files. The Theme UI config can be configured by shadowing its files in src/gatsby-plugin-theme-ui/.

Adding content

Adding a new project

New projects will be shown on the index page of this theme and can be added by creating MDX files inside content/projects. General setup:

Create a new folder inside content/projects
Create a new index.mdx file, and add the frontmatter
Add images to the created folder (from step 1)
Reference your desired images as your cover in the frontmatter
Write your content below the frontmatter (optional)
Use defer to opt-in into Deferred Static Generation (DSG) (optional)
Add a slug to the frontmatter to use a custom slug, e.g. slug: "/my-slug" (Optional)

Frontmatter reference:

1---
2cover: "./sean-foley-0JD7kvxAq0Y-unsplash.jpg"
3date: "2019-09-10"
4title: "Emilia"
5defer: false
6slug: "/my-slug"
7areas:
8  - Neon
9  - Lights
10---

The frontmatter alone is enough, if you'd like to add additional content you can do so by writing your content (as usual with MDX) below the frontmatter. It'll be displayed in the header of the project below the date and areas.

Changing the "About Me" text

Create a file at src/@lekoarts/gatsby-theme-emilia/texts/about-me.mdx to edit the text.

Changing the avatar

Place an image with the name avatar inside the folder content/assets (or your custom assetsPath which you defined for the theme).

Changelog

You can find the extensive changelog of changes on GitHub. You'll be able to see each patch, minor, and major changes and what pull requests contributed to them.

Questions?

If you have general questions or need help with Gatsby, please go to one of the support platforms mentioned in Gatsby's documentation. If you have a specific question about this theme, you can head to the GitHub Discussions of the repository.

🌟 Supporting me

Thanks for using this project! I'm always interested in seeing what people do with my projects, so don't hesitate to tag me on Bluesky and share the project with me.

Please star this project, share it on Social Media or consider supporting me on GitHub Sponsors!

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

9

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/build-packages.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/build-packages.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/e2e_testing.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/e2e_testing.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/e2e_testing.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/e2e_testing.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-starters.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/publish-starters.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-starters.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/publish-starters.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/publish-starters.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/publish-starters.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:39: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/unit-testing.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/LekoArts/gatsby-themes/unit-testing.yml/main?enable=pin
Info: 0 out of 7 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 4 third-party GitHubAction dependencies pinned

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

39 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-cwcx-rxgc-cmw3
Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6
Warn: Project is vulnerable to: GHSA-xq7p-g2vc-g82p
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h
Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
Warn: Project is vulnerable to: GHSA-9pv7-vfvm-6vr7
Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-7hpj-7hhx-2fgx
Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g
Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
Warn: Project is vulnerable to: GHSA-pq67-2wwv-3xjx
Warn: Project is vulnerable to: GHSA-8cj5-5rvv-wf4v
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx
Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
Warn: Project is vulnerable to: GHSA-x7hr-w5r2-h6wg
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-76p7-773f-r4q5
Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3

Score

3.7

/10

Last Scanned on 2025-07-14

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More