diff --git a/src/adonisjs/public/report/js/report-annotations.js b/src/adonisjs/public/report/js/report-annotations.js
index fae6d5a5..e0716aff 100644
--- a/src/adonisjs/public/report/js/report-annotations.js
+++ b/src/adonisjs/public/report/js/report-annotations.js
@@ -142,7 +142,7 @@ class ReportManager {
const cases = await this._requestCases()
if (cases != null) {
- let table = '"user id","annotation id","oranization level","global score","student year",' +
+ let table = '"user id","annotation id","organization level","global score","student year",' +
'"used categories","right","right (inferred)","total ideas","right encapsulated",' +
'"right encapsulated (inferred)","wrong","wrong encapsulated","coverage score",' +
'"accuracy score","accuracy score (inferred)","encapsulated score","self order score",' +
diff --git a/src/adonisjs/public/templates/sections/basic-dynamic.md b/src/adonisjs/public/templates/sections/basic-dynamic.md
new file mode 100644
index 00000000..04d8ca47
--- /dev/null
+++ b/src/adonisjs/public/templates/sections/basic-dynamic.md
@@ -0,0 +1,5 @@
+# Presentation (cell_mutant_sliders) #
+
+___ Template ___
+
+* template: sections/basic
diff --git a/src/adonisjs/public/templates/sections/basic-static.md b/src/adonisjs/public/templates/sections/basic-static.md
new file mode 100644
index 00000000..220cd304
--- /dev/null
+++ b/src/adonisjs/public/templates/sections/basic-static.md
@@ -0,0 +1,8 @@
+___ Flow ___
+
+* Sequential:
+ * _sequential_
+
+___ Data ___
+
+* theme: sections(blue)
diff --git a/src/adonisjs/public/themes/sections/atividade.html b/src/adonisjs/public/themes/sections/atividade.html
new file mode 100644
index 00000000..1c14d97a
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/atividade.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
Resumo
+
Pré-teste
+
Vídeos
+
Atividade
+
Pós-teste
+
Conclusão
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/conclusao.html b/src/adonisjs/public/themes/sections/conclusao.html
new file mode 100644
index 00000000..5b23db1b
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/conclusao.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
Resumo
+
Pré-teste
+
Vídeos
+
Atividade
+
Pós-teste
+
Conclusão
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/css/blue/theme.css b/src/adonisjs/public/themes/sections/css/blue/theme.css
new file mode 100644
index 00000000..8b3daf6d
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/css/blue/theme.css
@@ -0,0 +1,9 @@
+@charset "UTF-8";
+
+.styt-button, .styt-button-option {
+ background-color: #234a98;
+}
+
+.dcc-button-theme {
+ background-color: #234a98;
+}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/css/dcc-annotation.css b/src/adonisjs/public/themes/sections/css/dcc-annotation.css
new file mode 100644
index 00000000..170d0506
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/css/dcc-annotation.css
@@ -0,0 +1,7 @@
+@charset "UTF-8";
+
+/* Annotation DCC */
+
+.dcc-text-annotation {
+ background-color: #ffaa0078;
+}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/css/dcc-context-menu.css b/src/adonisjs/public/themes/sections/css/dcc-context-menu.css
new file mode 100644
index 00000000..fae6725c
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/css/dcc-context-menu.css
@@ -0,0 +1,16 @@
+.dcc-context-menu {
+ position: absolute;
+ background-color: white;
+ border-radius: 1px;
+ box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.5);
+ margin: 5px;
+}
+
+.dcc-context-menu-item {
+ margin: 2px;
+}
+
+.dcc-context-menu-item:hover {
+ cursor: pointer;
+ background-color: gray;
+}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/css/dcc-input-table.css b/src/adonisjs/public/themes/sections/css/dcc-input-table.css
new file mode 100644
index 00000000..e488cee4
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/css/dcc-input-table.css
@@ -0,0 +1,17 @@
+@charset "UTF-8";
+
+/* Input Table DCC */
+
+.dcc-input-table-theme table {
+ border: 1px solid darkgray;
+}
+
+.dcc-input-table-theme th {
+ border: 1px solid darkgray;
+ background-color: lightgray;
+ font-weight: bold;
+}
+
+.dcc-input-table-theme td {
+ border: 1px solid darkgray;
+}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/css/dcc-input-typed.css b/src/adonisjs/public/themes/sections/css/dcc-input-typed.css
new file mode 100644
index 00000000..ce10dc5f
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/css/dcc-input-typed.css
@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+.dcc-input-typed-theme {
+ font-size: 30px;
+}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/css/dcc-state-select.css b/src/adonisjs/public/themes/sections/css/dcc-state-select.css
new file mode 100644
index 00000000..61b5dd48
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/css/dcc-state-select.css
@@ -0,0 +1,49 @@
+@charset "UTF-8";
+
+/* Selector DCC */
+
+.dcc-state-select-theme:hover {
+ cursor: pointer;
+}
+
+.dcc-state-select-0-theme {
+ background-color: #d3d3d385;
+}
+
+.dcc-state-select-1-theme {
+ background-color: #90ee9078;
+}
+
+.dcc-state-select-2-theme {
+ background-color: #87cefac9;
+}
+
+.dcc-state-select-3-theme {
+ background-color: #ffff77;
+}
+
+.dcc-state-select-4-theme {
+ background-color: #f0808078;
+}
+
+/* Selector DCC - Evidence */
+
+.dcc-state-select-undefined {
+ background-color: #d3d3d385;
+}
+
+.dcc-state-select-positive-plus {
+ background-color: #90ee9078;
+}
+
+.dcc-state-select-positive {
+ background-color: #87cefac9;
+}
+
+.dcc-state-select-neutral {
+ background-color: #ffff77;
+}
+
+.dcc-state-select-negative {
+ background-color: #f0808078;
+}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/css/default/theme.css b/src/adonisjs/public/themes/sections/css/default/theme.css
new file mode 100644
index 00000000..be26ddf3
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/css/default/theme.css
@@ -0,0 +1,9 @@
+@charset "UTF-8";
+
+.styt-button, .styt-button-option {
+ background-color: gray;
+}
+
+.dcc-button-theme {
+ background-color: gray;
+}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/css/presentation.css b/src/adonisjs/public/themes/sections/css/presentation.css
new file mode 100644
index 00000000..274e2550
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/css/presentation.css
@@ -0,0 +1,33 @@
+@charset "UTF-8";
+
+/* Player Panel */
+.sty-player-panel {
+ flex: 10%;
+ max-height: 100%;
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+}
+
+.player-item {
+ max-width: 100%;
+}
+
+/* Knot Rendering */
+
+h1 {
+ text-align: center;
+}
+
+.alert-message {
+ font-size: 20pt;
+ color: blue;
+ font-weight: bold;
+}
+
+.central-buttons {
+ display: flex;
+ flex-direction: row;
+ max-width: 100%;
+ justify-content: center;
+}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/css/theme.css b/src/adonisjs/public/themes/sections/css/theme.css
new file mode 100644
index 00000000..f4f23042
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/css/theme.css
@@ -0,0 +1,264 @@
+@charset "UTF-8";
+
+.styt-std-border {
+ border: 1px solid gray;
+ border-radius: 5px;
+ margin: 5px;
+}
+
+/* main
+ ******/
+
+.styt-main-frame {
+ width: 100%;
+}
+
+.styt-main {
+ left: 15px;
+ right: 15px;
+ top: 10px;
+ background-color: white;
+ border-radius: 5px;
+}
+
+@media (orientation: landscape) {
+ .styt-main {
+ bottom: 30px;
+ padding: 5px 15px 5px 15px;
+ }
+}
+
+@media (orientation: portrait) {
+ .styt-main {
+ bottom: 100px;
+ padding: 0px 15px 105px 15px;
+ }
+}
+
+/* .styt-main, .styt-button, input[type="text"], textarea { */
+.styt-main, .styt-button, .styt-button-option {
+ font-size: 3vmin;
+}
+
+.styt-main p {
+ margin-bottom: 0.1rem;
+ line-height: 1.2;
+}
+
+.styt-main-text {
+ width: 100%;
+ height: 100%;
+}
+
+.styt-profile-single p {
+ width: 50%;
+ height: 100%;
+ float: right;
+}
+
+.styt-profile-single figure {
+ width: 40%;
+ object-fit: contain;
+ float: left;
+ margin-right: 10px;
+ margin-bottom: 10px;
+}
+
+.styt-profile-multiple p {
+ width: 30%;
+ height: 100%;
+ float: right;
+}
+
+.styt-profile-multiple img {
+ width: 30%;
+ object-fit: contain;
+ float: left;
+ margin-right: 10px;
+ margin-bottom: 10px;
+}
+
+.styt-profile-multiple::after {
+ content: "";
+ clear: both;
+ display: table;
+}
+
+.styt-button-frame {
+ /* position: absolute; */
+ bottom: 0px;
+ width: 100%;
+ /* display: flex; */
+ flex-direction: row;
+}
+
+.styt-button, .styt-button-option {
+ /* vertical center */
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ /* horizontal center */
+ position: relative;
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+ margin-bottom: 15px;
+ color: white;
+ /* padding: 12px 0px 0px 0px; */
+ border-radius: 10px;
+}
+
+.styt-button-option {
+ margin-bottom: .5rem;
+}
+
+@media (orientation: landscape) {
+ .styt-button-frame {
+ height: 60px;
+ }
+ .styt-button {
+ /* height: 40px; */
+ width: 400px;
+ }
+}
+
+@media (orientation: portrait) {
+ .styt-button-frame {
+ height: 160px;
+ }
+ .styt-button {
+ /* height: 140px; */
+ width: 300px;
+ }
+}
+
+.styt-pul-main, .styn-note, .styn-control-button {
+ font-family: "Trebuchet MS", Helvetica, sans-serif;
+ font-size: 3vh;
+}
+
+/* Public styles for DCCs - overwritten by shadow ones */
+
+/* Button DCC */
+
+.dcc-button-theme, .dcc-button-theme-inline {
+ color: white;
+}
+
+.dcc-button-theme {
+ border-radius: 10px;
+ font-size: 3vmin;
+ margin-bottom: .5rem;
+ /* vertical center */
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ /* horizontal center */
+ position: relative;
+ margin-left: auto;
+ margin-right: auto;
+ text-align: center;
+}
+
+@media (orientation: landscape) {
+ .dcc-button-theme {
+ width: 93%;
+ padding-top: 7px;
+ padding-bottom: 7px;
+ }
+}
+
+@media (orientation: portrait) {
+ .dcc-button-theme {
+ /* height: 140px; */
+ width: 90%;
+ padding-top: 7px;
+ padding-bottom: 7px;
+ }
+}
+
+.dcc-button-theme:hover {
+ cursor: pointer;
+}
+
+.dcc-button-image-theme {
+ max-width: 100%;
+ max-height: 100%;
+ cursor: pointer;
+}
+
+.dcc-input-typed-theme label {
+ font-size: 1rem;
+ font-weight: 400;
+ color: #212529;
+ margin-left: 3px;
+ margin-bottom: .5rem;
+}
+
+/* Input Choice DCC
+ ******************/
+
+.dcc-input-choice-theme-label {
+ margin-left: 6px;
+ font-size: 3vmin;
+}
+
+/* Input Typed DCC
+ *****************/
+
+.dcc-input-typed-theme input, .dcc-input-typed-theme textarea {
+ font-size: 3vmin;
+ font-weight: 400;
+ color: black;
+ border: 2px solid black;
+ border-radius: .25rem;
+ padding: .375rem .75rem;
+ width: 100%;
+ margin-bottom: 1rem;
+}
+
+.image {
+ display: table;
+ clear: both;
+ text-align: center;
+ margin: 1em auto;
+}
+
+.image img {
+ display: block;
+ margin: 0 auto;
+ max-width: 100%;
+ min-width: 50px;
+}
+
+.image > figcaption {
+ display: table-caption;
+ caption-side: bottom;
+ word-break: break-word;
+ color: #333;
+ background-color: #f7f7f7;
+ padding: .6em;
+ font-size: .75em;
+ outline-offset: -1px;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ border: 1px double #b3b3b3;
+ margin-top: 0.70em;
+ margin-bottom: 0.70em;
+}
+
+table th {
+ font-weight: 700;
+ background: hsla(0,0%,0%,5%);
+}
+
+table td, table th {
+ border: 1px solid #bfbfbf;
+}
+
+br {
+ height: 1px;
+}
diff --git a/src/adonisjs/public/themes/sections/knot.html b/src/adonisjs/public/themes/sections/knot.html
new file mode 100644
index 00000000..0e9a5173
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/knot.html
@@ -0,0 +1 @@
+{knot}
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/kolb.html b/src/adonisjs/public/themes/sections/kolb.html
new file mode 100644
index 00000000..5ebae8ce
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/kolb.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/pos.html b/src/adonisjs/public/themes/sections/pos.html
new file mode 100644
index 00000000..91f6a059
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/pos.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
Resumo
+
Pré-teste
+
Vídeos
+
Atividade
+
Pós-teste
+
Conclusão
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/pre.html b/src/adonisjs/public/themes/sections/pre.html
new file mode 100644
index 00000000..2955a0bc
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/pre.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
Resumo
+
Pré-teste
+
Vídeos
+
Atividade
+
Pós-teste
+
Conclusão
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/summary.html b/src/adonisjs/public/themes/sections/summary.html
new file mode 100644
index 00000000..d82cfca9
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/summary.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
Resumo
+
Pré-teste
+
Vídeos
+
Atividade
+
Pós-teste
+
Conclusão
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/adonisjs/public/themes/sections/theme.json b/src/adonisjs/public/themes/sections/theme.json
new file mode 100644
index 00000000..e5cb7a03
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/theme.json
@@ -0,0 +1,4 @@
+{
+ "note": ["note", "note_references"],
+ "cell": ["cell_editor", "cell_editor_sliders", "cell_mutant", "cell_mutant_sliders", "cell_agent"]
+}
diff --git a/src/adonisjs/public/themes/sections/video.html b/src/adonisjs/public/themes/sections/video.html
new file mode 100644
index 00000000..e523af5d
--- /dev/null
+++ b/src/adonisjs/public/themes/sections/video.html
@@ -0,0 +1,33 @@
+
+
+
+
+
+
Resumo
+
Pré-teste
+
Vídeos
+
Atividade
+
Pós-teste
+
Conclusão
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file