string-algorithms-visualizer/home.html at master · abhishek593/string-algorithms-visualizer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>String-Algorithms Visualiser</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</head>
<body>
<div class="fluid-container text-center" style="padding-top: 40px">
    <div class="github-fork-ribbon-wrapper right fixed" style="width: 150px;height: 150px;position: fixed;overflow: hidden;top: 0;z-index: 9999;pointer-events: none;right: 0;"><div class="github-fork-ribbon" style="position: absolute;padding: 2px 0;background-color: #333;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15));-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);z-index: 9999;pointer-events: auto;top: 42px;right: -43px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);"><a target="_blank" href="https://github.com/abhishek593/string-algorithms-visualizer" style="font: 700 13px &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;color: #fff;text-decoration: none;text-shadow: 0 -1px rgba(0, 0, 0, 0.5);text-align: center;width: 200px;line-height: 20px;display: inline-block;padding: 2px 0;border-width: 1px 0;border-style: dotted;border-color: rgba(255, 255, 255, 0.7);">Fork me on GitHub</a></div></div>

    <h1 class="display-4 fw-bold">Welcome to String-Algorithms Visualizer</h1>
    <div class="lead text-center">
        1. Given a text and a pattern, find all the occurrences of the pattern in the text.
        <p style="padding-top: 10px"><a href="Naive%20Algorithm/naive.html" class="btn btn-info">Naive String Matching Algorithm</a></p>
        <p style="padding-top: 10px"><a href="KMP/kmp.html" class="btn btn-info">Knuth-Morris-Pratt Algorithm</a></p>
        <p style="padding-top: 10px"><a href="Z%20Function/zfunc.html" class="btn btn-info">Z Algorithm</a></p>
    </div>
    <div style="padding-top: 25px" class="lead text-center">
        2.Given a string find all the palindromes in O(N).
        <p style="padding-top: 10px"><a href="Manacher/manacher.html" class="btn btn-info">Manacher's Algorithm</a></p>
    </div>

    <div style="padding-top: 25px" class="lead text-center">
        3.Given a dictionary of words and a pattern, check if the pattern is present in the dictionary.
        <p style="padding-top: 10px"><a href="Trie/trie.html" class="btn btn-info">Trie Data Structure</a></p>
    </div>
</div>
</body>
</html>