.

docs/Elicitacoes/AnaliseProtocolo.md

@@ -17,10 +17,12 @@ Trata-se de um método onde o usuário é solicitado a realizar uma tarefa enqua
 Todas as descrições e ações do usuário são feitas em voz alta para que o Analisador consiga acompanhar cada passo e classifica-los por prioridades.
 
 **Vídeo da Analise do modo sobrevivência, Hardcore e multiplayer**
-<iframe src="https://drive.google.com/file/d/1YRjdllwaTgr4e3BX6oIpFw4BpB2aT2nY/preview" width="640" height="480" allow="autoplay"></iframe>
+<iframe src="https://drive.google.com/file/d/1YRjdllwaTgr4e3BX6oIpFw4BpB2aT2nY/preview" allow="fullscreen"></iframe>
+<img class="img-iframe" src="../../assets/imgs/transition-grey-6.png">
 
 **Vídeo da Analise do criativo**
-<iframe src="https://drive.google.com/file/d/1Ha3QPbPp83Je9FLDI6ieR8Wd7KLkBU4Y/preview" width="640" height="480" allow="autoplay"></iframe>
+<iframe src="https://drive.google.com/file/d/1Ha3QPbPp83Je9FLDI6ieR8Wd7KLkBU4Y/preview" allow="fullscreen"></iframe>
+<img class="img-iframe" src="../../assets/imgs/transition-grey-6.png">
 
 ## AP01
 ##Análise de Protocolo 1

docs/assets/css/style.css

@@ -60,3 +60,118 @@ thead{
     background: #252525;
     color: #fff;
 }
