Etherpad

Gemfile

@@ -8,7 +8,11 @@ source "https://rubygems.org"
 # This will help ensure the proper Jekyll version is running.
 # Happy Jekylling!
 gem "jekyll"
-gem "alice", path: "../alice_sites/AliceTheme"
+# gem "alice", path: "../alice_sites/AliceTheme"
+
+# para tester no jekylserver
+gem "alice", path: "../AliceTheme"
+
 # This is the default theme for new Jekyll sites. You may change this to anything you like.
 # gem "minima", "~> 2.5"
 # If you want to use GitHub Pages, remove the "gem "jekyll"" above and

Gemfile.lock

@@ -1,3 +1,9 @@
+PATH
+  remote: ../AliceTheme
+  specs:
+    alice (0.0.0)
+      jekyll (>= 3.5, < 5.0)
+
 GEM
   remote: https://rubygems.org/
   specs:
@@ -85,6 +91,7 @@ PLATFORMS
   x86_64-linux
 
 DEPENDENCIES
+  alice!
   jekyll
   jekyll-archives
   jekyll-datapage-generator

_layouts/aulas.html

@@ -20,11 +20,14 @@ lang: pt
 							<a class="button" href="{{ site.baseurl }}{{ zip_file }}" download>
 								Download
 							</a>
+							<a class="button" id="etherpad" etherpad>
+								Etherpad
+							</a>
 					</div>
 				</div>
 			</div>
 								 
-			<div class=" ">
+			<div id="aula">
 				{% assign aula_slug = page.title %}
 				{% assign video_aula = '' | append: aula_slug | append: '.mp4' %}
 				<video controls class="aula-video">
@@ -33,6 +36,17 @@ lang: pt
 				</video>
 			</div>
 
+			<div id="etherpad-container" style="display: none;">
+				<iframe 
+				  id="etherpad-iframe" 
+				  src="https://pad.alice.ufsj.edu.br/p/{{ page.title }}" 
+				  width="100%" 
+				  height="500px" 
+				  frameborder="0">
+				</iframe>
+			  </div>
+			  
+
 			<div class="content-aula">
 				{{ page.description }}
 				</br>
@@ -44,3 +58,23 @@ lang: pt
 			</div>
 		</main>
 
+		<!--  -->
+		<script>
+			document.addEventListener("DOMContentLoaded", function () {
+			  const etherpadButton = document.getElementById("etherpad"); // Botão
+			  const aulaDiv = document.getElementById("aula"); // Div da aula
+			  const etherpadContainer = document.getElementById("etherpad-container"); // Div do Etherpad
+		  
+			  etherpadButton.addEventListener("click", function () {
+				if (aulaDiv.style.display === "none") {
+				  // Se a aula estiver oculta, exibe a aula e oculta o Etherpad
+				  aulaDiv.style.display = "block";
+				  etherpadContainer.style.display = "none";
+				} else {
+				  // Caso contrário, oculta a aula e exibe o Etherpad
+				  aulaDiv.style.display = "none";
+				  etherpadContainer.style.display = "block";
+				}
+			  });
+			});
+		</script>