im_reader 1.0.0

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 (45) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +11 -0
  3. data/Gemfile +9 -0
  4. data/Gemfile.lock +44 -0
  5. data/LICENSE.txt +21 -0
  6. data/README.md +110 -0
  7. data/Rakefile +8 -0
  8. data/app/assets/fonts/im_reader/icons.ttf +0 -0
  9. data/app/assets/fonts/im_reader/icons.woff +0 -0
  10. data/app/assets/fonts/im_reader/icons.woff2 +0 -0
  11. data/app/assets/images/im_reader/logo_colore.svg +26 -0
  12. data/app/assets/javascripts/im_reader/epub.min.js +1 -0
  13. data/app/assets/javascripts/im_reader/jszip.min.js +13 -0
  14. data/app/assets/javascripts/im_reader/reader.js +144 -0
  15. data/app/assets/javascripts/im_reader/semantic/progress.js +793 -0
  16. data/app/assets/javascripts/im_reader/semantic/sidebar.js +1022 -0
  17. data/app/assets/javascripts/im_reader/semantic-ui.js +2 -0
  18. data/app/assets/stylesheets/im_reader/reader.scss +127 -0
  19. data/app/assets/stylesheets/im_reader/semantic/button.scss +3172 -0
  20. data/app/assets/stylesheets/im_reader/semantic/colors.scss +15 -0
  21. data/app/assets/stylesheets/im_reader/semantic/container.scss +154 -0
  22. data/app/assets/stylesheets/im_reader/semantic/grid.scss +2029 -0
  23. data/app/assets/stylesheets/im_reader/semantic/header.scss +719 -0
  24. data/app/assets/stylesheets/im_reader/semantic/icon.scss +2587 -0
  25. data/app/assets/stylesheets/im_reader/semantic/item.scss +482 -0
  26. data/app/assets/stylesheets/im_reader/semantic/menu.scss +2054 -0
  27. data/app/assets/stylesheets/im_reader/semantic/progress.scss +517 -0
  28. data/app/controllers/im_reader/application_controller.rb +8 -0
  29. data/app/controllers/im_reader/epub_reader_controller.rb +62 -0
  30. data/app/views/im_reader/epub_reader/show.html.erb +38 -0
  31. data/app/views/layouts/im_reader/epub_reader.html.erb +23 -0
  32. data/config/locales/de.yml +10 -0
  33. data/config/locales/en.yml +10 -0
  34. data/config/locales/es.yml +10 -0
  35. data/config/locales/fr.yml +10 -0
  36. data/config/locales/pt.yml +10 -0
  37. data/config/routes.rb +4 -0
  38. data/im_reader.gemspec +33 -0
  39. data/lib/im_reader/engine.rb +32 -0
  40. data/lib/im_reader/version.rb +5 -0
  41. data/lib/im_reader.rb +8 -0
  42. data/sig/im_reader.rbs +4 -0
  43. data/spec/im_reader_spec.rb +11 -0
  44. data/spec/spec_helper.rb +15 -0
  45. metadata +115 -0
@@ -0,0 +1,2 @@
1
+ //= require im_reader/semantic/progress
2
+ //= require im_reader/semantic/sidebar
@@ -0,0 +1,127 @@
1
+ @import "semantic/colors";
2
+ @import "semantic/button";
3
+ @import "semantic/container";
4
+ @import "semantic/grid";
5
+ @import "semantic/header";
6
+ @import "semantic/icon";
7
+ @import "semantic/item";
8
+ @import "semantic/menu";
9
+ @import "semantic/progress";
10
+
11
+ body
12
+ {
13
+ background-color: $light-grey;
14
+ }
15
+ #epub_reader_container {
16
+ min-height: 100%;
17
+
18
+ #reader-root {
19
+ padding: 30px;
20
+ display: grid;
21
+ grid-template-columns: 260px 1fr;
22
+ gap: 12px;
23
+ height: 80vh;
24
+ min-height: 100vh;
25
+ position: relative;
26
+
27
+ #cover-overlay {
28
+ position: absolute;
29
+ inset: 0;
30
+ display: flex;
31
+ flex-direction: column;
32
+ align-items: center;
33
+ justify-content: center;
34
+ background: white;
35
+ z-index: 1000;
36
+
37
+ #cover-content {
38
+ text-align: center;
39
+ }
40
+ }
41
+
42
+ .ui.vertical.menu {
43
+ .header {
44
+ font-weight: 700;
45
+ font-size: 18px;
46
+ padding: 0 1em;
47
+ margin-bottom: 0;
48
+ }
49
+
50
+ background-color: #FFFFFF;
51
+ width: 100%;
52
+ margin-top: 0px;
53
+
54
+ .menu .item {
55
+ font-size: 16px;
56
+ }
57
+ }
58
+
59
+ aside {
60
+ overflow: auto;
61
+ border: none;
62
+ padding-top: 1em;
63
+
64
+ #toc {
65
+ margin-top: 2rem;
66
+ }
67
+
68
+ .item.logo {
69
+ padding-top: 3rem;
70
+ display: flex;
71
+ align-items: center;
72
+ justify-content: center;
73
+
74
+ #logo {
75
+ width: 100px;
76
+ }
77
+
78
+ bottom: 3rem;
79
+ }
80
+ }
81
+
82
+ section {
83
+ display: flex;
84
+ flex-direction: column;
85
+ border: 1px solid #ddd;
86
+ min-width: 0;
87
+ width: 100%;
88
+ background-color: #FFFFFF;
89
+
90
+ #next_button i {
91
+ margin: 0;
92
+ }
93
+
94
+ .ui.grid {
95
+ padding: 25px 8px 8px 8px;
96
+ border-bottom: 1px solid #eee;
97
+ align-items: center;
98
+
99
+ #progress_bar_container {
100
+ padding-top: 25px;
101
+ }
102
+ }
103
+
104
+ #viewer {
105
+ flex: 1;
106
+ position: relative;
107
+ }
108
+ }
109
+
110
+ #cover-content {
111
+ #loading {
112
+ font-size: 18px;
113
+ }
114
+
115
+ img {
116
+ max-width: 400px;
117
+ height: auto;
118
+ display: block;
119
+ margin: 0 auto 20px;
120
+ }
121
+
122
+ #start_button {
123
+
124
+ }
125
+ }
126
+ }
127
+ }