Skip to content

Commit 9e08430

Browse files
mzpkdevmzpkdev
committed
feat: implement initial version of the library's website
1 parent 58cc486 commit 9e08430

File tree

11 files changed

+188
-22
lines changed

11 files changed

+188
-22
lines changed

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
"outlinecss": "bin/run"
99
},
1010
"scripts": {
11+
"serve:website": "npx webanvil serve",
1112
"build": "npm run build:library && npm run build:website",
1213
"build:library": "npm run clean && tsc --build && npx outlinecss build --output ./dist/outline.css --entry null --tokens null",
1314
"build:website": "npx webanvil",

‎styles/outline.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
@forward "main";

‎website/pages/documentation/index.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
layout: documentation
3+
title: Documentation
4+
---
5+
6+
<main>
7+
Docs!
8+
</main>
9+

‎website/pages/index.html‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
---
22
layout: default
3-
title: Hello World!
3+
title: Home
44
---
5-
<div>
6-
Hello world!!!?
7-
<%- include('example') %>
8-
</div>
5+
6+
<main>
7+
Home
8+
</main>
9+

‎website/pages/nested/contact.html‎

Lines changed: 0 additions & 8 deletions
This file was deleted.

‎website/public/.gitkeep‎

Whitespace-only changes.

‎website/styles/main.scss‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
@forward "main";
2+
3+
4+
5+
//
6+
7+
.menu {
8+
--ui__menu__spacing-x: var(--spacing__md);
9+
--ui__menu__spacing-y: var(--spacing__xs);
10+
11+
display: flex;
12+
flex-direction: column;
13+
14+
& > .menu {
15+
margin-left: 1rem;
16+
}
17+
18+
& .menu-title, & .menu-item {
19+
padding: var(--ui__menu__spacing-y) var(--ui__menu__spacing-x);
20+
}
21+
22+
& .menu-title {
23+
font-weight: bold;
24+
margin-top: 1rem;
25+
}
26+
27+
& .menu-item {
28+
29+
}
30+
}

‎website/templates/layouts/default.html‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,19 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5+
<meta name="viewport"
6+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
<link rel="stylesheet" href="/assets/styles.css">
59
<title><%= title %></title>
6-
<link rel="stylesheet" href="node_modules/outlinecss/dist/outline.css">
710
</head>
811
<body>
912

10-
<header><h1><%= title %></h1></header>
11-
<main>
13+
<%- include("navbar") %>
14+
<div class="container">
1215
<%- body %>
13-
</main>
16+
</div>
17+
1418
</body>
15-
</html>
19+
</html>

‎website/templates/layouts/documentation.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport"
6+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
7+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8+
<link rel="stylesheet" href="/assets/styles.css">
9+
<title><%= title %></title>
10+
</head>
11+
<body>
12+
13+
<%- include("navbar") %>
14+
<div class="container columns">
15+
<div class="column:1/4">
16+
<div class="menu">
17+
<div class="menu-title">Form</div>
18+
<a class="menu-item button text" href="/documentation/button/">Button</a>
19+
<a class="menu-item button text" href="/documentation/checkbox/">Checkbox</a>
20+
<a class="menu-item button text" href="/documentation/input/">Input</a>
21+
<a class="menu-item button text" href="/documentation/radio/">Radio</a>
22+
<a class="menu-item button text" href="/documentation/select/">Select</a>
23+
<a class="menu-item button text" href="/documentation/slider/">Slider</a>
24+
<a class="menu-item button text" href="/documentation/textarea/">Textarea</a>
25+
<a class="menu-item button text" href="/documentation/toggle/">Toggle</a>
26+
</div>
27+
<div class="menu">
28+
<div class="menu-title">Layout</div>
29+
<a class="menu-item button text" href="/documentation/card/">Card</a>
30+
<a class="menu-item button text" href="/documentation/columns/">Columns</a>
31+
<a class="menu-item button text" href="/documentation/container/">Container</a>
32+
<a class="menu-item button text" href="/documentation/dialog/">Dialog</a>
33+
<a class="menu-item button text" href="/documentation/divider/">Divider</a>
34+
<a class="menu-item button text" href="/documentation/grid/">Grid</a>
35+
<a class="menu-item button text" href="/documentation/hero/">Hero</a>
36+
<a class="menu-item button text" href="/documentation/stack/">Stack</a>
37+
</div>
38+
<div class="menu">
39+
<div class="menu-title">Navigation</div>
40+
<a class="menu-item button text" href="/documentation/dropdown/">Dropdown</a>
41+
<a class="menu-item button text" href="/documentation/link/">Link</a>
42+
<a class="menu-item button text" href="/documentation/menu/">Menu</a>
43+
<a class="menu-item button text" href="/documentation/navbar/">Navbar</a>
44+
</div>
45+
</div>
46+
<div class="column:3/4">
47+
<%- body %>
48+
</div>
49+
</div>
50+
51+
</body>
52+
</html>

‎website/templates/partials/example.html‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

0 commit comments

Comments
 (0)