chore: initialize

This commit is contained in:
Kazhnuz 2024-09-10 21:04:42 +02:00
parent 6942b460ee
commit 489c332bf6
4 changed files with 82 additions and 0 deletions

3
.gitignore vendored Normal file
View file

@ -0,0 +1,3 @@
dist/
package-lock.json
node_modules/

46
index.html Normal file
View file

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Hello, world!</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="dist/mouette.min.css" />
<link
rel="icon"
href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🐦</text></svg>"
/>
</head>
<body>
<header>
<h1>Hello, world!</h1>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do. </p>
<img src="https://via.placeholder.com/800x600/" alt="">
<main>
<section></section>
<section></section>
<section></section>
</main>
<form action="#">
<input type="submit" value="Submit">
</form>
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
<td>Row 1, Column 3</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
<td>Row 2, Column 3</td>
</tr>
</table>
<footer>
<small>©
<script>document.write(new Date().getFullYear())</script> Your company name. All Rights Reserved.
</small>
</footer>
</body>
</html>

28
package.json Normal file
View file

@ -0,0 +1,28 @@
{
"name": "mouette.css",
"version": "0.0.1",
"description": "A minimal and simple css framework",
"main": "src/main.scss",
"scripts": {
"scss": "sass --watch src/main.scss dist/mouette.css",
"scss-no-source-map": "sass --watch --no-source-map src/main.scss dist/mouette.css",
"minify": "sass --watch src/main.scss --style compressed dist/mouette.min.css",
"minify-no-source-map": "sass --watch --no-source-map src/main.scss --style compressed dist/mouette.min.css",
"build": "sass src/main.scss dist/mouette.css && sass src/main.scss --style compressed dist/mouette.min.css",
"serve": "http-server ./ && minify"
},
"repository": {
"type": "git",
"url": "https://git.kobold.cafe/kazhnuz/mouette2.css"
},
"keywords": [
"css",
"scss"
],
"author": "Kazhnuz",
"license": "GPL-3.0-or-later",
"dependencies": {
"http-server": "^14.1.1",
"sass": "^1.78.0"
}
}

5
src/main.scss Normal file
View file

@ -0,0 +1,5 @@
body {
margin: auto;
width: 800px;
font-size:16px;
}