Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 60cffa8

Browse files
working on footer
1 parent 31eecb7 commit 60cffa8

File tree

4 files changed

+322
-249
lines changed

4 files changed

+322
-249
lines changed

‎all_note.html

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
<!doctype html>
2+
<html lang="en" style="overflow-y: scroll;">
3+
<head>
4+
<!-- Required meta tags -->
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
9+
<!-- Bootstrap CSS -->
10+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
11+
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
12+
<style>
13+
.modal-open[style] {
14+
padding-right: 0px !important;
15+
}
16+
</style>
17+
<title>NoteFizz</title>
18+
</head>
19+
<body style="padding-right: 0px !important;">
20+
21+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
22+
<a class="navbar-brand" href="#">NoteFizz</a>
23+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
24+
<span class="navbar-toggler-icon"></span>
25+
</button>
26+
27+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
28+
<ul class="navbar-nav mr-auto">
29+
<li class="nav-item active">
30+
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
31+
</li>
32+
<li class="nav-item">
33+
<a class="nav-link" href="#">View All Notes</a>
34+
</li>
35+
36+
</ul>
37+
<form class="form-inline my-2 my-lg-0">
38+
<input class="form-control mr-sm-2 note-search" type="search" placeholder="Search" onkeyup="note_search()" aria-label="Search">
39+
40+
</form>
41+
</div>
42+
</nav>
43+
44+
<div id="alert"></div>
45+
<div class="main-container mx-auto" style="max-width: 60%; box-sizing: border-box;">
46+
47+
<h2 class=" ml3 mt-5 mb-2"><span class="letters">Welcome to NoteFizz App</span></h2>
48+
49+
<form>
50+
51+
<div class="form-group">
52+
53+
54+
<div class="custom-control custom-switch my-3">
55+
<input type="checkbox" class="custom-control-input" id="fetchnote" onclick="switch_state()">
56+
<label class="custom-control-label" for="fetchnote">Fetch Saved Notes on Startup</label>
57+
</div>
58+
<button type="button" class="btn btn-dark" onclick="saved_notes_display()">Fetch Saved Notes</button>
59+
<button type="button" class="btn btn-dark" data-toggle="modal" data-target="#exampleModal" >Clear Local Storage</button>
60+
</form>
61+
<div class="note_container my-5" style="min-width: 100%; box-sizing: border-box;" id="nc">
62+
<h4>Your Notes</h4>
63+
<div class="notes d-flex flex-wrap justify-content-between" style="width: 100%;box-sizing: border-box;"id="nt">
64+
65+
</div>
66+
</div>
67+
</div>
68+
</div>
69+
<!-- ///////////////////////////bootstrap modal/////////////////////////// -->
70+
71+
<!-- Modal -->
72+
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
73+
<div class="modal-dialog">
74+
<div class="modal-content">
75+
<div class="modal-header">
76+
<h5 class="modal-title" id="exampleModalLabel">Warning</h5>
77+
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
78+
<span aria-hidden="true">&times;</span>
79+
</button>
80+
</div>
81+
<div class="modal-body">
82+
If you proceed further then your whole local storage will be cleared and you'll lost all note saved in your browser local storage. Think twice before proceeding.
83+
</div>
84+
<div class="modal-footer">
85+
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
86+
<button type="button" onclick="localStorage_clear()
87+
" class="btn btn-dark">Clear Storage</button>
88+
</div>
89+
</div>
90+
</div>
91+
</div>
92+
<script src="js/script.js"></script>
93+
<!-- Optional JavaScript; choose one of the two! -->
94+
95+
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
96+
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
97+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
98+
99+
</body>
100+
</html>

‎css/style.css

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
footer
2+
{
3+
min-height: 70px;
4+
display: flex;
5+
background-color: #343a40!important;
6+
color: white;
7+
justify-content: center;
8+
align-items: center;
9+
10+
}
11+
button
12+
{
13+
margin-bottom: 5px;
14+
}
15+
.main-container
16+
{
17+
min-height: 100vh;
18+
}

‎index.html

Lines changed: 12 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,7 @@
99
<!-- Bootstrap CSS -->
1010
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
1111
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
12-
<style>
13-
.modal-open[style] {
14-
padding-right: 0px !important;
15-
}
16-
</style>
12+
<link rel="stylesheet" href="css/style.css">
1713
<title>NoteFizz</title>
1814
</head>
1915
<body style="padding-right: 0px !important;">
@@ -27,29 +23,16 @@
2723
<div class="collapse navbar-collapse" id="navbarSupportedContent">
2824
<ul class="navbar-nav mr-auto">
2925
<li class="nav-item active">
30-
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
26+
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
3127
</li>
3228
<li class="nav-item">
33-
<a class="nav-link" href="#">Link</a>
34-
</li>
35-
<li class="nav-item dropdown">
36-
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
37-
Dropdown
38-
</a>
39-
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
40-
<a class="dropdown-item" href="#">Action</a>
41-
<a class="dropdown-item" href="#">Another action</a>
42-
<div class="dropdown-divider"></div>
43-
<a class="dropdown-item" href="#">Something else here</a>
44-
</div>
45-
</li>
46-
<li class="nav-item">
47-
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
29+
<a class="nav-link" href="all_note.html">View All Notes</a>
4830
</li>
31+
4932
</ul>
5033
<form class="form-inline my-2 my-lg-0">
5134
<input class="form-control mr-sm-2 note-search" type="search" placeholder="Search" onkeyup="note_search()" aria-label="Search">
52-
<buttonclass="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
35+
5336
</form>
5437
</div>
5538
</nav>
@@ -64,7 +47,7 @@ <h2 class=" ml3 mt-5 mb-2"><span class="letters">Welcome to NoteFizz App</span><
6447
<div class="form-group">
6548
<div class="title-area my-4" style="height: 40px;">
6649

67-
<input type="text" class="form-control mt-3" id="note_title" placeholder="Note Title" style="border: 1px solid black;">
50+
<input type="text" onblur="unique_notes_verifier()" class="form-control mt-3" id="note_title" placeholder="Note Title" style="border: 1px solid black;">
6851
<p id="title_error"></p>
6952
</div>
7053
<div class="data-area my-4" style=" min-height: 200px !important;">
@@ -115,6 +98,12 @@ <h5 class="modal-title" id="exampleModalLabel">Warning</h5>
11598
</div>
11699
</div>
117100
</div>
101+
<footer>
102+
<div class="fcontent">
103+
<h6>All Rights Reserved | &copy; NoteFizz | Navdeep Mishra</h6>
104+
</div>
105+
</footer>
106+
118107
<script src="js/script.js"></script>
119108
<!-- Optional JavaScript; choose one of the two! -->
120109

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /