Merge pull request jonescompneurolab#9 from dylansdaniels/core-gui

[MRG] Core GUI tutorial updates
dylansdaniels · Nov 1, 2024 · 067b81d · 067b81d
2 parents 9d74260 + 3793943
commit 067b81d
Show file tree

Hide file tree

Showing 111 changed files with 2,435 additions and 658 deletions.
diff --git a/coregui_erp/coregui_erp.html b/coregui_erp/coregui_erp.html
diff --git a/coregui_erp/coregui_erp.md b/coregui_erp/coregui_erp.md
diff --git a/coregui_erp/images/erp_fig_02.gif b/coregui_erp/images/erp_fig_02.gif
diff --git a/coregui_erp/images/erp_fig_02.png b/coregui_erp/images/erp_fig_02.png
diff --git a/coregui_erp/images/erp_fig_03.png b/coregui_erp/images/erp_fig_03.png
diff --git a/coregui_erp/images/erp_fig_03_01.png b/coregui_erp/images/erp_fig_03_01.png
diff --git a/coregui_erp/images/erp_fig_03_02.png b/coregui_erp/images/erp_fig_03_02.png
diff --git a/coregui_erp/images/erp_fig_03_03.png b/coregui_erp/images/erp_fig_03_03.png
diff --git a/coregui_erp/images/erp_fig_04_01.png b/coregui_erp/images/erp_fig_04_01.png
diff --git a/coregui_erp/images/erp_fig_04_02.png b/coregui_erp/images/erp_fig_04_02.png
diff --git a/coregui_erp/images/erp_fig_05.png b/coregui_erp/images/erp_fig_05.png
diff --git a/coregui_erp/images/erp_fig_06.gif b/coregui_erp/images/erp_fig_06.gif
diff --git a/coregui_erp/images/erp_fig_06.png b/coregui_erp/images/erp_fig_06.png
diff --git a/coregui_erp/images/erp_fig_07.png b/coregui_erp/images/erp_fig_07.png
diff --git a/coregui_erp/images/erp_fig_08.png b/coregui_erp/images/erp_fig_08.png
diff --git a/coregui_erp/images/erp_fig_09.png b/coregui_erp/images/erp_fig_09.png
diff --git a/coregui_erp/images/erp_fig_10.png b/coregui_erp/images/erp_fig_10.png
diff --git a/coregui_erp/images/erp_fig_10_edited.png b/coregui_erp/images/erp_fig_10_edited.png
diff --git a/coregui_gamma/coregui_gamma.html b/coregui_gamma/coregui_gamma.html
diff --git a/coregui_gamma/coregui_gamma.md b/coregui_gamma/coregui_gamma.md
diff --git a/coregui_gamma/images/gamma_fig_01.png b/coregui_gamma/images/gamma_fig_01.png
diff --git a/coregui_gamma/images/gamma_fig_02.gif b/coregui_gamma/images/gamma_fig_02.gif
diff --git a/coregui_gamma/images/gamma_fig_02.png b/coregui_gamma/images/gamma_fig_02.png
diff --git a/coregui_gamma/images/gamma_fig_03.png b/coregui_gamma/images/gamma_fig_03.png
diff --git a/coregui_gamma/images/gamma_fig_04.png b/coregui_gamma/images/gamma_fig_04.png
diff --git a/coregui_gamma/images/gamma_fig_05.png b/coregui_gamma/images/gamma_fig_05.png
diff --git a/coregui_gamma/images/gamma_fig_06.png b/coregui_gamma/images/gamma_fig_06.png
diff --git a/coregui_gamma/images/gamma_fig_07.png b/coregui_gamma/images/gamma_fig_07.png
diff --git a/coregui_gamma/images/gamma_fig_08.png b/coregui_gamma/images/gamma_fig_08.png
diff --git a/coregui_gamma/images/gamma_fig_09_01.png b/coregui_gamma/images/gamma_fig_09_01.png
diff --git a/coregui_gamma/images/gamma_fig_09_02.png b/coregui_gamma/images/gamma_fig_09_02.png
diff --git a/coregui_gamma/images/gamma_fig_10_01.png b/coregui_gamma/images/gamma_fig_10_01.png
diff --git a/coregui_gamma/images/gamma_fig_10_02.png b/coregui_gamma/images/gamma_fig_10_02.png
diff --git a/coregui_gamma/images/gamma_fig_11_01.png b/coregui_gamma/images/gamma_fig_11_01.png
diff --git a/coregui_gamma/images/gamma_fig_11_02.png b/coregui_gamma/images/gamma_fig_11_02.png
diff --git a/coregui_gamma/images/gamma_fig_11_03.png b/coregui_gamma/images/gamma_fig_11_03.png
diff --git a/coregui_gamma/images/gamma_fig_12_01.png b/coregui_gamma/images/gamma_fig_12_01.png
diff --git a/coregui_gamma/images/gamma_fig_12_02.png b/coregui_gamma/images/gamma_fig_12_02.png
diff --git a/coregui_gamma/images/gamma_fig_13.png b/coregui_gamma/images/gamma_fig_13.png
diff --git a/coregui_gamma/images/gamma_fig_14_01.png b/coregui_gamma/images/gamma_fig_14_01.png
diff --git a/coregui_gamma/images/gamma_fig_14_02.png b/coregui_gamma/images/gamma_fig_14_02.png
diff --git a/coregui_gamma/images/gamma_fig_15.png b/coregui_gamma/images/gamma_fig_15.png
diff --git a/coregui_gamma/images/gamma_fig_16_01.png b/coregui_gamma/images/gamma_fig_16_01.png
diff --git a/coregui_gamma/images/gamma_fig_16_02.png b/coregui_gamma/images/gamma_fig_16_02.png
diff --git a/coregui_gamma/images/gamma_fig_17.png b/coregui_gamma/images/gamma_fig_17.png
diff --git a/coregui_gamma/images/gamma_fig_18.png b/coregui_gamma/images/gamma_fig_18.png
diff --git a/coregui_gamma/images/gamma_fig_19.png b/coregui_gamma/images/gamma_fig_19.png
diff --git a/coregui_gamma/images/gamma_fig_20.png b/coregui_gamma/images/gamma_fig_20.png
diff --git a/coregui_gamma/images/gamma_fig_21_01.png b/coregui_gamma/images/gamma_fig_21_01.png
diff --git a/coregui_gamma/images/gamma_fig_21_02.png b/coregui_gamma/images/gamma_fig_21_02.png
diff --git a/coregui_gamma/images/gamma_fig_21_03.png b/coregui_gamma/images/gamma_fig_21_03.png
diff --git a/coregui_gamma/images/gamma_fig_22_01.png b/coregui_gamma/images/gamma_fig_22_01.png
diff --git a/coregui_gamma/images/gamma_fig_22_02.png b/coregui_gamma/images/gamma_fig_22_02.png
diff --git a/coregui_gamma/images/gamma_fig_22_03.png b/coregui_gamma/images/gamma_fig_22_03.png
diff --git a/coregui_gamma/images/image1.png b/coregui_gamma/images/image1.png
diff --git a/coregui_gamma/images/image10.png b/coregui_gamma/images/image10.png
diff --git a/coregui_gamma/images/image11.png b/coregui_gamma/images/image11.png
diff --git a/coregui_gamma/images/image12.png b/coregui_gamma/images/image12.png
diff --git a/coregui_gamma/images/image13.png b/coregui_gamma/images/image13.png
diff --git a/coregui_gamma/images/image14.png b/coregui_gamma/images/image14.png
diff --git a/coregui_gamma/images/image15.png b/coregui_gamma/images/image15.png
diff --git a/coregui_gamma/images/image16.png b/coregui_gamma/images/image16.png
diff --git a/coregui_gamma/images/image17.png b/coregui_gamma/images/image17.png
diff --git a/coregui_gamma/images/image18.png b/coregui_gamma/images/image18.png
diff --git a/coregui_gamma/images/image19.png b/coregui_gamma/images/image19.png
diff --git a/coregui_gamma/images/image2.png b/coregui_gamma/images/image2.png
diff --git a/coregui_gamma/images/image20.png b/coregui_gamma/images/image20.png
diff --git a/coregui_gamma/images/image21.png b/coregui_gamma/images/image21.png
diff --git a/coregui_gamma/images/image22.png b/coregui_gamma/images/image22.png
diff --git a/coregui_gamma/images/image23.png b/coregui_gamma/images/image23.png
diff --git a/coregui_gamma/images/image24.png b/coregui_gamma/images/image24.png
diff --git a/coregui_gamma/images/image25.png b/coregui_gamma/images/image25.png
diff --git a/coregui_gamma/images/image26.png b/coregui_gamma/images/image26.png
diff --git a/coregui_gamma/images/image27.png b/coregui_gamma/images/image27.png
diff --git a/coregui_gamma/images/image28.png b/coregui_gamma/images/image28.png
diff --git a/coregui_gamma/images/image29.png b/coregui_gamma/images/image29.png
diff --git a/coregui_gamma/images/image3.png b/coregui_gamma/images/image3.png
diff --git a/coregui_gamma/images/image30.png b/coregui_gamma/images/image30.png
diff --git a/coregui_gamma/images/image31.png b/coregui_gamma/images/image31.png
diff --git a/coregui_gamma/images/image32.png b/coregui_gamma/images/image32.png
diff --git a/coregui_gamma/images/image33.png b/coregui_gamma/images/image33.png
diff --git a/coregui_gamma/images/image34.png b/coregui_gamma/images/image34.png
diff --git a/coregui_gamma/images/image35.png b/coregui_gamma/images/image35.png
diff --git a/coregui_gamma/images/image36.png b/coregui_gamma/images/image36.png
diff --git a/coregui_gamma/images/image37.png b/coregui_gamma/images/image37.png
diff --git a/coregui_gamma/images/image38.png b/coregui_gamma/images/image38.png
diff --git a/coregui_gamma/images/image39.png b/coregui_gamma/images/image39.png
diff --git a/coregui_gamma/images/image4.png b/coregui_gamma/images/image4.png
diff --git a/coregui_gamma/images/image40.png b/coregui_gamma/images/image40.png
diff --git a/coregui_gamma/images/image41.png b/coregui_gamma/images/image41.png
diff --git a/coregui_gamma/images/image42.png b/coregui_gamma/images/image42.png
diff --git a/coregui_gamma/images/image43.png b/coregui_gamma/images/image43.png
diff --git a/coregui_gamma/images/image44.png b/coregui_gamma/images/image44.png
diff --git a/coregui_gamma/images/image45.png b/coregui_gamma/images/image45.png
diff --git a/coregui_gamma/images/image46.png b/coregui_gamma/images/image46.png
diff --git a/coregui_gamma/images/image47.png b/coregui_gamma/images/image47.png
diff --git a/coregui_gamma/images/image5.png b/coregui_gamma/images/image5.png
diff --git a/coregui_gamma/images/image6.png b/coregui_gamma/images/image6.png
diff --git a/coregui_gamma/images/image7.png b/coregui_gamma/images/image7.png
diff --git a/coregui_gamma/images/image8.png b/coregui_gamma/images/image8.png
diff --git a/coregui_gamma/images/image9.png b/coregui_gamma/images/image9.png
diff --git a/html-styling/page-setup copy.html b/html-styling/page-setup copy.html
@@ -0,0 +1,88 @@
+<!-- START -->
+<!-- html header, styling for Tutorials pages -->
+<!-- note: requires stylesheet.css to be in the parent directory; see <head> section -->
+<!-- copy the contents below into the appropriate sections of your html page -->
+
+<!-- document setup -->
+
+<html>
+
+<!-- head area -->
+<head>
+<!-- <meta charset="utf-8" /> --> <!-- old version -->
+<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- set the viewport https://www.w3schools.com/css/css_rwd_viewport.asp -->
+<title>Tutorials - HNN</title>
+<!-- import CSS style sheet from Github directory -->
+<link rel = "stylesheet" type = "text/css" href = "../html-styling/stylesheet.css" />
+</head>
+
+<!-- body styling -->
+<body>
+
+<!-- add Navbar -->
+<div class="navbar">
+  <div id="wrapper">
+    <img src="https://hnn.brown.edu/wp-content/uploads/2018/05/mainlogo3.png" alt="HNN" scale="0">
+    <a href="https://hnn.brown.edu/index.php/tutorials/#jumptutorials">TUTORIALS</a>
+    <a href="https://hnn.brown.edu">HOME</a>
+  </div>
+</div>
+
+<!-- add Tutorials header -->
+<div class="headercontainer main">
+<div class="headertext">  </div>
+</div>
+
+<!-- set width for body to 900px -->
+<div id="wrapper">
+
+<!-- add button to scroll to top -->
+<button onclick="topFunction()" id="myBtn" title="Scroll to top">Top</button>
+
+<!-- script for scroll button function -->
+<script>
+//Get the button:
+mybutton = document.getElementById("myBtn");
+// When the user scrolls down 20px from the top of the document, show the button
+window.onscroll = function() {scrollFunction()};
+function scrollFunction() {
+  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+    mybutton.style.display = "block";
+  } else {
+    mybutton.style.display = "none";
+  }
+}
+// When the user clicks on the button, scroll to the top of the document
+function topFunction() {
+  document.body.scrollTop = 0; // For Safari
+  document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
+}
+</script>
+
+<!-- return to tutorials page -->
+<div style="text-align:center; vertical-align: middle; padding:10px;">
+<p></p>
+
+<tbody>
+<tr style="border: none;">
+<td style="border: none; width: 33.3%; padding: 1px;">
+</td>
+
+<td style="border: none; width: 33.3%; padding: 1px;">
+<!--<a style="text-decoration: none" href="https://hnn.brown.edu/index.php/tutorials/">-->
+<p><img src="https://hnn.brown.edu/wp-content/uploads/2019/06/EEG_Brain.png" width="60" height="auto"></p>
+<p style=" font-family: sans-serif; font-size: x-large; font-weight:700; color: #1156a3; border:0px; margin:0px;">Tutorials</p>
+<!--</a>-->
+</td>
+
+<td style="border: none; width: 33.3%; padding: 1px;">
+</td>
+</tr>
+</tbody>
+</div>
+
+<!-- your contents go here -->
+
+<!-- </body> -->
+<!-- </html> -->
+<!-- END -->
diff --git a/html-styling/page-setup.html b/html-styling/page-setup.html
@@ -71,7 +71,7 @@
 <td style="border: none; width: 33.3%; padding: 1px;">
 <!--<a style="text-decoration: none" href="https://hnn.brown.edu/index.php/tutorials/">-->
 <p><img src="https://hnn.brown.edu/wp-content/uploads/2019/06/EEG_Brain.png" width="60" height="auto"></p>
-<p style=" font-family: sans-serif; font-size: x-large; font-weight:700; color: #1156a3; border:0px; margin:0px;">Tutorials</p>
+<p style=" font-family: sans-serif; font-size: x-large; font-weight:700; color: #1156a3; border:0px; margin:0px;">Workshop Instructions</p>
 <!--</a>-->
 </td>