Skip to content
Snippets Groups Projects
Commit 7fd6b784 authored by Lizi Brelidze's avatar Lizi Brelidze
Browse files

Resolve conflicts, add styles, and configure gitignore

parent 165e401e
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
.gitignore 0 → 100644
+ 5
− 0
View file @ 7fd6b784
# macOS system file
.DS_Store
# Python cache directory
__pycache__/
\ No newline at end of file
templates/styles.css 0 → 100644
+ 230
− 0
View file @ 7fd6b784
Email - Brelidze,Lizi - Outlook
/* CSS File */
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #f4f4f9;
color: #333;
}
/* Splash Screen */
.splash-screen {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #4fb5f0;
z-index: 1000;
transition: opacity 1s ease, visibility 1s ease;
}
.splash-logo {
width: 300px;
animation: fadeIn 2s ease;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
/* Header */
.main-header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #4fb5f0;
padding: 1rem 2rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.logo img {
height: 50px;
}
.dropdown {
position: relative;
}
.dropdown-btn {
background: #fff;
border: none;
padding: 0.5rem 1rem;
font-size: 1rem;
cursor: pointer;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.dropdown-content {
display: none;
position: absolute;
right: 0;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 8px;
overflow: hidden;
}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content a {
display: block;
padding: 0.5rem 1rem;
color: #333;
text-decoration: none;
transition: background 0.3s;
}
.dropdown-content a:hover {
background-color: #e6f7ff;
}
/* Main Content */
.graphs-section {
display: flex;
justify-content: space-around;
padding: 2rem;
}
.graph {
width: 45%;
height: 300px;
border: 1px solid #ddd;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.prediction-score {
text-align: center;
font-size: 1.2rem;
margin: 1rem 0;
}
/* Data Sources */
.data-sources {
padding: 1rem 2rem;
}
.data-sources ul {
list-style: none;
padding: 0;
}
.data-sources li {
margin: 0.5rem 0;
}
.data-sources a {
color: #4fb5f0;
text-decoration: none;
}
.data-sources a:hover {
text-decoration: underline;
}
\ No newline at end of file
templates/styles.html 0 → 100644
+ 136
− 0
View file @ 7fd6b784
Email - Brelidze,Lizi - Outlook
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PulsePredict</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Splash Animation -->
<div class="splash-screen">
<img src="/mnt/data/image-2.jpg" alt="PulsePredict Logo" class="splash-logo">
</div>
<!-- Header Section -->
<header class="main-header">
<div class="logo">
<img src="/mnt/data/image.jpg" alt="PulsePredict Logo">
</div>
<div class="dropdown">
<button class="dropdown-btn">Crypto Dashboard</button>
<div class="dropdown-content">
<a href="#bitcoin">Bitcoin</a>
<a href="#ethereum">Ethereum</a>
<a href="#solana">Solana</a>
<a href="#ripple">Ripple</a>
<a href="#cardano">Cardano</a>
<!-- Add more cryptocurrencies as needed -->
</div>
</div>
</header>
<!-- Main Content -->
<main>
<section class="graphs-section">
<div class="graph" id="current-rates-graph">
<!-- Placeholder for Current Rates Graph -->
<p>Graph Placeholder: Current Rates</p>
</div>
<div class="graph" id="ai-predicted-graph">
<!-- Placeholder for AI Predicted Graph -->
<p>Graph Placeholder: AI Predictions</p>
</div>
</section>
<div class="prediction-score">
<p>Prediction Confidence Score: <span>Placeholder</span></p>
</div>
<section class="data-sources">
<h3>Sources Used by AI:</h3>
<ul>
<li><a href="#reddit">Reddit</a></li>
<li><a href="#newsapi">NewsAPI</a></li>
<li><a href="#coindesk">CoinDesk</a></li>
<li><a href="#decrypt">Decrypt</a></li>
<li><a href="#cryptopanic">CryptoPanic</a></li>
</ul>
</section>
</main>
<script>
// Splash Screen Transition
window.onload = function () {
const splash = document.querySelector('.splash-screen');
setTimeout(() => {
splash.style.opacity = '0';
splash.style.visibility = 'hidden';
}, 2000); // 2-second animation
};
</script>
</body>
</html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment