Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -296,7 +296,7 @@
Gupta</p>
<br>
<p style="color:rgb(177, 177, 177);">&copy; <span id="copyright">32949832</span> Tejas Gupta</p>
</div>
</div>
<div class="end_line"></div>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="website/script.js"></script>
Expand Down
307 changes: 307 additions & 0 deletions website/afterloginpage.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,307 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dataverse</title>
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
<link rel="shortcut icon" href="web_images/3dlogo.svg" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:[email protected]&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
</head>

<body id="body">
<!-- preloader -->
<div id="video-loader">
<video src="web_images/loader.mp4" alt="Dataverse" autoplay muted>Your browser does not support the
video tag.</video>
</div>
<div class="buttons" id="buttons">
<div id="indicator"></div>
<div class="group">
<button id="darkButton" onclick="dark(false)">
<img src="https://static.thenounproject.com/png/4066359-200.png" class="copy" id="moon">
</button>
<button id="lightButton" onclick="light(false)">
<!-- <div id="theme2"> -->
<img src="https://cdn-icons-png.freepik.com/256/467/467619.png?semt=ais_hybrid" alt="" class="copy"
id="sun">
<!-- </div> -->
</button>
</div>
<button id="defaultButton" onclick="systemDefault()">
<img src="web_images/settings.webp" class="copy" id="default">
</button>
</div>
<button class="top" id="top" onclick="topFunction()"><img src="web_images/top.webp" alt=""></button>
<nav id="navbar">
<img src="web_images/3dlogo.svg" alt="Dataverse Logo" class="logo" id="normal">
<img src="web_images/3d_glow.webp" alt="Dataverse Logo" class="logo" id="glow">
<div class="scrollBar" id="progress_bar"></div> <!--PROGRESS BAR-->
<a href="profile.html">
<button class="loginSignupbtn">
<span class="button-text">profile</span>
<img src="web_images/user.png" alt="User Icon" class="user-icon">
</button>
</a>
</nav>

<button class="burger" id="burger" onclick="show()"></button>
<button id="cross" class="burger" onclick="hide()"></button>
<div class="burger" id="lines">
<div class="line" id="l1"></div>
<div class="line" id="l2"></div>
<div class="line" id="l3"></div>
</div>
<div class="plane" id="plane">
<table>
<tr>
<td><a href="index.html" class="table_link">Home</a></td>
</tr>
<tr>
<td><a href="https://github.com/multiverseweb/Dataverse" class="table_link">Github Repository</a></td>
</tr>
<tr>
<td><a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
class="table_link">Documentation</a></td>
</tr>
<tr>
<td><a href="website/contributor.html" class="table_link">Contributors</a></td>
</tr>
<tr>
<td>
<a href="https://www.figma.com/proto/BBbXARgpxercxacjm0qpgX/Dataverse?type=design&node-id=45-25&t=zMFBUgENaIeqhRYZ-1&scaling=scale-down-width&page-id=0%3A1&starting-point-node-id=22%3A310&show-proto-sidebar=1&mode=design"
class="table_link">Figma Design</a>
</td>
</tr>
<tr>
<td><a href="codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a></td>
</tr>
<tr>
<td><a href="license.html" class="table_link">License</a></td>
</tr>
</table>
</div>
<div class="scroll_icon" id="scroll_icon">SCROLL TO KNOW MORE
<div class="shadow" id="shadow"></div>
</div>
<div class="download" id="download">
<div class="left">
<div id="map">
<div class="direction"><img src="https://cdn-icons-png.flaticon.com/512/0/614.png" id="aeroplane"></div>
</div>
</div>
<div class="right">
<div class="top_dataverse">
<p id="data">Data</p>
<p>verse</p>
</div>
<p id="intro_text">An Open-Source Software (OSS) that allows organizing, analyzing and visualizing data,
providing flexible tools for financial tracking and customized chart creation.
</p>
<p id="intro_text">The adjoining map shows people who are using or contributing to Dataverse.</p>
<button id="download_btn"
onclick="showCustomAlert('Dataverse is currently under development. It will be available for installastion soon.\n\nHowever, you can visit the following link to run the project locally on your computer:')">Get
Dataverse</button>

