Skip to content

Logo Position #933

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

Open
muskanmandloi wants to merge 18 commits into
base: main
Choose a base branch
from
Open

Logo Position #933

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
7dfc322
Update index.html
muskanmandloi May 21, 2023
0931ea5
Update style.css
muskanmandloi May 22, 2023
ae73e7d
first commit
muskanmandloi May 28, 2023
b97abd1
first commit
muskanmandloi May 29, 2023
c6d612d
first commit
muskanmandloi May 29, 2023
c6cf417
initial commit
muskanmandloi May 31, 2023
0af5879
commit
muskanmandloi Jun 1, 2023
915d1e0
commit
muskanmandloi Jun 2, 2023
94e621c
commit
muskanmandloi Jun 3, 2023
8fb8ae9
commit initial
muskanmandloi Jun 4, 2023
45db170
first commit
muskanmandloi Jun 5, 2023
61bc234
first commit
muskanmandloi Jun 6, 2023
b878a88
first commit
muskanmandloi Jun 8, 2023
7586837
first commit
muskanmandloi Jun 8, 2023
63e5abf
first commit
muskanmandloi Jun 10, 2023
ebfafc8
first commit
muskanmandloi Jun 15, 2023
be5870c
first commit
muskanmandloi Jun 19, 2023
623e8aa
first commit
muskanmandloi Jun 20, 2023
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
202 changes: 202 additions & 0 deletions Gallary-section/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,202 @@
<!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">
<title>Gallery</title>
</head>

<body>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="/style.css">
<script src="https://kit.fontawesome.com/c4254e24a8.js"></script>
<script src="https://kit.fontawesome.com/739255457e.js" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/YOUR_KIT_CODE.js" crossorigin="anonymous"></script>
<div class="navbar">
<div class="logo">
<a href="https://code-engineering.netlify.app/"><img src="../images/logo1.png" width="200px"></a>
</div>
<nav>
<ul>

<li><a class="nav-link" href="../index.html">Home</a></li>
<li><a class="nav-link" href="">Projects</a></li>
<li><a class="nav-link" href="">Library</a></li>
<li><a class="nav-link" href="">Contact</a></li>
<a id= "mike-button" href="#"><i class="mic fa-solid fa-microphone"></i></a>
<img src="../images/GS20.gif" alt="google" class="google">
</ul>
</nav>
</div>
<h1>Gallery of <a href="https://chaibasaengg.edu.in/">Chaibasa engineering college</a></h1>
<br>
<div class="grid-container">
<div>
<img class='grid-item grid-item-1' src='images/i1.png' alt='' ><a href="#"></a>
<p>Faculties of Chaibasa Eng. college</p>
</div>
<div>
<img class='grid-item grid-item-2' src='images/m10.jpg' alt=''><a href="#"></a>
<p>Buildings of Chaibasa Eng. College</p>
</div>
<div>
<img class='grid-item grid-item-3' src='images/m11.jpg' alt=''><a href="#"></a>
<p>Buildings of Chaibasa Eng. College</p>
</div>
<div>
<img class='grid-item grid-item-4' src='images/m2.jpg' alt=''><a href="#"></a>
<p>Students and Faculties of Civil department</p>
</div>
<div>
<img class='grid-item grid-item-5' src='images/m3.jpg' alt=''><a href="#"></a>
<p>Students of Chaibasa Engineering College</p>
</div>
<div>
<img class='grid-item grid-item-6' src='images/m5.jpeg' alt=''><a href="#"></a>
<p>Students of Chaibasa Engineering College</p>
</div>
<div>
<img class='grid-item grid-item-7' src='images/m55.jpg' alt=''><a href="#"></a>
<p>Buildings of Chaibasa Eng. College<</p>
</div>
<div>
<img class='grid-item grid-item-8' src='images/m6.jpg' alt=''><a href="#"></a>
<p>Computer Science students</p>
</div>
<div>
<img class='grid-item grid-item-9' src='images/m8.jpg' alt=''><a href="#"></a>
<p>Special talk at Chaibasa Eng. College</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m9.jpg' alt=''><a href="#"></a>
<p>Special talk at Chaibasa Eng. College</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m111.jpg' alt=''><a href="#"></a>
<p>Special talk at Chaibasa Eng. College</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m222.jpg' alt=''><a href="#"></a>
<p>Students of Chaibasa Engineering College</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m333.png' alt=''><a href="#"></a>
<p>Mechanical Workshop of Chaibasa Engineer College</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m444.png' alt=''><a href="#"></a>
<p>Gym and workout faculties in the college</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m555.jpg' alt=''><a href="#"></a>
<p>Buildings of Chaibasa Eng. College</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m6.jpg' alt=''><a href="#"></a>
<p>Computer Science Students</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m10.jpg' alt=''><a href="#"></a>
<p>Buildings of Chaibasa Eng. College</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m2.jpg' alt=''><a href="#"></a>
<p>Students and Faculties of Civil department</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m10.jpg' alt=''><a href="#"></a>
<p>Buildings of Chaibasa Eng. College</p>
</div>
<div>
<img class='grid-item grid-item-10' src='images/m222.jpg' alt=''><a href="#"></a>
<p>Students of Chaibasa Engineering College</p>
</div>

