paginar 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/README.md +5 -5
  2. package/demo/slot/slot-chapter1.html +40 -5
  3. package/demo/slot/slot-chapter2.html +7 -0
  4. package/demo/slot/slot-chapter3.html +6 -0
  5. package/demo/summary/_content/1chapter.html +5 -5
  6. package/demo/summary/_content/2chapter.html +2 -2
  7. package/demo/summary/index.html +25 -1
  8. package/dist/index.es.js +468 -268
  9. package/dist/index.es.js.map +1 -1
  10. package/dist/style.css +63 -46
  11. package/package.json +4 -2
  12. package/src/App.ce.vue +62 -52
  13. package/src/assets/main.css +279 -13
  14. package/src/components/BookContent.vue +23 -0
  15. package/src/components/EngineWrapper.vue +2 -10
  16. package/src/components/FooterSlot.vue +32 -0
  17. package/src/components/HeaderSlot/{HeaderSlot.ce.vue → HeaderSlot.vue} +30 -37
  18. package/src/components/HeaderSlot/OptionsButton/{OptionsButton.ce.vue → OptionsButton.vue} +7 -9
  19. package/src/components/HeaderSlot/OptionsButton/OptionsColor.vue +2 -2
  20. package/src/components/HeaderSlot/OptionsButton/OptionsColumns.vue +5 -5
  21. package/src/components/HeaderSlot/OptionsButton/OptionsFontFamily.vue +2 -2
  22. package/src/components/HeaderSlot/SummaryButton/{SummaryButton.ce.vue → SummaryButton.vue} +2 -7
  23. package/src/components/HeaderSlot/SummaryButton/SummaryDropdown.vue +30 -29
  24. package/src/components/{NavigationButton.ce.vue → NavigationButton.vue} +0 -0
  25. package/src/components/ReferencePopup.vue +31 -0
  26. package/src/composables/useFootnotes.js +27 -0
  27. package/src/composables/usePagination.js +9 -0
  28. package/src/composables/useReferences.js +61 -0
  29. package/src/composables/useTextContent.js +35 -4
  30. package/src/main.js +1 -3
  31. package/src/tailwind.css +63 -46
  32. package/src/components/FileContent.ce.vue +0 -20
  33. package/src/components/FooterSlot.ce.vue +0 -22
package/README.md CHANGED
@@ -4,11 +4,11 @@ W.I.P. far from complete
4
4
 
