Use DataLad
- DataLad is a free and open source command line tool with a Python API and is compatible with - all major operating systems. Use DataLad to: + DataLad is a free and open source Python-based tool that is compatible with + all major operating systems. It can be used via its + Graphical User Interface or via the + command line to:
-
createnew datasets locally
@@ -164,8 +167,8 @@
Use DataLad
Try out DataLad
- 
-
diff --git a/content/static/scripts.js b/content/static/scripts.js
index 61291f88..b7488a63 100644
--- a/content/static/scripts.js
+++ b/content/static/scripts.js
@@ -63,4 +63,61 @@ function copyCode(text) {
navigator.clipboard.writeText(text)
.then(() => { })
.catch((error) => { alert(`Copy failed! ${error}`) })
+}
+
+// Change "Use DataLad" display
+var gooeyVideo = document.getElementById("gooey_video");
+gooeyVideo.style.display = "none";
+var timer = null
+var interval = 20000
+startTimer()
+
+function startTimer() {
+ if (timer !== null) return;
+ timer = setInterval(toggleUseDataLadRadio, interval);
+}
+
+function stopTimer() {
+ clearInterval(timer);
+ timer = null
+}
+
+function resetTimer() {
+ stopTimer()
+ startTimer()
+}
+
+function selectUseDataLad(val, src) {
+ // Grab elements
+ var consoleImg = document.getElementById("console_img");
+ var typedText = document.getElementById("typed_text");
+ var gooeyVideo = document.getElementById("gooey_video");
+ // Set display
+ if (val==="console") {
+ consoleImg.style.display = "";
+ typedText.style.display = "";
+ gooeyVideo.style.display = "none";
+ } else {
+ consoleImg.style.display = "none";
+ typedText.style.display = "none";
+ gooeyVideo.style.display = "";
+ }
+ if (src==="click") {
+ resetTimer()
+ }
+
+}
+
+function toggleUseDataLadRadio() {
+ var radioConsole = document.getElementById("console-select");
+ var radioGooey = document.getElementById("gooey-select");
+ if (radioConsole.checked) {
+ radioConsole.checked = false;
+ radioGooey.checked = true;
+ selectUseDataLad("gooey", "timer")
+ } else {
+ radioGooey.checked = false;
+ radioConsole.checked = true;
+ selectUseDataLad("console", "timer")
+ }
}
\ No newline at end of file
diff --git a/theme/static/css/style.css b/theme/static/css/style.css
index c29627b3..d3dd8c47 100644
--- a/theme/static/css/style.css
+++ b/theme/static/css/style.css
@@ -769,6 +769,15 @@ svg.hero-svg {
box-shadow: 0 7px 11px -1px #7A7A7A;
border-radius: 0.4em;
}
+.card-img.use-datalad video {
+ height: auto;
+ width: 90%;
+ max-width: 700px;
+ box-shadow: 0 7px 11px -1px #7A7A7A;
+ border-radius: 0.4em;
+ margin-bottom: 1em;
+ margin-top: 1em;
+}
.typewriter-text {
position: absolute;
top: 50%;
@@ -1613,4 +1622,28 @@ img.no-overflow {
padding-bottom: 1em;
text-align: center;
justify-content: center;
-}
\ No newline at end of file
+}
+
+.show-use input[type=radio] {
+ display: none
+}
+.show-use input[type=radio] + label {
+ border: 1px solid var(--datalad-grey);
+ background-color: white;
+ width: 15px;
+ height: 15px;
+ border-radius: 50%;
+ position: static;
+ display: inline-block;
+}
+.show-use input[type=radio]:hover + label {
+ background-color: #f6f6f6;
+}
+.show-use input[type=radio]:checked + label {
+ background-color: var(--datalad-yellow);
+}
+
+.show-use input[type=radio]:checked + label {
+ background-color: var(--datalad-yellow);
+}
+
-
+
+
+
+
+ datalad create my_dataset
datalad save -m "hello world"
datalad push --to location
@@ -174,6 +177,14 @@Use DataLad
datalad get example.txt
datalad drop example.txt
+
+
+