</div>


<footer>
<div class="row" style="position: sticky;">
<div class="col col1" id="pic" >
<img src="images/nagesh.png" width="80px">
<div class="myname">
<h5>Nagesh Mandal</h5>
</div>
<p class="dev">Full Stack Web Developer</p>
<div class="contact">
<a href="https://www.instagram.com/nagesh_mandal7_5_/"><h4>Contact</h4></a>
</div>
</div>
<div class="col col2">
<h3>Chaibasa Engineering College</h3>
<p><i class="fa-solid fa-location-dot"></i>
Jamshedpur Keonjhar Highway
Chaibasa Jharkhand PIN 833215, India
</p>
<p class="email-id"><i class="far fa-envelope"></i>
cordinatortigjh@gmail.com
</p>
<h4>
<i class="fa-solid fa-phone" style="color: #fff;"></i>
+91 - 9062941530
</h4>
</div>
<div class="col col3" id="link">
<h3>Links</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="">Services</a></li>
<li><a href="">About us</a></li>
<li><a href="">Features</a></li>
<li><a href="">Contact</a></li>
</ul>
</div>
<div class="col col4">
<h3>News<span>letter</span></h3>
<form class="form-news">
<i class="far fa-envelope"></i>
<input class="emailid" type="email" placeholder="Enter your email" required>
<button type="submit"><i class="fas fa-arrow-right"></i></button>
</form>
<div class="social-icons social-media">
<a href="https://twitter.com/NageshMandal75"> <i class="tweet fa-brands fa-twitter"></i></a>
<a href="https://www.instagram.com/nagesh_mandal7_5_/"><i class="insta fa-brands fa-instagram"></i></a>
<a href="https://github.com/NageshMandal"> <i class="git fa-brands fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/nagesh-mandal-134b70237/"> <i class="in fa-brands fa-linkedin"></i></a>
<a href="https://www.youtube.com/@nageshmandal9461/featured"> <i class="youtube fa fa-youtube-play" aria-hidden="true"></i></a>
</div>
<div class="return-to-top" id="returnToTop">
<i class="fas fa-arrow-up fa-2x fa-bounce"></i>
</div>
</div>
</div>
<!--Voice Assistent-->
<div class="containers">
<div class="texts">
</div>
</div>
<!--Voice assistent end-->
<div class="toggle-mode">
<img class="moon" data-set="sun" src="images/moon.png" alt="dark-mode">
<img class="sun" data-set="moon" src="images/sun.png" alt="light-mode">
</div>

</footer>


<script src="script.js"></script>
<script src="app.js"></script>
<script src="library.js"></script>


</body>
</html>


<script src="theme.js"></script>
<!-- <script src="../app.js"></script> -->
</body>

