Moving to github

trental · Jun 20, 2020 · 689b826 · 689b826
1 parent 370d700
commit 689b826
Show file tree

Hide file tree

Showing 12 changed files with 216 additions and 53 deletions.
diff --git a/about.html → dbVersion/about.html b/about.html → dbVersion/about.html
diff --git a/data/home.txt → dbVersion/data/home.txt b/data/home.txt → dbVersion/data/home.txt
@@ -1,29 +1,28 @@
-    > db.backend.find({},{_id:0,__v:0}).pretty()
+    > db.backend.find({},{_id:0,__v:0}).pretty()<<enter>>
     {
         "project" : "paperclip",
         "deployedapp" : <a href="https://paperclip--house.herokuapp.com/">"https://paperclip--house.herokuapp.com/"</a>,
         "backend" : <a href="https://paperclip-api.herokuapp.com/api/">"https://paperclip-api.herokuapp.com/api/"</a>,
         "source" : <a href="https://github.com/trental/paperclip-backend">"https://github.com/trental/paperclip-backend"</a>,
         "created" : ISODate("2020-05-24T23:42:27.601Z")
     }
-    > db.frontend.find({},{_id:0,__v:0}).pretty()
+    > db.frontend.find({},{_id:0,__v:0}).pretty()<<enter>>
     {
         "project" : "Ravencoin Block Explorer",
         "deployedapp" : <a href="https://trental.github.io/Project-2-Ravencoin-Block-Explorer/">"https://trental.github.io/Project-2-Ravencoin-Block-Explorer/"</a>,
         "source" : <a href="https://github.com/trental/Project-2-Ravencoin-Block-Explorer">"https://github.com/trental/Project-2-Ravencoin-Block-Explorer"</a>,
-        "created" : ISODate("2020-05-05T19:23:41.572Z")
+        "created" : ISODate("2020-05-05T19:23:41.572Z")<<enter>>
     }
     {
         "project" : "Flashcards: An SRS Implementation",
         "deployedapp" : <a href="https://trental.github.io/">"https://trental.github.io/"</a>,
         "source" : <a href="https://github.com/trental/Project-1-Flash-Cards">"https://github.com/trental/Project-1-Flash-Cards"</a>,
         "created" : ISODate("2020-04-15T17:31:07.426Z")
     }