<div id="custom-alert" class="custom-alert">
<div class="custom-alert-content">
<span id="alert-message"></span>
<div class="row_buttons">
<a
href="https://github.com/multiverseweb/Dataverse?tab=readme-ov-file#deployment-specifications"><button>Try
Dataverse</button></a>
<button onclick="closeCustomAlert()" id="later">Later</button>
</div>
</div>
</div>


</div>
<div class="scroll_animation"></div>
</div>
</div>
<div class="section big_container" style=" margin-top: 100px;"></div>
<div class="section" id="about">
<div class="about_left">
<p class="heading">So, What does this Software do?</p>
<p class="subheading">Visualise Data!</p>
<p class="text">Easily transform raw data into visually appealing charts such as bar graphs, pie charts,
and
line graphs. It also supports advanced data visualisation techniques like heatmaps, Radar charts, 3D
Surface Plots, etc.
<br><br>
You can also download the generated plots or save the data for later use.
</p>
</div>
<div class="about_right">
<img src="web_images/about_up.webp" class="preview up">
<img src="web_images/about_down.webp" class="preview down">
</div>
</div>
<div class="section" id="finance">
<div class="finance_left">
<img src="web_images/finance_up.webp" class="preview up">
<img src="web_images/finance_down.webp" class="preview down">
</div>
<div class="finance_right">
<p class="subheading">Track Finances!</p>
<p class="text">Manage your finances by providing data such as income, expense, investment, etc. and get
useful results such as visualization of data, extrapolated data, max expenditure, etc. Also, the
software automatically stores data with a timestamp.</p>
</div>
</div>

<div class="section" id="charts">
<p class="heading">Here are some examples of what you can do with Dataverse</p>
<div class="examples" id="examples">

<img src="web_images/volcano.gif" alt="">
<img src="web_images/live.gif" alt="">
<img src="https://i0.wp.com/learnbyinsight.com/wp-content/uploads/2020/09/sub-plot.png?resize=600%2C398&ssl=1"
alt="">
<img src="https://docs.sympy.org/latest/_images/plotting-16.png" alt="">
<img src="web_images/galaxy.webp" alt="">
<img src="web_images/3d.gif" alt="">
<img src="web_images/volcano.gif" alt="">
<img src="web_images/live.gif" alt="">
<img src="https://i0.wp.com/learnbyinsight.com/wp-content/uploads/2020/09/sub-plot.png?resize=600%2C398&ssl=1"
alt="">
<img src="https://docs.sympy.org/latest/_images/plotting-16.png" alt="">
<img src="website/web_images/galaxy.webp" alt="">
<img src="website/web_images/3d.gif" alt="">


</div>
<div class="examples" id="examples2">

<img src="https://matplotlib.org/stable/_images/sphx_glr_polar_scatter_001.png" alt="">
<img src="website/web_images/wordcloud.png" alt="">
<img src="https://www.pythoncharts.com/matplotlib/radar-charts/images/radar-chart-step1.png" alt="">
<img src="https://discourse.matplotlib.org/uploads/default/original/2X/4/4a1f2f7f8f90b98517aa85b8b984d4c9a3a94c72.jpeg"
alt="">
<img src="https://miro.medium.com/v2/resize:fit:1188/1*kpksgzDd6qKP2h6GM7OVCA.png" alt="">
<img src="https://miro.medium.com/v2/resize:fit:1140/1*Lc5VzM9Yo4775Omc-vqddQ.png" alt="">
<img src="web_images/portal.webp" alt="">
<img src="web_images/stars.webp" alt="">
<img src="https://matplotlib.org/stable/_images/sphx_glr_polar_scatter_001.png" alt="">
<img src="web_images/wordcloud.png" alt="">
<img src="https://www.pythoncharts.com/matplotlib/radar-charts/images/radar-chart-step1.png" alt="">
<img src="https://discourse.matplotlib.org/uploads/default/original/2X/4/4a1f2f7f8f90b98517aa85b8b984d4c9a3a94c72.jpeg"
alt="">
<img src="https://miro.medium.com/v2/resize:fit:1188/1*kpksgzDd6qKP2h6GM7OVCA.png" alt="">
<img src="https://miro.medium.com/v2/resize:fit:1140/1*Lc5VzM9Yo4775Omc-vqddQ.png" alt="">
<img src="web_images/portal.webp" alt="">
<img src="web_images/stars.webp" alt="">
</div>
</div>