5
5
  You can check how it will look at the end in this [link](https://sabia.pub/book/okabayashi-uma-perspectiva-decolonial-para-o-design-no-brasil/read/haDxQvbtIIX4Hh5cOyee/content)
6
6
 
7
- - [ ] Custom Component (or Web Component) to be used in any environment
7
+ - [X] Custom Component (or Web Component) to be used in any environment
8
8
  - [ ] Paginate html/markdown content
9
9
  - [ ] Auto-generate Summary
10
- - [ ] Auto-recognize references and link accordingly
10
+ - [X] Auto-recognize references and link accordingly
11
11
  - [ ] Navigate to specific point in content
12
- - [ ] Customize options and summary menu
13
- - [ ] Customize header
14
- - [ ] CSS-theme structure
12
+ - [X] Customize options and summary menu
13
+ - [X] Customize header
14
+ - [X] CSS-theme structure
package/demo/slot/slot-chapter1.html CHANGED
@@ -9,6 +9,26 @@
9
9
  </head>
10
10
 
11
11
  <body>
12
+
13
+ <style>
14
+ #app {
15
+ height: 100vh;
16
+ }
17
+
18
+ html {
19
+ --bg-light-mode: #fff7e0;
20
+ --bg-dark-mode: rgb(45,45,45);
21
+ --theme-primary: rgb(45,45,45);
22
+ --theme-primary-extralight: rgb(243 244 246);
23
+ --theme-secondary: #cd2800;
24
+ }
25
+
26
+ #pagination-el *::selection {
27
+ color: var(--theme-primary-extralight, #690000);
28
+ background: var(--theme-secondary, #ffa03c);
29
+ }
30
+ </style>
31
+
12
32
  <div id="app">
13
33
  <paginate-content id="pagination-el" book-title="A Tale of Two Cities">
14
34
  <div slot="header">
@@ -19,20 +39,20 @@
19
39
  CHAPTER I.<br>The Period
20
40
  </h2>
21
41
  <p>
22
- It was the best of times, it was the worst of times, it was the age of
42
+ It was the (LUGONES, 1978) best of times, it was the worst of times, it was the age of
23
43
  wisdom, it was the age of foolishness, it was the epoch of belief, it was
24
44
  the epoch of incredulity, it was the season of Light, it was the season
25
- of Darkness, it was the spring of hope, it was the winter of despair, we
45
+ of Darkness, it was the spring of hope (GAMA, 2019), it was the winter of despair, we
26
46
  had everything before us, we had nothing before us, we were all going
27
47
  direct to Heaven, we were all going direct the other way—in short,
28
- the period was so far like the present period, that some of its noisiest
48
+ the period was so far like the present period (GAMA, 2019), that some of its noisiest
29
49
  authorities insisted on its being received, for good or for evil, in the
30
50
  superlative degree of comparison only.
31
51
  </p>
32
52
  <p>
33
53
  There were a king with a large jaw and a queen with a plain face, on the
34
- throne of England; there were a king with a large jaw and a queen with a
35
- fair face, on the throne of France. In both countries it was clearer than
54
+ throne of England; there were a king with (LEON, 2006) a large jaw and a queen with a
55
+ fair face (LEON, 2006), on the throne of France (LUGONES, 1978). In both countries it was clearer than
36
56
  crystal to the lords of the State preserves of loaves and fishes, that
37
57
  things in general were settled for ever.
38
58
  </p>
@@ -126,6 +146,21 @@
126
146
  { title: 'Chapter 1', link: '/demo/slot/slot-chapter1.html' },
127
147
  { title: 'Chapter 2', link: '/demo/slot/slot-chapter2.html' },
128
148
  { title: 'Chapter 3', link: '/demo/slot/slot-chapter3.html' }
149
+ ],
150
+
151
+ references: [
152
+ {
153
+ "cit": "GAMA, 2019",
154
+ "ref": "GAMA, Mara. <strong>As três rotas que trouxeram a centenária Bauhaus ao Brasil</strong>. Folha de São Paulo, São Paulo, 1 abr. 2019. Disponível em: https://www1.folha.uol.com.br/ilustrissima/2019/03/as-tres-rotas-que-trouxeram-a-centenaria-bauhaus-ao-brasil.shtml. Acesso em: 4 abr. 2019"
155
+ },
156
+ {
157
+ "cit": "LEON, 2006",
158
+ "ref": "LEON, Ethel. <strong>O Instituto de Arte Contemporânea do Museu de Arte Moderna (MAM) de São Paulo dos anos 1950</strong>. São Paulo, 2006."
159
+ },
160
+ {
161
+ "cit": "LUGONES, 1978",
162
+ "ref": "LUGONES, Maria. <strong>Colonialidad y género</strong>. Tábula Rasa, Bogotá, Colômbia, n. 9, p. 73-101, julho-dezembro de 1978."
163
+ }
129
164
  ]
130
165
  }
131
166
 
package/demo/slot/slot-chapter2.html CHANGED
@@ -9,6 +9,13 @@
9
9
  </head>
10
10
 
11
11
  <body>
12
+
13
+ <style>
14
+ #app {
15
+ height: 100vh;
16
+ }
17
+ </style>
18
+
12
19
  <div id="app">
13
20
  <paginate-content
14
21
  id="pagination-el"
package/demo/slot/slot-chapter3.html CHANGED
@@ -8,6 +8,12 @@
8
8
  <title>Slot - Paginar</title>
9
9
  </head>
10
10
 
11
+ <style>
12
+ #app {
13
+ height: 100vh;
14
+ }
15
+ </style>
16
+
11
17
  <body>
12
18
  <div id="app">
13
19
  <paginate-content
package/demo/summary/_content/1chapter.html CHANGED
@@ -2,20 +2,20 @@
2
2
  CHAPTER I.<br>The Period
3
3
  </h2>
4
4
  <p>
5
- It was the best of times, it was the worst of times, it was the age of
5
+ It was the (LUGONES, 1978) best of times, it was the worst of times, it was the age of
6
6
  wisdom, it was the age of foolishness, it was the epoch of belief, it was
7
7
  the epoch of incredulity, it was the season of Light, it was the season
8
- of Darkness, it was the spring of hope, it was the winter of despair, we
8
+ of Darkness, it was the spring of hope (GAMA, 2019), it was the winter of despair, we
9
9
  had everything before us, we had nothing before us, we were all going
