Skip to content

Commit 9b38515

Browse files
mmiche01mmiche01
committed
Add guidelines and styles for wiener kreis
1 parent 2cf5486 commit 9b38515

File tree

2 files changed

+379
-0
lines changed

2 files changed

+379
-0
lines changed

‎guidelines.wiener-kreis.json‎

Lines changed: 241 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,241 @@
1+
{
2+
"texts": {
3+
"additionalLabels": []
4+
},
5+
"collections": {
6+
"properties": {
7+
"system": [
8+
{
9+
"name": "label",
10+
"type": "string",
11+
"required": true,
12+
"editable": true,
13+
"visible": false
14+
}
15+
],
16+
"base": []
17+
},
18+
"types": [
19+
{
20+
"additionalLabel": "Letter",
21+
"level": "primary",
22+
"properties": [
23+
{
24+
"name": "status",
25+
"type": "string",
26+
"required": false,
27+
"editable": true,
28+
"visible": true
29+
}
30+
],
31+
"annotations": {
32+
"types": [
33+
{
34+
"type": "sentPerson",
35+
"category": "none",
36+
"defaultSelected": true,
37+
"isZeroPoint": false,
38+
"hasEntities": true,
39+
"hasAdditionalTexts": true
40+
},
41+
{
42+
"type": "receivedPerson",
43+
"category": "none",
44+
"defaultSelected": true,
45+
"isZeroPoint": false,
46+
"hasEntities": true,
47+
"hasAdditionalTexts": true
48+
}
49+
],
50+
"properties": [
51+
{
52+
"name": "type",
53+
"type": "string",
54+
"required": true,
55+
"editable": false,
56+
"visible": true
57+
},
58+
{
59+
"name": "name",
60+
"type": "string",
61+
"required": true,
62+
"editable": true,
63+
"visible": true
64+
}
65+
],
66+
"entities": [],
67+
"additionalTexts": []
68+
}
69+
},
70+
{
71+
"additionalLabel": "Manuscript",
72+
"level": "secondary",
73+
"properties": []
74+
}
75+
],
76+
"annotations": {
77+
"properties": {
78+
"system": [],
79+
"base": []
80+
},
81+
"types": [],
82+
"entities": [],
83+
"additionalTexts": []
84+
}
85+
},
86+
"annotations": {
87+
"types": [
88+
{
89+
"type": "bold",
90+
"category": "edition",
91+
"defaultSelected": true,
92+
"isZeroPoint": false,
93+
"hasAdditionalTexts": true
94+
},
95+
{
96+
"type": "italic",
97+
"category": "edition",
98+
"defaultSelected": true,
99+
"isZeroPoint": false,
100+
"hasAdditionalTexts": true
101+
},
102+
{
103+
"type": "commentary",
104+
"category": "project",
105+
"defaultSelected": true,
106+
"isZeroPoint": false,
107+
"hasAdditionalTexts": true
108+
},
109+
{
110+
"type": "person",
111+
"category": "entities",
112+
"defaultSelected": true,
113+
"isZeroPoint": false,
114+
"hasEntities": true,
115+
"hasAdditionalTexts": false
116+
},
117+
{
118+
"type": "place",
119+
"category": "entities",
120+
"defaultSelected": true,
121+
"isZeroPoint": false,
122+
"hasEntities": true,
123+
"hasAdditionalTexts": false
124+
},
125+
{
126+
"type": "event",
127+
"category": "entities",
128+
"defaultSelected": true,
129+
"isZeroPoint": false,
130+
"hasEntities": true,
131+
"hasAdditionalTexts": false
132+
},
133+
{
134+
"type": "example",
135+
"category": "entities",
136+
"defaultSelected": true,
137+
"isZeroPoint": false,
138+
"hasEntities": true,
139+
"hasAdditionalTexts": false
140+
},
141+
{
142+
"type": "sentence",
143+
"category": "entities",
144+
"defaultSelected": true,
145+
"isZeroPoint": false,
146+
"hasEntities": true,
147+
"hasAdditionalTexts": false
148+
},
149+
{
150+
"type": "argument",
151+
"category": "entities",
152+
"defaultSelected": true,
153+
"isZeroPoint": false,
154+
"hasEntities": true,
155+
"hasAdditionalTexts": false
156+
},
157+
{
158+
"type": "term",
159+
"category": "entities",
160+
"defaultSelected": true,
161+
"isZeroPoint": false,
162+
"hasEntities": true,
163+
"hasAdditionalTexts": false
164+
},
165+
{
166+
"type": "line",
167+
"category": "layout",
168+
"defaultSelected": false,
169+
"isZeroPoint": false,
170+
"shortcut": ["Ctrl", "Shift", "L"],
171+
"hasAdditionalTexts": true,
172+
"properties": [
173+
{
174+
"name": "page",
175+
"type": "string",
176+
"required": false,
177+
"editable": true,
178+
"visible": true
179+
}
180+
]
181+
},
182+
{
183+
"type": "commentary",
184+
"category": "project",
185+
"defaultSelected": true,
186+
"isZeroPoint": false,
187+
"hasAdditionalTexts": true
188+
}
189+
],
190+
"properties": {
191+
"system": [
192+
{
193+
"name": "type",
194+
"type": "string",
195+
"required": true,
196+
"editable": false,
197+
"visible": true
198+
},
199+
{
200+
"name": "text",
201+
"type": "string",
202+
"required": true,
203+
"editable": false,
204+
"visible": true
205+
}
206+
],
207+
"base": []
208+
},
209+
"entities": [
210+
{
211+
"category": "arguments",
212+
"nodeLabel": "Argument"
213+
},
214+
{
215+
"category": "events",
216+
"nodeLabel": "Event"
217+
},
218+
{
219+
"category": "examples",
220+
"nodeLabel": "Example"
221+
},
222+
{
223+
"category": "persons",
224+
"nodeLabel": "Person"
225+
},
226+
{
227+
"category": "places",
228+
"nodeLabel": "Place"
229+
},
230+
{
231+
"category": "sentences",
232+
"nodeLabel": "Sentence"
233+
},
234+
{
235+
"category": "terms",
236+
"nodeLabel": "Term"
237+
}
238+
],
239+
"additionalTexts": []
240+
}
241+
}

