Spaces:
Running
Running
| <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> | |