initial commit

posixlycorrect/content/places_to_eat_out.md

@@ -0,0 +1,76 @@
++++
+title = "places_to_eat_out"
++++
+<ul id="randomize-list">
+    <li>Olive Garden</li>
+    <li>La Hacienda Mexicana</li>
+    <li>Wings on Fire</li>
+    <li>La 45</li>
+    <li>El Higuerón</li>
+    <li>La Casona de Laly</li>
+    <li>Pizza Hut</li>
+    <li>Spoon</li>
+    <li>Casa Rojas</li>
+    <li>Neko Sushi</li>
+    <li>Fitos</li>
+    <li>Cosí</li>
+    <li>La Caverna de Monto</li>
+    <li>Cantón</li>
+    <li>Ichiraku Sushi</li>
+    <li>Taquería Taquitos</li>
+    <li>95 Grados</li>
+    <li>Ciros</li>
+    <li>Family Pizza</li>
+</ul>
+
+<script>
+  // Function to randomize an array using the Fisher-Yates algorithm
+  function shuffleArray(array) {
+    for (let i = array.length - 1; i > 0; i--) {
+      const j = Math.floor(Math.random() * (i + 1));
+      [array[i], array[j]] = [array[j], array[i]];
+    }
+    return array;
+  }
+
+  // Get the list element by its ID
+  const listElement = document.getElementById('randomize-list');
+
+  // Function to randomize the list
+  function randomizeList() {
+    // Get the list items from the list element
+    const listItems = Array.from(listElement.getElementsByTagName('li'));
+
+    // Randomize the order of list items
+    const randomizedList = shuffleArray(listItems);
+
+    // Clear the existing list
+    listElement.innerHTML = '';
+
+    // Append the randomized list items back to the list element
+    randomizedList.forEach((item) => {
+      listElement.appendChild(item);
+    });
+  }
+
+  // Create a button element
+  const button = document.createElement('button');
+  button.textContent = 'Randomize!';
+  button.style.background = 'none';
+  button.style.border = 'none';
+  button.style.color = 'rgb(252, 147, 0)';
+  button.style.textDecoration = 'bold';
+  button.style.cursor = 'pointer';
+  button.style.padding = '5';
+  button.style.fontSize = '18px';
+  button.style.border = '1px solid rgb(252, 147, 0)';
+  button.style.borderRadius = '0';
+  button.style.fontFamily = 'Liberation Mono';
+  button.addEventListener('click', randomizeList);
+
+  // Insert the button before the list element
+  listElement.parentNode.insertBefore(button, listElement);
+
+  // Randomize the list initially
+  randomizeList();
+</script>