-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsample.jago
107 lines (89 loc) · 2.91 KB
/
sample.jago
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
#
# This is an example of the jago markup language
#
# https://git.sr.ht/~yuki_is_bored/jago
#
"<!DOCTYPE html>" # This is a literal, it will be copied as-is.
html [lang="en"] # This is a tag, it can contain attributes and
# can have literals/tags as children.
head # This is a children of the `html` tag above
title "Haruhi suzumiya's personal website"
# Tags could also have no children
meta [charset="utf-8"]
meta [name="viewport"
content="width=device-width, initial-scale=1"]
meta [name="description"
content="Haruhi's personal space on the wild wild web"]
# You can also break literals into multiple lines like this!
# Spaces and line breaks are passed as-is.
style `
body {
font-family: sans-serif;
margin: 40px auto;
max-width: 900px;
line-height: 1.6em;
font-size: 18px;
}
header {
text-align: center;
}
h1 {
font-size: 4em;
}
h2 {
font-size: 2.5em;
}
h3 {
border-bottom: 0.1em solid #ddd;
}
a {
text-decoration: none;
}
p {
text-align: justify;
}
.border {
border: 0.1em dashed #ccc;
padding: 0px 16px;
margin: 16px 0px;
}
`
body
# Header
header
img
[
src="//upload.wikimedia.org/wikipedia/en/4/48/Suzumiya_Haruhi.jpg"
alt="Picture of myself"
]
h1 "Haruhi Suzumiya"
# You can compose multiple tags in a single line like this
h2 i "President of the SOS Brigade club"
# Biography
div [class="border"]
h3 "Biography"
p "Hello, world! Welcome to my small space on the corner of the web. "
"I'm a high school student from Nishinomiya, Japan and interested in "
`"supernatural phenomena" and "figures", such as `
a [href="//en.wikipedia.org/wiki/Extraterrestrial_life"] "aliens"
", "
a [href="//en.wikipedia.org/wiki/Time_travel"] "time travelers"
", and "
a [href="//en.wikipedia.org/wiki/Esper"] "espers"
". If you know any, please let me know by shooting me an email at "
a [href="mailto:[email protected]"] "[email protected]"
"."
# List of members
div [class="border"]
h3 "Members"
ul li "Haruhi Suzumiya"
li "Mikuru Asahina"
li "Yuki Nagato"
li "Itsuki Koizumi"
li "Kyon"
# Footer
footer
p
"This webpage is authored using the "
a [href="https://git.sr.ht/~yuki_is_bored/jago"] "jago"
" markup language."