<div class="section" id="develop">
<div class="develop_left">
<p class="heading">Want to contribute to this Project?</p>
<div class="subheading" id="technologies">
<div class="circle" id="red"></div>
<div class="circle" id="yellow"></div>
<div class="circle" id="green"></div>
<p>Technologies Used</p>
</div>
<div class="tags" id="tags">
<p id="pythontag">Python</p>
<p id="numpytag">Numpy</p>
<p id="pandastag">Pandas</p>
<p id="matplotlibtag">Matplotlib</p>
<p id="pythontag">Tkinter</p>
<p id="mysqltag">MySQL</p>
<p id="htmltag">HTML</p>
<p id="csstag">CSS</p>
<p id="jstag">JavaScript</p>
<p id="exceltag">MS Excel</p>
</div>
<p class="text">As this is an open-source project, contributions are always welcome. Whether you're
interested in adding new features, fixing bugs, or improving documentation, your contributions are
valuable. You can contribute to the project by visiting the link to the GitHub repository provided
below. Join me in making Dataverse even better for everyone!</p>
<a href="https://github.com/multiverseweb/Dataverse?tab=readme-ov-file#contributions"
target="_blank"><button id="contribute">
<p>Contribute</p><img
src="https://static-00.iconduck.com/assets.00/github-icon-2048x1999-d37ckpm6.png" id="github">
</button></a>
</div>
<div class="develop_right">
<img src="web_images/develop_up.webp" class="preview up">
<img src="web_images/develop_down.webp" class="preview down">
</div>
</div>
<div class="design_line"></div>
<footer>
<img src="web_images/cubes.webp" class="cubes">
<div class="contact">
<div class="name">
<img src="web_images/2dlogo.svg" alt="" class="end-logo">
<a class="subheading" href="index.html" id="last_link">Dataverse</a>
</div>
</div>
<form name="Dataverse Reviews" method="POST" data-netlify="true" onsubmit="return validateForm()">
<p style="color:white">Let Me Know Your Thoughts!</p>
<input type="text" name="Name" placeholder="Your Name" required>
<input type="email" name="Email" placeholder="Your Email ID" required>
<input name="Message" placeholder="Your Message" required>
<input type="submit" value="Send" id="send">
</form>
</footer>
<div class="links">
<div class="small">
<div class="link_class">
<a href="https://github.com/multiverseweb/Dataverse/blob/main/README.md"
class="table_link">Documentation</a>
<a href="./contributor.html" class="table_link">Contributors</a>
<a href="codeOfconduct.html" class="table_link" target="_blank">Code of Conduct</a>
<a href="license.html" class="table_link">License</a>
</div>
<div class="link_class">
<a href="https://www.figma.com/proto/BBbXARgpxercxacjm0qpgX/Dataverse?type=design&node-id=45-25&t=zMFBUgENaIeqhRYZ-1&scaling=scale-down-width&page-id=0%3A1&starting-point-node-id=22%3A310&show-proto-sidebar=1&mode=design"
class="table_link">Figma Design</a>
<a href="https://tejasgupta.netlify.app">Portfolio</a>
<a href="https://github.com/multiverseweb">Github Profile</a>
<a href="https://www.linkedin.com/in/tejascodes/"> LinkedIn</a>
</div>
<script>
// Delay the execution by 3 seconds
setTimeout(function () {
window.embeddedChatbotConfig = {
chatbotId: "oKgfHa3hvh7Ic0ypSqDbv",
domain: "www.chatbase.co"
};

var script = document.createElement("script");
script.src = "https://www.chatbase.co/embed.min.js";
script.setAttribute("chatbotId", "oKgfHa3hvh7Ic0ypSqDbv");
script.setAttribute("domain", "www.chatbase.co");
script.defer = true;
document.body.appendChild(script);
}, 3000);
</script>

</div>
<div class="end_line"></div>
<p class="tejas_credits" style="color:rgb(187, 187, 187); margin-top: 20px;"> Designed & Developed by Tejas
Gupta</p>
<br>
<p style="color:rgb(177, 177, 177);">&copy; <span id="copyright">32949832</span> Tejas Gupta</p>
</div>
<div class="end_line"></div>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
<script src="script.js"></script>


</body>

</html>
Loading