InstantNoteTaker/about.html at main · devulapallisai/InstantNoteTaker · 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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,viewport-fit=cover">
    <title>About</title>
    <script src="sw-register.js"></script>
    <link rel="manifest" href="app.webmanifest">
  <link rel="apple-touch-icon" href="icon100.png">
    <link rel="shortcut icon" href="icon16.png" type="image/x-icon">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
        crossorigin="anonymous"></script>
    <link rel="stylesheet" href="css/styleabout.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&display=swap" rel="stylesheet">
</head>

<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid" style="font-family: 'Baloo Bhai 2', cursive;">
            <a href="index.html"><img class="logo" src="attachments/download.jpg" alt="Logo Here"></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent"
                style="font-family: 'Baloo Bhai 2', cursive;">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="/"><span class="H">Home</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="Note.html"><span class="H">Create
                                Notes</span></a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="index.html" id="navbarDropdown" role="button"
                            data-bs-toggle="dropdown" aria-expanded="false"><span class="H">More About Us</span></a>
                        </a>
                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown"
                            style="font-family: 'Baloo Bhai 2', cursive;">
                            <li><a class="dropdown-item" href="about.html">Why this notes</a></li>
                            <li><a class="dropdown-item" href="Suggest.html">Suggest Us</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="back">
        <section class="container information">
            This project is made by me(Sai Prachodhan Devulapalli). And the main goal of this project is make it use
            when I or someone want to take quick notes of a session or else like for copy and paste text and any small
            and general reminders which we often forget and regret for them. This project is basically works on the
            principle of LocalStorage as I am new to web development and I haven't learned about the back-end and
            DataBases. As this project uses LocalStorage of the webBrowser it is guaranteed that your private
            informatrion or else whatever you write into it will be safe. The cool features of my starting work are as
            follows :-
            <ol>
                <li style="padding: 1vh;">Works on LocalStorage so your data will be secured and cannot be lost until
                    you clear the LocalStorage. So I request you to use delete button to delete a note rather than
                    deleting the LocalStorage using LocalStorage.clear().</li>
                <li style="padding: 1vh;">One of my basic feature but the most important feature is using search bar
                    which will work using javascript code I wrote and giving you instantaneous results and better
                    experience also it makes my website cool and useful.If you haven't tried it please try it out now to
                    find your note based on your title or text and also case-insensitive where I used regular
                    expressions of javascript.</li>
                <li style="padding: 1vh;">It can support Grammarly and any other text editor extensions installeed in
                    Google chrome to edit your text and Please donot fill the empty note or title as you will get an
                    alert on doing so.</li>
                <li style="padding: 1vh;">You can mark important for the notes you want to have more attention at. And
                    the note will be highlighted in background-color red so that you can fetch your important notes from
                    the list of your total notes and easily detect your important text. But These all works using
                    LocalStorage please remind it.</li>
                <li style="padding: 1vh;">I am looking into further features so which I can develop my website more like
                    adding tone using Machine learning and self-text editor or auto-spell checker and making this
                    project using Full stack web development and using MongoDB/Django/Node.js for it.</li>
                </ul>
                <li style="padding: 1vh;">I have also done a extension which includes this website URL in the context menu of the Google pages so that after installing when we create the right click on mouse at chrome page then you can see a InstantNoteTaker option added in the chrome menu which on clicked redirects to the Notes section of our website.</li>
                <li style="padding: 0.2vh;">I have connected Form in Suggest/Contact Us page to Google Spreadsheet through API Spreadsheet and you can contact me now Filling the form.</li>
                </ul>
        </section>
    </div>
    <div class="container Info my-4">
        <div class="card mx-2">
            <img src="attachments/oo.jpg" class="card-img-top" alt="Image">
        </div>
        <div class="card mx-2">
            <img src="attachments/ap.jpg" class="card-img-top" alt="Image">
        </div>
        <div class="card mx-2">
            <img src="attachments/q.jpg" class="card-img-top" alt="Image">
        </div>
    </div>
    <!--  -->
    <div class="footer">
        <div class="container Last">
            <h3>Contact Us</h3>
            <ul>
                <li style="padding-top: 12vh;"><img class="quick-link-image" src="https://static.nortoncdn.com/nortonsafesearch/quickLinks/youtube_favicon.ico"><a href="">Subscribe my youtube Channel</a></li>
                <li><img class="quick-link-image" src="https://static.nortoncdn.com/nortonsafesearch/quickLinks/gmail_favicon.ico"><a href="">Email me</a></li>
                <li><img class="quick-link-image" src="https://static.nortoncdn.com/nortonsafesearch/quickLinks/facebook_favicon.ico"><a href="">Follow me on facebook</a></li>
            </ul>
        </div>
    </div>
    <script src="javascript/About.js"></script>
</body>

</html>