Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Add new 'Guide' feature and update navbar under issue #292 #293

Open
wants to merge 1 commit into
base: Dev
Choose a base branch
from
Open

feat: Add new 'Guide' feature and update navbar under issue #292 #293

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 59 additions & 0 deletions guide.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
}

header {
background-color: #333;
color: white;
text-align: center;
padding: 1em 0;
}

h2 {
font-size: 24px;
margin: 0;
}

main {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: white;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

section {
margin-bottom: 20px;
}

h3 {
color: #333;
}

ul, ol {
margin-left: 20px;
}

pre {
background-color: #f4f4f4;
padding: 10px;
overflow-x: auto;
}

code {
background-color: #eee;
padding: 2px 4px;
font-family: Consolas, monospace;
}

a {
color: #333;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}
75 changes: 75 additions & 0 deletions guide.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Maa-Vimala</title>
<link rel="stylesheet" href="guide.css">
</head>
<body>
<header>
<h2>Maa-Vimala</h2>
</header>
<main>
<section class="intro">
<p>Calling all keyboard enthusiasts! 🚀 Ever wish you could conquer the digital realm without lifting a finger off your beloved keys? Well, say hello to our latest creation—a game-changing tool for developers who live for the thrill of a keyboard shortcut.</p>
</section>

<section class="features">
<h3>Features</h3>
<ul>
<li><strong>Perform Search using Keywords like:</strong>
<ul>
<li>📺 YouTube</li>
<li>🔍 Google</li>
<li>📚 Wikipedia</li>
</ul>
</li>
<li><strong>Use only one word to perform Word Search (Without Space)</strong></li>
<li><strong>Perform Calculations 🧮</strong></li>
<li><strong>Weather Information ☁️</strong></li>
<li><strong>Set ToDo's (Coming Soon ❗)</strong></li>
</ul>
</section>

<section class="installation">
<h3>How To Add This on a New Tab</h3>
<ol>
<li>Clone the repository:
<pre><code>git clone https://github.com/Web403/Maa-Vimala</code></pre>
</li>
<li>Navigate to the project directory and locate the <code>index.html</code> file:
<pre><code>path/to/Maa-Vimala/index.html</code></pre>
</li>
<li>Set this file as your custom homepage in your browser:
<ul>
<li>Go to Browser Settings</li>
<li>Search for "Home page"</li>
<li>Set to "Custom URL"</li>
<li>Paste the path to the <code>index.html</code> file</li>
</ul>
</li>
</ol>
</section>

<section class="contributing">
<h3>Contributing</h3>
<p>Pull requests are welcome! Please read the <code>Contribute.md</code> file first. For major changes, open an issue to discuss what you would like to change. Ensure to update tests as appropriate.</p>
</section>

<section class="usage">
<h3>How To Use It?</h3>
<ol>
<li>Just start typing.</li>
<li>Press Enter after completing your input.</li>
<li>Watch the <a href="https://github.com/Web403/Maa-Vimala/assets/130058150/06f7bc4e-fbb0-418c-b080-1b4b05c97d1b">video tutorial</a> for more details 📽️.</li>
</ol>
</section>

<section class="community">
<h3>Join the Community</h3>
<p>Join our Discord to engage with fellow developers and enthusiasts: <a href="https://discord.gg/uD7x8Mah">Discord Invite</a></p>
</section>
</main>
</body>
</html>
8 changes: 4 additions & 4 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,10 +19,12 @@ <h1 id="logoName">Maa-Vimala</h1>
<ul class="nav-links">
<li><i class="fa-solid fa-house"></i><a href="#home"> Home </a></li>
<li><i class="fa-solid fa-info-circle"></i><a href="#about"> About Us </a></li>
<li><i class="fa fa-book"></i><a href="guide.html"> Guide </a></li>
<li><i class="fa-solid fa-concierge-bell"></i><a href="#services"> Services </a></li>
<li><i class="fa-solid fa-star"></i><a href="#reviews"> Reviews </a></li>
<li><i class="fa-solid fa-envelope"></i><a href="#contact"> Contact Us </a></li>
</ul>
<li><i class="fa-brands fa-github"></i><a href="https://github.com/Web403/Maa-Vimala"> github </a></li>
</ul>
</nav>
</header>
<!-- <div>
Expand Down Expand Up @@ -62,9 +64,7 @@ <h1 id="search-txt">Start Typing To Search...</h1>
<div id="loader"></div>
<div class="result" id="result">
</div>
<div id="link">
<a href="https://github.com/Web403/Maa-Vimala/blob/main/README.md">Read Me</a>
</div>

</div>
<script>
let time = document.getElementById('time');
Expand Down
7 changes: 6 additions & 1 deletion style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,11 @@ body {
text-align: center;
font-size: 15px;
}

li{
padding: 10px;
}

img{
max-width: 100%;
max-height: 100%;
Expand Down Expand Up @@ -102,7 +107,7 @@ button {
margin: 10px;
}
.wiki-result a{
color: rgb(0, 255, 0);
color: rgb(34, 119, 34);
text-decoration: none;
}
#content li{
Expand Down