Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

page.gl

Package Overview
Dependencies
Maintainers
2
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

page.gl - npm Package Compare versions

Comparing version 0.0.1 to 0.0.3

js/index.d.ts

144

package.json
{
"name": "page.gl",
"description": "Layout Template Library.",
"version": "0.0.1",
"config": {
"version_short": "0.0"
},
"keywords": [
"page.gl",
"page",
"jinja",
"framework",
"web"
],
"homepage": "https://www.page.gl/",
"author": "Lars van Vianen <lars@vianen.com> (https://vianen.com)",
"contributors": [
"Scape Agency <info@scape.agency>"
],
"license": "Apache-2.0",
"repository": {
"type": "git",
"url": "git+https://github.com/scape-agency/page.gl.git"
},
"bugs": {
"url": "https://github.com/scape-agency/page.gl/issues"
},
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/scape-foundation"
}
],
"main": "src/scss/index.scss",
"type": "module",
"module": "dist/js/page.gl.js",
"style": "dist/css/page.gl.css",
"sass": "src/scss/index.scss",
"scripts": {
"format": "npx prettier --write .",
"lint": "eslint 'src/**/*.ts' || true",
"prettify": "prettier --write 'src/**/*.ts'",
"dev": "webpack --mode development --config webpack.config.js",
"build": "webpack --mode production --config webpack.config.js",
"serve": "webpack serve --mode development --config webpack.config.js",
"start": "webpack-dev-server --mode development --config webpack.config.js"
},
"devDependencies": {
"@babel/core": "^7.23.6",
"@babel/preset-env": "^7.23.6",
"@babel/preset-typescript": "^7.23.3",
"@types/fs-extra": "^11.0.4",
"@types/glob": "^8.1.0",
"@types/node": "^20.10.5",
"@types/nunjucks": "^3.2.6",
"@types/svg-sprite": "^0.0.38",
"@types/webpack": "^5.28.1",
"ase-utils": "^0.1.1",
"autoprefixer": "^10.4.15",
"babel-loader": "^9.1.3",
"chroma-js": "^2.4.2",
"clean-webpack-plugin": "^4.0.0",
"color.js": "^1.2.0",
"colorjs.io": "^0.4.5",
"copy-webpack-plugin": "^11.0.0",
"css-loader": "^6.8.1",
"css-minimizer-webpack-plugin": "^5.0.0",
"d3": "^7.8.5",
"del": "^7.1.0",
"eslint": "^8.41.0",
"eslint-config-prettier": "^9.0.0",
"eslint-import-resolver-webpack": "^0.13.2",
"eslint-plugin-prettier": "^5.0.1",
"fantasticon": "^2.0.0",
"fs-extra": "^11.2.0",
"glob": "^10.3.10",
"html-webpack-plugin": "^5.5.3",
"lodash": "^4.17.21",
"mini-css-extract-plugin": "^2.7.6",
"nunjucks": "^3.2.4",
"postcss-loader": "^7.3.3",
"postcss-preset-env": "^9.1.2",
"prettier": "^3.0.3",
"sass": "^1.66.1",
"sass-loader": "^13.3.2",
"style-loader": "^3.3.3",
"svg-sprite": "^2.0.2",
"svgo": "^3.1.0",
"terser": "^5.26.0",
"terser-webpack-plugin": "^5.3.9",
"ts-loader": "^9.4.3",
"ts-node": "^10.9.1",
"typescript": "^5.3.3",
"webpack": "^5.89.0",
"webpack-cli": "^5.1.4",
"webpack-dev-server": "^4.15.1",
"webpack-merge": "^5.9.0"
},
"files": [
"dist/js/**/*.{js,map}",
"dist/css/**/*.{css,map}",
"dist/font/**/*.{eot,otf,ttf,woff,woff2}",
"src/ts/**/*.ts",
"src/scss/**/*.scss",
"src/font/**/*.{ttf,woff,woff2}"
],
"hugo-bin": {
"buildTags": "extended"
},
"jspm": {
"registry": "npm",
"main": "dist/js/page.gl.js",
"directories": {
"lib": "src"
},
"shim": {},
"dependencies": {},
"peerDependencies": {}
}
}
"name": "page.gl",
"version": "0.0.3",
"description": "Layout Template Library.",
"keywords": [
"page.gl",
"page",
"jinja",
"framework",
"web"
],
"license": "Apache-2.0",
"homepage": "https://www.page.gl/",
"main": "js/index",
"types": "js/index",
"files": [
"svg/**/*.svg",
"js/**/*.d.ts",
"js/**/*.{js,map}",
"ts/**/*.ts",
"css/**/*.{css,map}",
"scss/**/*.scss",
"font/**/*.{eot,otf,ttf,woff,woff2}",
"!.DS_Store"
]
}

