vielle.dev
[Archived] Archived WIP of vielle.dev
Add more testing code
+41
-21
posts/full-test.md
+41
-21
posts/full-test.md
···
5
5
image: "mc_map_art.png"
6
6
---
7
7
8
-
## this
8
+
## this is
9
9
10
-
### is
10
+
### simply
11
11
12
-
#### simply
12
+
#### a
13
13
14
-
##### a
14
+
##### test
15
15
16
-
###### test
16
+
###### i wouldnt use absurd headings in the wild, just h2 MAYBE h3
17
17
18
-
## Paragraphs
18
+
look we r testinng!!
19
+
20
+
## normie syntax
21
+
22
+
### Paragraphs
19
23
20
24
here is a paragraph
21
25
···
25
29
26
30
now heres a paragraph with a [link](/blog "Goes to blog") which goes to blog, [a link](https://vielle.dev/) which points to my site, and a link to <https://deer.social>
27
31
28
-
## Code
32
+
### Code
29
33
30
34
```html
31
35
<h1>Code</h1>
32
36
```
33
37
34
-
## Tables
38
+
<!-- make inline look good -->
39
+
40
+
heres sopme `inline` code
41
+
42
+
### Tables
35
43
36
44
<!-- style -->
37
45
···
39
47
| ---- | ----- |
40
48
| a | table |
41
49
42
-
## Blockquotes
50
+
### Blockquotes
43
51
44
52
> and this, a block quote
45
53
> which is multiline
46
54
47
55
> and heres another
48
56
49
-
> $NOTE
50
-
> This one is a note
51
-
52
-
> $ALERT
53
-
> This one is another keyword
54
-
55
-
## Lists
57
+
### Lists
56
58
57
-
### Unordered
59
+
#### Unordered
58
60
59
61
- an unordered list
60
62
- with nesting
63
+
- and more
61
64
- going back
62
65
- again
63
66
64
-
## Ordered
67
+
#### Ordered
65
68
66
69
1. an unordered list
67
70
2. which has
68
-
69
71
1. nesting
70
72
2. high numbers
71
73
72
-
### Check
74
+
#### Check
73
75
74
76
- [ ] make this look good
75
77
- [ ] make `/blog` look good
76
78
- [x] oh yeah that was an inline code 💪
77
79
78
-
## Image
80
+
## fancy syntax
81
+
82
+
### blockquote flags
83
+
84
+
> $NOTE
85
+
> This one is a note
79
86
87
+
> $ALERT
88
+
> This one is another keyword
89
+
90
+
> $NOTE
91
+
> this can be achived by adding `$FLAG` to the first line of a blockquote (make sure to add the double space)
92
+
93
+
### Image
80
94
81
95
82
96
83
97
 heres an image which should be on the right while this text wraps around it? i hope? make sure the image goes first tho !!!!
98
+
99
+
> $INFO
100
+
> image flags go in alt text
101
+
> if alt text has a pipe (|), there are flags
102
+
> all words up to the first pipe are treated as flags in a space seperated list
103
+
> they are added to the data tag as `[data-img-flag--<name>="true"]`
84
104
85
105
