-
-
-
-
-
-
-
3/3/2023 Testing
-
My First Blog Post
-
Lorem Ipsum
-
Read More
-
-
-
-
-
-
-
-
-
-
3/3/2023 Testing
-
My First Blog Post
-
Lorem Ipsum
-
Read More
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/blog.js b/blog.js
new file mode 100644
index 0000000..f0eaef4
--- /dev/null
+++ b/blog.js
@@ -0,0 +1,142 @@
+// Function to filter articles based on selected tag
+function filterArticles(tag) {
+ const articles = document.querySelectorAll('.post');
+ if (tag == 'all') {
+ articles.forEach(article => {
+ article.style.display = 'block';
+ });
+ return;
+ }
+ articles.forEach(article => {
+ const tags = article.querySelectorAll('.tag'); // Select all tags within the article
+ let tagFound = false; // Flag to indicate if the tag is found within the article
+
+ tags.forEach(tagElement => {
+ const tagValue = tagElement.getAttribute('data-tag');
+ // console.log(tagElement);
+ if (tagValue === tag) {
+ tagFound = true; // Set flag to true if the tag is found
+ }
+ });
+
+ // Set display style based on whether the tag is found
+ article.style.display = (tagFound) ? 'block' : 'none';
+ });
+ }
+
+
+document.querySelectorAll('.tags-menu li').forEach(tagLink => {
+ tagLink.addEventListener('click', function(event) {
+ event.preventDefault();
+ // console.log(tagLink.getAttribute('data-tag'));
+ const selectedTag = this.getAttribute('data-tag');
+ filterArticles(selectedTag);
+ });
+});
+
+// Event listener for tag links
+document.querySelectorAll('.tags-menu li').forEach(tagLink => {
+ tagLink.addEventListener('click', function(event) {
+ event.preventDefault();
+ const selectedTag = this.getAttribute('data-tag');
+ const isActive = this.getAttribute('data-active'); // Check if the tag is active
+
+ // console.log(isActive);
+ // Toggle the active class
+ const link = this.querySelector('a');
+ if (isActive == "yes") {
+ this.setAttribute('data-active', 'no');
+ link.style.backgroundColor = '#f0f0f0';
+ link.style.color = 'black';
+ filterArticles('all'); // Show all articles when tag is unclicked
+ } else {
+ this.setAttribute('data-active', 'yes');
+ // Select the link element inside the tag
+
+ // Set the background color of the link to red (you can use any color)
+ link.style.backgroundColor = 'var(--left-bg-color)';
+ link.style.color = 'white';
+ filterArticles(selectedTag); // Filter articles based on selected tag
+ }
+ });
+ });
+
+ let interval = null;
+ // const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$%^&*|";
+ const letters = 'abcdefghijklmnopqrstuvwxyz';
+ // const cypher = 'brianw.gamer';
+ document.getElementById("kwargs-link").onmouseover = event => {
+ let iteration = 0;
+
+ clearInterval(interval);
+
+ interval = setInterval(() => {
+ event.target.innerText = event.target.innerText
+ .split("")
+ .map((letter, index) => {
+ if (letter == '.'){return '.'}
+ if(index+1 < iteration) {
+ return event.target.dataset.value[index];
+ }
+
+ return letters[Math.floor(Math.random() * letters.length)]
+ })
+ .join("");
+
+ if(iteration >= event.target.dataset.value.length){
+ clearInterval(interval);
+ }
+
+ iteration += 1 / 3;
+ }, 30);
+ }
+
+ document.getElementById("kwargs-link").onmouseleave = event => {
+ let iteration = 0;
+ clearInterval(interval);
+
+ interval = setInterval(() => {
+ event.target.innerText = event.target.innerText.split("").map(
+ (letter, index) => {
+ if (letter == '.'){return '.'}
+ if(event.target.innerText.length - index + 1 < iteration) {
+ return letters[Math.floor(Math.random() * letters.length)]
+
+ }
+
+ return event.target.dataset.value[index];
+ })
+ .join("");
+
+ if(iteration > event.target.dataset.value.length + 1){
+ clearInterval(interval);
+ }
+
+ iteration += 1 / 3;
+ }, 30);
+ }
+
+ document.getElementById("kwargs-link").onload = event => {
+ let iteration = 0;
+ clearInterval(interval);
+
+ interval = setInterval(() => {
+ event.target.innerText = event.target.innerText.split("").map(
+ (letter, index) => {
+ if(letter == '.'){return '.'}
+ if(event.target.innerText.length - index + 1 < iteration) {
+ return letters[Math.floor(Math.random() * letters.length)]
+
+ }
+
+ return event.target.dataset.value[index];
+ })
+ .join("");
+
+ if(iteration > event.target.dataset.value.length + 1){
+ clearInterval(interval);
+ }
+
+ iteration += 1 / 3;
+ }, 30);
+ }
\ No newline at end of file
diff --git a/index.html b/index.html
index cd45ad4..b49e630 100644
--- a/index.html
+++ b/index.html
@@ -1,71 +1,80 @@
-
-
-
-
Brian Weithers Personal Website
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
Keyword Arguments
+
+
+
+
-
+
+
+
+
+
+
+ Featured Post
+
+
+ April 14, 2024
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam suscipit felis eu nisl faucibus, ac feugiat velit aliquam.
+
+
+
+
+ Recent Posts
+
+
+
+ April 13, 2024
+
+
+
+ April 12, 2024
+
+
+
+
+ April 11, 2024
+
+
+
+
+
-
-
-
-
-
-
The expertise of a Data Scientist
-
-
-
The horsepower of a Computer Scientist
-
-
-
-
-
-
-
-
Salutations! I am a data professional based out of the Chicago area. I love Maths and Computers using them to find elegant solutions to real world problems. I mostly use Python and SQL to perform data analysis and have worked with different visualization platforms like Microsoft PowerBI, Tableau. I love playing chess. Challenge me!
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Cult of Done
-
You have to finish at some point. And today I was inspired to do so.
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
\ No newline at end of file
diff --git a/posts/blogpost.css b/posts/blogpost.css
new file mode 100644
index 0000000..c9636db
--- /dev/null
+++ b/posts/blogpost.css
@@ -0,0 +1,65 @@
+/* Reset default margin and padding */
+
+:root {
+ --main-bg-color: #AEB4A9;
+ --left-bg-color: #2B3A67;
+ --right-bg-color: #66999B;
+ --nav-bg-color: #CAD2C5;
+ --bot-bg-color: #202030;
+ --border-color: #3A3042;
+ --text-color: #B47978;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ }
+ body {
+ background-color: whitesmoke;
+ }
+ /* Style the container */
+ .container {
+ max-width: 800px; /* Adjust as needed */
+ margin: 0 auto; /* Center the container horizontally */
+ /* padding: 20px; Add some padding */
+ background-color: white;
+ }
+
+ /* Center the header and footer text */
+ header {
+ text-align: center;
+ }
+
+ /* Center the main content */
+ main {
+ text-align: justify; /* Justify text */
+ /* border-radius: 10px; */
+ border-left: rgba(125, 125, 125, 0.5) 1px solid;
+ border-right: rgba(125, 125, 125, 0.5) 1px solid;
+ padding: 50px;
+ /* margin: 10px; */
+}
+
+ main p {
+ margin: 10px;
+ padding: 10px;
+ text-align: justify;
+ font-family: 'Cousine', monospace;
+ }
+#page_title{
+ text-align: left;
+ font-size: 1.5rem;
+ margin-bottom: 25px;
+ padding-bottom: 25px;
+ border-bottom: rgba(255,255,255,0.25) 2px dotted;
+ padding-left: 5%;
+}
+#page_title a{
+ text-decoration: none;
+ color:white;
+}
+#page_title a:hover{
+ color: #66999B;
+ text-decoration: underline;
+}
diff --git a/posts/blogpost0.html b/posts/blogpost0.html
index 6545ee2..a139c09 100644
--- a/posts/blogpost0.html
+++ b/posts/blogpost0.html
@@ -1,46 +1,52 @@
-
-
-
-
Brian Weithers Personal Website
-
-
-
-
-
-
-
+
+
+
+
+
+
Post Title
+
+
+
+
+
+
+
-
-
-
-
+
+
+
+
+
Post Title
+
Publication Date
+
-
-
-
I am becoming a member of the Cult of Done . Today I was inspired by a
- YouTube video
- which underscored the value of being done with projects. It was a programmers' version of the saying I have heard about writing: "Forgive yourself for the first draft."
- A lot of the code to overhaul my website from a boilerplate template into an interactive cool site was already written. I remember after doing a lot of that work I discovered
- that the formatting that I had painstakingly laid out didn't work whenever the browser was resized. I was so discouraged I didn't pick the project up for a while.
- The video I watched today inspired me to just merge the new branch anyway. I will fix that issue later. Maybe. Or maybe I won't because it's not even important.
- Blogpost0. Only up from here.
-
-
-
-
-
-
-
-
+
+
+ This is the content of the post. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a nisi eget ante viverra lacinia. Donec sit amet erat vel nisl sollicitudin dictum. Nulla facilisi. Mauris ut nunc in turpis sollicitudin commodo eu ac ex.
+
+
+
+
+
+
+
+
+
+
+
- 
- 
-