+
+iframe{
+    width: 100%;
+    height: 405px;
+    border: none;
+    background: #252422;
+    padding: 20px;
+}
+
+.img-iframe{
+    margin-top: -25px;
+    width: 100%;
+}
+
+:root, [data-md-color-scheme=default] {
+    --md-hue: 225deg;
+    --md-default-fg-color: #000000de;
+    --md-default-fg-color--light: #000000;
+    --md-default-fg-color--lighter: #00000052;
+    --md-default-fg-color--lightest: #00000012;
+    --md-default-bg-color: #fff;
+    --md-default-bg-color--light: #ffffffb3;
+    --md-default-bg-color--lighter: #ffffff4d;
+    --md-default-bg-color--lightest: #ffffff1f;
+    --md-code-fg-color: #36464e;
+    --md-code-bg-color: #f5f5f5;
+    --md-code-hl-color: #4287ff;
+    --md-code-hl-color--light: #4287ff1a;
+    --md-code-hl-number-color: #d52a2a;
+    --md-code-hl-special-color: #db1457;
+    --md-code-hl-function-color: #a846b9;
+    --md-code-hl-constant-color: #6e59d9;
+    --md-code-hl-keyword-color: #3f6ec6;
+    --md-code-hl-string-color: #1c7d4d;
+    --md-code-hl-name-color: var(--md-code-fg-color);
+    --md-code-hl-operator-color: var(--md-default-fg-color--light);
+    --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
+    --md-code-hl-comment-color: var(--md-default-fg-color--light);
+    --md-code-hl-generic-color: var(--md-default-fg-color--light);
+    --md-code-hl-variable-color: var(--md-default-fg-color--light);
+    --md-typeset-color: var(--md-default-fg-color);
+    --md-typeset-a-color: var(--md-primary-fg-color);
+    --md-typeset-del-color: #f5503d26;
+    --md-typeset-ins-color: #0bd57026;
+    --md-typeset-kbd-color: #fafafa;
+    --md-typeset-kbd-accent-color: #fff;
+    --md-typeset-kbd-border-color: #b8b8b8;
+    --md-typeset-mark-color: #ffff0080;
+    --md-typeset-table-color: #0000001f;
+    --md-typeset-table-color--light: rgba(0, 0, 0, .035);
+    --md-admonition-fg-color: var(--md-default-fg-color);
+    --md-admonition-bg-color: var(--md-default-bg-color);
+    --md-warning-fg-color: #000000de;
+    --md-warning-bg-color: #ff9;
+    --md-footer-fg-color: #fff;
+    --md-footer-fg-color--light: #ffffffb3;
+    --md-footer-fg-color--lighter: #ffffff73;
+    --md-footer-bg-color: #000000de;
+    --md-footer-bg-color--dark: #00000052;
+    --md-shadow-z1: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
+    --md-shadow-z2: 0 0.2rem 0.5rem #0000001a, 0 0 0.05rem #00000040;
+    --md-shadow-z3: 0 0.2rem 0.5rem #0003, 0 0 0.05rem #00000059;
+}
+
+[data-md-color-scheme=slate] {
+    --md-default-fg-color: hsla(var(--md-hue), 15%, 90%, 0.82);
+    --md-default-fg-color--light: #fff;
+    --md-default-fg-color--lighter: hsla(var(--md-hue), 15%, 90%, 0.32);
+    --md-default-fg-color--lightest: hsla(var(--md-hue), 15%, 90%, 0.12);
+    --md-default-bg-color: hsla(var(--md-hue), 15%, 14%, 1);
+    --md-default-bg-color--light: hsla(var(--md-hue), 15%, 14%, 0.54);
+    --md-default-bg-color--lighter: hsla(var(--md-hue), 15%, 14%, 0.26);
+    --md-default-bg-color--lightest: hsla(var(--md-hue), 15%, 14%, 0.07);
+    --md-code-fg-color: hsla(var(--md-hue), 18%, 86%, 0.82);
+    --md-code-bg-color: hsla(var(--md-hue), 15%, 18%, 1);
+    --md-code-hl-color: #2977ff;
+    --md-code-hl-color--light: #2977ff1a;
+    --md-code-hl-number-color: #e6695b;
+    --md-code-hl-special-color: #f06090;
+    --md-code-hl-function-color: #c973d9;
+    --md-code-hl-constant-color: #9383e2;
+    --md-code-hl-keyword-color: #6791e0;
+    --md-code-hl-string-color: #2fb170;
+    --md-code-hl-name-color: var(--md-code-fg-color);
+    --md-code-hl-operator-color: var(--md-default-fg-color--light);
+    --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
+    --md-code-hl-comment-color: var(--md-default-fg-color--light);
+    --md-code-hl-generic-color: var(--md-default-fg-color--light);
+    --md-code-hl-variable-color: var(--md-default-fg-color--light);
+    --md-typeset-color: var(--md-default-fg-color);
+    --md-typeset-a-color: var(--md-primary-fg-color);
+    --md-typeset-kbd-color: hsla(var(--md-hue), 15%, 90%, 0.12);
+    --md-typeset-kbd-accent-color: hsla(var(--md-hue), 15%, 90%, 0.2);
+    --md-typeset-kbd-border-color: hsla(var(--md-hue), 15%, 14%, 1);
+    --md-typeset-mark-color: #4287ff4d;
+    --md-typeset-table-color: hsla(var(--md-hue), 15%, 95%, 0.12);
+    --md-typeset-table-color--light: hsla(var(--md-hue), 15%, 95%, 0.035);
+    --md-admonition-fg-color: var(--md-default-fg-color);
+    --md-admonition-bg-color: var(--md-default-bg-color);
+    --md-footer-bg-color: hsla(var(--md-hue), 15%, 10%, 0.87);
+    --md-footer-bg-color--dark: hsla(var(--md-hue), 15%, 8%, 1);
+    --md-shadow-z1: 0 0.2rem 0.5rem #0000000d, 0 0 0.05rem #0000001a;
+    --md-shadow-z2: 0 0.2rem 0.5rem #00000040, 0 0 0.05rem #00000040;
+    --md-shadow-z3: 0 0.2rem 0.5rem #0006, 0 0 0.05rem #00000059;
+    color-scheme: dark;
+}
+
+[data-md-color-primary=black] {
+    --md-primary-fg-color: hsla(var(--md-hue), 15%, 9%, 1);
+    --md-primary-fg-color--light: hsla(var(--md-hue), 15%, 9%, 0.54);
+    --md-primary-fg-color--dark: hsla(var(--md-hue), 15%, 9%, 1);
+    --md-primary-bg-color: hsla(var(--md-hue), 15%, 100%, 1);
+    --md-primary-bg-color--light: hsla(var(--md-hue), 15%, 100%, 0.7);
+    --md-typeset-a-color: #4051b5;
+}