Skip to content

Commit

Permalink
no issues
Browse files Browse the repository at this point in the history
  • Loading branch information
@Anikethanshetty
Anikethanshetty committed Sep 19, 2024
1 parent 4cb7dec commit f21a223
Show file tree
Hide file tree
Showing 7 changed files with 275 additions and 313 deletions.
3 changes: 0 additions & 3 deletions .vscode/settings.json
View file

This file was deleted.

50 changes: 0 additions & 50 deletions app.js
View file

This file was deleted.

126 changes: 126 additions & 0 deletions app1.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@

// let typed; // Declare typed variable outside for access in other functions

// function startTyping() {
// typed = new Typed(".typing", {
// strings: ["","Alvas Singari Melam","അൽവാസ് ശിങ്കാരിമേളം","ಆಳ್ವಾಸ್ ಸಿಂಗಾರಿ ಮೇಳ","अल्वास् सिंगारि मेलम्"],
// typeSpeed: 100, // Typing speed
// backSpeed: 150, // Backspacing speed
// backDelay: 1000, // Delay before starting to backspace
// startDelay: 400, // Delay before typing starts
// loop: true,
// showCursor: false,
// });
// }

// function stopTyping() {
// if (typed) {
// typed.destroy(); // Destroy the Typed instance to stop the animation
// }
// }

// function checkWindowSize() {
// if (window.innerWidth >= 400) {
// startTyping();
// } else {
// stopTyping();
// }
// }

// // Check window size on load
// checkWindowSize();

// // Add event listener for window resize
// window.addEventListener("resize", checkWindowSize);

let typed; // Declare typed variable outside for access in other functions

function startTyping() {
typed = new Typed(".typing", {
strings: ["", "Alva's Singari Melam", "അൽവാസ് ശിങ്കാരിമേളം", "ಆಳ್ವಾಸ್ ಸಿಂಗಾರಿ ಮೇಳ", "अल्वास् सिंगारि मेलम्"],
typeSpeed: 100, // Typing speed
backSpeed: 150, // Backspacing speed
backDelay: 1000, // Delay before starting to backspace
startDelay: 400, // Delay before typing starts
loop: true,
showCursor: false,
});
}

function stopTyping() {
if (typed) {
typed.destroy(); // Destroy the Typed instance to stop the animation
}
}

function checkWindowSize() {
const typingElement = document.querySelector(".typing");

if (window.innerWidth >= 400) {
startTyping();
} else {
stopTyping();
typingElement.textContent = "Alva's Singari Melam"; // Directly display text
}
}

// Check window size on load
window.onload = checkWindowSize;

// Add event listener for window resize
window.addEventListener("resize", checkWindowSize);

// aside

const nav = document.querySelector(".nav"),
navList = nav.querySelectorAll("li"),
totalNavList = navList.length,
allSection = document.querySelectorAll(".section"),
totalSection = allSection.length;

for(let i=0; i<totalNavList;i++){
const a = navList[i].querySelector("a");
a.addEventListener("click",()=>{
a.classList.remove("not-active")
for(let i=0;i<totalSection;i++){
allSection[i].classList.remove("back-section")
}
for(let j=0; j<totalNavList;j++){
if(navList[j].querySelector("a").classList.contains("active")){
allSection[j].classList.add("back-section");
}
navList[j].querySelector("a").classList.remove("active");
navList[j].querySelector("a").classList.add("not-active");

}
a.classList.add("active")
showSection(a)
if(window.innerWidth<1200){
asideSectionTogglerBtn()
}
})
}

function showSection(element){
for(let i=0;i<totalSection;i++){
allSection[i].classList.remove("active")
}
const target = element.getAttribute("href").split("#")[1]
document.querySelector("#"+target).classList.add("active")
}

const navTogglerBtn = document.querySelector(".nav-toggler"),
aside = document.querySelector(".aside");
navTogglerBtn.addEventListener("click",()=>{
asideSectionTogglerBtn();
})

function asideSectionTogglerBtn(){
aside.classList.toggle("open");
navTogglerBtn.classList.toggle("open");
for(let i=0; i<totalSection;i++){
allSection[i].classList.toggle("open");
}
}


78 changes: 51 additions & 27 deletions index1.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>Alvas Singari Melam</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="shortcut icon" href="logo.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
</head>
<body>
Expand All @@ -27,15 +27,16 @@
</ul>
<div class="footer">
<footer class="footer-content">
<a href="mailto:[email protected]" class="social-icon" target="_blank">
<a href="https://mail.google.com/mail/?view=cm&fs=1&to=[email protected]" class="social-icon" target="_blank">
<i class="fas fa-envelope"></i>
</a>

<a href="https://www.instagram.com/_alvas_shingari_melam_?igsh=MXdieXN6emw1cWd1Mg==" target="_blank" class="social-icon">
<i class="fab fa-instagram"></i>
</a>
<a href="https://youtube.com/your-youtube-channel" target="_blank" class="social-icon">
<!-- <a href="https://youtube.com/your-youtube-channel" target="_blank" class="social-icon">
<i class="fab fa-youtube"></i>
</a>
</a> -->
</footer>
</div>

