Skip to content

Commit

Permalink
"Revamped"
Browse files Browse the repository at this point in the history
  • Loading branch information
@4rnv
4rnv committed Mar 9, 2024
1 parent 2669c15 commit d8b04c9
Show file tree
Hide file tree
Showing 11 changed files with 759 additions and 64 deletions.
508 changes: 493 additions & 15 deletions css/styles.css
View file

Large diffs are not rendered by default.

Binary file added icons/app.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added icons/bg.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added icons/bg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added icons/transparent.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added icons/transparentblack.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
235 changes: 202 additions & 33 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,27 @@
<!DOCTYPE html>
<html lang="EN">
<head>
<title>Voyager 2024</title>
<meta name="description" content="Voyager 2024">
<meta name="theme-color" content="#00629B">
<meta name="viewport" content="width=device-width" >
<meta charset="UTF-8" >
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' 'unsafe-eval'">
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic%7CDroid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.lineicons.com/4.0/lineicons.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen" >
<link rel="icon" href="/icons/favicon-512.png" type="image/png">
<link rel="manifest" href="manifest.json" type="application/json">
<script>
window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
</script>
<script defer src="/_vercel/insights/script.js"></script>
<script>
window.si = window.si || function () { (window.siq = window.siq || []).push(arguments); };
</script>
<script defer src="/_vercel/speed-insights/script.js"></script>
</head>
<!-- Ver. 2.0
Author: Arnav Dandekar-->
Expand All @@ -26,10 +36,10 @@
</div>
<nav class="nav" id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#footer">Social</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="https://www.ieee.org/membership/join/index.html">Membership</a></li>
<li><a href="/">Home</a></li>
<li><a href="/#footer">Social</a></li>
<li><a href="/#contact">Contact</a></li>
<li><a href="/privacy.md">Privacy</a></li>
</ul>
</nav>
</div>
Expand All @@ -49,9 +59,9 @@
</a>
<div class="subhead">
<button id="btn" class="ribbon">About</button>
<a class="ribbon" target="_blank" href="https://iris.vit.edu.in">IRIS</a>
<a class="ribbon" target="_blank" href="https://ieee.vit.edu.in">IEEE-VIT</a>
<a class="ribbon" href="#">Register</a>
<a class="ribbon" aria-label="IRIS" target="_blank" href="https://iris.vit.edu.in">IRIS</a>
<a class="ribbon" aria-label="Main site" target="_blank" href="https://ieee.vit.edu.in">IEEE-VIT</a>
<a class="ribbon" target="_blank" aria-label="Global Membership" href="https://www.ieee.org/membership/join/index.html">Global Membership</a>
</div>
</div>
</div>
Expand Down Expand Up @@ -97,25 +107,151 @@
</section>
<section class="new-sect events">
<h2 class="sect-head">Events</h2>
<!--<div class="ev-img">
<h3 class="pad">Event 1</h3>
<p class="para sans">Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words</p>
<p class="para sans">Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words</p>
</div>
<div class="ev-img">
<h3 class="pad">Event 2</h3>
<p class="para sans">Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words</p>
<p class="para sans">Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words</p>
<div class="ag-format-container">
<div class="ag-courses_box">
<div class="ag-courses_item">
<a href="" class="ag-courses-item_link">
<div class="ag-courses-item_bg"></div>

<div class="ag-courses-item_title">
Galaxy Gambit
</div>

<div class="ag-courses-item_date-box">
Date:
<span class="ag-courses-item_date">
March 13, 2024
</span>
</div>
<div class="ag-courses-item_date-box">
Time:
<span class="ag-courses-item_date">
4 - 6 pm
</span>
</div>
</a>
</div>

<div class="ag-courses_item">
<a href="" class="ag-courses-item_link">
<div class="ag-courses-item_bg"></div>

<div class="ag-courses-item_title">
IEEE-VIT's Shark Tank
</div>

<div class="ag-courses-item_date-box">
Date:
<span class="ag-courses-item_date">
March 14-15, 2024
</span>
</div>
<div class="ag-courses-item_date-box">
Time:
<span class="ag-courses-item_date">
4 - 6 pm
</span>
</div>
</a>
</div>

