Spaces:
Sleeping
Sleeping
File size: 6,436 Bytes
56bd117 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/loaders/GLTFLoader.js"></script>
<!-- Intro.js CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intro.js/minified/introjs.min.css">
<!-- Intro.js JS -->
<script src="https://cdn.jsdelivr.net/npm/intro.js/minified/intro.min.js"></script>
<script type="module"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<title>MarketMind - movers-Page</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/movers.css') }}">
</head>
<body>
<div class="transition-overlay"></div>
<nav class="navbar">
<div><strong>MarketMind</strong></div>
<div>
<a href="{{ url_for('home') }}">Home</a>
<div class="dropdown">
<h4>Services</h4>
<div class="dropdown-content">
<a href="{{ url_for('movers') }}">market Movers</a>
<a href="{{ url_for('fundamentals') }}">Fundamentals</a>
<a href="{{ url_for('news') }}">News</a>
<a href="{{url_for('predict')}}">Predictor</a>
</div>
</div>
<a href="{{ url_for('login') }}" id="logout">Logout</a>
<label class="toggle-switch">
<input type="checkbox" id="darkModeToggle">
<span class="slider">
<span class="toggle-circle">
<span class="toggle-icon">☾</span> <!-- Sun by default -->
</span>
</span>
</label>
</div>
</nav>
<!-- Rotating Stock Ticker -->
<div class="stock-ticker-indian">
<div class="ticker-content-indian" id="ticker-content-indian">
<!-- Stock data will be dynamically inserted here -->
</div>
</div>
<!-- Main Content -->
<div class="video-container ">
<video autoplay muted loop id="bgVideo">
<source src="{{ url_for('static', filename='video/bg video.mp4') }}" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="content ">
<h1>Welcome to NSE Market Dashboard</h1>
</div>
</div>
<!-- Market Movers Section -->
<div class="market-movers" data-intro="See the top gainers and losers in the market. Switch between list and graph view." data-step="1">
<h2 class="indian-head">Market Movers</h2>
<!-- Toggle Buttons -->
<div class="toggle-buttons">
<button id="list-view-btn" class="active">List View</button>
<button id="graph-view-btn">Graph View</button>
</div>
<div class="movers-container">
<!-- Top Gainers -->
<div class="movers-section">
<h3>Top Gainers</h3>
<ul id="top-gainers"></ul>
<div id="gainers-plotly" style="display: none; height:350px;"></div>
</div>
<!-- Top Losers -->
<div class="movers-section">
<h3>Top Losers</h3>
<ul id="top-losers"></ul>
<div id="losers-plotly" style="display: none; height:350px;"></div>
</div>
</div>
</div>
<div class="favorites-container" data-intro="Bookmark your favorite companies and track their prices here." data-step="2">
<h2>My Favorite Companies</h2>
<div id="favorites-message" style="display:none; margin-bottom:10px;"></div>
<div class="favorites-table-wrapper">
<table id="favorites-table">
<thead>
<tr>
<th>Bookmark</th>
<th>Company</th>
<th>Ticker</th>
<th>Current Price</th>
</tr>
</thead>
<tbody id="favorites-tbody">
<!-- Rows will be inserted here -->
</tbody>
</table>
</div>
</div>
<div id="message-container" style="display: none; padding: 10px; margin: 10px 0; border-radius: 5px;"></div>
</div>
<script type="module" src="{{ url_for('static', filename='js/movers.js') }}"></script>
<script type="module" src="{{ url_for('static', filename='js/auth.js') }}"></script>
<footer>
<div class="footer-content">
<div class="footer-section">
<h3>Quick Links</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="{{ url_for('fundamentals') }}">Fundamentals</a></li>
<li><a href="{{ url_for('movers') }}">Market Movers</a></li>
<li><a href="{{ url_for('news') }}">News</a></li>
<li><a href="{{ url_for('login') }}">Login</a></li>
<li><a href="{{url_for('predict')}}">Predictor</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Legal</h3>
<ul>
<li><a href="{{ url_for('privacy') }}">Privacy Policy</a></li>
<li><a href="{{ url_for('terms') }}">Terms of Service</a></li>
<li><a href="{{ url_for('disclaimer') }}">Disclaimer</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Contact</h3>
<ul>
<li><a href="mailto:support@stockai.com">support@stockai.com</a></li>
<li><a href="tel:+15551234567">+1 (555) 123-4567</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Newsletter</h3>
<form id="newsletter-form">
<input type="email" id="newsletter-email" placeholder="Enter your email" required>
<button type="submit">Subscribe</button>
</form>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 MarketMind. All rights reserved.</p>
</div>
</footer>
</body>
</html>
|