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

Update index.html and projects.json files. #529

Merged
merged 4 commits into from
Aug 1, 2023
Merged

Update index.html and projects.json files. #529

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6455d39
Update index.html
SaiSathvik6 Jul 19, 2023
8851686
Update index.html
SaiSathvik6 Jul 19, 2023
d0a358f
Merge branch 'main' into main
SaiSathvik6 Jul 20, 2023
ad349d1
Update projects.json
SaiSathvik6 Jul 24, 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
19 changes: 17 additions & 2 deletions data/projects.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -303,7 +303,7 @@
]
},
{
"langId": "25",
"langId": "22",
"langTitle": [
"HTML",
"CSS",
Expand All @@ -318,7 +318,7 @@
]
},
{
"langId": "26",
"langId": "23",
"langTitle": [
"HTML",
"CSS",
Expand All @@ -331,5 +331,20 @@
"domainIds": [
"1"
]
},
{
"langId": "24",
"langTitle": [
"NEXT.JS",
"Tailwind CSS",
"Firebase"
],
"langName": "GyanaGuru",
"langDesc": "The GyanaGuru website is an online learning platform that provides access to high-quality educational resources in a wide range of subjects.",
"langurl": "https://github.com/PiyushKalyanpy/GyanaGuru",
"langAdmin": "Piyush Kalyan",
"domainIds": [
"1"
]
}
]
189 changes: 147 additions & 42 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -69,10 +69,7 @@
<meta name="theme-color" content="#ffffff" />


<!--Firebase SDK-->
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>


<!--font-awesome icons link-->
<!-- <link rel="stylesheet" href="css/font-awesome.min.css"> -->
Expand All @@ -98,7 +95,59 @@
<link rel="apple-touch-icon" href="icons/apple-icon-180.webp" />
<link rel="manifest" href="./manifest.json" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<script src="js/Startupimage.js" defer></script>
<link rel="apple-touch-startup-image" href="icons/apple-splash-2048-2732.webp"
media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-2732-2048.webp"
media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1668-2388.webp"
media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-2388-1668.webp"
media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1536-2048.webp"
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-2048-1536.webp"
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1668-2224.webp"
media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-2224-1668.webp"
media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1620-2160.webp"
media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-2160-1620.webp"
media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1284-2778.webp"
media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-2778-1284.webp"
media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1170-2532.webp"
media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-2532-1170.webp"
media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1125-2436.webp"
media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-2436-1125.webp"
media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1242-2688.webp"
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-2688-1242.webp"
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-828-1792.webp"
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1792-828.webp"
media="(device-width: 414px) and (device-height: 896px) and (-webkit-dewebpe-pixel-ratio: 2) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1242-2208.webp"
media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-2208-1242.webp"
media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-750-1334.webp"
media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1334-750.webp"
media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-640-1136.webp"
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" />
<link rel="apple-touch-startup-image" href="icons/apple-splash-1136-64webp"
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" />


</head>

Expand Down Expand Up @@ -168,10 +217,6 @@
<button id="btn-logout" disabled="true" class="btn btn-outline-light login-btn" onclick="logout()">
Log Out
</button>
<button id="btn-save" disabled="true" class="btn btn-outline-light login-btn"
onclick="location.href='pages/saved.html'">
Saved
</button>
</li>
<li class="nav-item">
<div id="avatar-img-div" class="hidden-icon">
Expand All @@ -181,8 +226,31 @@
</ul>
</div>
</div>
<div class="setting" onclick="translatex()">
<!-- <div class="setting" onclick="translatex()">
<i class="fa-solid fa-gear setting-icon"></i>
</div> -->
<div class="theam-div open">
<div class="button-part">
<!-- <div class="dark-light" onclick="light()">

<i class="fa-solid fa-lightbulb" ></i>

</div> -->
<div class="setting" onclick="translatex()">
<i class="fa-solid fa-gear setting-icon"></i>
</div>
</div>