<div class="ag-courses_item">
<a href="" class="ag-courses-item_link">
<div class="ag-courses-item_bg"></div>

<div class="ag-courses-item_title">
Codeager
</div>

<div class="ag-courses-item_date-box">
Date:
<span class="ag-courses-item_date">
March 22, 2024
</span>
</div>
<div class="ag-courses-item_date-box">
Time:
<span class="ag-courses-item_date">
2 - 6 pm
</span>
</div>
</a>
</div>

<div class="ag-courses_item">
<a href="" class="ag-courses-item_link">
<div class="ag-courses-item_bg"></div>

<div class="ag-courses-item_title">
PCB Workshop
</div>

<div class="ag-courses-item_date-box">
Date:
<span class="ag-courses-item_date">
March 13, 2024
</span>
</div>
<div class="ag-courses-item_date-box">
Time:
<span class="ag-courses-item_date">
4 - 6 pm
</span>
</div>
</a>
</div>

<div class="ag-courses_item">
<a href="" class="ag-courses-item_link">
<div class="ag-courses-item_bg"></div>

<div class="ag-courses-item_title">
Medical Informatics Workshop
</div>

<div class="ag-courses-item_date-box">
Date:
<span class="ag-courses-item_date">
March 13, 2024
</span>
</div>
<div class="ag-courses-item_date-box">
Time:
<span class="ag-courses-item_date">
4 - 6 pm
</span>
</div>
</a>
</div>

<div class="ag-courses_item">
<a href="" class="ag-courses-item_link">
<div class="ag-courses-item_bg"></div>

<div class="ag-courses-item_title">
Cybersecurity Talk
</div>

<div class="ag-courses-item_date-box">
Date:
<span class="ag-courses-item_date">
March 27, 2024
</span>
</div>
<div class="ag-courses-item_date-box">
Time:
<span class="ag-courses-item_date">
4 - 6 pm
</span>
</div>
</a>
</div>
</div>
</div>
<div class="ev-img">
<h3 class="pad">Event 3</h3>
<p class="para sans">Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words</p>
<p class="para sans">Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words Words words words</p>
</div>-->
</section>
<section class="new-sect">
<h2 class="sect-head">Speakers</h2>
<!--<div class="speak">
<div class="speak">
<div class="upflex">
<img class="sp-image" src="/icons/default.png" alt="">
<caption>Speaker 1</caption>
Expand All @@ -131,29 +267,62 @@ <h2 class="sect-head">Speakers</h2>
<caption>Speaker 3</caption>
<p class="sans">words words words</p>
</div>
</div>-->
</div>
</section>
<section class="new-sect">
<h2 class="sect-head">Schedule</h2>
</section>
<section class="new-sect contact-sect">
<section class="timeline">
<ul>
<li>
<div>
<time>March 13, 2024</time> Galaxy Gambit
</div>
</li>
<li>
<div>
<time>March 14-15, 2024</time> IEEE-VIT's Shark Tank
</div>
</li>
<li>
<div>
<time>March 18, 2024</time> PCB Workshop
</div>
</li>
<li>
<div>
<time>March 18, 2024</time> Medical Informatics Workshop
</div>
</li>
<li>
<div>
<time>March 22, 2024</time> Codeager
</div>
</li>
<li>
<div>
<time>March 27, 2024</time> Cybersecurity Talk
</div>
</li>
</ul>
</section>
</section>
<section class="new-sect">
<h2 id="contact" class="sect-head">Contact</h2>
<a href="mailto:vidyalankarieee@gmail.com" class="ribbon">vidyalankarieee@gmail.com</a><br><br>
<p>Chairperson: +91 9137540673</p>
<p>Vice-Chairperson: +91 9082296163</p>
<p>General Secretary: +91 8779909604</p>
<a href="mailto:vidyalankarieee@gmail.com" class="ribbon">vidyalankarieee@gmail.com</a><br>
Chairperson: +91 9082296163<br>
General Secretary: +91 8779909604<br>
</section>
<div id="footer">
<span>© 2.24 IEEE-VIT</span>
<a target="_blank" href="https://instagram.com/ieeevit"><i class="lni lni-instagram-original"></i></a>
<a target="_blank" href="https://linkedin.com/company/ieee-vit"><i class="lni lni-linkedin-original"></i></a>
<a target="_blank" href="https://github.com/ieeevidyalankar"><i class="lni lni-github-original"></i></a>
<a target="_blank" href="https://instagram.com/ieeevit" title="Instagram"><i class="lni lni-instagram-original"></i></a>
<a target="_blank" href="https://linkedin.com/company/ieee-vit" title="LinkedIn"><i class="lni lni-linkedin-original"></i></a>
<a target="_blank" href="https://github.com/ieeevidyalankar" title="Github"><i class="lni lni-github-original"></i></a>
</div>
</div>
<div id="modal" class="modal animate__animated animate__slideInDown animate__faster">
<div class="modal-content">
<span class="close">&times;</span><br><br>
<p>Voyager is an expedition to the realm of cutting edge technology. An amalgamation of competitions, tech-talks, workshops and enchanting fun events. voyager aims to weave creativity, learning and knowledge, in a bit to unleash ideas that transcend notions and limits.</p>
<p>Voyager is an expedition to the realm of cutting edge technology. An amalgamation of competitions, tech-talks, workshops and enchanting fun events. voyager aims to weave creativity, learning and knowledge, in a bit to unleash ideas that transcend notions and limits. Get ready for 15 days of amazing, entertaining and insightful events from the minds of IEEE Vidyalankar.</p>
</div>
</div>
<script src="js/background.js" async></script>
Expand Down
37 changes: 35 additions & 2 deletions js/background.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ window.addEventListener("load", function () {

const resize = function () {
canvasWidth = canvas.width = window.innerWidth * 0.95;
canvasHeight = canvas.height = window.innerHeight * 2;
canvasHeight = canvas.height = window.innerHeight * 1.5;
centerX = canvasWidth * 0.5;
centerY = canvasHeight * 0.5;
context = canvas.getContext("2d");
Expand Down Expand Up @@ -240,4 +240,37 @@ if ('serviceWorker' in navigator) {
});
} else {
console.log('Service workers are not supported (Mozilla nonsense).');
}
}