</html>
191 changes: 191 additions & 0 deletions chatbot.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,191 @@
const userMessage = [
["hi", "hey", "hello"],
["sure", "yes", "no"],
["are you genious", "are you nerd", "are you intelligent"],
["i hate you", "i dont like you"],
["how are you", "how is life", "how are things", "how are you doing"],
["how is corona", "how is covid 19", "how is covid19 situation"],
["what are you doing", "what is going on", "what is up"],
["how old are you"],
["who are you", "are you human", "are you bot", "are you human or bot"],
["who created you", "who made you", "who is your creator"],

[
"your name please",
"your name",
"may i know your name",
"what is your name",
"what call yourself"
],
["i love you"],
["happy", "good", "fun", "wonderful", "fantastic", "cool", "very good"],
["bad", "bored", "tired"],
["help me", "tell me story", "tell me joke"],
["ah", "ok", "okay", "nice", "welcome"],
["thanks", "thank you"],
["what should i eat today"],
["bro"],
["what", "why", "how", "where", "when"],
["corona", "covid19", "coronavirus"],
["you are funny"],
["i dont know"],
["boring"],
["im tired"]
];
const botReply = [
["Hello!", "Hi!", "Hey!", "Hi there!"],
["Okay"],
["Yes I am! "],
["I'm sorry about that. But I like you dude."],
[
"Fine... how are you?",
"Pretty well, how are you?",
"Fantastic, how are you?"
],
["Getting better. There?", "Somewhat okay!", "Yeah fine. Better stay home!"],

[
"Nothing much",
"About to go to sleep",
"Can you guess?",
"I don't know actually"
],
["I am always young."],
["I am just a bot", "I am a bot. What are you?"],
["Sabitha Kuppusamy"],
["I am nameless", "I don't have a name"],
["I love you too", "Me too"],
["Have you ever felt bad?", "Glad to hear it"],
["Why?", "Why? You shouldn't!", "Try watching TV", "Chat with me."],
["What about?", "Once upon a time..."],
["Tell me a story", "Tell me a joke", "Tell me about yourself"],
["You're welcome"],
["Briyani", "Burger", "Sushi", "Pizza"],
["Dude!"],
["Yes?"],
["Please stay home"],
["Glad to hear it"],
["Say something interesting"],
["Sorry for that. Let's chat!"],
["Take some rest, Dude!"]
];

const alternative = [
"Same here, dude.",
"That's cool! Go on...",
"Dude...",
"Ask something else...",
"Hey, I'm listening..."
];

const synth = window.speechSynthesis;

function voiceControl(string) {
let u = new SpeechSynthesisUtterance(string);
u.text = string;
u.lang = "en-aus";
u.volume = 1;
u.rate = 1;
u.pitch = 1;
synth.speak(u);
}

function sendMessage() {
const inputField = document.getElementById("input");
let input = inputField.value.trim();
input != "" && output(input);
inputField.value = "";
}
document.addEventListener("DOMContentLoaded", () => {
const inputField = document.getElementById("input");
inputField.addEventListener("keydown", function (e) {
if (e.code === "Enter") {
let input = inputField.value.trim();
input != "" && output(input);
inputField.value = "";
}
});
});

function output(input) {
let product;

let text = input.toLowerCase().replace(/[^\w\s\d]/gi, "");

text = text
.replace(/[\W_]/g, " ")
.replace(/ a /g, " ")
.replace(/i feel /g, "")
.replace(/whats/g, "what is")
.replace(/please /g, "")
.replace(/ please/g, "")
.trim();

let comparedText = compare(userMessage, botReply, text);

product = comparedText
? comparedText
: alternative[Math.floor(Math.random() * alternative.length)];
addChat(input, product);
}

function compare(triggerArray, replyArray, string) {
let item;
for (let x = 0; x < triggerArray.length; x++) {
for (let y = 0; y < replyArray.length; y++) {
if (triggerArray[x][y] == string) {
items = replyArray[x];
item = items[Math.floor(Math.random() * items.length)];
}
}
}
//containMessageCheck(string);
if (item) return item;
else return containMessageCheck(string);
}

function containMessageCheck(string) {
let expectedReply = [
[
"Good Bye, dude",
"Bye, See you!",
"Dude, Bye. Take care of your health in this situation."
],
["Good Night, dude", "Have a sound sleep", "Sweet dreams"],
["Have a pleasant evening!", "Good evening too", "Evening!"],
["Good morning, Have a great day!", "Morning, dude!"],
["Good Afternoon", "Noon, dude!", "Afternoon, dude!"]
];
let expectedMessage = [
["bye", "tc", "take care"],
["night", "good night"],
["evening", "good evening"],
["morning", "good morning"],
["noon"]
];
let item;
for (let x = 0; x < expectedMessage.length; x++) {
if (expectedMessage[x].includes(string)) {
items = expectedReply[x];
item = items[Math.floor(Math.random() * items.length)];
}
}
return item;
}
function addChat(input, product) {
const mainDiv = document.getElementById("message-section");
let userDiv = document.createElement("div");
userDiv.id = "user";
userDiv.classList.add("message");
userDiv.innerHTML = `<span id="user-response">${input}</span>`;
mainDiv.appendChild(userDiv);

let botDiv = document.createElement("div");
botDiv.id = "bot";
botDiv.classList.add("message");
botDiv.innerHTML = `<span id="bot-response">${product}</span>`;
mainDiv.appendChild(botDiv);
var scroll = document.getElementById("message-section");
scroll.scrollTop = scroll.scrollHeight;
voiceControl(product);
}
Loading