https://github.com/aloskutov/eleventy-plugin-codepen

Just another eleventy codepen plugin.
https://github.com/aloskutov/eleventy-plugin-codepen

11ty codepen eleventy plugin

Last synced: 9 months ago
JSON representation

Just another eleventy codepen plugin.

• Host: GitHub
• URL: https://github.com/aloskutov/eleventy-plugin-codepen
• Owner: aloskutov
• License: mit
• Created: 2021-12-02T09:41:24.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-06-19T02:16:57.000Z (over 1 year ago)
• Last Synced: 2025-03-24T11:56:49.375Z (10 months ago)
• Topics: 11ty, codepen, eleventy, plugin
• Language: JavaScript
• Homepage:
• Size: 996 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# eleventy-plugin-codepen

![npm](https://img.shields.io/npm/v/@aloskutov/eleventy-plugin-codepen)

![npms.io (quality)](https://img.shields.io/npms-io/maintenance-score/@aloskutov/eleventy-plugin-codepen)

![npms.io (quality)](https://img.shields.io/npms-io/quality-score/@aloskutov/eleventy-plugin-codepen)

![GitHub](https://img.shields.io/github/license/aloskutov/eleventy-plugin-codepen)

[![DeepScan grade](https://deepscan.io/api/teams/16410/projects/19673/branches/514386/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=16410&pid=19673&bid=514386)

[![DeepSource](https://deepsource.io/gh/aloskutov/eleventy-plugin-codepen.svg/?label=active+issues&show_trend=true&token=QqgB3VzCD1eg8QWoGUFYvV1j)](https://deepsource.io/gh/aloskutov/eleventy-plugin-codepen/?ref=repository-badge)

[![DeepSource](https://deepsource.io/gh/aloskutov/eleventy-plugin-codepen.svg/?label=resolved+issues&show_trend=true&token=QqgB3VzCD1eg8QWoGUFYvV1j)](https://deepsource.io/gh/aloskutov/eleventy-plugin-codepen/?ref=repository-badge)

Just another eleventy codepen plugin.

## Usage

### Install via npm

```shell

npm install @aloskutov/eleventy-plugin-codepen

```

### Load plugin in `.eleventy.js`

```js

const codepen = require("@aloskutov/eleventy-plugin-codepen");

module.exports = (eleventyConfig) => {

    eleventyConfig.addPlugin(codepen);

};

```

### Add CodePen js-library

To add Codepen's javascript code to all pages, paste in the template:

```html

...

{% codepen_js %}