(function () {
"use strict";

// define variables
var items = document.querySelectorAll(".timeline li");

// check if an element is in viewport
// http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
function isElementInViewport(el) {
var rect = el.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <=
(window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}

function callbackFunc() {
for (var i = 0; i < items.length; i++) {
if (isElementInViewport(items[i])) {
items[i].classList.add("in-view");
}
}
}

// listen for events
window.addEventListener("load", callbackFunc);
window.addEventListener("resize", callbackFunc);
window.addEventListener("scroll", callbackFunc);
})();
16 changes: 9 additions & 7 deletions js/time.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,19 @@ const mins = document.querySelector('.mins');
const secs = document.querySelector('.secs');

// Set your target date here (year, month, day)
const targetDate = new Date(2024, 0, 20); // January 1, 2024
const targetDate = new Date(2024, 2, 11, 13, 15);

function getTimeRemaining(endtime) {
const total = Date.parse(endtime) - Date.parse(new Date());
const seconds = Math.floor((total / 1000) % 60);
const minutes = Math.floor((total / 1000 / 60) % 60);
const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
const days = Math.floor(total / (1000 * 60 * 60 * 24));
var total = Date.parse(endtime) - Date.parse(new Date());
total = total / 1000;
const seconds = Math.floor(total % 60);
const minutes = Math.floor((total / 60) % 60);
const hours = Math.floor((total / ( 60 * 60)) % 24);
const days = Math.floor(total / ( 60 * 60 * 24));
return {
total,
days: days <= 9 ? `0${days}` : `${days}`,
//days: days.toString(),
days: days <= 9 ? `0${days}` : `${days}`,
hours: hours <= 9 ? `0${hours}` : `${hours}`,
mins: minutes <= 9 ? `0${minutes}` : `${minutes}`,
secs: seconds <= 9 ? `0${seconds}` : `${seconds}`
Expand Down
Loading

0 comments on commit d8b04c9

Please sign in to comment.