<commit_before>function format([str]){
	return str.replace(/\n\t/g, "\n").trim();
}

module.exports = [

	{
		name: "Basic website layout",
		html: format`
<header>
	Header
</header>

<aside class="sidebar">
	Sidebar
</aside>

<main>
	Main content
</main>

<footer>
	Footer
</footer>
		`,
		css: format`
body {
	grid-kiss:
		"+------------------------------+      "
		"|           header ↑           | 120px"
		"+------------------------------+      "
		"                                      "
		"+--150px---+  +----- auto -----+      "
		"| .sidebar |  |      main      | auto "
		"+----------+  +----------------+      "
		"                                      "
		"+------------------------------+      "
		"|              ↓               |      "
		"|         → footer ←           | 60px "
		"+------------------------------+      "
}

header   { background: cyan; }
.sidebar { background: lime; }
main     { background: yellow; }
footer   { background: pink; }
`
	},

	{
		name: "Zones on multiple rows and cols ; alternative style #1",
		css: format`
#grid {
    grid-kiss:         
    "┌──────┐ ┌────────────────┐         "
    "│      │ │                │  100px  "
    "│   ↑  │ │     .bar       │         "
    "│ .baz │ └────────────────┘    -    "    
    "│   ↓  │ ┌───────┐ ┌──────┐         "
    "│      │ |       | │  ↑   │  100px  "
    "└──────┘ └───────┘ │      │         "    
    "┌────────────────┐ │ .foo │    -    "
    "│     .qux       │ │  ↓   │         "
    "│                │ │      │  100px  "
    "└────────────────┘ └──────┘         "
    "  100px |  100px  |  100px          "
    ;
    grid-gap: 10px 10px;    
}

#grid > div {
    border:2px solid black;
    background-color: #ccc;
    padding: 0.5em;
}

#container {    
    width: 400px;
    height: 400px;
    padding: 1em;
}    
`,

		html: format`
<div id="container">
	<div id="grid">
		<div class="foo">Foo</div>
		<div class="bar">Bar</div>
		<div class="baz">Baz</div>
		<div class="qux">Qux</div>
	</div>	
</div>
`

	},

	{
		name: "Variable fractions of free space ; alternate style #2",

		css: format`
body {
	grid-kiss:
	"╔═10═╗                  ╔═10═╗    "
	"║ .a>║                  ║<.b ║ 3fr"
	"╚════╝                  ╚════╝    "
	"      ╔═20═╗      ╔═20═╗          "
	"      ║ .c ║      ║ .d ║       5fr"
	"      ╚════╝      ╚════╝          "
	"            ╔═30═╗                "
	"            ║ .e ║             7fr"
	"            ╚════╝                "
}

div {   
   background: #eee;
   border: 1px solid #999;
   padding: 1em;
}`,

		html: `
<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>
<div class="d">d</div>
<div class="e">e</div>
`

	}


]<commit_msg>new preset: vertical and horizontal center<commit_after>function format([str]){
	return str.replace(/\n\t/g, "\n").trim();
}

module.exports = [

	{
		name: "Basic website layout",
		html: format`
<header>
	Header
</header>

<aside class="sidebar">
	Sidebar
</aside>

<main>
	Main content
</main>

<footer>
	Footer
</footer>
		`,
		css: format`
body {
	grid-kiss:
		"+------------------------------+      "
		"|           header ↑           | 120px"
		"+------------------------------+      "
		"                                      "
		"+--150px---+  +----- auto -----+      "
		"| .sidebar |  |      main      | auto "
		"+----------+  +----------------+      "
		"                                      "
		"+------------------------------+      "
		"|              ↓               |      "
		"|         → footer ←           | 60px "
		"+------------------------------+      "
}

header   { background: cyan; }
.sidebar { background: lime; }
main     { background: yellow; }
footer   { background: pink; }
`
	},

	{
		name: "Zones on multiple rows and cols ; alternative style #1",
		css: format`
#grid {
    grid-kiss:         
    "┌──────┐ ┌────────────────┐         "
    "│      │ │                │  100px  "
    "│   ↑  │ │     .bar       │         "
    "│ .baz │ └────────────────┘    -    "    
    "│   ↓  │ ┌───────┐ ┌──────┐         "
    "│      │ |       | │  ↑   │  100px  "
    "└──────┘ └───────┘ │      │         "    
    "┌────────────────┐ │ .foo │    -    "
    "│     .qux       │ │  ↓   │         "
    "│                │ │      │  100px  "
    "└────────────────┘ └──────┘         "
    "  100px |  100px  |  100px          "
    ;
    grid-gap: 10px 10px;    
}

#grid > div {
    border:2px solid black;
    background-color: #ccc;
    padding: 0.5em;
}

#container {    
    width: 400px;
    height: 400px;
    padding: 1em;
}    
`,

		html: format`
<div id="container">
	<div id="grid">
		<div class="foo">Foo</div>
		<div class="bar">Bar</div>
		<div class="baz">Baz</div>
		<div class="qux">Qux</div>
	</div>	
</div>
`

	},

	{
		name: "Variable fractions of free space ; alternate style #2",

		css: format`
body {
	grid-kiss:
	"╔═10═╗                  ╔═10═╗    "
	"║ .a>║                  ║<.b ║ 3fr"
	"╚════╝                  ╚════╝    "
	"      ╔═20═╗      ╔═20═╗          "
	"      ║ .c ║      ║ .d ║       5fr"
	"      ╚════╝      ╚════╝          "
	"            ╔═30═╗                "
	"            ║ .e ║             7fr"
	"            ╚════╝                "
}

div {   
   background: #eee;
   border: 1px solid #999;
   padding: 1em;
}`,

		html: `
<div class="a">a</div>
<div class="b">b</div>
<div class="c">c</div>
<div class="d">d</div>
<div class="e">e</div>
`

	},

	{
		name: "Vertical and horizontal center",

		css: format`
body {
  grid-kiss:
    "+-------+"
    "|   ↓   |"
    "|→ div ←|"
    "|   ↑   |"
    "+-------+"
}

div { 
  border: 1px solid black;
  padding: 1rem;
  overflow: scroll;
  resize: both;
}
`,

		html: `<div> Resize me </div>`
	}

]
{'fraction_non_alphanumeric': 0.27131104498512165, 'fraction_numerical': 0.021354804831086996, 'mean_word_length': 1.1249535143175902, 'pattern_counts': {'":': 0, '<': 67, '<?xml version=': 0, '>': 69, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6573664', 'n_tokens_mistral': 2355, 'n_tokens_neox': 2191, 'n_words': 465}