Skip to content

Commit

Permalink
Update index.html and projects.json files. (#529)
Browse files Browse the repository at this point in the history 
* Update index.html

* Update index.html

* Update projects.json
  • Loading branch information
@SaiSathvik6
SaiSathvik6 authored Aug 1, 2023
1 parent 6c9c118 commit 23a770b
Show file tree
Hide file tree
Showing 2 changed files with 164 additions and 44 deletions.
19 changes: 17 additions & 2 deletions data/projects.json
View file
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
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 @@ -664,31 +732,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 @@ -726,12 +769,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 @@ -740,15 +843,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

0 comments on commit 23a770b

Please sign in to comment.