diff --git a/infinywiki2.py b/infinywiki2.py
new file mode 100644
index 0000000..421b08d
--- /dev/null
+++ b/infinywiki2.py
@@ -0,0 +1,291 @@
+from flask import Flask, render_template_string, request, jsonify
+import wikipedia
+import requests
+import warnings
+from bs4 import GuessedAtParserWarning
+from wikipedia.exceptions import DisambiguationError, PageError
+
+# Disable BeautifulSoup parser warnings
+warnings.filterwarnings("ignore", category=GuessedAtParserWarning)
+
+app = Flask(__name__)
+
+# Configure Wikipedia language and user agent
+wikipedia.set_lang("en")
+user_agent = "WikiFlow/1.0 (jelnique@gmail.com)"
+wikipedia.set_user_agent(user_agent)
+
+# A set to keep track of pages that have already been loaded
+visited_pages = set()
+
+# Global variables to cache search results
+cached_search_results = []
+current_search_term = ""
+current_search_index = 0
+
+def get_wikipedia_page(title, visited=None):
+    """
+    Attempts to fetch a Wikipedia page for a given title.
+    If a DisambiguationError is raised, iterates through the options,
+    skipping those containing 'disambiguation' and avoiding loops.
+    """
+    if visited is None:
+        visited = set()
+    if title in visited:
+        print(f"Already visited '{title}', stopping recursion.")
+        return None
+    visited.add(title)
+    try:
+        # Use auto_suggest=False for a more exact match
+        page = wikipedia.page(title, auto_suggest=False)
+        return page
+    except DisambiguationError as e:
+        print(f"Disambiguation error for '{title}': {e.options}")
+        # Try each option that does not contain "disambiguation"
+        for option in e.options:
+            if "disambiguation" in option.lower():
+                continue
+            candidate = get_wikipedia_page(option, visited)
+            if candidate:
+                return candidate
+        print(f"No suitable disambiguation found for '{title}'")
+        return None
+    except PageError as e:
+        print(f"Page error for '{title}': {e}")
+        return None
+
+@app.route('/search', methods=['POST'])
+def search():
+    """
+    Performs a search using the provided term and caches a list of titles.
+    Returns the first two valid articles from the cached results.
+    """
+    global current_search_term, cached_search_results, current_search_index, visited_pages
+    search_term = request.json.get('search_term')
+    if not search_term:
+        return jsonify({'articles': []})
+    
+    current_search_term = search_term
+    try:
+        # Get up to 50 search results for better filtering options
+        results = wikipedia.search(search_term, results=50)
+    except Exception as e:
+        print("Search error:", e)
+        return jsonify({'articles': []})
+    
+    cached_search_results = results
+    current_search_index = 0  # reset the index for a new search
+    articles = []
+    
+    # Loop through cached results until we have two valid articles
+    while current_search_index < len(cached_search_results) and len(articles) < 2:
+        title = cached_search_results[current_search_index]
+        current_search_index += 1
+        page = get_wikipedia_page(title)
+        if page and page.title not in visited_pages:
+            articles.append({
+                'title': page.title,
+                'url': f"https://en.wikipedia.org/wiki/{page.title.replace(' ', '_')}"
+            })
+            visited_pages.add(page.title)
+    return jsonify({'articles': articles})
+
+@app.route('/next_article', methods=['POST'])
+def next_article():
+    """
+    Returns the next two valid articles from the cached search results.
+    """
+    global current_search_term, cached_search_results, current_search_index, visited_pages
+    if not current_search_term:
+        return jsonify({'articles': []})
+    
+    articles = []
+    while current_search_index < len(cached_search_results) and len(articles) < 2:
+        title = cached_search_results[current_search_index]
+        current_search_index += 1
+        page = get_wikipedia_page(title)
+        if page and page.title not in visited_pages:
+            articles.append({
+                'title': page.title,
+                'url': f"https://en.wikipedia.org/wiki/{page.title.replace(' ', '_')}"
+            })
+            visited_pages.add(page.title)
+    return jsonify({'articles': articles})
+
+@app.route('/')
+def index():
+    return render_template_string(TEMPLATE)
+
+def is_valid_article(title):
+    """
+    A basic validation to rule out empty or purely numeric titles.
+    (Spaces are allowed since most Wikipedia articles include them.)
+    """
+    return bool(title) and not title.isdigit()
+
+TEMPLATE = """
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>WikiFlow - Infinite Wikipedia</title>
+  <style>
+    body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
+    /* Top loading bar */
+    #top-loading {
+      position: fixed;
+      top: 0;
+      left: 0;
+      height: 4px;
+      background-color: #3498db;
+      width: 0%;
+      transition: width 0.4s ease;
+      z-index: 1500;
+    }
+    /* Search container (placed just below the loading bar) */
+    #search-container {
+      position: fixed;
+      top: 4px;
+      left: 0;
+      width: 100%;
+      background: white;
+      padding: 10px;
+      box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+      text-align: center;
+      z-index: 1000;
+    }
+    #search-container input { padding: 8px; font-size: 16px; width: 250px; }
+    #current-title { font-size: 18px; font-weight: bold; margin-top: 5px; }
+    /* Content area */
+    #content { margin-top: 80px; display: flex; flex-direction: column; align-items: center; }
+    iframe { width: 90%; height: 800px; border: none; margin-bottom: 10px; }
+    /* Bottom persistent indicator */
+    #bottom-indicator {
+      position: fixed;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      text-align: center;
+      padding: 5px;
+      background: rgba(0, 0, 0, 0.7);
+      color: #fff;
+      font-size: 14px;
+      z-index: 1000;
+    }
+  </style>
+</head>
+<body>
+
+  <!-- Top loading bar -->
+  <div id="top-loading"></div>
+
+  <!-- Search container -->
+  <div id="search-container">
+    <input type="text" id="search" placeholder="Search Wikipedia">
+    <button onclick="searchArticle()">Search</button>
+    <div id="current-title">Welcome! Search an article.</div>
+  </div>
+
+  <!-- Content area for iframes -->
+  <div id="content"></div>
+
+  <!-- Persistent bottom indicator -->
+  <div id="bottom-indicator">Scroll for more articles</div>
+
+  <script>
+    let loadedPages = new Set();
+    let isLoading = false;
+
+    // IntersectionObserver to update the current article title
+    let observer = new IntersectionObserver((entries) => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {
+          const title = entry.target.dataset.title;
+          document.getElementById('current-title').textContent = 'Reading: ' + title;
+        }
+      });
+    }, { threshold: 0.5 });
+
+    // Functions for the top loading bar
+    function startLoadingBar() {
+      const topLoading = document.getElementById('top-loading');
+      topLoading.style.width = '80%';
+    }
+
+    function finishLoadingBar() {
+      const topLoading = document.getElementById('top-loading');
+      topLoading.style.width = '100%';
+      setTimeout(() => {
+         topLoading.style.width = '0%';
+      }, 300);
+    }
+
+    function searchArticle() {
+      const searchTerm = document.getElementById('search').value;
+      if (searchTerm.trim() === '') return;
+      // Reset loaded pages for a new search
+      loadedPages = new Set();
+      startLoadingBar();
+      fetch('/search', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ search_term: searchTerm })
+      })
+      .then(response => response.json())
+      .then(data => {
+        document.getElementById('content').innerHTML = '';  // Clear previous results
+        if (data.articles.length > 0) {
+          data.articles.forEach(article => loadIframe(article.title, article.url));
+          document.getElementById('current-title').textContent = 'Reading: ' + data.articles[0].title;
+        } else {
+          alert('No results found!');
+        }
+      })
+      .catch(error => console.error('Error fetching search results:', error))
+      .finally(() => finishLoadingBar());
+    }
+
+    function loadIframe(title, url) {
+      if (loadedPages.has(title)) return;  // Skip if already loaded
+      const iframe = document.createElement('iframe');
+      iframe.src = url;
+      iframe.dataset.title = title;
+      document.getElementById('content').appendChild(iframe);
+      loadedPages.add(title);
+      // Observe this iframe so that when it's mostly in view, the title updates.
+      observer.observe(iframe);
+    }
+
+    function loadNextArticles() {
+      if (isLoading) return;
+      const isAtBottom = (window.innerHeight + window.scrollY) >= document.body.offsetHeight - 10;
+      if (isAtBottom) {
+        isLoading = true;
+        startLoadingBar();
+        fetch('/next_article', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({})
+        })
+        .then(response => response.json())
+        .then(data => {
+          data.articles.forEach(article => loadIframe(article.title, article.url));
+        })
+        .catch(error => console.error('Error fetching next articles:', error))
+        .finally(() => {
+          finishLoadingBar();
+          isLoading = false;
+        });
+      }
+    }
+
+    window.onscroll = loadNextArticles;
+  </script>
+
+</body>
+</html>
+"""
+
+if __name__ == '__main__':
+    app.run(debug=True)
diff --git a/infywiki.py b/infywiki.py
new file mode 100644
index 0000000..b16dffe
--- /dev/null
+++ b/infywiki.py
@@ -0,0 +1,241 @@
+from flask import Flask, render_template_string, request, jsonify
+import wikipedia
+import requests
+import warnings
+from bs4 import GuessedAtParserWarning
+from wikipedia.exceptions import DisambiguationError, PageError
+
+# Disable BeautifulSoup parser warnings
+warnings.filterwarnings("ignore", category=GuessedAtParserWarning)
+
+app = Flask(__name__)
+
+# Configure Wikipedia language and user agent
+wikipedia.set_lang("en")
+user_agent = "WikiFlow/1.0 (jelnique@gmail.com)"
+wikipedia.set_user_agent(user_agent)
+
+# A set to keep track of pages that have already been loaded
+visited_pages = set()
+
+# Global variables to cache search results
+cached_search_results = []
+current_search_term = ""
+current_search_index = 0
+
+def get_wikipedia_page(title, visited=None):
+    """
+    Attempts to fetch a Wikipedia page for a given title.
+    If a DisambiguationError is raised, iterates through the options,
+    skipping those containing 'disambiguation' and avoiding loops.
+    """
+    if visited is None:
+        visited = set()
+    if title in visited:
+        print(f"Already visited '{title}', stopping recursion.")
+        return None
+    visited.add(title)
+    try:
+        # Use auto_suggest=False for a more exact match
+        page = wikipedia.page(title, auto_suggest=False)
+        return page
+    except DisambiguationError as e:
+        print(f"Disambiguation error for '{title}': {e.options}")
+        # Try each option that does not contain "disambiguation"
+        for option in e.options:
+            if "disambiguation" in option.lower():
+                continue
+            candidate = get_wikipedia_page(option, visited)
+            if candidate:
+                return candidate
+        print(f"No suitable disambiguation found for '{title}'")
+        return None
+    except PageError as e:
+        print(f"Page error for '{title}': {e}")
+        return None
+
+@app.route('/search', methods=['POST'])
+def search():
+    """
+    Performs a search using the provided term and caches a list of titles.
+    Returns the first two valid articles from the cached results.
+    """
+    global current_search_term, cached_search_results, current_search_index, visited_pages
+    search_term = request.json.get('search_term')
+    if not search_term:
+        return jsonify({'articles': []})
+    
+    current_search_term = search_term
+    try:
+        # Get up to 50 search results for better filtering options
+        results = wikipedia.search(search_term, results=50)
+    except Exception as e:
+        print("Search error:", e)
+        return jsonify({'articles': []})
+    
+    cached_search_results = results
+    current_search_index = 0  # reset the index for a new search
+    articles = []
+    
+    # Loop through cached results until we have two valid articles
+    while current_search_index < len(cached_search_results) and len(articles) < 2:
+        title = cached_search_results[current_search_index]
+        current_search_index += 1
+        page = get_wikipedia_page(title)
+        if page and page.title not in visited_pages:
+            articles.append({
+                'title': page.title,
+                'url': f"https://en.wikipedia.org/wiki/{page.title.replace(' ', '_')}"
+            })
+            visited_pages.add(page.title)
+    return jsonify({'articles': articles})
+
+@app.route('/next_article', methods=['POST'])
+def next_article():
+    """
+    Returns the next two valid articles from the cached search results.
+    """
+    global current_search_term, cached_search_results, current_search_index, visited_pages
+    if not current_search_term:
+        return jsonify({'articles': []})
+    
+    articles = []
+    while current_search_index < len(cached_search_results) and len(articles) < 2:
+        title = cached_search_results[current_search_index]
+        current_search_index += 1
+        page = get_wikipedia_page(title)
+        if page and page.title not in visited_pages:
+            articles.append({
+                'title': page.title,
+                'url': f"https://en.wikipedia.org/wiki/{page.title.replace(' ', '_')}"
+            })
+            visited_pages.add(page.title)
+    return jsonify({'articles': articles})
+
+@app.route('/')
+def index():
+    return render_template_string(TEMPLATE)
+
+def is_valid_article(title):
+    """
+    A basic validation to rule out empty or purely numeric titles.
+    (Spaces are allowed since most Wikipedia articles include them.)
+    """
+    return bool(title) and not title.isdigit()
+
+TEMPLATE = """
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>WikiFlow - Infinite Wikipedia</title>
+  <style>
+    body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
+    #search-container {
+      position: fixed; top: 0; left: 0; width: 100%; background: white;
+      padding: 10px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+      text-align: center; z-index: 1000;
+    }
+    #search-container input { padding: 8px; font-size: 16px; width: 250px; }
+    #current-title { font-size: 18px; font-weight: bold; margin-top: 5px; }
+    #content { margin-top: 80px; display: flex; flex-direction: column; align-items: center; }
+    iframe { width: 90%; height: 800px; border: none; margin-bottom: 10px; }
+    #loading { display: none; text-align: center; margin-top: 10px; }
+  </style>
+</head>
+<body>
+
+  <div id="search-container">
+    <input type="text" id="search" placeholder="Search Wikipedia">
+    <button onclick="searchArticle()">Search</button>
+    <div id="current-title">Welcome! Search an article.</div>
+  </div>
+
+  <div id="loading">
+    <p>Loading next articles...</p>
+  </div>
+
+  <div id="content"></div>
+
+  <script>
+    let loadedPages = new Set();
+    let isLoading = false;
+
+    // Set up an IntersectionObserver to update the current article title.
+    let observer = new IntersectionObserver((entries) => {
+      entries.forEach(entry => {
+        // If the iframe is at least 50% visible, update the title.
+        if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {
+          const title = entry.target.dataset.title;
+          document.getElementById('current-title').textContent = 'Reading: ' + title;
+        }
+      });
+    }, { threshold: 0.5 });
+
+    function searchArticle() {
+      const searchTerm = document.getElementById('search').value;
+      if (searchTerm.trim() === '') return;
+      // Clear loaded pages for a new search
+      loadedPages = new Set();
+      fetch('/search', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ search_term: searchTerm })
+      })
+      .then(response => response.json())
+      .then(data => {
+        document.getElementById('content').innerHTML = '';  // Clear previous results
+        if (data.articles.length > 0) {
+          data.articles.forEach(article => loadIframe(article.title, article.url));
+          // Set the title to the first article
+          document.getElementById('current-title').textContent = 'Reading: ' + data.articles[0].title;
+        } else {
+          alert('No results found!');
+        }
+      })
+      .catch(error => console.error('Error fetching search results:', error));
+    }
+
+    function loadIframe(title, url) {
+      if (loadedPages.has(title)) return;  // Skip if already loaded
+      const iframe = document.createElement('iframe');
+      iframe.src = url;
+      iframe.dataset.title = title;
+      document.getElementById('content').appendChild(iframe);
+      loadedPages.add(title);
+      // Observe this iframe so that when it's mostly in view, the title updates.
+      observer.observe(iframe);
+    }
+
+    function loadNextArticles() {
+      if (isLoading) return;
+      const isAtBottom = (window.innerHeight + window.scrollY) >= document.body.offsetHeight - 10;
+      if (isAtBottom) {
+        isLoading = true;
+        document.getElementById('loading').style.display = 'block';
+        fetch('/next_article', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({})
+        })
+        .then(response => response.json())
+        .then(data => {
+          data.articles.forEach(article => loadIframe(article.title, article.url));
+        })
+        .finally(() => {
+          document.getElementById('loading').style.display = 'none';
+          isLoading = false;
+        });
+      }
+    }
+
+    window.onscroll = loadNextArticles;
+  </script>
+
+</body>
+</html>
+"""
+
+if __name__ == '__main__':
+    app.run(debug=True)
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..d9b7b87
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>WikiFlow - Infinite Wikipedia</title>
+    <style>
+        body {
+            font-family: 'Arial', sans-serif;
+            background: linear-gradient(135deg, #1e3c72, #2a5298);
+            color: white;
+            text-align: center;
+            margin: 0;
+            padding: 0;
+            overflow-x: hidden;
+        }
+        #search-container {
+            padding: 20px;
+            background: rgba(255, 255, 255, 0.2);
+            backdrop-filter: blur(10px);
+            border-radius: 15px;
+            margin: 20px auto;
+            width: 60%;
+            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
+        }
+        #search {
+            padding: 10px;
+            width: 60%;
+            border: none;
+            border-radius: 25px;
+            outline: none;
+            font-size: 16px;
+        }
+        button {
+            background: linear-gradient(90deg, #ff7eb3, #ff758c);
+            border: none;
+            color: white;
+            padding: 10px 20px;
+            font-size: 16px;
+            border-radius: 25px;
+            cursor: pointer;
+            transition: 0.3s;
+        }
+        button:hover {
+            box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.6);
+        }
+        #content {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin-top: 20px;
+        }
+        iframe {
+            width: 90%;
+            height: 600px;
+            border-radius: 10px;
+            margin-bottom: 20px;
+            box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5);
+        }
+        #loading-bar {
+            height: 5px;
+            background: linear-gradient(90deg, #ff7eb3, #ff758c);
+            width: 0;
+            transition: width 0.5s ease;
+        }
+    </style>
+</head>
+<body>
+    <div id="loading-bar"></div>
+    <div id="search-container">
+        <input type="text" id="search" placeholder="Search Wikipedia">
+        <button onclick="searchArticle()">Search</button>
+    </div>
+    <div id="content"></div>
+    <script>
+        function searchArticle() {
+            document.getElementById('loading-bar').style.width = '80%';
+            let searchTerm = document.getElementById('search').value;
+            fetch('/search', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ search_term: searchTerm })
+            })
+            .then(response => response.json())
+            .then(data => {
+                document.getElementById('content').innerHTML = '';
+                data.articles.forEach(article => loadIframe(article.url));
+                document.getElementById('loading-bar').style.width = '100%';
+                setTimeout(() => document.getElementById('loading-bar').style.width = '0%', 500);
+            });
+        }
+        function loadIframe(url) {
+            let iframe = document.createElement('iframe');
+            iframe.src = url;
+            document.getElementById('content').appendChild(iframe);
+        }
+    </script>
+</body>
+</html>
diff --git a/templates/indexWikiold.html b/templates/indexWikiold.html
new file mode 100644
index 0000000..48fe3da
--- /dev/null
+++ b/templates/indexWikiold.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Wikipedia Infinite Scroll</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            padding: 20px;
+            text-align: center;
+        }
+        iframe {
+            width: 100%;
+            height: 800px;
+            border: none;
+        }
+        #loading {
+            display: none;
+            text-align: center;
+        }
+        #loading-bar {
+            width: 50%;
+            height: 4px;
+            background: #4CAF50;
+            margin: 10px auto;
+        }
+        #search-container {
+            margin-bottom: 20px;
+        }
+    </style>
+</head>
+<body>
+
+    <h1>Wikipedia Infinite Scroll</h1>
+
+    <div id="search-container">
+        <input type="text" id="search" placeholder="Enter search term">
+        <button onclick="searchArticle()">Search</button>
+    </div>
+
+    <div id="loading">
+        <div id="loading-bar"></div>
+        <p>Loading next article...</p>
+    </div>
+
+    <div id="content"></div>
+
+    <script>
+        let pages = [];
+        let currentIndex = 0;
+        let searchTerm = '';
+
+        function searchArticle() {
+            searchTerm = document.getElementById('search').value;
+
+            if (searchTerm.trim() === '') return;
+
+            fetch('/search', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({search_term: searchTerm})
+            })
+            .then(response => response.json())
+            .then(data => {
+                pages = data.pages;
+                currentIndex = 0;
+                if (pages.length > 0) {
+                    loadIframe(pages[currentIndex].url);
+                } else {
+                    alert('No results found!');
+                }
+            });
+        }
+
+        function loadIframe(url) {
+            const iframe = document.createElement('iframe');
+            iframe.src = url;
+            iframe.style.display = "block";
+            document.getElementById('content').appendChild(iframe);
+
+            iframe.onload = () => {
+                setTimeout(() => {
+                    window.onscroll = loadNextArticle;
+                }, 1000);
+            };
+        }
+
+        function loadNextArticle() {
+            const isAtBottom = (window.innerHeight + window.scrollY) >= document.body.offsetHeight - 50;
+
+            if (isAtBottom) {
+                document.getElementById('loading').style.display = 'block';
+                document.getElementById('loading-bar').style.width = '0%';
+
+                let progressBarInterval = setInterval(() => {
+                    let currentWidth = parseInt(document.getElementById('loading-bar').style.width, 10);
+                    if (currentWidth < 100) {
+                        currentWidth += 2;
+                        document.getElementById('loading-bar').style.width = `${currentWidth}%`;
+                    } else {
+                        clearInterval(progressBarInterval);
+                    }
+                }, 30);
+
+                setTimeout(() => {
+                    if (currentIndex < pages.length - 1) {
+                        currentIndex++;
+                        loadIframe(pages[currentIndex].url);
+                        document.getElementById('loading').style.display = 'none';
+                    } else {
+                        fetchMorePages();
+                    }
+                }, 1000);
+            }
+        }
+
+        function fetchMorePages() {
+            fetch('/load_more', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({search_term: searchTerm})
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.pages.length > 0) {
+                    pages = pages.concat(data.pages);
+                    currentIndex++;
+                    loadIframe(pages[currentIndex].url);
+                } else {
+                    console.log("No more articles found.");
+                }
+                document.getElementById('loading').style.display = 'none';
+            });
+        }
+
+        window.onscroll = loadNextArticle;
+    </script>
+
+</body>
+</html>