<div class="theams">
<p>Theme Colors</p>
<div class="theme-buttons">
<div class="lightblue" onclick="lightbluetoggle()"></div>
<!-- <div class="orange" onclick="orangetoggle()"></div> -->
<div class="green" onclick="greentoggle()"></div>
<div class="blue" onclick="bluetoggle()"></div>
<div class="pink" onclick="pinktoggle()"></div>
</div>
</div>
</div>
</nav>
</header>
Expand Down Expand Up @@ -599,10 +667,10 @@ <h3>Quick Links</h3>
<a href="/pages/about.html" target="_blank">About Us</a>
</li>
<li>
<a id="gated-content-5" class="" href="./event.html">Events</a>
<a id="gated-content-5" class="" href="pages/event.html" target="_self">Events</a>
</li>
<li>
<a id="gated-content-6" class="" href="./program.html">Programs</a>
<a id="gated-content-6" class="" href="pages/program.html" target="_self">Programs</a>
</li>
<li>
<a href="/pages/projects.html" target="_blank">Projects</a>
Expand Down Expand Up @@ -661,31 +729,6 @@ <h2>
</section>
<!-- COPY_RIGHT AREA END -->

<!-- theam color area -->

<div class="theam-div open">
<div class="button-part">
<!-- <div class="dark-light" onclick="light()">

<i class="fa-solid fa-lightbulb" ></i>

</div> -->

</div>

<div class="theams">
<p>Theme Colors</p>
<div class="theme-buttons">
<div class="lightblue" onclick="lightbluetoggle()"></div>
<!-- <div class="orange" onclick="orangetoggle()"></div> -->
<div class="green" onclick="greentoggle()"></div>
<div class="blue" onclick="bluetoggle()"></div>
<div class="pink" onclick="pinktoggle()"></div>

</div>
</div>
</div>

<!-- chatbot code -->

<!-- Chat Bot -->
Expand Down Expand Up @@ -723,12 +766,72 @@ <h2>



</script>
<script src="./js/urlPattern.js"></script>

<script src="./js/ratingError.js"></script>


</script>
<script>
// Get the input element and error message span
const avatarInput = document.getElementById('avatar');
const avatarError = document.getElementById('avatar-error');

// Add an event listener for input changes
avatarInput.addEventListener('input', function () {
// Get the entered URL
const url = avatarInput.value;

// Regular expression pattern for URL validation
// const urlPattern = /^(https?:\/\/)?([\w.]+)\.([a-z]{2,6}\.?)(\/[\w.]*)*\/?$/i;
const urlPattern = /^(https?:\/\/)?([\w.]+)\.([a-z]{2,6}\.?)(\/[\w.]*)*(\?[\w=&-]*)?(#.*)?$/i;



// Check if the URL matches the pattern
if (urlPattern.test(url)) {
// Valid URL, clear the error message
avatarError.textContent = '';
} else {
// Invalid URL, display an error message
avatarError.textContent = 'Please enter a valid URL';
}
});
</script>

<script>
const ratingInput = document.getElementById('rating');
const ratingError = document.getElementById('rating-error');

ratingInput.addEventListener('input', function () {
const rating = parseInt(ratingInput.value);

if (isNaN(rating) || rating < 1 || rating > 5) {
ratingError.textContent = 'Please enter a rating between 1 and 5';
} else {
ratingError.textContent = '';
}
});
</script>
<!-- <div class="chatbot">
<div class="chatbot__header">
<h3 class="chatbox__title"><b>Opentek 24/7</b></h3>
<span class="material-symbols-outlined">close</span>
</div>
<ul class="chatbot__box">
<li class="chatbot__chat incoming">
<span class="material-symbols-outlined">smart_toy</span>
<p>Welcome !</p>
</li>
<li class="chatbot__chat outgoing">
<p></p>
</li>
</ul>
<div class="chatbot__input-box">
<textarea class="chatbot__textarea" placeholder="Enter a message..." required></textarea>
<span id="send-btn" class="material-symbols-outlined">send</span>
</div>
</div> -->
<!-- chat bot finish -->



<!-- theam color area end -->
Expand All @@ -737,15 +840,17 @@ <h2>
<script src="./pwa.js" defer></script>

<!-- openAI chat bot js -->

<script src="./chatBot/script.js"></script>

<!-- Optional JavaScript -->
<script src="js/auth.js"></script>
<script src="https://cdn.auth0.com/js/auth0-spa-js/1.13/auth0-spa-js.production.js"></script>
<script src="js/auth0.js"></script>
<script defer src="js/jquery-3.3.1.min.js"></script>
<script defer src="js/bootstrap.min.js"></script>
<script defer src="js/slick.min.js"></script>
<script defer src="js/circular.js"></script>
<script defer src="js/custom.js"></script>
<script src="js/auth0.js"></script>
<script src="js/color-theam.js"></script>
<script src="js/ripple-button.js"></script>
<!-- aos data -->
Expand Down