‎styles/styles.wiener-kreis.css‎

Lines changed: 138 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
:root {
2+
--commentary-color: #e3dbcc99;
3+
--commentary-opacity: 0.9;
4+
}
5+
6+
/* -------- TEXT ------------------------------------------------------------------------------------------------------------ */
7+
8+
#text > span:has(span.bold) {
9+
font-weight: bold;
10+
}
11+
12+
#text > span:has(span.italic) {
13+
font-style: italic;
14+
}
15+
16+
#text > span:has(span.commentary) {
17+
background-color: var(--commentary-color);
18+
opacity: var(--commentary-opacity);
19+
}
20+
21+
#text > span:has(span.person) {
22+
text-decoration: underline;
23+
text-decoration-color: hsl(358, 83%, 68%);
24+
text-decoration-thickness: 2px;
25+
}
26+
27+
#text > span:has(span.place) {
28+
text-decoration: underline;
29+
text-decoration-color: hsl(212, 93%, 54%);
30+
text-decoration-thickness: 2px;
31+
}
32+
33+
#text > span:has(span.event) {
34+
text-decoration: underline;
35+
text-decoration-color: hsl(134, 61%, 41%);
36+
text-decoration-thickness: 2px;
37+
}
38+
39+
#text > span:has(span.example) {
40+
text-decoration: underline;
41+
text-decoration-color: hsl(298, 61%, 41%);
42+
text-decoration-thickness: 2px;
43+
}
44+
45+
#text > span:has(span.sentence) {
46+
text-decoration: underline;
47+
text-decoration-color: hsl(46, 71%, 51%);
48+
text-decoration-thickness: 2px;
49+
}
50+
#text > span:has(span.argument) {
51+
text-decoration: underline;
52+
text-decoration-color: hsl(188, 61%, 56%);
53+
text-decoration-thickness: 2px;
54+
}
55+
#text > span:has(span.term) {
56+
text-decoration: underline;
57+
text-decoration-color: hsl(29, 78%, 48%);
58+
text-decoration-thickness: 2px;
59+
}
60+
61+
/* TODO: This is a hack since there is a annotion type as well as a subType "correction".
62+
Fix by changing classlists or annotation types? */
63+
64+
#text > span:has(span.line.end)::after {
65+
/* Disable stylings from span element... */
66+
background-color: white;
67+
color: black;
68+
font-weight: normal;
69+
opacity: 1;
70+
/* Space, curved arrow, newline */
71+
content: '\20 \2936 \A';
72+
white-space: pre;
73+
user-select: none;
74+
}
75+
76+
/* -------- ICONS ------------------------------------------------------------------------------------------------------------ */
77+
78+
.annotation-type-icon-bold {
79+
background-image: url('');
80+
}
81+
82+
.annotation-type-icon-italic {
83+
background-image: url('');
84+
}
85+
86+
.annotation-type-icon-commentary {
87+
background-image: url('https://raw.githubusercontent.com/THM-Graphs/atag-editor/refs/heads/main/client/public/icons/commentary.svg');
88+
}
89+
90+
.annotation-type-icon-person {
91+
background-image: url('https://raw.githubusercontent.com/THM-Graphs/ATAG-Editor-Guidlines/refs/heads/main/icons/user-line.svg');
92+
}
93+
94+
.annotation-type-icon-place {
95+
background-image: url('https://raw.githubusercontent.com/THM-Graphs/ATAG-Editor-Guidlines/refs/heads/main/icons/map-pin-3-line.svg');
96+
}
97+
98+
.annotation-type-icon-event {
99+
background-image: url('https://raw.githubusercontent.com/THM-Graphs/ATAG-Editor-Guidlines/refs/heads/main/icons/calendar-event-line.svg');
100+
}
101+
102+
.annotation-type-icon-example {
103+
background-image: url('');
104+
}
105+
106+
.annotation-type-icon-sentence {
107+
background-image: url('');
108+
}
109+
110+
.annotation-type-icon-argument {
111+
background-image: url('');
112+
}
113+
114+
.annotation-type-icon-term {
115+
background-image: url('');
116+
}
117+
118+
.annotation-type-icon-sentPerson {
119+
background-image: url('https://raw.githubusercontent.com/THM-Graphs/atag-editor/refs/heads/main/client/public/icons/sentPerson.svg');
120+
}
121+
122+
.annotation-type-icon-receivedPerson {
123+
background-image: url('https://raw.githubusercontent.com/THM-Graphs/atag-editor/refs/heads/main/client/public/icons/receivedPerson.svg');
124+
}
125+
126+
/* -------- TODO: Paragraph annotations, remove in the since not customizable...? ---------------------------------------- */
127+
128+
#text > span:has(span.paragraph.end)::after {
129+
/* This disables inherited styling from span element, must be set at first! */
130+
all: initial;
131+
content: ' ';
132+
width: 100%;
133+
height: 1.5rem;
134+
/* background-color: rgb(231, 231, 231); */
135+
display: block;
136+
white-space: pre;
137+
user-select: none;
138+
}

0 commit comments

Comments
 (0)