@@ -1,1 +0,261 @@

# page.gl
<div align="right">
[![GitHub License](https://img.shields.io/github/license/scape-agency/page.gl?style=flat-square&logo=readthedocs&logoColor=FFFFFF&label=&labelColor=%23041B26&color=%23041B26&link=LICENSE)](https://github.com/scape-agency/page.gl/blob/main/LICENSE)
[![devContainer](https://img.shields.io/badge/Container-Remote?style=flat-square&logo=visualstudiocode&logoColor=%23FFFFFF&label=Remote&labelColor=%23041B26&color=%23041B26)](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/scape-agency/page.gl)
</div>
---
<div>
<img align="right" src="https://raw.githubusercontent.com/scape-agency/brand/master/src/logo/page.gl.png" width="96" alt="page.gl Logo">
<h1 align="left">page.gl</h1>
<h3 align="left">Stylescape Layout Template Library</h3>
</div>
---
<img align="right" width="50%" src="/res/page.gl.png" alt="page.gl">
### Contents
- [Introduction](#introduction)
- [Colophon](#colophon)
<br clear="both"/>
---
<div align="right">
[![Report a Bug](https://img.shields.io/badge/Report%20a%20Bug-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23E1E4E5)](https://github.com/scape-agency/page.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=bug_report.yml)
[![Request a Feature](https://img.shields.io/badge/Request%20a%20Feature-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23E1E4E5)](https://github.com/scape-agency/page.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=feature_request.yml)
[![Ask a Question](https://img.shields.io/badge/Ask%20a%20Question-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23E1E4E5)](https://github.com/scape-agency/page.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=question.yml)
[![Make a Suggestion](https://img.shields.io/badge/Make%20a%20Suggestion-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23E1E4E5)](https://github.com/scape-agency/page.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=suggestion.yml)
[![Start a Discussion](https://img.shields.io/badge/Start%20a%20Discussion-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23E1E4E5)](https://github.com/scape-agency/page.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=discussion.yml)
</div>
**Stylescape Layout Template Library<.**
## Introduction
Welcome to `page.gl`, a comprehensive collection of layout templates created using Jinja. These templates are designed to simplify the process of web page creation, offering a variety of layouts that cater to different styles and purposes. Whether you're building a personal blog, a business site, or a creative portfolio, `page.gl` has something to offer.
## Features
- **Diverse Collection of Layouts**: Choose from a wide range of template designs, from minimalistic to complex.
- **Jinja-Powered Templates**: Easy integration with Python-based web applications.
- **Responsive Design**: All templates are built to be fully responsive, ensuring compatibility with various devices and screen sizes.
- **Well-Documented Code**: Each template is thoroughly documented, making customization and integration straightforward.
## Installation
To use `page.gl` templates in your project, follow these simple steps:
### GIT
1. **Clone the Repository**
``` sh
git clone https://github.com/scape-agency/page.gl.git
```
2. **Navigate to the Repository**
``` sh
cd page.gl
```
3. **Choose a Template**
- Browse through the template collection and select one that suits your needs.
- Copy the Jinja template files into your project.
### NPM Module
``` bash
npm i page.gl
```
## Usage
- Integrate the Jinja templates into your Python web application.
- Customize the templates as needed to fit the style and branding of your website.
- Utilize the well-documented code to tweak layouts, styles, and functionalities.
## Templates
### HTML Tags
| **tag** | |
| ----------------- | ---- |
| `a` | |
| `abbr` | |
| `acronym` | |
| `address` | |
| `applet` | |
| `area` | |
| `article` | |
| `aside` | |
| `audio` | |
| `b` | |
| `base` | |
| `basefont` | |
| `bb` | |
| `bdo` | |
| `big` | |
| `blockquote` | |
| `body` | |
| `br` | |
| `button` | |
| `canvas` | |
| `caption` | |
| `center` | |
| `cite` | |
| `code` | |
| `col` | |
| `colgroup` | |
| `command` | |
| `datalist` | |
| `dd` | |
| `del` | |
| `details` | |
| `dfn` | |
| `dialog` | |
| `dir` | |
| `div` | |
| `dl` | |
| `dt` | |
| `em` | |
| `embed` | |
| `eventsource` | |
| `fieldset` | |
| `figcaption` | |
| `figure` | |
| `font` | |
| `footer` | |
| `form` | |
| `frame` | |
| `frameset` | |
| `h1` | |
| `h2` | |
| `h3` | |
| `h4` | |
| `h5` | |
| `h6` | |
| `head` | |
| `header` | |
| `hgroup` | |
| `hr` | |
| `html` | |
| `i` | |
| `iframe` | |
| `img` | |
| `input` | |
| `ins` | |
| `isindex` | |
| `kbd` | |
| `keygen` | |
| `label` | |
| `legend` | |
| `li` | |
| `link` | |
| `map` | |
| `mark` | |
| `menu` | |
| `meta` | |
| `meter` | |
| `nav` | |
| `noframes` | |
| `noscript` | |
| `object` | |
| `ol` | |
| `optgroup` | |
| `option` | |
| `output` | |
| `p` | |
| `param` | |
| `pre` | |
| `progress` | |
| `q` | |
| `rp` | |
| `rt` | |
| `ruby` | |
| `s` | |
| `samp` | |
| `script` | |
| `section` | |
| `select` | |
| `small` | |
| `source` | |
| `span` | |
| `strike` | |
| `strong` | |
| `style` | |
| `sub` | |
| `sup` | |
| `table` | |
| `tbody` | |
| `td` | |
| `textarea` | |
| `tfoot` | |
| `th` | |
| `thead` | |
| `time` | |
| `title` | |
| `tr` | |
| `track` | |
| `tt` | |
| `u` | |
| `ul` | |
| `var` | |
| `video` | |
| `wbr` | |
## Links
- [Website](https://www.page.gl)
- [NPM](https://www.npmjs.com/package/page.gl)
---
## Colophon
### Authors
**page.gl** is an open-source project by **[Scape Agency](https://www.scape.agency "Scape Agency website")**.
##### Scape Agency
Scape Agency is a spatial innovation collective that dreams, discovers and designs the everyday of tomorrow. We blend design thinking with emerging technologies to create a brighter perspective for people and planet. Our products and services naturalise technology in liveable and sustainable –scapes that spark the imagination and inspire future generations.
- website: [scape.agency](https://www.scape.agency "Scape Agency website")
- github: [github.com/scape-agency](https://github.com/scape-agency "Scape Agency GitHub")
### Development Resources
#### Contributing
We'd love for you to contribute and to make this project even better than it is today!
Please refer to the [contribution guidelines](.github/CONTRIBUTING.md) for information.
### Legal Information
#### Copyright
Copyright &copy; 2023 [Scape Agency BV](https://www.scape.agency/ "Scape Agency website"). All Rights Reserved.
#### License
Except as otherwise noted, the content in this repository is licensed under the
[Creative Commons Attribution 4.0 International (CC BY 4.0) License](https://creativecommons.org/licenses/by/4.0/), and
code samples are licensed under the [Apache 2.0 License](http://www.apache.org/licenses/LICENSE-2.0).
Also see [LICENSE](https://github.com/scape-agency/community/blob/master/src/LICENSE) and [LICENSE-CODE](https://github.com/scape-agency/community/blob/master/src/LICENSE-CODE).
#### Disclaimer
**THIS SOFTWARE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc