Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/textpattern/textpattern-default-theme

Textpattern CMS default theme.
https://github.com/textpattern/textpattern-default-theme

css sass scss textpattern textpattern-theme website

Last synced: about 3 hours ago
JSON representation

Textpattern CMS default theme.

Awesome Lists containing this project

README 

        
# Textpattern CMS default theme



[![GitHub Sponsors](https://img.shields.io/github/sponsors/textpattern)](https://github.com/sponsors/textpattern)



This project is the source for the default theme that ships as standard with [Textpattern CMS](https://textpattern.com/). It is intended as a starting point for new users learning the Textpattern CMS for the first time or existing users that want to adapt their current code for modern standards, and is not intended as a finished production theme (though you could use it as such if you want to).



## Features



1. The code is commented throughout with helpful information to help you learn some of the techniques and tags available within Textpattern.

2. Current best practices gathered from all over the web - in particular the [HTML5 Boilerplate](https://html5boilerplate.com/).

3. Mobile first structure.

4. Responsive CSS layout adapts to various device screen sizes, from 320px to over 1280px.

5. Adheres to the [Schema.org microdata format](https://schema.org/).

6. Includes [Sass](http://sass-lang.com/) version of CSS for rapid development.

7. No external images used at all.

8. Tested on a wide range of devices, browsers and operating systems.



## Supported web browsers



* Chrome, Edge, Firefox, Safari and Opera the last two recent stable releases.

* Internet Explorer 11.

* Firefox ESR latest major point release.



## Requirements



Building this repository requires:



* [Node.js](https://nodejs.org/)



## Build setup



### Installing required tools



The project uses [Webpack](https://webpack.github.io/) to run tasks and [Sass](http://sass-lang.com/) for CSS pre-processing. First make sure you have a recent version of [Node.js](https://nodejs.org/) installed. You can install Node.js using the [installer](https://nodejs.org/en/download/) or [package manager](https://nodejs.org/en/download/package-manager/).



### Installing dependencies



After you have Node.js taken care of, you can install the project's dependencies. Navigate to the project's directory, and run the dependency manager:



```ShellSession

$ cd textpattern-default-theme

$ npm install

```



**npm** installs Webpack and any necessary JavaScript packages.



## Building



This repository hosts sources and needs to be built before it can be used. After you have installed all dependencies, you will be able to run the build:



```ShellSession

$ npm run build

```



## Pre-built version



We provide a pre-built version of the theme files within the `dist` directory in case you don't want to build it yourself.



### Design patterns Textile/HTML reference page



The file `src/dev-docs/design-patterns-page.textile` is a reference you can use when authoring themes, it contains many of the HTML tags (and their equivalent [Textile](https://github.com/textile/php-textile) format where available) that should be accounted for in your designs. Paste this code directly into a Textpattern article.



## License



Licensed under the [GPLv2 license](https://github.com/textpattern/textpattern-default-theme/blob/master/LICENSE).



Some demo site content is licensed under Creative Commons BY-NC 3.0 (audio: "Moonlight Reprise" from "Irsen's Tale" by Kai Engel) and BY 3.0 (video: "Big Buck Bunny").