-    > db.growth.find({},{_id:0,__v:0}).pretty()
+    > db.growth.find({},{_id:0,__v:0}).pretty()<<enter>>
     {
         "title" : <a href="https://www.linkedin.com/in/trentlehmann/">"LinkedIn"</a>
     }
     {
         "title" : <a href="euler.html">"Project Euler"</a>
-    }
-    > <span class="cursor"> </span>
+    }
diff --git a/euler.html → dbVersion/euler.html b/euler.html → dbVersion/euler.html
diff --git a/index.html → dbVersion/index.html b/index.html → dbVersion/index.html
diff --git a/dbVersion/script.js b/dbVersion/script.js
@@ -0,0 +1,48 @@
+const pre = document.querySelector('.query');
+
+function splitConsole(text) {
+	let consoleData = [];
+	let commandResponseBlocks = text.split('    >');
+	commandResponseBlocks.forEach((commandResponseBlock) => {
+		let data = commandResponseBlock.split('<<enter>>');
+		let newBlock = {};
+		newBlock.command = data[0];
+		newBlock.response = data[1];
+		if (newBlock.command != '') consoleData.push(newBlock);
+	});
+	console.log(consoleData);
+}
+
+// function fillPre(text) {
+// 	let inner = '';
+// 	let newLine = true;
+// 	let letters = text.split('    >');
+// 	let counter = 0;
+// 	console.log(letters);
+// while (letters.length > 0) {
+// 	counter++;
+// 	let c = letters.shift();
+// 	console.log(c);
+// 	setTimeout(() => {
+// 		if (c === ' ' && newLine) {
+// 			inner += '&nbsp;';
+// 		} else {
+// 			newLine = false;
+// 		}
+// 		if (c === '\n') {
+// 			newLine = true;
+// 			inner += '<br>';
+// 		} else if (c === '>') {
+// 			inner += c;
+// 		} else {
+// 			inner += c;
+// 		}
+// 		// console.log(inner);
+// 		pre.innerHTML = inner;
+// 	}, counter);
+// }
+// }
+
+fetch('data/home.txt')
+	.then((response) => response.text())
+	.then((text) => splitConsole(text));
diff --git a/style.css → dbVersion/style.css b/style.css → dbVersion/style.css
diff --git a/movingGrid/.vscode/settings.json b/movingGrid/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/movingGrid/index.html b/movingGrid/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Trent Lehmann</title>
+		<link rel="stylesheet" href="style.css" />
+	</head>
+	<body>
+		<div class="projectSelector projectAA">
+			<section class="AA project" data-placement="AA">1</section>
+			<section class="AB project" data-placement="AB">2</section>
+			<section class="BA project" data-placement="BA">3</section>
+			<section class="BB project" data-placement="BB">4</section>
+		</div>
+		<script src="script.js"></script>
+	</body>
+</html>
diff --git a/movingGrid/script.js b/movingGrid/script.js
@@ -0,0 +1,12 @@
+const projects = document.querySelectorAll('.project');
+const projectSelector = document.querySelector('.projectSelector');
+
+projects.forEach((project) => {
+	project.addEventListener('click', () => {
+		projectSelector.classList.remove('projectAA');
+		projectSelector.classList.remove('projectAB');
+		projectSelector.classList.remove('projectBA');
+		projectSelector.classList.remove('projectBB');
+		projectSelector.classList.add(`project${project.dataset.placement}`);
+	});
+});
diff --git a/movingGrid/style.css b/movingGrid/style.css
@@ -0,0 +1,82 @@
+body {
+}
+
+body * {
+	background: lightgrey;
+	border: 2px solid lightslategrey;
+	border-radius: 5px;
+}
+
+.projectSelector {
+	background: hsla(146, 62%, 95%, 1);
+	font-family: 'Lucida Console', Monaco, monospace;
+	font-size: 1.5rem;
+	text-align: center;
+	margin: 0;
+	padding: 0;
+	height: 500px;
+	width: 600px;
+	box-sizing: border-box;
+	display: grid;
+	grid-gap: 5px;
+}
+
+.projectAA {
+	grid-template-rows: 4fr 1fr;
+	grid-template-columns: 4fr 1fr;
+}
+
+.projectAB {
+	grid-template-rows: 1fr 4fr;
+	grid-template-columns: 4fr 1fr;
+}
+
+.projectBA {
+	grid-template-rows: 4fr 1fr;
+	grid-template-columns: 1fr 4fr;
+}
+
+.projectBB {
+	grid-template-rows: 1fr 4fr;
+	grid-template-columns: 1fr 4fr;
+}
+
+.AA {
+	grid-row: 1;
+	grid-column: 1;
+}
+.AB {
+	grid-row: 2;
+	grid-column: 1;
+}
+.BA {
+	grid-row: 1;
+	grid-column: 2;
+}
+.BB {
+	grid-row: 2;
+	grid-column: 2;
+}
+
+/* @media (min-width: 600px) {
+	body {
+		grid-template-rows: 3fr 1fr;
+		grid-template-columns: 3fr 1fr;
+	}
+	.AA {
+		grid-row: 1;
+		grid-column: 1;
+	}
+	.AB {
+		grid-row: 2;
+		grid-column: 1;
+	}
+	.BA {
+		grid-row: 1;
+		grid-column: 2;
+	}
+	.BB {
+		grid-row: 2 / span 2;
+		grid-column: 2 / span 2;
+	}
+} */
diff --git a/movingGrid/test.html b/movingGrid/test.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<style>
+			.box {
+				display: flex;
+				background-color: orange;
+				align-content: space-between;
+				height: 150px;
+				width: 600px;
+				flex-wrap: wrap;
+			}
+
+			.box > div {
+				background-color: white;
+				text-align: center;
+				line-height: 40px;
+				font-size: 25px;
+				width: 100px;
+				margin: 5px;
+			}
+
+			div {
+				animation: myanim 4s infinite;
+			}
+
+			@keyframes myanim {
+				50% {
+					flex: 1;
+				}
+			}
+		</style>
+	</head>
+
+	<body>
+		<h1>Quiz</h1>
+		<div class="box">
+			<div style="order: 8;">Q1</div>
+			<div style="order: 6;">Q2</div>
+			<div style="order: 2;">Q3</div>
+			<div style="order: 1;">Q4</div>
+			<div style="order: 7;">Q5</div>
+			<div style="order: 4;">Q6</div>
+			<div style="order: 3;">Q7</div>
+			<div style="order: 5;">Q8</div>
+		</div>
+	</body>
+</html>
diff --git a/script.js b/script.js