10
10
  direct to Heaven, we were all going direct the other way—in short,
11
- the period was so far like the present period, that some of its noisiest
11
+ the period was so far like the present period (GAMA, 2019), that some of its noisiest
12
12
  authorities insisted on its being received, for good or for evil, in the
13
13
  superlative degree of comparison only.
14
14
  </p>
15
15
  <p>
16
16
  There were a king with a large jaw and a queen with a plain face, on the
17
- throne of England; there were a king with a large jaw and a queen with a
18
- fair face, on the throne of France. In both countries it was clearer than
17
+ throne of England; there were a king with (LEON, 2006) a large jaw and a queen with a
18
+ fair face (LEON, 2006), on the throne of France (LUGONES, 1978). In both countries it was clearer than
19
19
  crystal to the lords of the State preserves of loaves and fishes, that
20
20
  things in general were settled for ever.
21
21
  </p>
package/demo/summary/_content/2chapter.html CHANGED
@@ -2,13 +2,13 @@
2
2
  CHAPTER II.<br>The Mail
3
3
  </h2>
4
4
  <p class="pfirst"><span class="dropcap" style="font-size: 4.00em">I</span>t was the Dover road that lay, on a Friday
5
- night late in November, before
5
+ night late in November, before (LUGONES, 1978)
6
6
  the first of the persons with whom this history has business. The Dover
7
7
  road lay, as to him, beyond the Dover mail, as it lumbered up Shooter’s
8
8
  Hill. He walked up hill in the mire by the side of the mail, as the rest
9
9
  of the passengers did; not because they had the least relish for walking
10
10
  exercise, under the circumstances, but because the hill, and the harness,
11
- and the mud, and the mail, were all so heavy, that the horses had three
11
+ and the mud, and the mail, were all so heavy (LEON, 2006), that the horses had three
12
12
  times already come to a stop, besides once drawing the coach across the
13
13
  road, with the mutinous intent of taking it back to Blackheath. Reins and
14
14
  whip and coachman and guard, however, in combination, had read that
package/demo/summary/index.html CHANGED
@@ -9,11 +9,21 @@
9
9
  </head>
10
10
 
11
11
  <body>
12
+ <style>
13
+ #app {
14
+ height: 100vh;
15
+ }
16
+ </style>
17
+
12
18
  <div id="app">
13
- <paginate-content
19
+ <!-- <paginate-content
14
20
  id="pagination-el"
15
21
  book-title="A Tale of Two Cities"
16
22
  css-file="https://paginar-css.surge.sh/style.css"
23
+ > -->
24
+ <paginate-content
25
+ id="pagination-el"
26
+ book-title="A Tale of Two Cities"
17
27
  >
18
28
  <div slot="summaryTop">
19
29
  <a href="/" title="Catálogo" class="w-full text-left block text-black py-2 px-3 hover:bg-gray-100 rounded mb-2">
@@ -82,6 +92,20 @@
82
92
  { title: 'Chapter 1', file: './_content/1chapter.html' },
83
93
  { title: 'Chapter 2', file: './_content/2chapter.html' },
84
94
  { title: 'Chapter 3', file: './_content/3chapter.html' }
95
+ ],
96
+ references: [
97
+ {
98
+ "cit": "GAMA, 2019",
99
+ "ref": "GAMA, Mara. <strong>As três rotas que trouxeram a centenária Bauhaus ao Brasil</strong>. Folha de São Paulo, São Paulo, 1 abr. 2019. Disponível em: https://www1.folha.uol.com.br/ilustrissima/2019/03/as-tres-rotas-que-trouxeram-a-centenaria-bauhaus-ao-brasil.shtml. Acesso em: 4 abr. 2019"
100
+ },
101
+ {
102
+ "cit": "LEON, 2006",
103
+ "ref": "LEON, Ethel. <strong>O Instituto de Arte Contemporânea do Museu de Arte Moderna (MAM) de São Paulo dos anos 1950</strong>. São Paulo, 2006."
104
+ },
105
+ {
106
+ "cit": "LUGONES, 1978",
107
+ "ref": "LUGONES, Maria. <strong>Colonialidad y género</strong>. Tábula Rasa, Bogotá, Colômbia, n. 9, p. 73-101, julho-dezembro de 1978."
108
+ }
85
109
  ]
86
110
  }
87
111