Spaces:
Running
Running
File size: 7,498 Bytes
d38ae85 9024623 a4ae699 5d45c77 a4ae699 5d45c77 a4ae699 5d45c77 a4ae699 5d45c77 a4ae699 5d45c77 a4ae699 ef1b519 f93392b ef1b519 a4ae699 5d45c77 a4ae699 5d45c77 ef1b519 5d45c77 ef1b519 a4ae699 5d45c77 ef1b519 a4ae699 5d45c77 a4ae699 5d45c77 ef1b519 5d45c77 f93392b a4ae699 f93392b 9024623 5d45c77 702bcc9 3e88faa cd2bfde 3e88faa cd2bfde e7870a5 3e88faa cd2bfde 5d45c77 e257621 0b6a893 5d45c77 bb3d482 cd2bfde 702bcc9 5d45c77 bb3d482 5d45c77 7aba221 5d45c77 3198b4d 5d45c77 bb3d482 5d45c77 3198b4d 5d45c77 cd2bfde 5d45c77 edccec3 5d45c77 bb3d482 5d45c77 bb3d482 9024623 d38ae85 |
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 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vitaliy Sharandin Data Science Portfolio</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #0d1117; /* Dark background */
color: #c9d1d9; /* Light text */
margin: 0;
padding: 0;
display: flex;
justify-content: center; /* Center content */
min-height: 100vh;
align-items: center; /* Center vertically */
}
.container {
text-align: center; /* Center text for the title */
max-width: 1200px;
width: 100%; /* Full width */
margin-top: 20px;
}
.section-title {
color: #ffffff;
font-size: 2em;
margin: 20px 0;
}
.project-row {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
gap: 20px; /* Add gap between projects */
}
.project {
border: 2px solid #30363d;
border-radius: 10px;
padding: 10px;
background-color: #161b22;
width: calc(50% - 40px); /* Adjust width for two projects per row */
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
}
.project:hover {
background-color: #21262d;
}
.thumbnail {
width: 100%; /* Adjust width as needed */
border-radius: 5px;
}
.project-info {
width: 100%;
}
.project-title {
font-size: 1.2em;
color: #ffffff;
margin: 0;
}
.project-link {
text-decoration: none;
color: #58a6ff;
margin: 5px 0;
padding: 8px 16px;
background-color: #21262d;
border-radius: 20px;
display: inline-block;
}
.project-link:hover {
background-color: #30363d;
text-decoration: underline;
}
@media screen and (max-width: 768px) {
.project {
width: 100%; /* Full width for smaller screens */
}
}
</style>
</head>
<body>
<div class="container">
<h1>🚀 Vitaliy Sharandin Data Science Portfolio</h1>
<!-- NLP Section -->
<div class="section">
<h2 class="section-title">NLP</h2>
<div class="project-row">
<!-- Project 2 -->
<div class="project">
<img class="thumbnail" src="thumbnail/psychotherapy-agent.webp" alt="Psychotherapy Agent Thumbnail">
<div class="project-info">
<h2 class="project-title">LLM RAG and Web Agent Azure Cloud Full Deployment</h2>
<a class="project-link" href="https://github.com/vitaliy-sharandin/psychotherapy-rag-agent" target="_blank">Agent Repo</a>
<a class="project-link" href="https://github.com/vitaliy-sharandin/psychotherapy-model" target="_blank">Model Repo</a>
</div>
</div>
<!-- Project 0 -->
<div class="project">
<img class="thumbnail" src="thumbnail/wiseai.jpg" alt="WiseAI Thumbnail">
<div class="project-info">
<h2 class="project-title">Psychological LLM PEFT Fine-Tuning</h2>
<a class="project-link" href="https://colab.research.google.com/github/vitaliy-sharandin/data_science_projects/blob/master/portfolio/nlp/fine-tuned-llm/psy_ai_huggingface_model_registry_demo.ipynb" target="_blank">Open in Colab</a>
</div>
</div>
<!-- Project 1 -->
<div class="project">
<img class="thumbnail" src="thumbnail/video_translation.jpg" alt="Video Translation Thumbnail">
<div class="project-info">
<h2 class="project-title">Open Source Video Translation with Speech Diarization and Voice Cloning</h2>
<a class="project-link" href="https://huggingface.co/spaces/vitaliy-sharandin/Video_translation_with_speaker_diarization_and_voice_cloning_private" target="_blank">View in Spaces</a>
</div>
</div>
</div>
</div>
<div class="section">
<h2 class="section-title">Time Series</h2>
<div class="project-row">
<!-- Project 3 -->
<div class="project">
<img class="thumbnail" src="thumbnail/energy_demand.jpg" alt="Energy Demand Thumbnail">
<div class="project-info">
<h2 class="project-title">Energy Demand Forecasting Based on Weather</h2>
<a class="project-link" href="https://colab.research.google.com/github/vitaliy-sharandin/data_science_projects/blob/master/portfolio/regression/Energy_demand_based_on_weather.ipynb" target="_blank">Open in Colab</a>
</div>
</div>
</div>
</div>
<!-- EDA Section -->
<div class="section">
<h2 class="section-title">EDA</h2>
<div class="project-row">
<!-- Project 4 -->
<div class="project">
<img class="thumbnail" src="thumbnail/ai_risks.jpg" alt="AI Risks Analysis Thumbnail">
<div class="project-info">
<h2 class="project-title">AI Risks Analysis</h2>
<a class="project-link" href="https://colab.research.google.com/github/vitaliy-sharandin/data_science_projects/blob/master/portfolio/eda/AI_risks_EDA.ipynb" target="_blank">Open in Colab</a>
</div>
</div>
<!-- Project 5 -->
<div class="project">
<img class="thumbnail" src="thumbnail/pollution_temp_krakow.jpg" alt="Global Pollution Thumbnail">
<div class="project-info">
<h2 class="project-title">Global Pollution and Temperature Phenomena Influence on Krakow City</h2>
<a class="project-link" href="https://colab.research.google.com/github/vitaliy-sharandin/data_science_projects/blob/master/portfolio/eda/Global_pollution_and_temperature_phenomena_influence_on_Krakow.ipynb" target="_blank">Open in Colab</a>
</div>
</div>
</div>
</div>
<!-- Classification Section -->
<div class="section">
<h2 class="section-title">Classification</h2>
<div class="project-row">
<!-- Project 6 -->
<div class="project">
<img class="thumbnail" src="thumbnail/fraud_detection.jpg" alt="Fraud Detection Thumbnail">
<div class="project-info">
<h2 class="project-title">Fraud Detection</h2>
<a class="project-link" href="https://colab.research.google.com/github/vitaliy-sharandin/data_science_projects/blob/master/portfolio/classification/Fraud_detection.ipynb" target="_blank">Open in Colab</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|