<commit_before>Appmaker
========

Running the Server
------------------

### Dependencies

Execute `npm install` in the application directory:

### Running in Development mode

#### Configuration for Node

Copy and edit your .env file. -- This should never be committed to the repo.

```
cp sample.env .env
```

### Start the Server

```
foreman start
```

If you need foreman:

```
sudo gem install foreman
```

Style Guide
-----------

### Introduction

The purpose of this Style Guide is to provide a single reference for visual styles and design elements used in Appmaker. 

The overall design approach is based on making building apps fun and gamelike. We want the site’s content and design to 1) encourage play and exploration 2) encourage non developers to think like programmers 3) enable anyone to build and customize apps that matter to them.

The visual guidelines outlined here are based on Appmaker’s fundamental characteristics, communicating a sense of fun, exploration, and play while building a space where developers and non developers can collaborate to create new and meaningful apps.

### Color Palette

The color palette describes the colors used in the Appmaker app. It is not intended to be a color guide for components, though you are certainly welcome to use it that way.

<div style="height: 20px; width: 20px; background-color: blue">
	hello
</div> <commit_msg>inline style markup<commit_after>Appmaker
========

Running the Server
------------------

### Dependencies

Execute `npm install` in the application directory:

### Running in Development mode

#### Configuration for Node

Copy and edit your .env file. -- This should never be committed to the repo.

```
cp sample.env .env
```

### Start the Server

```
foreman start
```

If you need foreman:

```
sudo gem install foreman
```

Style Guide
-----------

### Introduction

The purpose of this Style Guide is to provide a single reference for visual styles and design elements used in Appmaker. 

The overall design approach is based on making building apps fun and gamelike. We want the site’s content and design to 1) encourage play and exploration 2) encourage non developers to think like programmers 3) enable anyone to build and customize apps that matter to them.

The visual guidelines outlined here are based on Appmaker’s fundamental characteristics, communicating a sense of fun, exploration, and play while building a space where developers and non developers can collaborate to create new and meaningful apps.

### Color Palette

The color palette describes the colors used in the Appmaker app. It is not intended to be a color guide for components, though you are certainly welcome to use it that way.

<div style="height: 20px; width: 20px; background: blue">
	hello
</div> 
{'fraction_non_alphanumeric': 0.08387329013678906, 'fraction_numerical': 0.005039596832253419, 'mean_word_length': 3.9625, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '388761', 'n_tokens_mistral': 697, 'n_tokens_neox': 649, 'n_words': 398}