Expand All @@ -44,13 +45,14 @@
<!-- Main content start -->
<div class="main-content">
<!-- home section start -->
<section class="home section hidde" id="home">
<section class="home section active hidde" id="home">
<div class="container">
<div class="row">
<div class="home-info">
<h3 class="hello-1 padd-15">Know more about us here!!</h3>
<h3 class="my-proffesion padd-15">Welcome to <span class="typing">Alvas Singari Melam</span></h3>
<h3 class="my-proffesion padd-15">Welcome to <span class="typing">Alva's Singari Melam</span></h3>
<p class="padd-15">We are more than just a team, we are a family. We are bound by our shared love towards chenda. We support each other on and off the stage promising dedication, discipline, determination..</p>
<a href="https://chat.whatsapp.com/FIPxJjomJh2LnttGuyFxwD" class="btn hire-me padd-15" target="_blank" >Join Here</a>
</div>
<div class="home-img">
<img src="logo.png" alt="Alvas Singari Melam">
Expand Down Expand Up @@ -83,7 +85,7 @@ <h3>We Are Team <span class="text-red-600">"Alvas Singari Melam"</span></h3>
</section>
<!-- About Seection end -->
<!-- About Percussion start -->
<section class="about-p section" id="ap">
<section class="about-p section " id="ap">
<div class="container">
<div class="row">
<div class="section-title padd-15">
Expand Down Expand Up @@ -124,46 +126,68 @@ <h2 id="about-p">Glimpse</h2>
<div class="row">
<!-- service item start -->
<div class="service-item">
<div class="service-item-inner">
<h4>Program 1</h4>
</div>
<a href="https://drive.google.com/file/d/1D_KJZC5XZeZRW23-WANkPBq_1qncuBkp/view?usp=drivesdk" target="_blank"><div class="service-item-inner">
<h4>Karkala Utsava</h4>
</div></a>
</div>
<!-- service item end -->
<!-- service item start -->
<div class="service-item">
<div class="service-item-inner">
<h4>Program 2</h4>
</div>
<a href="https://drive.google.com/file/d/1E0HejXvN484oPQamaC-YcIWkSp52xfvU/view?usp=drivesdk" target="_blank"><div class="service-item-inner">
<h4>College Day</h4>
</div></a>
</div>
<!-- service item end -->
<!-- service item start -->
<div class="service-item">
<div class="service-item-inner">
<h4>Program 3</h4>
</div>
<a href="https://drive.google.com/file/d/1DuX-xYO3dhsQz12MlJdmX-wGmW2lOzDh/view?usp=drivesdk" target="_blank"><div class="service-item-inner">
<h4>Virasat</h4>
</div></a>
</div>
<!-- service item end -->
<!-- service item start -->
<div class="service-item">
<div class="service-item-inner">
<h4>Program 4</h4>
</div>
<a href="https://drive.google.com/file/d/1H7gN23Q1QFG1oDnst2Lej8EEpJkYLuuP/view?usp=drivesdk" target="_blank"><div class="service-item-inner">
<h4>KSCST</h4>
</div></a>
</div>
<!-- service item end -->
<!-- service item start -->
<div class="service-item">
<div class="service-item-inner">
<h4>Program 5</h4>
</div>
<a href="https://drive.google.com/file/d/1Gng3N24hol28L5hcmas_GFrkY1PGzj2t/view?usp=drivesdk" target="_blank"><div class="service-item-inner">
<h4>Agon</h4>
</div></a>
</div>
<!-- service item end -->
<!-- service item start -->
<div class="service-item">
<div class="service-item-inner">
<h4>Program 6</h4>
</div>
<a href="https://drive.google.com/file/d/1He5Tu2nsaQ1BjFCXczhTAczzw1Mc9HCA/view?usp=drivesdk" target="_blank"><div class="service-item-inner">
<h4>Traditional Day</h4>
</div></a>

</div>
<!-- service item end -->
<!-- service item start -->
<a></a><div class="service-item">
<a href="https://drive.google.com/file/d/1GpduqkZX1ma5WdoCxvmta-6VYa3dQ6ok/view?usp=drivesdk" target="_blank"><div class="service-item-inner">
<h4>Vamadapadavu</h4>
</div></a>
</div>
<!-- service item end -->
<!-- service item start -->
<div class="service-item">
<a href="https://drive.google.com/file/d/1H--3myI5NSOLGGT-IH8Qf7tOWLZsry6f/view?usp=drivesdk" target="_blank"><div class="service-item-inner">
<h4>Naturopathy Sports Meet</h4>
</div></a>
</div>
<!-- service item end -->
<!-- service item start -->
<div class="service-item">
<a href="https://drive.google.com/file/d/1DcFH2MzqSR6sVrBS3UaWluAm6oD1lohk/view?usp=drivesdk" target="_blank"><div class="service-item-inner">
<h4>Onam</h4>
</div></a>
</div>
<!-- service item end -->
</div>
</div>
</section>
Expand All @@ -177,6 +201,6 @@ <h4>Program 6</h4>

<!-- js files -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.js" integrity="sha512-tQQXRDB2wEmuJGtFrmmoFYzNTq8StA1XJrfO0OQbbTxd9G0CwaTDL6/C1y805IlvBVrMwOqob1kf6r/2U5XXVg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="app.js"></script>
<script src="app1.js"></script>
</body>
</html>
Loading

0 comments on commit f21a223

Please sign in to comment.